Account name:
Password
(OpenID?)
(Forgot it?)
Remember Me
You're viewing
dustier
Create a Dreamwidth Account
Learn More
Interest
Region
Site and Account
FAQ
Email
Reload page in style:
site
light
s t a r d u s t
layouts by cirque
003: colour schemes
003: colour schemes
Nov
.
17th
,
2012
03:10 am
cirque
posting in
dustier
Four colour schemes for 'Crisped'.
(The corresponding CSS is underneath each screenshot)
Cake:
/* Cleaned CSS: */ /* Layout: Cake By: cirque @ dustier Base: Crisped */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff'); } H1, H2, H3 { margin: .25em 0; padding: .25em 0; } img { border: none; } hr { display: none; } .entry-content hr, .comment-content hr { display: block; margin: 1em 10%; } body { font-family: "Lucida Sans Unicode", sans serif; padding: 0; background: #ECE5CE; color: #727272; font-size: 12px; } html body { margin-left: 0em; margin-right: 0em; } a, a:active { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a: visited { color: #774F38; } a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } q { font-style: italic; } .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 20em solid transparent; } .two-columns-right #content, .three-columns-sides #content { border-right: 20em solid transparent; } .three-columns-left #content { border-left: 40em solid transparent; } .three-columns-right #content { border-right: 40em solid transparent; } .column-right #content { min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ } #content-footer { height: 0; font-size: 0; /*to make IE happy*/ clear: both; } #header, #footer { margin: 0; clear: both; padding: .5em; } #header { font-family: 'Amatic SC'; font-size: 26px; background: transparent; color: #E08E79; } h1#title { font-family: 'Amatic SC', sans serif; font-size: 22; } h2#subtitle, h2#pagetitle { font-family: 'Amatic SC', sans serif; font-size: 22; } #footer { text-align: center; font-family: 'Amatic SC', sans serif; font-size: 25px; color: #E08E79; background: transparent; } #footer a { } #footer a:visited { color: #774F38; } #footer a:hover { color: #C5E0DC; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footer a:active { } #primary { float: left; width:100%; margin-right:-100%; margin-left: 0; } .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { float: left; width: 18em; margin-left: -20em; } .two-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } .three-columns-left #secondary { float: left; width: 20em; margin-left: -40em; } .three-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } #secondary > .inner:first-child { padding: 1em; } .one-column #tertiary { width: auto; } .two-columns-left #tertiary, .two-columns-right #tertiary { clear: both; } .two-columns-left #tertiary { margin-left: -20em; } .two-columns-right #tertiary { margin-right: -20em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 20em; } .three-columns-left #tertiary { float: left; width: 20em; margin-left: -20em; } .three-columns-right #tertiary { float: right; width: 20em; margin-right: -40em; margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 20em; margin-right: -20em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { padding: 0 .5em; } /* entries */ .entry { background: #ECE5CE; color: #727272; size: 12px; border-bottom: 3px solid #C5E0DC; } .entry .entry-title { font-family: 'Amatic SC', sans serif; font-size: 25px; border-bottom: 2px solid #C5E0DC; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .entry-title, .entry .entry-title a { color: #E08E79; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .entry .entry-title { background: none; border: none; } .entry a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:visited { color: #774F38; } .entry a:hover { color: #6A4A3C; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:active { } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside } .metadata ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .metadata li { margin-bottom: .5em } .metadata.top-metadata ul { margin: 0 } .metadata.top-metadata { margin-bottom: 1em } .tag ul { display: inline; margin-left: .5em; padding-left: 0; } .tag ul li { display: inline; padding: .25em; } /* same for month view */ ul.entry-management-links { margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { margin-left: 0; padding-left: 0; text-align: right; } .entry-interaction-links a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: 'Amatic SC', sans serif; font-size: 20px; margin: 0; } .comment .comment-title, .comment .comment-title a { color: #E08E79; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { margin-left: 0; padding-left: 0; text-align: right; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { margin-left: 0; padding-left: 0; } ul.comment-interaction-links li { display: inline; padding: 0 .25em; } textarea#commenttext { width: 100%; /* fix for FF form width glitch */ } /* archive */ table.month { margin: 0 auto; border-collapse: collapse; } table.month td { height: 3.25em } table.month td, table.month th { border: 1px solid; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { font-weight: bold } .month dl .time { padding-right: .5em } .month dl h3 { display: inline; font-size: medium; } .page-month .month .entry-poster { margin-right: .5em } .month dl .tag ul { margin-top: 0 } /* icons */ .sorting-options ul { margin-left: 0 } .sorting-options ul li { display: inline } .icon-keywords ul { display: inline; margin-left: .5em; padding-left: 0; } .icon-keywords ul li { display: inline; padding: .25em; } /* modules */ .module { background: #ECE5CE; color: #727272; font-size: 12px; text-align: justify; padding: 5px; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px; } .module a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:visited { color: #774F38; } .module a:hover { color: #C5E0DC; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:active { } .module h2 { color: #774F38; font-family: 'Amatic SC', sans serif; font-size: 22px; } .module-content { font-family: "Lucida Sans Unicode", sans serif; color: #727272; font-size: 12px; text-align: justify; } .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0; } .module-content li { margin: .5em 0; } ul.userlite-interaction-links.icon-links { margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 .20em; } ul.userlite-interaction-links.text-links { text-align: left; } .module-calendar .module-content { text-align: center; } .one-column .module-calendar .module-content { text-align: left; } .module-calendar table { margin: 0 auto; } .one-column .module-calendar table { margin: 0; } .module-calendar td { padding: 1px; } .module-calendar td a { display: block; padding: 2px; } .search-box { margin: .2em auto; max-width: 100%; } /* wrap long content, particularly openid usernames */ .module-pagesummary .ljuser { white-space: normal !important } .module-pagesummary .module-content { word-wrap: break-word } .module-credit dt, .module-credit dd { display: inline; margin: 0; padding: 0; } .module-credit dt { font-weight: bold; margin-right: 0.5em; } .tags_cloud li, .module-tags_cloud li { display: inline; font-size: 10px; } .module-syndicate .module-content { text-align: center } .one-column .module-syndicate .module-content { text-align: left } .entry .userpic, .comment .userpic { text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } /* Crisped */ /* by timeasmymeasure*/ /* Main ***************************************************************************/ body { margin: 10px 0 0 0; background: #F1D4AF; font-size: 12px; } a, a:link { color: #E08E79; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a: visited { color: #774F38;} a: hover { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } i, em { color: #774F38; letter-spacing: 1px; } b, strong { font-weight: bold; color: #E08E79; } u { border-bottom: 1px solid #774F38; } code, kbd, pre, tt, textarea { font-family: monospace; } input, textarea { background-color: #F1D4AF; border: 1px solid #774F38; color: #727272; } ::-moz-selection { background-color: #774F38; color: #ffffff; } blockquote { background-color: #F1D4AF; color: #727272; border-top: 2px solid #774F38; margin: 15px 15px 15px 70px; padding: 10px; width: 65%; } ul { list-style: square inside; margin: 5px 0 5px 15px; } ol { list-style: decimal inside; margin: 5px 0 5px 15px; } .poster { float: right; padding-left: 5px; font-size: 12px; color: #69D2E7; } hr, .page-separator { display: none } /* Page Containers ***************************************************************************/ #canvas { margin: 0 auto; width: 92%; } #primary > .inner:first-child { padding: 1em .5em } #secondary > .inner:first-child { padding: .5em } .two-columns #secondary > .inner:first-child, .three-columns #secondary > .inner:first-child { padding-top: 4em } #tertiary > .inner:first-child { padding: .5em } .three-columns #tertiary > .inner:first-child { padding-top: 4em } /* Header ***************************************************************************/ #header { padding: 10px; margin: 0 0 10px; letter-spacing: -0.1em; line-height: 120%; } h1#title { font-weight: lighter; margin: 0; padding: 0; text-transform: uppercase; } h2#subtitle, h2#pagetitle { color: #727272; font-weight: lighter; margin: 0; padding: 0; text-transform: lowercase; } /* Navigation ***************************************************************************/ .navigation { margin: 5px 0; font-size: 1.1em; text-transform: uppercase; } /* Entries ***************************************************************************/ .entry { border-bottom-width: 3px; border-left: none; border-top: none; margin-bottom: 15px; padding-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .entry .header { background-color: #ECE5CE; color: #E08E79; margin-bottom: 5px; padding: 5px 10px; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } h3.entry-title { font-weight: normal; text-transform: uppercase; } .datetime { color: #69D2E7; font-size: .75em; text-transform: uppercase; } .entry .userpic img:hover { padding: 5px; background: #C5E0DC; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .userpic img { padding: 5px; background: #E08E79; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-content { margin-top: 1px; padding: 15px; } .metadata { font-family: 'Amatic SC'; margin-top: 20px; margin-left: 15px; text-align: left; font-size: 20px; text-transform: uppercase; } .metadata ul, .metadata ul li { margin: ; padding: 0; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, div.tag ul { font-family: 'Amatic SC'; color: ; text-align: left; font-size: 20px; } .tag { font-family: 'Amatic SC'; font-size: 20px; margin: 0; text-transform: uppercase; } .tag ul li { margin: 0 0; text-align: right; } .tag-text { margin-left: 15px } .entry .footer { clear: both } ul.entry-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-left: 15px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-management-links li { display: inline; margin: 0 auto; text-align: center; } ul.entry-interaction-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; font-size: 1.05em; margin-right: 5px; text-transform: uppercase; } /* Comments ***************************************************************************/ .comment-wrapper .comment { background-color: #ECE5CE; border-right: 2px solid #F1D4AF; border-bottom: 2px transparent; color: #727272; padding-bottom: 10px; margin-bottom: 15px; } .comment-wrapper .comment a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .comment-wrapper .comment a:visited { color: #774F38; } .comment-wrapper .comment a:hover { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-wrapper .comment a:active { color: ; } .comment .header { font-family: 'Amatic SC', sans serif; font-size: 20px; background-color: #F1D4AF; color: #727272; padding: 5px 10px; margin-bottom: 5px; text-align: right; } .comment .comment-title a { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .partial .comment-title { margin-bottom: 5px; padding: 5px 10px; text-align: right; } .comment-poster { text-transform: uppercase; } .comment .userpic img:hover { padding: 5px; background: #C5E0DC; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment .userpic img { padding: 5px; background: #E08E79; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-content { margin-top: 10px; padding: 15px; } .comment .contents { padding: .5em 0; background: #ECE5CE; border-left: 2px solid #D4EE5E1; min-height: 10.5em; -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } .comment .footer { clear: both; color: #E08E79; font-weight: bold; padding: 0 10px; text-align: left; text-transform: uppercase; } ul.comment-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: left; } .bottomcomment { background-color: #ECE5CE; font-family: 'Amatic SC', sans serif; font-size: 20px; border-right: 2px solid #F1D4AF; border-bottom: 2px solid transparent; color: #727272; padding: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a:visited { color: #774F38; } .bottomcomment a:hover { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .bottomcomment a:active { color: ; } #qrformdiv input { margin: 1px; } table.talkform { background-color: #ECE5CE; border-right: 2px solid #F1D4AF; border-bottom: 2px solid transparent; color: #727272; margin-bottom: 10px; padding: 10px; width: 100%; } table.talkform input { margin: 1px; } /* Archive Pages ***************************************************************************/ .month { background-color: #ffffff; border-right: 1px solid #ffab87; border-bottom: 2px solid #ffab87; color: #1a2708; margin-bottom: 15px; padding: 20px; } .month a { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:visited { color: #774F38; } .month a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:active { color: } .month table { border: none; margin: auto; width: 100%; } .month caption { display: none } .month h3 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; } table.month th { background-color: #ffedb8; border: 1px solid #ffab87; color: #1a2708; margin: 0 2px; padding: 5px 2px; font-size: 1.05em; font-weight: normal; text-align: center; text-transform: uppercase; } table.month td { border: none } table.month td.day { border: 1px solid #ffab87; padding: 10px; text-align: center; } .month td.day-has-entries { background-color: #ffedb8; color: #1a2708; } .month td.day-has-entries p { display: inline; font-size: 1.05em; font-weight: bold; padding-left: 5px; } .month td.day-has-entries p a { color: #c90227 } .month td.day-has-entries p a:visited { color: #774F38; } .month td.day-has-entries p a:hover { color: #ff5c5c } .month td.day-has-entries p a:active { color: } .month dl, .month dt, .month dd { margin: 0; padding: 0; } /* Tags Page ***************************************************************************/ .page-tags .tags-container { background-color: #ECE5CE; border-right: 2px solid #F1D4AF; color: #727272; margin-bottom: 10px; } .page-tags .tags-container a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:visited { color: #774F38;} .page-tags .tags-container a:hover { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:active { color: ; } .page-tags .tags-container h2 { background-color: #ECE5CE; color: #E08E79; font-family: 'Amatic SC', sans serif; font-size: 20px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .page-tags .tags-container .ljtaglist { padding: 10px; } .page-tags .tags-container .manage-tags-link { padding: 10px;} /* Icons Page ***************************************************************************/ .icons-container { background-color: fff4cc; border-right: 2px solid #F1D4AF; color: #727272; margin-bottom: 10px; } .icons-container a { color: #c90227; } .icons-container a:visited { color: #774F38; } .icons-container a:hover { color: #ff5c5c; } .icons-container a:active { color: ; } .icons-container h2 { background-color: #ffab87; color: #1a2708; font-size: 1.17em; font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .icons-container .contents, .icons-container .footer { padding: 15px; } .sorting-options ul { padding-left: 0; } .icons-container .icon { margin: 1em 0; } .icon-image { float: left; clear: left; margin-bottom: .25em; min-width: 100px; padding-right: 1em; } .icon-info { min-height: 100px; } .icon-info span { font-weight: bold; } .icon-info .default { text-decoration: underline; } /* Modules ***************************************************************************/ .module { border-bottom-width: 2px; border-left: none; border-top: none; margin-bottom: 5px; padding-bottom: 2px; } h2.module-header { font-family: 'Amatic SC', sans serif; font-size: 20px; letter-spacing: 2px; background-color: transparent; color: #E08E79; font-weight: normal; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-transform: uppercase; } h2.module-header a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #E08E79; } .module-content { margin-top: 0px; padding: 2px; } ul.module-list { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 5px; } .module-content .userpic { text-align: center; } .module-content .userpic img:hover { padding: 5px; background: #C5E0DC; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-content .userpic img { padding: 5px; background: #E08E79; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .journal-name { font-family: 'Amatic SC', sans serif; font-size: 22px; margin-top: 5px; text-align: center; text-transform: uppercase; } .journal-website-name { text-align: center; text-transform: uppercase; } ul.userlite-interaction-links { margin: 5px 0 0; list-style: none; text-align: center; } ul.userlite-interaction-links.icon-links li { display: inline; margin: 0 auto; text-align: center; } .module-navlinks { margin-top: 0px; border-left: 3px solid #E08E79; color: #727272; text-align: right; letter-spacing: 2px; list-style: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks a: hover{ text-align: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks ul.module-list { text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; } .manage-link, .manage-tags-link { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 0px; padding: 2px; text-align: right; text-transform: uppercase; } .module-calendar table { margin: 0 auto; text-align: center; } .module-calendar th { background-color: #ECE5CE; border: 1px transparent; color: #727272; margin: 0 2px; padding: 3px 8px; text-transform: uppercase; } .module-calendar td.empty-day { border: 1px transparent; margin: 0 2px; text-transform: uppercase; } .module-calendar td.entry-day { background-color: #F1D4AF; border: 1px solid transparent; color: #E08E79; margin: 0 1px; text-transform: uppercase; } .module-calendar td.entry-day a { color: #E08E79; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:visited { color: #774F38; } .module-calendar td.entry-day a:hover { color: #774F38; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:active { color: ; } .module-search .search-box { margin-right: 2px; } /* Contextual Pop-ups ***************************************************************************/ div.ContextualPopup { text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup div.Inner { background-color: #FEE4CC; color: #727272; border: 2px solid #F1D4AF; } div.ContextualPopup .Userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Userpic img { padding: 5px; background: #E08E79; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Content { background-color: #ECE5CE; color: #727272; border: none; margin: auto; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link { color: #E08E79; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup .Relation { color: #F1D4AF; text-transform: uppercase; } /* Navigation Strip ***************************************************************************/ #lj_controlstrip td { background: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/back2.gif) background-color: #F1D4AF; border-bottom: 2px solid #69D2E7; color: #727272; text-transform: uppercase; } #lj_controlstrip_statustext{ color: #E08E79; } #lj_controlstrip input { background-color: #ECE5CE; border: 1px solid #69D2E7; color: #727272; padding: 0 5px; text-transform: uppercase; } #lj_controlstrip a { color: #E08E79; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:visited { color: #774F38; } #lj_controlstrip a:hover { text-decoration:none; color: #C5E0DC; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:active { color: ; } .has-userpic .entry .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; float: right; margin: 5px 10px 20px 20px; } .has-userpic .comment .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; display: block; float: right; margin: 5px 10px; }
Earth:
/* Cleaned CSS: */ /* Layout: Earth By: cirque @ dustier Base: Crisped */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff'); } H1, H2, H3 { margin: .25em 0; padding: .25em 0; } img { border: none; } hr { display: none; } .entry-content hr, .comment-content hr { display: block; margin: 1em 10%; } body { font-family: "Lucida Sans Unicode", sans serif; padding: 0; background: #fff4cc; color: #727272; font-size: 12px; } html body { margin-left: 0em; margin-right: 0em; } a, a:active { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:visited { font-style: italic; } a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } q { font-style: italic; } .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 20em solid transparent; } .two-columns-right #content, .three-columns-sides #content { border-right: 20em solid transparent; } .three-columns-left #content { border-left: 40em solid transparent; } .three-columns-right #content { border-right: 40em solid transparent; } .column-right #content { min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ } #content-footer { height: 0; font-size: 0; /*to make IE happy*/ clear: both; } #header, #footer { margin: 0; clear: both; padding: .5em; } #header { font-family: 'Amatic SC'; font-size: 26px; background: transparent; color: #EDC951; } h1#title { font-family: 'Amatic SC', sans serif; font-size: 22; } h2#subtitle, h2#pagetitle { font-family: 'Amatic SC', sans serif; font-size: 22; } #footer { text-align: center; font-family: 'Amatic SC', sans serif; font-size: 25px; color: #EDC951; background: transparent; } #footer a { } #footer a:visited { font-style: italic; } #footer a:hover { color: #CC333F -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footer a:active { } #primary { float: left; width:100%; margin-right:-100%; margin-left: 0; } .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { float: left; width: 18em; margin-left: -20em; } .two-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } .three-columns-left #secondary { float: left; width: 20em; margin-left: -40em; } .three-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } #secondary > .inner:first-child { padding: 1em; } .one-column #tertiary { width: auto; } .two-columns-left #tertiary, .two-columns-right #tertiary { clear: both; } .two-columns-left #tertiary { margin-left: -20em; } .two-columns-right #tertiary { margin-right: -20em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 20em; } .three-columns-left #tertiary { float: left; width: 20em; margin-left: -20em; } .three-columns-right #tertiary { float: right; width: 20em; margin-right: -40em; margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 20em; margin-right: -20em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { padding: 0 .5em; } /* entries */ .entry { background: #fff4cc; color: #727272; size: 12px; border-bottom: 3px solid #69D2E7; } .entry .entry-title { font-family: 'Amatic SC', sans serif; font-size: 25px; border-bottom: 2px solid #69D2E7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .entry-title, .entry .entry-title a { color: #EDC951; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .entry .entry-title { background: none; border: none; } .entry a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:visited { font-style: italic; } .entry a:hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:active { } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside } .metadata ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .metadata li { margin-bottom: .5em } .metadata.top-metadata ul { margin: 0 } .metadata.top-metadata { margin-bottom: 1em } .tag ul { display: inline; margin-left: .5em; padding-left: 0; } .tag ul li { display: inline; padding: .25em; } /* same for month view */ ul.entry-management-links { margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { margin-left: 0; padding-left: 0; text-align: right; } .entry-interaction-links a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: 'Amatic SC', sans serif; font-size: 20px; margin: 0; } .comment .comment-title, .comment .comment-title a { color: #EDC951; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { margin-left: 0; padding-left: 0; text-align: right; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { margin-left: 0; padding-left: 0; } ul.comment-interaction-links li { display: inline; padding: 0 .25em; } textarea#commenttext { width: 100%; /* fix for FF form width glitch */ } /* archive */ table.month { margin: 0 auto; border-collapse: collapse; } table.month td { height: 3.25em } table.month td, table.month th { border: 1px solid; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { font-weight: bold } .month dl .time { padding-right: .5em } .month dl h3 { display: inline; font-size: medium; } .page-month .month .entry-poster { margin-right: .5em } .month dl .tag ul { margin-top: 0 } /* icons */ .sorting-options ul { margin-left: 0 } .sorting-options ul li { display: inline } .icon-keywords ul { display: inline; margin-left: .5em; padding-left: 0; } .icon-keywords ul li { display: inline; padding: .25em; } /* modules */ .module { background: #fff4cc; color: #727272; font-size: 12px; text-align: justify; padding: 5px; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px; } .module a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:visited { font-style: italic; } .module a:hover { color: #F28630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:active { } .module h2 { color: #CC333F; font-family: 'Amatic SC', sans serif; font-size: 22px; } .module-content { font-family: "Lucida Sans Unicode", sans serif; color: #727272; font-size: 12px; text-align: justify; } .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0; } .module-content li { margin: .5em 0; } ul.userlite-interaction-links.icon-links { margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 .20em; } ul.userlite-interaction-links.text-links { text-align: left; } .module-calendar .module-content { text-align: center; } .one-column .module-calendar .module-content { text-align: left; } .module-calendar table { margin: 0 auto; } .one-column .module-calendar table { margin: 0; } .module-calendar td { padding: 1px; } .module-calendar td a { display: block; padding: 2px; } .search-box { margin: .2em auto; max-width: 100%; } /* wrap long content, particularly openid usernames */ .module-pagesummary .ljuser { white-space: normal !important } .module-pagesummary .module-content { word-wrap: break-word } .module-credit dt, .module-credit dd { display: inline; margin: 0; padding: 0; } .module-credit dt { font-weight: bold; margin-right: 0.5em; } .tags_cloud li, .module-tags_cloud li { display: inline; font-size: 10px; } .module-syndicate .module-content { text-align: center } .one-column .module-syndicate .module-content { text-align: left } .entry .userpic, .comment .userpic { text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } /* Crisped */ /* by timeasmymeasure*/ /* Main ***************************************************************************/ body { margin: 10px 0 0 0; background: #6A4A3C; font-size: 12px; } a, a:link { color: #EDC951; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:visited {font-style: italic;} a: hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } i, em { color: #CC333F; letter-spacing: 1px; } b, strong { font-weight: bold; color: #00A0B0; } u { border-bottom: 1px solid #CC333F; } code, kbd, pre, tt, textarea { font-family: monospace; } input, textarea { background-color: #6A4A3C; border: 1px solid #CC333F; color: #727272; } ::-moz-selection { background-color: #CC333F; color: #ffffff; } blockquote { background-color: #6A4A3C; color: #fff4cc; border-top: 2px solid #CC333F; margin: 15px 15px 15px 70px; padding: 10px; width: 65%; } ul { list-style: square inside; margin: 5px 0 5px 15px; } ol { list-style: decimal inside; margin: 5px 0 5px 15px; } .poster { float: right; padding-left: 5px; font-size: 12px; color: #69D2E7; } hr, .page-separator { display: none } /* Page Containers ***************************************************************************/ #canvas { margin: 0 auto; width: 92%; } #primary > .inner:first-child { padding: 1em .5em } #secondary > .inner:first-child { padding: .5em } .two-columns #secondary > .inner:first-child, .three-columns #secondary > .inner:first-child { padding-top: 4em } #tertiary > .inner:first-child { padding: .5em } .three-columns #tertiary > .inner:first-child { padding-top: 4em } /* Header ***************************************************************************/ #header { padding: 10px; margin: 0 0 10px; letter-spacing: -0.1em; line-height: 120%; } h1#title { font-weight: lighter; margin: 0; padding: 0; text-transform: uppercase; } h2#subtitle, h2#pagetitle { color: #fff4cc; font-weight: lighter; margin: 0; padding: 0; text-transform: lowercase; } /* Navigation ***************************************************************************/ .navigation { margin: 5px 0; font-size: 1.1em; text-transform: uppercase; } /* Entries ***************************************************************************/ .entry { border-bottom-width: 3px; border-left: none; border-top: none; margin-bottom: 15px; padding-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .entry .header { background-color: #fff4cc; color: #EDC951; margin-bottom: 5px; padding: 5px 10px; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } h3.entry-title { font-weight: normal; text-transform: uppercase; } .datetime { color: #69D2E7; font-size: .75em; text-transform: uppercase; } .entry .userpic img { padding: 5px; background: #EB6841; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .userpic img:hover { padding: 5px; background: #EDC951; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-content { margin-top: 1px; padding: 15px; } .metadata { font-family: 'Amatic SC'; margin-top: 20px; margin-left: 15px; text-align: left; font-size: 20px; text-transform: uppercase; } .metadata ul, .metadata ul li { margin: ; padding: 0; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, div.tag ul { font-family: 'Amatic SC'; color: ; text-align: left; font-size: 20px; } .tag { font-family: 'Amatic SC'; font-size: 20px; margin: 0; text-transform: uppercase; } .tag ul li { margin: 0 0; text-align: right; } .tag-text { margin-left: 15px } .entry .footer { clear: both } ul.entry-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-left: 15px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-management-links li { display: inline; margin: 0 auto; text-align: center; } ul.entry-interaction-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; font-size: 1.05em; margin-right: 5px; text-transform: uppercase; } /* Comments ***************************************************************************/ .comment-wrapper .comment { background-color: #fff4cc; border-right: 2px solid #6A4A3C; border-bottom: 2px transparent; color: #727272; padding-bottom: 10px; margin-bottom: 15px; } .comment-wrapper .comment a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .comment-wrapper .comment a:visited { font-style: italic; } .comment-wrapper .comment a:hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-wrapper .comment a:active { color: ; } .comment .header { font-family: 'Amatic SC', sans serif; font-size: 20px; background-color: #6A4A3C; color: #727272; padding: 5px 10px; margin-bottom: 5px; text-align: right; } .comment .comment-title a { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .partial .comment-title { margin-bottom: 5px; padding: 5px 10px; text-align: right; } .comment-poster { text-transform: uppercase; } .comment .userpic img { padding: 5px; background: #EDC951; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment .userpic img:hover { padding: 5px; background: #EB6841; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-content { margin-top: 10px; padding: 15px; } .comment .contents { padding: .5em 0; background: #fff4cc; border-left: 2px solid #EB68411; min-height: 10.5em; -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } .comment .footer { clear: both; color: #EDC951; font-weight: bold; padding: 0 10px; text-align: left; text-transform: uppercase; } ul.comment-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: left; } .bottomcomment { background-color: #fff4cc; font-family: 'Amatic SC', sans serif; font-size: 20px; border-right: 2px solid #6A4A3C; border-bottom: 2px solid transparent; color: #727272; padding: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a:visited { font-style: italic; } .bottomcomment a:hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .bottomcomment a:active { color: ; } #qrformdiv input { margin: 1px; } table.talkform { background-color: #fff4cc; border-right: 2px solid #6A4A3C; border-bottom: 2px solid transparent; color: #727272; margin-bottom: 10px; padding: 10px; width: 100%; } table.talkform input { margin: 1px; } /* Archive Pages ***************************************************************************/ .month { background-color: #ffffff; border-right: 1px solid #ffab87; border-bottom: 2px solid #ffab87; color: #1a2708; margin-bottom: 15px; padding: 20px; } .month a { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:visited { font-style: italic; } .month a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:active { color: } .month table { border: none; margin: auto; width: 100%; } .month caption { display: none } .month h3 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; } table.month th { background-color: #ffedb8; border: 1px solid #ffab87; color: #1a2708; margin: 0 2px; padding: 5px 2px; font-size: 1.05em; font-weight: normal; text-align: center; text-transform: uppercase; } table.month td { border: none } table.month td.day { border: 1px solid #ffab87; padding: 10px; text-align: center; } .month td.day-has-entries { background-color: #ffedb8; color: #1a2708; } .month td.day-has-entries p { display: inline; font-size: 1.05em; font-weight: bold; padding-left: 5px; } .month td.day-has-entries p a { color: #c90227 } .month td.day-has-entries p a:visited { font-style: italic; } .month td.day-has-entries p a:hover { color: #ff5c5c } .month td.day-has-entries p a:active { color: } .month dl, .month dt, .month dd { margin: 0; padding: 0; } /* Tags Page ***************************************************************************/ .page-tags .tags-container { background-color: #fff4cc; border-right: 2px solid #6A4A3C; color: #727272; margin-bottom: 10px; } .page-tags .tags-container a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:visited { font-style: italic; } .page-tags .tags-container a:hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:active { color: ; } .page-tags .tags-container h2 { background-color: #fff4cc; color: #EDC951; font-family: 'Amatic SC', sans serif; font-size: 20px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .page-tags .tags-container .ljtaglist { padding: 10px; } .page-tags .tags-container .manage-tags-link { padding: 10px;} /* Icons Page ***************************************************************************/ .icons-container { background-color: fff4cc; border-right: 2px solid #6A4A3C; color: #727272; margin-bottom: 10px; } .icons-container a { color: #c90227; } .icons-container a:visited { font-style: italic; } .icons-container a:hover { color: #ff5c5c; } .icons-container a:active { color: ; } .icons-container h2 { background-color: #ffab87; color: #1a2708; font-size: 1.17em; font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .icons-container .contents, .icons-container .footer { padding: 15px; } .sorting-options ul { padding-left: 0; } .icons-container .icon { margin: 1em 0; } .icon-image { float: left; clear: left; margin-bottom: .25em; min-width: 100px; padding-right: 1em; } .icon-info { min-height: 100px; } .icon-info span { font-weight: bold; } .icon-info .default { text-decoration: underline; } /* Modules ***************************************************************************/ .module { border-bottom-width: 2px; border-left: none; border-top: none; margin-bottom: 5px; padding-bottom: 2px; } h2.module-header { font-family: 'Amatic SC', sans serif; font-size: 20px; letter-spacing: 2px; background-color: transparent; color: #EDC951; font-weight: normal; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-transform: uppercase; } h2.module-header a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #EDC951; } .module-content { margin-top: 0px; padding: 2px; } ul.module-list { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 5px; } .module-content .userpic { text-align: center; } .module-content .userpic img { padding: 5px; background: #EB6841; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-content .userpic img:hover { padding: 5px; background: #EDC951; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .journal-name { font-family: 'Amatic SC', sans serif; font-size: 22px; margin-top: 5px; text-align: center; text-transform: uppercase; } .journal-website-name { text-align: center; text-transform: uppercase; } ul.userlite-interaction-links { margin: 5px 0 0; list-style: none; text-align: center; } ul.userlite-interaction-links.icon-links li { display: inline; margin: 0 auto; text-align: center; } .module-navlinks { margin-top: 0px; border-left: 3px solid #EDC951; color: #727272; text-align: right; letter-spacing: 2px; list-style: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks a: hover{ text-align: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks ul.module-list { text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; } .manage-link, .manage-tags-link { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 0px; padding: 2px; text-align: right; text-transform: uppercase; } .module-calendar table { margin: 0 auto; text-align: center; } .module-calendar th { background-color: #fff4cc; border: 1px transparent; color: #727272; margin: 0 2px; padding: 3px 8px; text-transform: uppercase; } .module-calendar td.empty-day { border: 1px transparent; margin: 0 2px; text-transform: uppercase; } .module-calendar td.entry-day { background-color: #6A4A3C; border: 1px solid transparent; color: #EDC951; margin: 0 1px; text-transform: uppercase; } .module-calendar td.entry-day a { color: #EDC951; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:visited { font-style: italic; } .module-calendar td.entry-day a:hover { color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:active { color: ; } .module-search .search-box { margin-right: 2px; } /* Contextual Pop-ups ***************************************************************************/ div.ContextualPopup { text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup div.Inner { background-color: #FEE4CC; color: #727272; border: 2px solid #6A4A3C; } div.ContextualPopup .Userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Userpic img { padding: 5px; background: #CC333F; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Content { background-color: #fff4cc; color: #727272; border: none; margin: auto; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link { color: #EDC951; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup .Relation { color: #6A4A3C; text-transform: uppercase; } /* Navigation Strip ***************************************************************************/ #lj_controlstrip td { background: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/back2.gif) background-color: #6A4A3C; border-bottom: 2px solid #69D2E7; color: #727272; text-transform: uppercase; } #lj_controlstrip_statustext{ color: #EDC951; } #lj_controlstrip input { background-color: #fff4cc; border: 1px solid #69D2E7; color: #727272; padding: 0 5px; text-transform: uppercase; } #lj_controlstrip a { color: #EDC951; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:visited { font-style: italic; } #lj_controlstrip a:hover { text-decoration:none; color: #CC333F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:active { color: ; } .has-userpic .entry .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; float: right; margin: 5px 10px 20px 20px; } .has-userpic .comment .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; display: block; float: right; margin: 5px 10px; }
Goldfish:
/* Cleaned CSS: */ /* Layout: Goldfish By: cirque @ dustier Base: Crisped */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff'); } H1, H2, H3 { margin: .25em 0; padding: .25em 0; } img { border: none; } hr { display: none; } .entry-content hr, .comment-content hr { display: block; margin: 1em 10%; } body { font-family: "Lucida Sans Unicode", sans serif; padding: 0; background: #E0E4CC; color: #727272; font-size: 12px; } html body { margin-left: 0em; margin-right: 0em; } a, a:active { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:visited { color: #727272;} a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } q { font-style: italic; } .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 20em solid transparent; } .two-columns-right #content, .three-columns-sides #content { border-right: 20em solid transparent; } .three-columns-left #content { border-left: 40em solid transparent; } .three-columns-right #content { border-right: 40em solid transparent; } .column-right #content { min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ } #content-footer { height: 0; font-size: 0; /*to make IE happy*/ clear: both; } #header, #footer { margin: 0; clear: both; padding: .5em; } #header { font-family: 'Amatic SC'; font-size: 26px; background: transparent; color: #FA6900; } h1#title { font-family: 'Amatic SC', sans serif; font-size: 22; } h2#subtitle, h2#pagetitle { font-family: 'Amatic SC', sans serif; font-size: 22; } #footer { text-align: center; font-family: 'Amatic SC', sans serif; font-size: 25px; color: #FA6900; background: transparent; } #footer a { } #footer a:visited { color: #727272; } #footer a:hover { color: #F38630 -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footer a:active { } #primary { float: left; width:100%; margin-right:-100%; margin-left: 0; } .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { float: left; width: 18em; margin-left: -20em; } .two-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } .three-columns-left #secondary { float: left; width: 20em; margin-left: -40em; } .three-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } #secondary > .inner:first-child { padding: 1em; } .one-column #tertiary { width: auto; } .two-columns-left #tertiary, .two-columns-right #tertiary { clear: both; } .two-columns-left #tertiary { margin-left: -20em; } .two-columns-right #tertiary { margin-right: -20em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 20em; } .three-columns-left #tertiary { float: left; width: 20em; margin-left: -20em; } .three-columns-right #tertiary { float: right; width: 20em; margin-right: -40em; margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 20em; margin-right: -20em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { padding: 0 .5em; } /* entries */ .entry { background: #E0E4CC; color: #727272; size: 12px; border-bottom: 3px solid #69D2E7; } .entry .entry-title { font-family: 'Amatic SC', sans serif; font-size: 25px; border-bottom: 2px solid #69D2E7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .entry-title, .entry .entry-title a { color: #FA6900; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .entry .entry-title { background: none; border: none; } .entry a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:visited { color: #727272; } .entry a:hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:active { } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside } .metadata ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .metadata li { margin-bottom: .5em } .metadata.top-metadata ul { margin: 0 } .metadata.top-metadata { margin-bottom: 1em } .tag ul { display: inline; margin-left: .5em; padding-left: 0; } .tag ul li { display: inline; padding: .25em; } /* same for month view */ ul.entry-management-links { margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { margin-left: 0; padding-left: 0; text-align: right; } .entry-interaction-links a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: 'Amatic SC', sans serif; font-size: 20px; margin: 0; } .comment .comment-title, .comment .comment-title a { color: #FA6900; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { margin-left: 0; padding-left: 0; text-align: right; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { margin-left: 0; padding-left: 0; } ul.comment-interaction-links li { display: inline; padding: 0 .25em; } textarea#commenttext { width: 100%; /* fix for FF form width glitch */ } /* archive */ table.month { margin: 0 auto; border-collapse: collapse; } table.month td { height: 3.25em } table.month td, table.month th { border: 1px solid; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { font-weight: bold } .month dl .time { padding-right: .5em } .month dl h3 { display: inline; font-size: medium; } .page-month .month .entry-poster { margin-right: .5em } .month dl .tag ul { margin-top: 0 } /* icons */ .sorting-options ul { margin-left: 0 } .sorting-options ul li { display: inline } .icon-keywords ul { display: inline; margin-left: .5em; padding-left: 0; } .icon-keywords ul li { display: inline; padding: .25em; } /* modules */ .module { background: #A7DBD8; color: #727272; font-size: 12px; text-align: justify; padding: 5px; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px; } .module a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:visited { color: #727272; } .module a:hover { color: #F28630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:active { } .module h2 { color: #f38630; font-family: 'Amatic SC', sans serif; font-size: 22px; } .module-content { font-family: "Lucida Sans Unicode", sans serif; color: #727272; font-size: 12px; text-align: justify; } .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0; } .module-content li { margin: .5em 0; } ul.userlite-interaction-links.icon-links { margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 .20em; } ul.userlite-interaction-links.text-links { text-align: left; } .module-calendar .module-content { text-align: center; } .one-column .module-calendar .module-content { text-align: left; } .module-calendar table { margin: 0 auto; } .one-column .module-calendar table { margin: 0; } .module-calendar td { padding: 1px; } .module-calendar td a { display: block; padding: 2px; } .search-box { margin: .2em auto; max-width: 100%; } /* wrap long content, particularly openid usernames */ .module-pagesummary .ljuser { white-space: normal !important } .module-pagesummary .module-content { word-wrap: break-word } .module-credit dt, .module-credit dd { display: inline; margin: 0; padding: 0; } .module-credit dt { font-weight: bold; margin-right: 0.5em; } .tags_cloud li, .module-tags_cloud li { display: inline; font-size: 10px; } .module-syndicate .module-content { text-align: center } .one-column .module-syndicate .module-content { text-align: left } .entry .userpic, .comment .userpic { text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } /* Crisped */ /* by timeasmymeasure*/ /* Main ***************************************************************************/ body { margin: 10px 0 0 0; background: #A7DBD8; font-size: 12px; } a, a:link, { color: #FA6900; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a: visited { color: #727272;} a: hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } i, em { color: #F38630; letter-spacing: 1px; } b, strong { font-weight: bold; color: #69D2E7; } u { border-bottom: 1px solid #F38630; } code, kbd, pre, tt, textarea { font-family: monospace; } input, textarea { background-color: #A7DBD8; border: 1px solid #F38630; color: #727272; } ::-moz-selection { background-color: #F38630; color: #ffffff; } blockquote { background-color: #A7DBD8; color: #727272; border-top: 2px solid #F38630; margin: 15px 15px 15px 70px; padding: 10px; width: 65%; } ul { list-style: square inside; margin: 5px 0 5px 15px; } ol { list-style: decimal inside; margin: 5px 0 5px 15px; } .poster { float: right; padding-left: 5px; font-size: 12px; color: #69D2E7; } hr, .page-separator { display: none } /* Page Containers ***************************************************************************/ #canvas { margin: 0 auto; width: 92%; } #primary > .inner:first-child { padding: 1em .5em } #secondary > .inner:first-child { padding: .5em } .two-columns #secondary > .inner:first-child, .three-columns #secondary > .inner:first-child { padding-top: 4em } #tertiary > .inner:first-child { padding: .5em } .three-columns #tertiary > .inner:first-child { padding-top: 4em } /* Header ***************************************************************************/ #header { padding: 10px; margin: 0 0 10px; letter-spacing: -0.1em; line-height: 120%; } h1#title { font-weight: lighter; margin: 0; padding: 0; text-transform: uppercase; } h2#subtitle, h2#pagetitle { color: #1a2708; font-weight: lighter; margin: 0; padding: 0; text-transform: lowercase; } /* Navigation ***************************************************************************/ .navigation { margin: 5px 0; font-size: 1.1em; text-transform: uppercase; } /* Entries ***************************************************************************/ .entry { border-bottom-width: 3px; border-left: none; border-top: none; margin-bottom: 15px; padding-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .entry .header { background-color: #E0E4CC; color: #FA6900; margin-bottom: 5px; padding: 5px 10px; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } h3.entry-title { font-weight: normal; text-transform: uppercase; } .datetime { color: #69D2E7; font-size: .75em; text-transform: uppercase; } .entry .userpic img { padding: 5px; background: #69D2E7; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .userpic img:hover { padding: 5px; background: #FA6900; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-content { margin-top: 1px; padding: 15px; } .metadata { font-family: 'Amatic SC'; margin-top: 20px; margin-left: 15px; text-align: left; font-size: 20px; text-transform: uppercase; } .metadata ul, .metadata ul li { margin: ; padding: 0; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, div.tag ul { font-family: 'Amatic SC'; color: ; text-align: left; font-size: 20px; } .tag { font-family: 'Amatic SC'; font-size: 20px; margin: 0; text-transform: uppercase; } .tag ul li { margin: 0 0; text-align: right; } .tag-text { margin-left: 15px } .entry .footer { clear: both } ul.entry-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-left: 15px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-management-links li { display: inline; margin: 0 auto; text-align: center; } ul.entry-interaction-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; font-size: 1.05em; margin-right: 5px; text-transform: uppercase; } /* Comments ***************************************************************************/ .comment-wrapper .comment { background-color: #E0E4CC; border-right: 2px solid #A7DBD8; border-bottom: 2px transparent; color: #727272; padding-bottom: 10px; margin-bottom: 15px; } .comment-wrapper .comment a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .comment-wrapper .comment a:visited { color: color: #727272 ; } .comment-wrapper .comment a:hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-wrapper .comment a:active { color: ; } .comment .header { font-family: 'Amatic SC', sans serif; font-size: 20px; background-color: #A7DBD8; color: #727272; padding: 5px 10px; margin-bottom: 5px; text-align: right; } .comment .comment-title a { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .partial .comment-title { margin-bottom: 5px; padding: 5px 10px; text-align: right; } .comment-poster { text-transform: uppercase; } .comment .userpic img { padding: 5px; background: #69D2E7; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment .userpic img:hover { padding: 5px; background: #FA6900; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-content { margin-top: 10px; padding: 15px; } .comment .contents { padding: .5em 0; background: #E0E4CC; border-left: 2px solid #FA6900; min-height: 10.5em; -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } .comment .footer { clear: both; color: #FA6900; font-weight: bold; padding: 0 10px; text-align: left; text-transform: uppercase; } ul.comment-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: left; } .bottomcomment { background-color: #E0E4CC; font-family: 'Amatic SC', sans serif; font-size: 20px; border-right: 2px solid #A7DBD8; border-bottom: 2px solid transparent; color: #727272; padding: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a:visited { color: color: #727272 ; } .bottomcomment a:hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .bottomcomment a:active { color: ; } #qrformdiv input { margin: 1px; } table.talkform { background-color: #E0E4CC; border-right: 2px solid #A7DBD8; border-bottom: 2px solid transparent; color: #727272; margin-bottom: 10px; padding: 10px; width: 100%; } table.talkform input { margin: 1px; } /* Archive Pages ***************************************************************************/ .month { background-color: #ffffff; border-right: 1px solid #ffab87; border-bottom: 2px solid #ffab87; color: #1a2708; margin-bottom: 15px; padding: 20px; } .month a { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:visited { color: #727272; } .month a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:active { color: } .month table { border: none; margin: auto; width: 100%; } .month caption { display: none } .month h3 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; } table.month th { background-color: #ffedb8; border: 1px solid #ffab87; color: #1a2708; margin: 0 2px; padding: 5px 2px; font-size: 1.05em; font-weight: normal; text-align: center; text-transform: uppercase; } table.month td { border: none } table.month td.day { border: 1px solid #ffab87; padding: 10px; text-align: center; } .month td.day-has-entries { background-color: #ffedb8; color: #1a2708; } .month td.day-has-entries p { display: inline; font-size: 1.05em; font-weight: bold; padding-left: 5px; } .month td.day-has-entries p a { color: #c90227 } .month td.day-has-entries p a:visited { color: #727272; } .month td.day-has-entries p a:hover { color: #ff5c5c } .month td.day-has-entries p a:active { color: } .month dl, .month dt, .month dd { margin: 0; padding: 0; } /* Tags Page ***************************************************************************/ .page-tags .tags-container { background-color: #E0E4CC; border-right: 2px solid #A7DBD8; color: #727272; margin-bottom: 10px; } .page-tags .tags-container a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:visited { color: #727272 ; } .page-tags .tags-container a:hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:active { color: ; } .page-tags .tags-container h2 { background-color: #E0E4CC; color: #FA6900; font-family: 'Amatic SC', sans serif; font-size: 20px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .page-tags .tags-container .ljtaglist { padding: 10px; } .page-tags .tags-container .manage-tags-link { padding: 10px; } /* Icons Page ***************************************************************************/ .icons-container { background-color: E0E4CC; border-right: 2px solid #A7DBD8; color: #727272; margin-bottom: 10px; } .icons-container a { color: #c90227; } .icons-container a:visited { color: #727272 ; } .icons-container a:hover { color: #ff5c5c; } .icons-container a:active { color: ; } .icons-container h2 { background-color: #ffab87; color: #1a2708; font-size: 1.17em; font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .icons-container .contents, .icons-container .footer { padding: 15px; } .sorting-options ul { padding-left: 0; } .icons-container .icon { margin: 1em 0; } .icon-image { float: left; clear: left; margin-bottom: .25em; min-width: 100px; padding-right: 1em; } .icon-info { min-height: 100px; } .icon-info span { font-weight: bold; } .icon-info .default { text-decoration: underline; } /* Modules ***************************************************************************/ .module { border-bottom-width: 2px; border-left: none; border-top: none; margin-bottom: 5px; padding-bottom: 2px; } h2.module-header { font-family: 'Amatic SC', sans serif; font-size: 20px; letter-spacing: 2px; background-color: transparent; color: #FA6900; font-weight: normal; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-transform: uppercase; } h2.module-header a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #FA6900; } .module-content { margin-top: 0px; padding: 2px; } ul.module-list { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 5px; } .module-content .userpic { text-align: center; } .module-content .userpic img { padding: 5px; background: #69D2E7; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-content .userpic img:hover { padding: 5px; background: #FA6900; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .journal-name { font-family: 'Amatic SC', sans serif; font-size: 22px; margin-top: 5px; text-align: center; text-transform: uppercase; } .journal-website-name { text-align: center; text-transform: uppercase; } ul.userlite-interaction-links { margin: 5px 0 0; list-style: none; text-align: center; } ul.userlite-interaction-links.icon-links li { display: inline; margin: 0 auto; text-align: center; } .module-navlinks { margin-top: 0px; border-left: 3px solid #FA6900; color: #727272; text-align: right; letter-spacing: 2px; list-style: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks a: hover{ text-align: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks ul.module-list { text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; } .manage-link, .manage-tags-link { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 0px; padding: 2px; text-align: right; text-transform: uppercase; } .module-calendar table { margin: 0 auto; text-align: center; } .module-calendar th { background-color: #E0E4CC; border: 1px transparent; color: #727272; margin: 0 2px; padding: 3px 8px; text-transform: uppercase; } .module-calendar td.empty-day { border: 1px transparent; margin: 0 2px; text-transform: uppercase; } .module-calendar td.entry-day { background-color: #A7DBD8; border: 1px solid transparent; color: #FA6900; margin: 0 1px; text-transform: uppercase; } .module-calendar td.entry-day a { color: #FA6900; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:visited { color: #727272 ; } .module-calendar td.entry-day a:hover { color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:active { color: ; } .module-search .search-box { margin-right: 2px; } /* Contextual Pop-ups ***************************************************************************/ div.ContextualPopup { text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup div.Inner { background-color: #FEE4CC; color: #727272; border: 2px solid #A7DBD8; } div.ContextualPopup .Userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Userpic img { padding: 5px; background: #69D2E7; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Content { background-color: #E0E4CC; color: #727272; border: none; margin: auto; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link { color: #FA6900; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup .Relation { color: #A7DBD8; text-transform: uppercase; } /* Navigation Strip ***************************************************************************/ #lj_controlstrip td { background: background-color: #A7DBD8; border-bottom: 2px solid #69D2E7; color: #727272; text-transform: uppercase; } #lj_controlstrip_statustext{ color: #FA6900; } #lj_controlstrip input { background-color: #E0E4CC; border: 1px solid #69D2E7; color: #727272; padding: 0 5px; text-transform: uppercase; } #lj_controlstrip a { color: #FA6900; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:visited { color: #727272; } #lj_controlstrip a:hover { text-decoration:none; color: #F38630; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:active { color: ; } .has-userpic .entry .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; float: right; margin: 5px 10px 20px 20px; } .has-userpic .comment .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; display: block; float: right; margin: 5px 10px; }
Summer:
/* Cleaned CSS: */ /* Layout: Summer By: cirque @ dustier Base: Crisped */ @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 700; src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff'); } H1, H2, H3 { margin: .25em 0; padding: .25em 0; } img { border: none; } hr { display: none; } .entry-content hr, .comment-content hr { display: block; margin: 1em 10%; } body { font-family: "Lucida Sans Unicode", sans serif; padding: 0; background: #F0F2EB; color: #727272; font-size: 12px; } html body { margin-left: 0em; margin-right: 0em; } a, a:active { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a: visited { color: #40C0CB;} a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } q { font-style: italic; } .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 20em solid transparent; } .two-columns-right #content, .three-columns-sides #content { border-right: 20em solid transparent; } .three-columns-left #content { border-left: 40em solid transparent; } .three-columns-right #content { border-right: 40em solid transparent; } .column-right #content { min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */ } #content-footer { height: 0; font-size: 0; /*to make IE happy*/ clear: both; } #header, #footer { margin: 0; clear: both; padding: .5em; } #header { font-family: 'Amatic SC'; font-size: 26px; background: transparent; color: #AEE239; } h1#title { font-family: 'Amatic SC', sans serif; font-size: 22; } h2#subtitle, h2#pagetitle { font-family: 'Amatic SC', sans serif; font-size: 22; } #footer { text-align: center; font-family: 'Amatic SC', sans serif; font-size: 25px; color: #AEE239; background: transparent; } #footer a { } #footer a:visited { color: #40C0CB; } #footer a:hover { color: #FF4242 -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footer a:active { } #primary { float: left; width:100%; margin-right:-100%; margin-left: 0; } .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { float: left; width: 18em; margin-left: -20em; } .two-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } .three-columns-left #secondary { float: left; width: 20em; margin-left: -40em; } .three-columns-right #secondary { float: right; width: 20em; margin-right: -20em; } #secondary > .inner:first-child { padding: 1em; } .one-column #tertiary { width: auto; } .two-columns-left #tertiary, .two-columns-right #tertiary { clear: both; } .two-columns-left #tertiary { margin-left: -20em; } .two-columns-right #tertiary { margin-right: -20em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 20em; } .three-columns-left #tertiary { float: left; width: 20em; margin-left: -20em; } .three-columns-right #tertiary { float: right; width: 20em; margin-right: -40em; margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 20em; margin-right: -20em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { padding: 0 .5em; } /* entries */ .entry { background: #F0F2EB; color: #727272; size: 12px; border-bottom: 3px solid #69D2E7; } .entry .entry-title { font-family: 'Amatic SC', sans serif; font-size: 25px; border-bottom: 2px solid #69D2E7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .entry-title, .entry .entry-title a { color: #AEE239; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .entry .entry-title { background: none; border: none; } .entry a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:visited { color: #40C0CB; } .entry a:hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry a:active { } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside } .metadata ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .metadata li { margin-bottom: .5em } .metadata.top-metadata ul { margin: 0 } .metadata.top-metadata { margin-bottom: 1em } .tag ul { display: inline; margin-left: .5em; padding-left: 0; } .tag ul li { display: inline; padding: .25em; } /* same for month view */ ul.entry-management-links { margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { margin-left: 0; padding-left: 0; text-align: right; } .entry-interaction-links a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: 'Amatic SC', sans serif; font-size: 20px; margin: 0; } .comment .comment-title, .comment .comment-title a { color: #AEE239; background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { margin-left: 0; padding-left: 0; text-align: right; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { margin-left: 0; padding-left: 0; } ul.comment-interaction-links li { display: inline; padding: 0 .25em; } textarea#commenttext { width: 100%; /* fix for FF form width glitch */ } /* archive */ table.month { margin: 0 auto; border-collapse: collapse; } table.month td { height: 3.25em } table.month td, table.month th { border: 1px solid; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { font-weight: bold } .month dl .time { padding-right: .5em } .month dl h3 { display: inline; font-size: medium; } .page-month .month .entry-poster { margin-right: .5em } .month dl .tag ul { margin-top: 0 } /* icons */ .sorting-options ul { margin-left: 0 } .sorting-options ul li { display: inline } .icon-keywords ul { display: inline; margin-left: .5em; padding-left: 0; } .icon-keywords ul li { display: inline; padding: .25em; } /* modules */ .module { background: #F0F2EB; color: #727272; font-size: 12px; text-align: justify; padding: 5px; border-radius: 15px; moz-border-radius: 15px; webkit-border-radius: 15px; } .module a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:visited { color: #40C0CB; } .module a:hover { color: #40C0CB; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module a:active { } .module h2 { color: #FF4242; font-family: 'Amatic SC', sans serif; font-size: 22px; } .module-content { font-family: "Lucida Sans Unicode", sans serif; color: #727272; font-size: 12px; text-align: justify; } .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0; } .module-content li { margin: .5em 0; } ul.userlite-interaction-links.icon-links { margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 .20em; } ul.userlite-interaction-links.text-links { text-align: left; } .module-calendar .module-content { text-align: center; } .one-column .module-calendar .module-content { text-align: left; } .module-calendar table { margin: 0 auto; } .one-column .module-calendar table { margin: 0; } .module-calendar td { padding: 1px; } .module-calendar td a { display: block; padding: 2px; } .search-box { margin: .2em auto; max-width: 100%; } /* wrap long content, particularly openid usernames */ .module-pagesummary .ljuser { white-space: normal !important } .module-pagesummary .module-content { word-wrap: break-word } .module-credit dt, .module-credit dd { display: inline; margin: 0; padding: 0; } .module-credit dt { font-weight: bold; margin-right: 0.5em; } .tags_cloud li, .module-tags_cloud li { display: inline; font-size: 10px; } .module-syndicate .module-content { text-align: center } .one-column .module-syndicate .module-content { text-align: left } .entry .userpic, .comment .userpic { text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } /* Crisped */ /* by timeasmymeasure*/ /* Main ***************************************************************************/ body { margin: 10px 0 0 0; background: #E1EDB9; font-size: 12px; } a, a:link, { color: #AEE239; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a: visited {color: #40C0CB;} a: hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } i, em { color: #FF4242; letter-spacing: 1px; } b, strong { font-weight: bold; color: #40C0CB; } u { border-bottom: 1px solid #FF4242; } code, kbd, pre, tt, textarea { font-family: monospace; } input, textarea { background-color: #E1EDB9; border: 1px solid #FF4242; color: #727272; } ::-moz-selection { background-color: #FF4242; color: #ffffff; } blockquote { background-color: #E1EDB9; color: #727272; border-top: 2px solid #FF4242; margin: 15px 15px 15px 70px; padding: 10px; width: 65%; } ul { list-style: square inside; margin: 5px 0 5px 15px; } ol { list-style: decimal inside; margin: 5px 0 5px 15px; } .poster { float: right; padding-left: 5px; font-size: 12px; color: #69D2E7; } hr, .page-separator { display: none } /* Page Containers ***************************************************************************/ #canvas { margin: 0 auto; width: 92%; } #primary > .inner:first-child { padding: 1em .5em } #secondary > .inner:first-child { padding: .5em } .two-columns #secondary > .inner:first-child, .three-columns #secondary > .inner:first-child { padding-top: 4em } #tertiary > .inner:first-child { padding: .5em } .three-columns #tertiary > .inner:first-child { padding-top: 4em } /* Header ***************************************************************************/ #header { padding: 10px; margin: 0 0 10px; letter-spacing: -0.1em; line-height: 120%; } h1#title { font-weight: lighter; margin: 0; padding: 0; text-transform: uppercase; } h2#subtitle, h2#pagetitle { color: #727272; font-weight: lighter; margin: 0; padding: 0; text-transform: lowercase; } /* Navigation ***************************************************************************/ .navigation { margin: 5px 0; font-size: 1.1em; text-transform: uppercase; } /* Entries ***************************************************************************/ .entry { border-bottom-width: 3px; border-left: none; border-top: none; margin-bottom: 15px; padding-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .entry .header { background-color: #F0F2EB; color: #AEE239; margin-bottom: 5px; padding: 5px 10px; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } h3.entry-title { font-weight: normal; text-transform: uppercase; } .datetime { color: #69D2E7; font-size: .75em; text-transform: uppercase; } .entry .userpic img:hover { padding: 5px; background: #D4EE5E; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry .userpic img { padding: 5px; background: #40C0CB; text-align: right; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-content { margin-top: 1px; padding: 15px; } .metadata { font-family: 'Amatic SC'; margin-top: 20px; margin-left: 15px; text-align: left; font-size: 20px; text-transform: uppercase; } .metadata ul, .metadata ul li { margin: ; padding: 0; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, div.tag ul { font-family: 'Amatic SC'; color: ; text-align: left; font-size: 20px; } .tag { font-family: 'Amatic SC'; font-size: 20px; margin: 0; text-transform: uppercase; } .tag ul li { margin: 0 0; text-align: right; } .tag-text { margin-left: 15px } .entry .footer { clear: both } ul.entry-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-left: 15px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-management-links li { display: inline; margin: 0 auto; text-align: center; } ul.entry-interaction-links { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 5px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul.entry-interaction-links li { display: inline; font-size: 1.05em; margin-right: 5px; text-transform: uppercase; } /* Comments ***************************************************************************/ .comment-wrapper .comment { background-color: #F0F2EB; border-right: 2px solid #E1EDB9; border-bottom: 2px transparent; color: #727272; padding-bottom: 10px; margin-bottom: 15px; } .comment-wrapper .comment a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .comment-wrapper .comment a:visited { color: #40C0CB ; } .comment-wrapper .comment a:hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-wrapper .comment a:active { color: ; } .comment .header { font-family: 'Amatic SC', sans serif; font-size: 20px; background-color: #E1EDB9; color: #727272; padding: 5px 10px; margin-bottom: 5px; text-align: right; } .comment .comment-title a { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .partial .comment-title { margin-bottom: 5px; padding: 5px 10px; text-align: right; } .comment-poster { text-transform: uppercase; } .comment .userpic img:hover { padding: 5px; background: #AEE239; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment .userpic img { padding: 5px; background: #40C0CB; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comment-content { margin-top: 10px; padding: 15px; } .comment .contents { padding: .5em 0; background: #F0F2EB; border-left: 2px solid #D4EE5E1; min-height: 10.5em; -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } .comment .footer { clear: both; color: #AEE239; font-weight: bold; padding: 0 10px; text-align: left; text-transform: uppercase; } ul.comment-management-links { font-family: 'Amatic SC', sans serif; font-size: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: left; } .bottomcomment { background-color: #F0F2EB; font-family: 'Amatic SC', sans serif; font-size: 20px; border-right: 2px solid #E1EDB9; border-bottom: 2px solid transparent; color: #727272; padding: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bottomcomment a:visited { color: #40C0CB ; } .bottomcomment a:hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .bottomcomment a:active { color: ; } #qrformdiv input { margin: 1px; } table.talkform { background-color: #F0F2EB; border-right: 2px solid #E1EDB9; border-bottom: 2px solid transparent; color: #727272; margin-bottom: 10px; padding: 10px; width: 100%; } table.talkform input { margin: 1px; } /* Archive Pages ***************************************************************************/ .month { background-color: #ffffff; border-right: 1px solid #ffab87; border-bottom: 2px solid #ffab87; color: #1a2708; margin-bottom: 15px; padding: 20px; } .month a { color: #c90227; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:visited { color: #40C0CB; } .month a:hover { color: #ff5c5c; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .month a:active { color: } .month table { border: none; margin: auto; width: 100%; } .month caption { display: none } .month h3 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; } table.month th { background-color: #ffedb8; border: 1px solid #ffab87; color: #1a2708; margin: 0 2px; padding: 5px 2px; font-size: 1.05em; font-weight: normal; text-align: center; text-transform: uppercase; } table.month td { border: none } table.month td.day { border: 1px solid #ffab87; padding: 10px; text-align: center; } .month td.day-has-entries { background-color: #ffedb8; color: #1a2708; } .month td.day-has-entries p { display: inline; font-size: 1.05em; font-weight: bold; padding-left: 5px; } .month td.day-has-entries p a { color: #c90227 } .month td.day-has-entries p a:visited { color: #40C0CB; } .month td.day-has-entries p a:hover { color: #ff5c5c } .month td.day-has-entries p a:active { color: } .month dl, .month dt, .month dd { margin: 0; padding: 0; } /* Tags Page ***************************************************************************/ .page-tags .tags-container { background-color: #F0F2EB; border-right: 2px solid #E1EDB9; color: #727272; margin-bottom: 10px; } .page-tags .tags-container a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:visited {color: #40C0CB; } .page-tags .tags-container a:hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-tags .tags-container a:active { color: ; } .page-tags .tags-container h2 { background-color: #F0F2EB; color: #AEE239; font-family: 'Amatic SC', sans serif; font-size: 20px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .page-tags .tags-container .ljtaglist { padding: 10px; } .page-tags .tags-container .manage-tags-link { padding: 10px;} /* Icons Page ***************************************************************************/ .icons-container { background-color: fff4cc; border-right: 2px solid #E1EDB9; color: #727272; margin-bottom: 10px; } .icons-container a { color: #c90227; } .icons-container a:visited { color: #40C0CB;} .icons-container a:hover { color: #ff5c5c; } .icons-container a:active { color: ; } .icons-container h2 { background-color: #ffab87; color: #1a2708; font-size: 1.17em; font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em; font-weight: normal; padding: 5px 10px; text-transform: uppercase; } .icons-container .contents, .icons-container .footer { padding: 15px; } .sorting-options ul { padding-left: 0; } .icons-container .icon { margin: 1em 0; } .icon-image { float: left; clear: left; margin-bottom: .25em; min-width: 100px; padding-right: 1em; } .icon-info { min-height: 100px; } .icon-info span { font-weight: bold; } .icon-info .default { text-decoration: underline; } /* Modules ***************************************************************************/ .module { border-bottom-width: 2px; border-left: none; border-top: none; margin-bottom: 5px; padding-bottom: 2px; } h2.module-header { font-family: 'Amatic SC', sans serif; font-size: 20px; letter-spacing: 2px; background-color: transparent; color: #AEE239; font-weight: normal; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-transform: uppercase; } h2.module-header a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #AEE239; } .module-content { margin-top: 0px; padding: 2px; } ul.module-list { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 5px; } .module-content .userpic { text-align: center; } .module-content .userpic img:hover { padding: 5px; background: #D4EE5E; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-content .userpic img { padding: 5px; background: #40C0CB; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .journal-name { font-family: 'Amatic SC', sans serif; font-size: 22px; margin-top: 5px; text-align: center; text-transform: uppercase; } .journal-website-name { text-align: center; text-transform: uppercase; } ul.userlite-interaction-links { margin: 5px 0 0; list-style: none; text-align: center; } ul.userlite-interaction-links.icon-links li { display: inline; margin: 0 auto; text-align: center; } .module-navlinks { margin-top: 0px; border-left: 3px solid #AEE239; color: #727272; text-align: right; letter-spacing: 2px; list-style: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks a: hover{ text-align: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-navlinks ul.module-list { text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; } .manage-link, .manage-tags-link { font-family: 'Amatic SC', sans serif; font-size: 20px; margin-top: 0px; padding: 2px; text-align: right; text-transform: uppercase; } .module-calendar table { margin: 0 auto; text-align: center; } .module-calendar th { background-color: #F0F2EB; border: 1px transparent; color: #727272; margin: 0 2px; padding: 3px 8px; text-transform: uppercase; } .module-calendar td.empty-day { border: 1px transparent; margin: 0 2px; text-transform: uppercase; } .module-calendar td.entry-day { background-color: #E1EDB9; border: 1px solid transparent; color: #AEE239; margin: 0 1px; text-transform: uppercase; } .module-calendar td.entry-day a { color: #AEE239; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:visited { color: #40C0CB; } .module-calendar td.entry-day a:hover { color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .module-calendar td.entry-day a:active { color: ; } .module-search .search-box { margin-right: 2px; } /* Contextual Pop-ups ***************************************************************************/ div.ContextualPopup { text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup div.Inner { background-color: #FEE4CC; color: #727272; border: 2px solid #E1EDB9; } div.ContextualPopup .Userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Userpic img { padding: 5px; background: #40C0CB; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; } div.ContextualPopup .Content { background-color: #F0F2EB; color: #727272; border: none; margin: auto; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link { color: #AEE239; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.ContextualPopup .Relation { color: #E1EDB9; text-transform: uppercase; } /* Navigation Strip ***************************************************************************/ #lj_controlstrip td { background: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/back2.gif) background-color: #E1EDB9; border-bottom: 2px solid #69D2E7; color: #727272; text-transform: uppercase; } #lj_controlstrip_statustext{ color: #AEE239; } #lj_controlstrip input { background-color: #F0F2EB; border: 1px solid #69D2E7; color: #727272; padding: 0 5px; text-transform: uppercase; } #lj_controlstrip a { color: #AEE239; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:visited { color: #40C0CB; } #lj_controlstrip a:hover { text-decoration:none; color: #FF4242; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #lj_controlstrip a:active { color: ; } .has-userpic .entry .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; float: right; margin: 5px 10px 20px 20px; } .has-userpic .comment .userpic { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; display: block; float: right; margin: 5px 10px; }
Please credit
dustier
if using, thanks! :)
Flat
|
Top-Level Comments Only
no subject
Date:
2013-04-06 01:02 am (UTC)
From:
bequeath
Thank you! Sorry for the wait/journal switch. Lost this comment somehow
36 comments
Reply
Flat
|
Top-Level Comments Only
Hello!
Welcome to
dustier
, where you will find dreamwidth layouts by
cirque
. I hope you enjoy what you find here, and if you like my layouts then please subscribe to see updates :)
Recent Entries
Archive
Member Posts
Tags
Memories
Profile
Expand Cut Tags
No cut tags
Profile
s t a r d u s t
icons
Most Popular Tags
!mod post
-
1 use
colour: blue
-
1 use
colour: brown
-
2 uses
colour: green
-
1 use
colour: orange
-
1 use
colour: pink
-
2 uses
feature: opacity
-
1 use
feature: rounded corners
-
1 use
layout: brittle
-
2 uses
layout: compartmentalize
-
1 use
layout: crisped
-
3 uses
layout: tabula rasa
-
1 use
theme: girly
-
1 use
theme: nature
-
2 uses
theme: retro
-
1 use
theme: simple
-
3 uses
Page Summary
bequeath
-
(no subject)
Style Credit
Base style:
Brittle
by
sforzinda
Theme:
Rust
by
sforzinda
Page generated Jul. 11th, 2025 03:35 am
Powered by
Dreamwidth Studios
September
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2020
no subject
Date: 2013-04-06 01:02 am (UTC)