/*---------------------------------------------- layout name: margarita in blueberry layout base: crisped updated: 8/03/14 chimney.dreamwidth.org / pastries.dreamwidth.org do not redistribute! ----------------------------------------------*/ #lj_controlstrip{position:fixed;} @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff'); } #module-jump-link { display: none; } 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:tahoma, sans-serif; font-size: 12pt; padding:0; background:url(http://i.imgur.com/JGmeD.png) repeat; color: #000; margin:0; } html body { margin-left: 0em; margin-right: 0em; } a, a:active, .ljuser, a:hover{ color: #000; font-weight:normal!important; text-decoration:none!important; } a:visited { color: inherit } .entry-content a:hover, .ljuser:hover, .ljuser a:hover {color:#6CF!important; background:#000;!important; font-weight:normal!important;} 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: 0; } #footer { margin:0 0 0 125px; width:150px; background: transparent; } #footer a, #footer a:visited, #footer a:active { color:#000; } #footer a:hover {color:#6CF; background:#000; } #primary { float: left; width:100%; margin:0; } #secondary{ background:#6CF; padding: 130px 0 0 0; width:180px; height:100%; float:left; margin-left:-250px; border-left:0px solid #6CF; border-right:0px solid #6CF; position:fixed;} .one-column #primary { float: none; } #primary > .inner:first-child { padding: 1em; } .one-column #secondary { width: auto; } .two-columns-left #secondary, .three-columns-sides #secondary { } .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 { list-style: none; margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .navigation li a:hover, .module-typelist a:hover{color:#6CF; background:#000;} .noentries { text-align:center; text-transform:uppercase; padding: 0 .5em; } /* 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; list-style:square; margin-left: .5em; padding-left: 0; } .tag ul li { display: inline; padding: .25em; } /* same for month view */ ul.entry-management-links { list-style: none; margin-left: 0; padding-left: 0; } ul.entry-management-links li { display: inline; padding: 0 .25em; } ul.entry-interaction-links { list-style: none; margin-left: 0; padding-left: 0; text-align: right; } .entry-interaction-links a { color: #757575; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; margin: 0; } .comment .comment-title, .comment .comment-title a { color: #757575; background-color: transparent; } .no-subject .comment .comment-title { background: none; border: none; } ul.comment-management-links { list-style: none; margin-left: 0; padding-left: 0; text-align: right; } ul.comment-management-links li { display: inline; padding: 0 .25em; } ul.comment-interaction-links { list-style: none; 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 { list-style: none; margin-left: 0; } .sorting-options ul li { display: inline; } .icon-keywords ul { display: inline; list-style: none; margin-left: .5em; padding-left: 0; } .icon-keywords ul li { display: inline; padding: 0 .25em 0 0; } /* modules */ .module { margin:0; background: transparent; border: 0; padding:0; } .module-navlinks a, .module-navlinks a:visited, .module-navlinks a:active { color: #000; font-family:tahoma!important, sans-serif; } .module-navlinks a:hover{ background:#000; color:#6CF } .module-navlinks {width:180px; padding-top:35px;} .module-customtext { width: auto; padding: 20px; margin: 20px 0 0 0; font-size: 10pt; } .module-typelist { margin: 15px 0 0 0; width: 180px; font-size: 10pt; text-align: center; letter-spacing: 0.2em; list-style: none; } .module h2 { color: #757575; background-color: transparent; font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em; } .module-content { font-family: 'tahoma', sans serif; } .module-content ul { list-style: outside; margin-left: 0; padding-left: 0; } .module-content li { margin:0; } ul.userlite-interaction-links.icon-links { list-style: none; margin-left: 0; padding-left: 0; } ul.userlite-interaction-links.icon-links li { display: inline; padding: 0 0; } 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; } .module-search, .module-cuttagcontrols, .module-credit, .module-syndicate, .module-calendar, .module-header, .module-pagesummary, .module-powered, .module-time, .page-top, #footer, .module-tags_list, .manage-link{display:none;} .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; list-style-type: none; } .module-syndicate .module-content { text-align: center; } .one-column .module-syndicate .module-content { text-align: left; } .entry .userpic, .comment .userpic { text-align: right; } /* Crisped */ /* by timeasmymeasure*/ /* Main ***************************************************************************/ body { margin: 30px 0 0 0; } a, a:link, a:visited { text-decoration: none; } code, kbd, pre, tt, textarea { font-family: monospace; } input, textarea { background-color: #ffffff; border: 1px solid #5f5f5f; color: #5f5f5f; } ::-moz-selection { background-color: #ededed; color: #757575; } blockquote { background-color: transparent; color: #444; margin: 0 auto 0 auto; padding: 0; width:90%; } ul { margin: 5px 0 5px 15px; list-style-position: inside; list-style-type: square; } ol { margin: 5px 0 5px 15px; list-style-position: inside; list-style-type: decimal; } .poster { color:#000; font-size:10pt; padding: 0 15px 0 15px; } hr, .page-separator { display: none; } /* Page Containers ***************************************************************************/ #canvas { padding:0; height:100%; margin: 0 auto 0 -20px; width: 875px; } #primary > .inner:first-child { padding: 0; } #secondary > .inner:first-child { padding: 0; } .two-columns #secondary > .inner:first-child, .three-columns #secondary > .inner:first-child { padding-top: 0; } #tertiary > .inner:first-child { padding: 0; } .three-columns #tertiary > .inner:first-child { padding-top: 0; } /* Header ***************************************************************************/ #header { font-family:'Open Sans Condensed'; text-transform:uppercase; text-align:right; float:right; width:700px; background: transparent; margin: 0 0 10px 0; } h1#title { line-height:1em; padding:0 0 3px 0; margin:0; font-size: 20pt; font-weight:normal; } h1#title span, h2#subtitle span{color:#6CF; background:#000;} h2#subtitle{ line-height:1em; padding:0; margin:0; font-size: 14pt; font-weight:normal; } #pagetitle{display:none;} /* Navigation ***************************************************************************/ .navigation { margin: 5px 0; font-size: 10pt; text-transform: uppercase; } /* Entries ***************************************************************************/ .entry { width:100%; border:0; padding-bottom: 10px; margin: 0 0 30px 0; background: transparent; color: #5f5f5f; border-bottom:15px solid #6CF;; } .entry .header{ background:#6CF; margin-bottom: 0; padding: 5px 25px; text-align: left;} .entry .entry-title { font-family: verdana, sans-serif; font-size:12pt; padding:0; margin:0; } .entry .entry-title, .entry .entry-title a { color: #000; } .no-subject .entry .entry-title { background: none; border: none; } .entry-title a:hover{color: #6CF!important; background:#000;} .entry a, .entry a:visited, .entry a:active { color: #000; } .entry a:hover { } h3.entry-title { font-weight: normal; text-transform: uppercase; } .datetime { color: #000; font-size: 8pt; text-transform: uppercase; } .datetime:hover{color:#6CF, background:#000;} .entry .userpic {display:none;} .entry .userpic img { background-color: transparent; width:60px; height:60px; } .entry-content {font-family:'helvetica', arial, sans-serif; color:#000; font-size:10pt; line-height:1.1em; padding: 15px 15px 0 15px; } .metadata { margin-top: 5px; padding: 10px 15px 5px; text-transform: uppercase; } .metadata-item-location, .metadata-item-music, .metadata-item-mood, .tag ul { color: #7b98c1; text-align: right; text-transform: uppercase; } .tag { color:#000; font-size:10pt; margin: 5px 0; padding: 15px; text-transform: uppercase; } .tag-text { text-transform: uppercase; } .tag ul li { font-weight: normal; margin: 5px 5px 0 0; text-align: right; } .tag ul li a{color:#6CF; background:#000;} .entry .footer { clear: both; } .year .footer {font-size:10pt; color:#000; background:#6CF; padding:5px 0;} .year .footer a:hover {font-color:#6CF; background:#000;} ul.entry-management-links { margin-top: 5px; text-align: center; } ul.entry-management-links li { display: inline; margin: 0 auto; text-align: center; } ul.entry-interaction-links { margin-top: 5px; text-align: center; } ul.entry-interaction-links li { display: inline; font-size: 1.05em; margin-right: 5px; text-transform: uppercase; } ul.entry-interaction-links li a{font-size:.8em; color:#000;} ul.entry-interaction-links li a:hover{color:#6CF; background:#000;} /* Comments ***************************************************************************/ .comment-wrapper .comment { background-color: #ffffff; border-right: 1px solid transparent; border-bottom: 2px solid transparent; color: #5f5f5f; padding-bottom: 10px; margin-bottom: 15px; } .comment-wrapper .comment a { color: #7b98c1; } .comment-wrapper .comment a:visited { color: #7b98c1; } .comment-wrapper .comment a:hover { color: #757575; } .comment-wrapper .comment a:active { color: #7b98c1; } .comment .header { background-color: transparent; color: #757575; padding: 5px 10px; margin-bottom: 5px; text-align: right; } .comment .comment-title a { color: #757575; } .partial .comment-title { margin-bottom: 5px; padding: 5px 10px; text-align: right; } .comment-poster { text-transform: uppercase; } .comment .userpic img { background-color: transparent; padding: 10px; } .comment-content { margin-top: 10px; padding: 15px; } .comment .footer { clear: both; color: #5f5f5f; font-weight: bold; padding: 0 10px; text-align: left; text-transform: uppercase; } ul.comment-management-links { text-align: left; } .bottomcomment { background-color: #ffffff; border-right: 1px solid transparent; border-bottom: 2px solid transparent; color: #5f5f5f; padding: 10px; } .bottomcomment a { color: #7b98c1; } .bottomcomment a:visited { color: #7b98c1; } .bottomcomment a:hover { color: #757575; } .bottomcomment a:active { color: #7b98c1; } #qrformdiv input { margin: 1px; } table.talkform { background-color: #ffffff; border-right: 1px solid transparent; border-bottom: 2px solid transparent; color: #5f5f5f; margin-bottom: 10px; padding: 10px; width: 100%; } table.talkform input { margin: 1px; } /* Archive Pages ***************************************************************************/ .month { line-height:1em; background-color: transparent; border: 0; color: #000; margin-bottom: 15px; } .month a, .month a:visited, .month a:active { color: #000; } .month a:hover { color: #6CF; backgorund:#000!important; } .month table { line-height:1em; padding:none; margin:none; border: none; margin: auto; width: 100%; } .month caption { line-height:1em; padding:none; margin:none; display: none; } .month h3 { line-height:1em; font-size:14pt; color:#000; background:#6CF; font-weight: normal; padding:none; margin:none; text-transform: uppercase; } table.month th { background-color: transparent; border: 0; color: #000; margin: 0 2px; padding: 5px 2px; font-size: 10pt; font-weight: normal; text-align: center; text-transform: uppercase; } table.month td { border: none; } table.month td.day { font-size:10pt; border: 1px solid transparent; padding: 0; text-align: center; } .month td.day-has-entries { background-color: transparent; color: #000; } .month td.day-has-entries p { display: inline; font-size: 1.05em; font-weight: bold; padding-left: 0; } .month td.day-has-entries p a, .month td.day-has-entries p a:visited, .month td.day-has-entries p a:hover, .month td.day-has-entries p a:active, .month dl, .month dt, .month dd { color:#6CF; background:#000; margin: 0; padding: 0; } /* Tags Page ***************************************************************************/ .page-tags .tags-container { font-size:10pt; background-color: transparent; border-right: 1px solid transparent; border-bottom: 2px solid transparent; color: #000; margin-bottom: 10px; } .page-tags .tags-container a, .page-tags .tags-container a:visited, .page-tags .tags-container a:active { color: #000; } .page-tags .tags-container a:hover{color:#6CF; background:#000;} .page-tags .tags-container h2 { background:#6CF; color: #000; font-size: 14pt; font-family:arial; font-weight: normal; padding: 0; margin:0; text-transform: uppercase; } .page-tags .tags-container h2:hover{color:#6CF; background:#000;} .page-tags .tags-container .ljtaglist { padding: 10px; } .page-tags .tags-container .manage-tags-link { padding: 10px; } /* Icons Page ***************************************************************************/ .icons-container { background-color: #ffffff; border-right: 1px solid transparent; border-bottom: 2px solid transparent; color: #5f5f5f; margin-bottom: 10px; } .icons-container a { color: #7b98c1; } .icons-container a:visited { color: #7b98c1; } .icons-container a:hover { color: #757575; } .icons-container a:active { color: #7b98c1; } .icons-container h2 { background-color: transparent; color: #757575; 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 { } h2.module-header { background-color: transparent; color: #757575; font-weight: normal; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-transform: uppercase; } h2.module-header a { color: #757575; } .module-content { margin:0; padding:0; } ul.module-list, ul.module-list-item { list-style: none; } ul.module-list li, ul.module-list-item li { padding: 0 0 0 0; } .module-content .userpic { background:#000; text-align: center; width:100px; height:100px; margin:10px auto 0 40px; border-radius:50px; } .module-content .userpic img { margin: -7px -14px 0 0; border-radius:50px; background-color: transparent; padding: 0; } .journal-name { width:150px; letter-spacing:0; width:180px; font-size:10pt; margin-top: -60px; text-align: center; text-transform: uppercase; color:#6CF; background:#000; } .journal-website-name { display:none; text-align: center; text-transform: uppercase; } ul.userlite-interaction-links { display:none; margin: 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:20px 0 0 0; font-size: 10pt; text-align: center; letter-spacing: 0.2em; list-style: none; } .module-navlinks ul.module-list { text-transform: uppercase; } .manage-link, .manage-tags-link { margin-top: 10px; text-align: right; text-transform: uppercase; } .module-calendar table { margin: 0 auto; text-align: center; } .module-calendar th { background-color: #ededed; border: 1px solid transparent; color: #757575; margin: 0 2px; padding: 3px 8px; text-transform: uppercase; } .module-calendar td.empty-day { border: 1px solid transparent; margin: 0 2px; text-transform: uppercase; } .module-calendar td.entry-day { background-color: #ededed; border: 1px solid transparent; color: #757575; margin: 0 1px; text-transform: uppercase; } .module-calendar td.entry-day a { color: ; } .module-calendar td.entry-day a:visited { color: ; } .module-calendar td.entry-day a:hover { color: ; } .module-calendar td.entry-day a:active { color: ; } .module-search .search-box { margin-right: 2px; } /* Contextual Pop-ups ***************************************************************************/ div.ContextualPopup { text-transform: uppercase; } div.ContextualPopup div.Inner { background-color: #ffffff; color: #000; border: 1px solid #000; } div.ContextualPopup .Userpic { background-color: transparent; margin: 5px; padding: 5px; } div.ContextualPopup .Content { background-color: #ffffff; color: #000; border: none; margin: auto; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link { color: #000; text-decoration: none; } div.ContextualPopup .Relation { color: #5f5f5f; text-transform: uppercase; }