Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*----------------------------------------------
- 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;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement