/*----------------------------------------------
layout name: just desserts in key lime
layout base: tabula rasa
updated: 8/03/14
chimney.dreamwidth.org / pastries.dreamwidth.org
do not redistribute without credit.
-----------------------------------------------*/
/*FONTS*/
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Playball';
font-style: normal;
font-weight: 400;
src: local('Playball'), local('Playball-Regular'), url(http://themes.googleusercontent.com/static/fonts/playball/v3/QS5qjU-Gc2sqWEq5kDfWQfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
#module-jump-link { display: none; }
/*EVERYTHING ELSE*/
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 {
color:#473527;
font-family:tahoma;
font-size: 10pt;
line-height:1.3em;
padding: 0;
background: #F4FFC9;
}
html body {
margin-left: 0em;
margin-right: 0em;
}
a { text-decoration:none;font-weight:normal; color:#A2B536;}
a:visited { }
a:hover { }
a:active { }
q { font-style: italic; }
.one-column #content { float: none; width:100%; margin: 0 auto; }
.two-columns-left #content,
.three-columns-sides #content {
border-left: 15em solid transparent;
}
.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:0;
padding:10px 0 15px 0;
text-align:center;
font-weight:normal;
background: transparent;
line-height:1em;
}
h1#title {
font-weight:normal;
font-size:38pt;
font-family: playball;
color:#A2B536;
}
h2#pagetitle{display:none;}
h2#subtitle{
letter-spacing:2px;
text-transform:uppercase;
font-weight:normal;
font-size:20pt;
color:#D0EB67;
font-family:oswald;
}
#footer {
background: transparent;
}
#footer a { }
#footer a:visited { }
#footer a:hover { }
#footer a:active { }
#primary {
float: none;
width:550px;
padding:0;
margin: 0 auto;
}
#secondary {
border-top:8px solid #D0EB67;
border-bottom: 8px solid #A2B536;
min-height:150px;
width: 100%;
background:#473527;
text-align:center;
margin:15px auto 40px auto;
}
#tertiary { width: auto; }
.bottomnav {
width:100%;
text-align:left;
font-family:oswald;
text-transform:uppercase;
letter-spacing:2px;
}
.topnav, .page-top {display:none;}
.navigation ul {
margin-left: 0;
padding-left: 0;
}
.navigation li {
display: inline;
padding: 0 .5em;
}
.noentries {
padding: 0 .5em;
}
/* entries */
.entry {
padding: 20px 0 20px 0;
border-bottom: 1px solid #A2B536;
margin:0 auto;
width:550px;
background: transparent;
}
.entry:first-child{
border-top: 0px!important;
}
.entry .userpic{
float:left;
margin-left:-120px;
}
.entry .poster {float:left;
margin: 120px 0 0 -120px;
width:100px;
text-align:center;
font-family:oswald;
text-transform:uppercase;}
.entry .poster img {
display:none;
}
.entry .userpic img{
-webkit-border-radius: 100px 20px 5px 20px;
border-radius: 100px 20px 5px 20px;
}
.entry .header {
padding: 0 0 10px 0;
}
.entry .entry-title {
padding:0 0 5px 0;
font-size:28pt;
font-family:playball;
}
.entry .entry-title, .entry .entry-title a {
color:#D0EB67;
}
.no-subject .entry .entry-title {
background: none;
border: none;
}
.datetime, .datetime a {
font-size:12pt;
letter-spacing:1px;
padding:0;
line-height:1em;
color:#86A314;
font-family:oswald;}
.entry .entry-content{
min-height:130px;
padding:0 0 15px 0;
}
.tags-container ul{list-style:square;}
/* 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-item {color:#A2B536;}
.metadata-label {font-weight:bold; color:#473527;}
.metadata ul {
line-height:1em;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.metadata li {
margin: 0;
}
.metadata.top-metadata ul {
margin: 0;
}
.metadata.top-metadata {
margin: 0;
}
.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 {
text-transform:uppercase;
margin-left: 0;
padding-left: 0;
}
ul.entry-management-links li {
display: inline;
padding: 0 .25em;
}
ul.entry-interaction-links {
text-transform:uppercase;
margin-left: 0;
padding-left: 0;
text-align: right;
}
.entry-interaction-links a { }
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 {
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: 10px auto 10px auto;
border-collapse: collapse;
}
table.month td {
min-height: 30px;
}
table.month td,
table.month th {
border: 1px solid; /* ? */
padding: 5px;
}
table.month td p {
margin: 0;
padding: 3px;
}
.month dl .time {
padding-right: .5em;
}
.month h3 {
font-weight:normal;
display: inline;
font-size: 16pt;
}
.page-month .month .entry-poster {
margin-right: .5em;
}
.month dl .tag ul {
margin-top: 0;
}
.month .footer {padding: 0 0 20px 0;
text-align:center;}
/* 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-time, .module-powered, .module-cuttagcontrols, .module-tags_list, .module-pagesummary {
display:none!important;
}
.module {
min-width:100px;
padding:0;
border-right: 1px solid #86A314;
color:#F4FFC9;
padding:10px;
vertical-align:top;
display:inline-block;
background: transparent;
text-align:left;
}
.module:first-child{border-left: 1px solid #86A314;}
.module a { color:inherit; }
.module h2, .module h2 a {
font-weight:normal;
color:#D0EB67;
padding:0 0 10px 0;
margin:0;
font-family:oswald;
}
.module
.module-content {
}
.module-userprofile .module-content {
text-align:center;
}
.module-userprofile .journal-name{margin: 5px 0 0 0;}
.module-userprofile img{
-webkit-border-radius: 100px 20px 5px 20px;
border-radius: 100px 20px 5px 20px;
}
.module-navlinks {
padding-top:38px;
}
.module-content ul {
line-height:1em;
list-style: none;
margin: auto 0;
padding: 0;
}
.module-content li {
lie-height:!em;
list-style:none;
margin: 0;
padding:0;
}
ul.userlite-interaction-links.icon-links {
display: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 {
display:none;
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 {
display:none;
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; }
.module-syndicate .module-content {
text-align: center;
}
.one-column .module-syndicate .module-content {
text-align: left;
}