CCCPaste

quite frankly

/*----------------------------------------------

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;
}