zvi

/* Refried Tablet, a css port of Refried Paper, implemented by zvi.dreamwidth.org */

/* WHOLE PAGE */

#lj_controlstrip {font-size: 1em; }

A       { color: #CC6633; text-decoration: none; }
A:visited   { color: #6633CC; }
A:active    { color: #FF9966;  text-decoration: underline; }
A:hover     { color: #3399CC; text-decoration: underline;}


body {
  margin: 0;  padding: 0;
  background: #ffffff none;  color: #666666;
  font-family: "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 100%; }

p,td,tr,table,hr,br,ul,ol,li {font-size:1em; line-height:1.5em; text-align:justify; }

h1, h2, h3, h4, h5, h6 {font-family: Loma, Verdana, Geneva, sans-serif; }

/* PAGE HEADER */

#canvas {border-top: #666666 20px solid; }

h1#title, h2#subtitle { font-weight:900;
                letter-spacing:.1em;
                background-color: #CCCC99;color: #666666;
                margin: 0em auto; padding-bottom: 0em;
                }
h1#title {  font-size: 2em; line-height: 1em; }
h1#title:after {content: ": "; }
h2#subtitle { font-size: 1.5em; line-height: 0.75em; }

#header {border-top: white 2px solid; background-color: #CCCC99; border-bottom: black 1px solid;  }

h2#pagetitle {color: #999966; background-color: #CCCC99;
                font-size: 1.25em; font-weight:bold; text-transform:uppercase; letter-spacing:.2em;
                clear: both; padding-right: 5em; padding-top: 0em;}
h2#pagetitle:after { content: " PAGE"; }
.page-archive h2#pagetitle:after { content: " ARCHIVE PAGE"; }
.page-entry h2#pagetitle:after, .page-read h2#pagetitle:after {content: ""; }

/* ENTRIES */

/* Make the headers a different color than the rest of the text. */
.tag, .metadata, .entry .inner .header, .entry .inner .poster, .entry .inner .userpic { color: #336699; font-size: 1em; line-height:1.4em; font-weight: bold;}


/* Add identifiers to the header content, pt 1 */
h3.entry-title:before {content: "Subject: ";}
h3.entry-title {color: #336699; font-size: 1em; line-height:1.4em; margin-bottom: 0em; padding-bottom: 0em; font-family: "NimbusRoman No9 L", Rekha, Georgia, serif; }

/* replace icons for restrictions with text */
.restrictions-18 .entry-title:after { display: block; content: "Rating: Restricted to adults 18 and older.";  color: #c33; background-color: white; }
.restrictions-NSFW .entry-title:after { display: block; content: "Rating: Discretion advised. Not safe for work.";  }
span.restrictions { display: none; }

/* Add identifiers to the header content, pt 2 */
.entry .inner .header .datetime:before {content: "Date: ";}

/* replace icons for security with text */
.security-public .entry .inner .header:after { content: "Security: Public"; display: block; clear: left; }
.security-private .entry .inner .header:after { content: "Security: Private"; display: block; clear: left; }
.security-protected .entry .inner .header:after { content: "Security: Access Only"; display: block; clear: left; }
.security-custom .entry .inner .header:after { content: "Security: Access Filter"; display: block; clear: left; }
.access-filter { display: none; }

/* Add identifiers to the header content, pt 3 */
.entry .inner .poster:before { content: "Poster: ";}
.page-recent .journal-type-P .entry .inner .poster:before { content: "Poster"; color: white; background-color: white;}
.entry .inner .userpic {margin-bottom: 1em;}


/* make metadata and tags more header-ish */
.metadata {padding: 0em; margin: 0em; margin-top: 1em; margin-bottom: -1em;}
.metadata ul { margin: 0em; padding: 0em; }
.metadata li {line-height: 1.4em; margin: 0em auto;}
.tags {margin-bottom: 0em; }
div.inner > ul {margin-top: 0em; }

/* put the icons on the same line as the text entry management stuff */
.entry-management-links {float: right; display: inline; }

/* Put a line under all the entries, add space between entries */
.entry-wrapper { border-bottom: 1px black solid; padding-bottom: 1em; margin-bottom: 1.5em; }

/* make user pic next to header info, special rules for syndicated journals (journal type y) which never have icons */
.entry .inner {position: relative; }

.entry .header {position: relative; left: 105px;}
.journal-type-Y .entry .header { position: static; }

.entry .inner .poster { display: block; position: relative; left: 105px; }
.journal-type-Y .entry .poster { display: block; position: static; }

.entry .inner .userpic { float: left; position: absolute; top: -4em;  }
.restrictions-18 .entry .inner .userpic, .restrictions-NSFW .entry .inner .userpic { float: left; position: absolute; top: -5.25em;  } /* the restricted entries have an extra line, so they need extra top space */

.entry .inner .entry-content { position: relative; top: 5em; margin-bottom: 5em; }
.journal-type-Y .inner .entry-content {position: static; margin-bottom: auto; }

/* Make text entry management links left-align and pretty */
.entry .inner {margin-bottom: 1em; }
ul.entry-interaction-links { text-align: left;}
ul.entry-interaction-links li { font-family: Loma, Verdana, Geneva, sans-serif; font-size: 0.8em; color: #336699; line-height:1.4em; text-transform: uppercase;}
ul.entry-interaction-links li:before { content: "| ";}
ul.entry-interaction-links li:first-child:before  { content: ""; }

/* SIDEBARS AND MODULES */

/* make headers pretty */
div h2.module-header { border-top: 1px black solid; border-bottom: 2px black solid;
            padding: 0em 1em 0.25em 1em; margin-bottom: 1em; margin: 0em;
            color: #333333; background-color: #CCCCCC;
            font-size: 1.1em; font-weight:bold; letter-spacing: .1em; text-transform: lowercase; }

/* get rid of padding so that the header borders go all the way to the sides, add border around the columns */
#secondary {padding: 0em; border: thin black solid; }
#secondary .inner:first-child {padding: 0em; }

/* avoid triple borders on the top of the top module */
#secondary .module:first-child h2.module-header { border-top: 0px black solid; }

/* but keep the line on the top of a one column implementation */
.one-column #secondary .module:first-child h2 { border-top: 1px black solid; }

/* add padding to module content because whitespace is good! But we don't need so much on ul and table. */
.module-content { margin: 1em; }
.module-content ul, .module-content table { margin-left: -0.5em; }

/* make lists prettier */
.module-content li { text-align: left; list-style-type: none; list-style-position: inside;}

/* special case for the navlinks module, add line because it has no h2 */
.module-navlinks { border-top: 1px black solid; }

/* special case for the syndicate tags, too close to top */
.module-syndicate .module-content {margin-top: .5em; }

/* FOOTER */

/* make footer a contrast color bar */
#footer { background-color: #555555; }
#footer a { font-weight: bold; color: #FFD4BD;}

/* don't make tertiary modules in two column into 15px boxes, the data doesn't fit! */
.two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
clear: both; width: auto; margin: 0em auto; padding: 0em auto; }

/* COMMENTS */

/* add line between comments */
.comment-wrapper { border-bottom: thin black inset; }

/* make comment headers headerish */
.comment .inner .header, .comment .inner .contents .poster, .comment .inner .contents .poster-ip { color: #336699; line-height:1.4em; font-weight: bold; }

/* visually distinguish screened/frozen comments */
.screened { font-family: "Nimbus Mono L", "Courier New", monospace; font-size: .9em; font-weight: 300; background-color: #ecf7ff; }
.frozen { font-family: "Nimbus Mono L", "Courier New", monospace; font-size: .9em; font-weight: 300; background-color: #F5F5F5; }