/*---------------------------------------------- layout name: basic boxes layout base: quite frankly updated: 8/03/14 chimney.dreamwidth.org / pastries.dreamwidth.org do not redistribute! ----------------------------------------------*/ @font-face { font-family: 'Antic Didone'; font-style: normal; font-weight: 400; src: local('Antic Didone'), local('AnticDidone-Regular'), url(http://themes.googleusercontent.com/static/fonts/anticdidone/v1/r3nJcTDuOluOL6LGDV1vR6RDOzjiPcYnFooOUGCOsRk.woff) format('woff'); } @font-face { font-family: 'Advent Pro'; font-style: normal; font-weight: 400; src: local('Advent Pro Regular'), local('AdventPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/adventpro/v1/rT9jpj7pBpZV6AmssbZKk73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); } .ljtaglist{font-size:10pt;text-transform:uppercase;} #module-jump-link { display: none; } H1, H2, H3 { font-weight:normal; text-transform:uppercase; 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:verdana, arial, sans-serif; padding: 0; background:url(http://i.imgur.com/JGmeD.png) repeat; border: 0; } html body { margin-left: 0em; margin-right: 0em; } a, a:visited, a:active {color:#000; text-decoration:none; font-weight:normal!important; } a:hover{color:#CF1931!important;} q { font-style: italic; } .one-column #content { float: none; } .two-columns-left #content, .three-columns-sides #content { border-left: 15em solid transparent; margin:80px 0 0 0; } .two-columns-right #content, .three-columns-sides #content { border-right: 15em solid transparent; } .three-columns-left #content { border-left: 30em solid transparent; } .three-columns-right #content { border-right: 30em solid transparent; } .column-right #content { min-width: 15em; /* 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 { margin:30px 0 0 50px; text-transform:uppercase; color:#000; font-family:advent pro, verdana, sans-serif; width:200px; height:200px; border-radius:150px; background:url(http://i.imgur.com/JGmeD.png) repeat; border:20px solid #CF1931; } #title{ font-size:24pt; letter-spacing:.2em; margin:80px 0 0 150px; font-weight:normal; position:absolute; padding:0; } #subtitle{ font-size:16pt; letter-spacing:.2em; margin:120px 0 0 190px; font-weight:normal; position:absolute; padding:0; } #footer { background: transparent; } #footer a { } #footer a:visited { } #footer a:hover { } #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: 15em; margin-left: -15em; } .two-columns-right #secondary { float: right; width: 15em; margin-right: -15em; } .three-columns-left #secondary { float: left; width: 15em; margin-left: -30em; } .three-columns-right #secondary { float: right; width: 15em; margin-right: -15em; } #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: -15em; } .two-columns-right #tertiary { margin-right: -15em; } .two-columns-left #tertiary .module, .two-columns-right #tertiary .module { float: left; width: 15em; } .three-columns-left #tertiary { float: left; width: 15em; margin-left: -15em; } .three-columns-right #tertiary { float: right; width: 15em; margin-right: -30em; margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */ } .three-columns-sides #tertiary { float: right; width: 15em; margin-right: -15em; } #tertiary > .inner:first-child { padding: 1em; } .navigation ul { list-style: none; margin-left: 0; padding-left: 0; } .navigation li { display: inline; padding: 0 .5em; } .noentries { font-size: 10pt; text-transform: uppercase; text-align: center; padding: 0 .5em; } /* entries */ .entry .entry-title { font-family:advent pro, verdana, sans-serif } .entry .entry-title, .entry .entry-title a { font-family:advent pro, verdana, sans-serif color:inherit; background:none; } .no-subject .entry .entry-title { font-family:advent pro, verdana, sans-serif; background: none; border: none; } .entry a,.entry a:visited,.entry a:hover,.entry a:active { color:inherit; } /* 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: 15px; padding-left: 0; } .metadata li { margin-bottom: 2px; } .metadata.top-metadata ul { margin: 0; } .metadata.top-metadata { margin-bottom: 10px; } .tag ul { display: inline; list-style: none; margin-left: 10px; 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; } ul.entry-interaction-links { list-style: none; margin:0 25px 0 0; padding: 0; text-align: right; line-height:1em; font-family:verdana, sans-serif; text-transform:uppercase; font-size:8pt; } ul.entry-interaction-links li { display: inline; padding: 0 .25em; } /* comments */ .comment-wrapper { padding: .5em 0; min-width: 15em; } .comment .comment-title { margin: 0; } .comment .comment-title, .comment .comment-title a { } .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:50px; width:50px; } table.month td, table.month th { border: 1px solid #000; /* ? */ padding: 3px; } table.month td p { margin: 0; padding: 3px; } .month dl dt { text-transform:uppercase; font-weight: normal; } .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-calendar, .module-credit, .module-pagesummary, .module-tags_list, .module-cuttagcontrols, .module-syndicate, .module-header, #pagetitle, .userlite-interaction-links, .module-time, .module-powered, .page-top, .manage-link{display:none;} .module { background: transparent; border: 0; } .module-content ul { list-style: outside; margin-left: 1em; } .module-content li { margin: .5em 0; } .module-typelist ul { list-style: none; } .module-navlinks{ width:800px; position:absolute; font-size:10pt; color:#000; background: none; border: none; } .module-navlinks ul{ text-align:center; list-style: none; margin:220px 0 0 240px; } .module-navlinks ul li { border:0; display: inline; margin: 0; padding: 0; } .module-list{ font-family:advent pro; text-transform:uppercase; padding:0; line-height:0.7em; margin:40px 43px 0 0; text-align:center; font-size:12pt; color:#000; background: none; border: none; } .module-list ul, .module-list ul li, .module-list ul li a{font-family:advent pro; line-height:1em; padding:0; 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 .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; 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; } /* Basic Boxes */ blockquote { font-style: italic; } dl dt { font-weight: normal; } body { margin: 0; } #canvas { position: relative; float: left; width: 960px; /*asinine IE7 hack to keep left sidebar from sliding under #primary when #canvas is relative*/ } /* main column */ #primary { color: #000000; background-color: none; margin-bottom: 20px; } .one-column #primary { width: 96%; margin-right: -98%; margin-left: 2%; } .two-columns-left #primary, .two-columns-right #primary, .three-columns-left #primary, .three-columns-right #primary { margin-right: -98%; width: 98%; } .two-columns-right #primary, .three-columns-right #primary { margin-left: 2%; } .two-columns-left .navigation, .three-columns-left .navigation { font-size: 10pt; text-transform: uppercase; text-align: right; line-height: 1em; margin: -35px 0 -5px 0; padding: 0; } /* entries */ .entry li { margin-left: 1em; } .entry-content hr { display: block; margin: 1em 10%; } .entry { margin-bottom:60px; border-width:1px 1px 1px 15px; border-style: solid; border-color:#CF1931; padding:0; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .entry .userpic img{width:80px; height:80px;} .entry .userpic { margin: -20px 15px 0 0; float: right; display: block; padding: 10px; background: black; height: 80px; width: 80px; border-radius: 50px; } .entry .entry-title { font-family:advent pro, verdana, sans-serif; letter-spacing:.2em; font-weight:normal; text-transform:uppercase; background:none ; border: 0; padding: 4px 0 0 50px; margin:0; height:17px;} #primary .entry .entry-title a, #primary .entry .entry-title a:hover, #primary .entry .entry-title a:visited { font-family:advent pro, verdana, sans-serif;color: #CF1931; } .entry .datetime a, .entry .datetime a:hover{color:#CCC!important;} .entry .datetime{ float:left; margin:-52px 0 0 10px; font-family:antic didone, times new roman, serif; font-size: 24pt; padding:0; color: #CCC; text-transform:uppercase; font-weight:normal; } .entry .poster a{font-weight:normal;} .entry .poster { font-family: advent pro, verdana, sans-serif; color: black; letter-spacing: .2em; text-align: center; float: right; font-size: 8pt; font-weight: normal!important; text-transform: uppercase; margin: 90px -110px 0 0; width: 120px; padding: 0;} .entry .poster img{display:none;} .entry .contents { padding:15px; } .entry-content { font-size:10pt; min-height:80px; margin:15px 0 10px 0; } .metadata { line-height:1em; font-family:verdana, sans-serif; text-transform:uppercase; font-size:8pt; } .metadata-label { font-weight: bold; } .metadata ul li { margin-left: 0; padding-left: 0; } .entry .footer { margin:0; clear: both; } .entry .footer > .inner:first-child { padding: 1px; } /*float uneveness fix */ .entry .tag { line-height:1.3em; margin-left:15px; font-family:verdana, sans-serif; text-transform:uppercase; font-size:8pt;} .entry .tag li { margin-left: 0; padding:0;color:#000; } .entry .tag li a{ color:#CF1931;} .entry .tag-text { font-weight: bold; } ul.entry-management-links { line-height:1em; font-family:verdana, sans-serif; text-transform:uppercase; font-size:8pt; float: left; margin:5px 0 0 5px; padding:0;} ul.entry-interaction-links { text-align: right; margin-top: 4px; margin-bottom: 0.25em; min-height: 17px; padding:0; } /* prevent entry-management icons from shoving quickreply aside */ /* comments */ .comment { margin-bottom: 1em; } .partial .comment { margin-bottom: 0;} .comment .header { color: #e9eed3; background-color: #92a252; border: solid 1px #566030; padding: 2px 5px; margin-bottom: .5em; } #primary .comment .comment-title a, #primary .comment .comment-title a:visited { color: #e9eed3; } .comment-title { font-weight: bold; padding: 0 0 .25em; } .partial .comment-title { display: inline; margin-right: .2em; } .partial .comment-poster:before { content: "- "; } #primary .partial .comment .comment-title a, #primary .partial .comment .comment-title a:visited { color: #92a252; } .comment .poster-ip { font-size: small; color: #999999; } .comment-content { margin-top: 1em; } .comment .edittime { margin-top: 1em; } .comment .header .datetime { color: #e9eed3; } .comment .multiform-checkbox { display: block; text-align: right; font-size: small; color: #000000; } .comment .footer { margin: .5em 0; } .comment .footer > .inner:first-child { padding: 1px; } /*float uneveness fix */ .comment-management-links { float: right; } .comment-interaction-links { text-align: left; } .bottomcomment, .comments-message { color: #566030; background-color: #e9eed3; border: solid 1px #566030; padding: .25em; } .bottomcomment .entry-management-links, .bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; } .comment-pages { text-align: center; } #qrdiv table { width: 100%; margin: 1em 0; } /* archive */ /* year-by-month view */ #archive-year .navigation { text-align: left; } div.month { margin: 0 0 2em 0; } table.month td, table.month th { font-size:10pt; vertical-align: top; } .month caption { display: none; } #archive-year .month .footer { font-size:10pt; text-transform:uppercase; padding: .5em; text-align: center; } /* month-by-day view */ #archive-month .navigation { text-align: center; } .month dl .tag-text { font-style: italic; } .month dl h3.entry-title { font-weight: normal; } /* day-by-entries view */ .day .inner > h3:first-child { text-align: center; } /* icons */ .icons-container .header { background-color: #92a252; border: solid 1px #566030; color: #e9eed3; } /* Reset font size to H3 */ /* But use entry title font if set */ .icons-container h2 { font-size: 1.17em; margin: 0; padding: .25em 5px; } .icons-container .contents { padding: 0 .5em; } .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; } /* sidebars */ #secondary > .inner:first-child, #tertiary > .inner:first-child { padding: 0 .5em !important; } .three-columns-right #secondary > .inner:first-child { padding: 0 0 0 .5em !important; } .three-columns-right #tertiary > .inner:first-child { padding: 0 !important; } .three-columns-left #secondary > .inner:first-child { padding: 0 !important; } .three-columns-left #tertiary > .inner:first-child { padding: 0 .5em 0 0 !important; } .module { padding: 3px; margin: 0 .5em 1em .5em; color: #566030; } .module-header { text-align: center; font-size: large; padding: 1px 3px; color: #566030; background-color: #e9eed3; border: solid 1px #566030; } .module-header a, .module-header a:visited { color: #566030; } .module-userprofile { background:url(http://i.imgur.com/JGmeD.png) repeat;; border:10px solid #000; height:140px; width:140px; border-radius:85px; text-align: center; margin: 0 0 0 30px; } .module-userprofile .userpic{ margin:50px 0 0 40px; position:absolute; padding:10px; background:#CF1931; height:100px; width:!00px; border-radius:60px;} .journal-name{ width:150px; text-align:center; margin:175px 0 0 0; position:absolute; color:#000; font-family:verdana, sans-serif; text-transform:uppercase; } .userpic img{ width:100px; height:100px; border-radius:50px; } .module-customtext .module-content { padding: .25em 0; } .module-typelist ul { list-style: none; } .module-search input {display:none; border: 1px solid #566030; background: #ffffff, !important; font-size: .9em !important; color: #000000 !important; } .two-columns #secondary .module-search .search-form, .three-columns .module-search .search-form { text-align: right; } .has-userpic .entry .contents .userpic, .has-userpic .comment .contents .userpic { float: right; margin: -20px 15px 0 0; }