/* Cleaned CSS: */ /* user css */ /* PASTE YOUR STYLE SHEET HERE */ /* Template: (#51.5) Just Like A Man */ /* Date: August 7, 2008 */ /* S2 Style: Mixit */ /* Available at http://community.livejournal.com/thefulcrum/ */ /* Made by Liz a.k.a. grrliz.livejournal.com */ * {margin: 0px; padding: 0px; } html {font-size: 100%; /* IE hack */ } body { font-family: "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", candara, helvetica, verdana, arial, tahoma, sans-serif; font-size: 62.5%; text-align: center; } a, a:link, a:visited, a:active {font-weight: normal; text-decoration: none; outline: none;} a:hover {} blockquote {margin: 0.8em 3em; padding: 10px 10px 10px 40px; font-size: 1.2em;} input, textarea, select {} h1, h2, h3 {font-weight: normal;} font {font-family: inherit !important; color: inherit !important;} /* ----------------------------------------- */ /* ---------- PAGE STRUCTURE --------------- */ /* ----------------------------------------- */ /* -- don't touch the stuff below -- */ #page, #header, #content, #footer {position: relative; top: 0;} #alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;} #footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */} #page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;} #header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */} #alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */ /* -- don't touch the stuff above -- */ #container {margin: 0px auto; font-size: 1em; text-align: left;} #container-inner {min-height: 100%; text-align: left;} #page {padding: 0px;} #header {position: relative; height: 180px; } #header-inner {} #content {width: 80%; max-width: 960px; margin: 0px auto; padding-top: 20px; text-align: left;} #alpha {width: 70%;} .layout-tw #alpha {float: right;} .layout-wt #alpha {float: left;} #beta {width: 30%;} .layout-wt #beta {float: right;} .layout-tw #beta {float: left;} .layout-wt #beta-inner {padding-left: 2em;} .layout-tw #beta-inner {padding-right: 2em;} #footer {clear: both; margin-top: 2em; padding-bottom: 20px;} #footer-inner {padding: 50px 0px;} /* ---------------------------- */ /* ---------- HEADER ---------- */ /* ---------------------------- */ #header-content {overflow: hidden; text-transform: lowercase;} #header-text {position: relative; width: 80%; max-width: 960px; height: 180px; margin: 0px auto;} #header-text ul.nav {} #header-text ul.nav li {display: inline; float: left;} #header-text ul.nav li a {display: block; padding: 0px 10px; line-height: 30px;} #header-text ul.nav li a:hover {} #header-text ul.nav li.current a {} #header-name {text-align: right; line-height: 30px;} #header-name a {} #header-description {display: none;} /* ----------------------------- */ /* ---------- ENTRIES ---------- */ /* ----------------------------- */ /* previous and next links */ .stream-header {display: none;} .stream-footer {clear: both; display: block; text-align: left; text-transform: lowercase;} /* entry container */ .asset {position: relative; margin-bottom: 2em;} .asset a img {} .asset a:hover img {} .asset-header {} .lj-view-entry .asset-header {padding: 0; } /* entry subject */ h2.page-header2 {padding-bottom: 0.2em; font-size: 1.3em; font-weight: bold; text-transform: uppercase;} h2.page-header2 a, .lj-view-tags h2 {text-decoration: none;} .lj-view-entry h2.page-header2 {padding: 1em 0 0.2em 0;} /* entry body, meta, tags */ .asset-content {} /* entry text */ .asset-body {line-height: 1.5em; overflow-x: hidden;} .asset-body a {text-decoration: underline; font-weight: bold;} .asset-body ol, .asset-body ul {margin: 10px 40px;} .asset-body dt {padding: 5px 0px; font-weight: bold; text-transform: uppercase;} .asset-body dd {margin-left: 30px; padding: 10px;border-top: 0px;} .ljuser {display: inline !important;} .ljuser a {background: transparent;} /* userpic */ .user-icon {float: right; text-align: center;} .user-icon img {} /* mood, music, location */ .lj-currents ul {padding-top: 1em; list-style-type: none; text-transform: lowercase;} .lj-currents ul li {display: inline; padding-right: 2em;} .lj-currents span.entryMetadata-label {padding-right: 0.5em; font-weight: bold;} /* --- tags --- */ .asset-tags {padding-top: 1em; text-transform: lowercase; padding-top: 3px;} .asset-tags-header {display: block; float: left; width: 3em; /* matches .asset-tags-content width */ height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important;} .asset-tags ul {list-style-type: none;} .asset-tags-list {margin: 0 0 0 3em; list-style-type: none;} .asset-tags-list li {display: inline; padding-right: 5px;} .asset-tags-list a {white-space: normal !important;} .asset-tags-list a:hover {text-decoration: underline} /* comments bar */ ul.asset-meta-list {height: 30px; margin-top: 1em; text-transform: lowercase; text-align: left;} ul.asset-meta-list .item {display: inline; adding-right: 1.5em;} li.asset-meta-comments {margin: 0px;} li.asset-meta-comments a {display: block; float: left; padding: 0px 8px; line-height: 30px;} li.asset-meta-comments a:hover {} .prevnext, .prev, .next {padding: 5px 0px;} /* date and time */ div.asset-header ul.asset-meta-list {margin: 0px !important; padding: 0!important; background: none !important; font-size: 11px; text-align: right; list-style-type: none;} div.asset-header ul.asset-meta-list .item {display: block; float: right; padding: 0.5em;} /* ----------------------------- */ /* ---------- SIDEBAR ---------- */ /* ----------------------------- */ .widget {margin-bottom: 2em;} .widget-inner {} .widget-header {display: block; float: left; margin: 0px; padding: 0.5em 3em 0.5em 0.5em; font-size: 1em; text-transform: uppercase;} .widget-content {clear: both; padding-top: 0.5em; font-size: 1.1em;} .widget-footer {} .widget ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-type: circle;} /* profile */ .about-me-widget .widget-header a {font-weight: bold;} .about-me-widget .widget-content {position: relative;} .about-me-widget .widget-content .user-pic {margin-top: 10px;} .about-me-widget dl.profile-list {position: absolute; top: 10px; left: 110px; font-size: 1.2em;} .about-me-widget dd {padding: 3px 0px;} .about-me-widget dd.profile-username {text-transform: uppercase;} .about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;} /* calendar */ .calendar-widget {} .calendar-widget table {margin-left: -5px; font-size: 11px; text-align: center; } .calendar-widget th, .calendar-widget td {margin: 0px; padding: 0px; width: 21px; height: 21px; text-align: center;} .calendar-widget td a {display: block; width: 21px;line-height: 21px; text-align: center;} .calendar-widget td a:hover {} .calendar-widget p {margin: 0px; padding: 0px;} .calendar-widget tr:first-child td {border: 0px;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {width: 100%; background: none; font-weight: bold;} /* link list and tags */ .typelist-widget li.item, .categories-widget li.item {} .categories-widget .widget-footer {padding-top: 1em;} /* custom text */ .customtext-widget .widget-content {line-height: 1.8em;} /*syndication */ .syndicate-widget img {margin-top: 5px;} /* powered by livejournal */ .powered-widget {display: none; padding-top: 3em;} .powered-widget .widget-content {overflow: hidden; font-size: 12px;} .powered-widget a {font-weight: bold; text-decoration: underline;} /* designed by */ /* leave this turned off otherwise it will credit someone else with the design */ .designed-widget {display: none;} /* ----------------------------------- */ /* ---------- COMMENTS PAGE ---------- */ /* ----------------------------------- */ /* Comments ---------------------------------------*/ #comments {padding: 0px;} div.comments-inner h2 {margin: 0px; font-weight: normal;} .comment {position: relative; min-height: 130px; margin-bottom: 3em; padding: 0px;} .comment-odd {} .comment-even {padding: 1em;} .comments-nav {margin: 0px 0px 20px 0px; text-align:center;} .comment-meta {padding: 5px 0px;} .comment-meta .user-icon {position: relative; float: right; display: inline; padding: 0px 0px 10px 10px;} .comment-meta .commenter-name {font-size: 1.3em;} /* --- reply, freeze, screen, etc --- */ .comment-links {margin-top: 0.9em; font-weight: normal; text-align: right; font-size: 1em;} .comment-subject {font-weight: bold; } .comment-date {margin-top: 0.9em; margin-bottom: 0.9em;} /* Fix height in IE */ .comment {height: 1%;} /* Quick Reply ---------------------------------------*/ .quickreply {margin-top: 1em; width: 90% !important; padding-top: 5px; padding-bottom: 10px;} #commenttext, #subject {width: 80%; } #comment-form {width: 500px;} /* ------------------------------ */ /* ---------- ARCHIVES ---------- */ /* ------------------------------ */ /* Calendar/Archive ---------------------------------------------------------------------- */ ul.year {text-align: center; padding: 0px;} ul.year li {display: inline; padding: 0px 5px;} table.yeartable {width: 100%; margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px;} table.yeartable td.yearday {text-align: center;} td.yearmonth {border-style: none; font-weight: bold; text-transform: uppercase;} td.yeardate a {font-size: 1.5em; text-decoration: none;} dd.viewsubjects {margin: 0 0 .75em .75em;} .lj-view-archive #alpha, .lj-view-month #alpha {font-size: 1.2em;} .lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;} .lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;} .lj-view-month widget table {margin: 0px !important;} .lj-view-tags #alpha ul {margin: 10px 0px 10px 20px; font-size: 1.2em;} .lj-view-tags #alpha ul li {padding: 2px 0px;} /* -------------------------- */ /* ---------- MISC ---------- */ /* -------------------------- */ /* Sponsored Plus ---------------------------------------*/ #ad-5linkunit { clear: both; } #ad-leaderboard { margin-bottom: 10px; } /* Utility Code --------------------------------------------------- */ /* clear floats, inspired by positioniseverything.net/easyclearing.html */ .comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; } /* float in post bodies around enclosures */ #content-inner, .asset-body { height: 1%; } /* Win IE < 7 */ * html #header-name a { word-wrap: break-word; } /* ---------------------------------------- */ /* ---------- CONTEXTUAL POP-UPS ---------- */ /* ---------------------------------------- */ div.ContextualPopup div.Inner {padding: 5px;text-align: left;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {font-weight: bold !important; text-decoration: none !important; font-weight: normal;} div.ContextualPopup div.Inner a:hover {text-decoration: underline;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: bold !important;} /* --------------------- PLEASE PASTE YOUR COLOUR SCHEME HERE --------------------- */ /* --------------------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE --------------------- */ /* Template: (#51.5) Just Like A Man */ /* Colour Scheme: Black / Green / Purple */ body {background: #000000; color: #dddddd;} a, a:link, a:visited, a:active {color: #BF1F6A;} a:hover {color: #C2ED00;} blockquote {border: 1px solid #222222; background: url("https://p.dreamwidth.org/1b5c05b50212/-/i236.photobucket.com/albums/ff88/themegaloo/51_blockquote1.gif") 10px 10px no-repeat #111111;} #header {border-bottom: 1px solid #222222;} #header-inner {background: url("https://p.dreamwidth.org/b66d2283fb6d/-/i236.photobucket.com/albums/ff88/themegaloo/51_header1.gif") 50% 30px repeat-x #BF1F6A;} #footer {border-top: 1px solid #222222; background: #BF1F6A;} #footer-inner {border-bottom: 1px solid #BF1F6A; background: url("https://p.dreamwidth.org/b66d2283fb6d/-/i236.photobucket.com/albums/ff88/themegaloo/51_header1.gif") left -20px repeat-x transparent;} #header-text a {color: #dddddd;} #header-text ul.nav li a:hover {background: #AC135B;} h2.page-header2 {border-bottom: 1px solid #222222;} .asset-body dt {border-bottom: 1px solid #222222; } .asset-body dd {background: #111111; border: 1px solid #222222; border-top: 0px;} .ljuser a {color: #BF1F6A;} .user-icon img {border: 2px solid #BF1F6A;} ul.asset-meta-list {background: #BF1F6A;} li.asset-meta-comments a {color: #dddddd;} li.asset-meta-comments a:hover {background: #AC135B;} div.asset-header ul.asset-meta-list .item {border: 1px solid #222222; border-top: 0px; background: #111111;} .comment {border-top: 1px solid #222222; border-bottom: 1px solid #222222;} .comment-even {background: #111111;} .widget {border-top: 1px solid #222222;} .widget-header {border: 1px solid #222222; border-top: 0px; background: #111111; color: #BF1F6A;} .widget ul {color: #C2ED00;} .calendar-widget td a {background: url("https://p.dreamwidth.org/607ce5bdf833/-/i236.photobucket.com/albums/ff88/themegaloo/51_calendardots1.gif") 0px 0px no-repeat;} .calendar-widget td a:hover {background: url("https://p.dreamwidth.org/607ce5bdf833/-/i236.photobucket.com/albums/ff88/themegaloo/51_calendardots1.gif") -21px 0px no-repeat; color: #111111;} .calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {color: #BF1F6A;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #222222;} table.yeartable td.yearday {background-color: #111111;} div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #222222; background: #111111 !important; color: #dddddd !important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #BF1F6A !important;} div.ContextualPopup div.Inner a:hover {color: #C2ED00 !important;} div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #dddddd !important;}