undertheblue | Layout: 03: It's Not Even Spring

Live Preview is currently unavailable.

Works with: Chrome, FireFox, IE.
Resolution: 1024x768 and above.
Features: Custom everything except the usual modules; responsive entry headers.
Navstrip: Yes.

How To Install:

1. Go to the Select Style page and type "Plain" into the search box. Select Plain for Tabula Rasa by hitting Apply Theme underneath it.

2. Go to the Modules page. Make sure Navigation is under "Main Module Section", make sure User Profile is ranked first under "Secondary Module Section, followed by Link List, followed by Custom Text at the lowest. Hit Save.

3. Go to the Custom CSS page and uncheck "Use layout's stylesheet(s)". Copy and paste the code below and hit Save.

4. On the same page, make sure your Page Setup is "1 Column (modules at top and bottom; no sidebar)" by hitting Apply Page Setup underneath it.

CODE:

/*-----IT'S NOT EVEN SPRING by RURIAIR @ DREAMWIDTH. MINI ICONS BY PINVOKE, DRYICONS. BANNER BY FOOL LOVERS. BACKGROUNDS BY SUBTLE PATTERNS AND UNKNOWN-----*/

body {
background: #fafafa url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/linedpaper.png') repeat scroll;
color: #333;
font: 14px century gothic;
padding: 45px 0px 0px 0px!important;
margin: 0;
}

img a, a img {border:none;}

blockquote {
border-left: 5px solid #abc97a;
padding: 5px 7px 5px 10px;
width: 85%;
margin: 0px auto!important;
line-height: 1.3em;
letter-spacing: 1px;
font: italic 12px courier new;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

a, a:link {
font-family: georgia;
color: #111;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a:hover {
color: #abc97a;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

i, em {
color: #666;
font-family: georgia;
}

b, strong {
color: #111;
font: 14px impact;
letter-spacing: 1px;
}

s, strike {
color: #abc97a;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

s:hover, strike:hover {
color: #111;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

small, tt {
font: italic 11px "trebuchet ms", sans-serif;
color: #666;
letter-spacing: 1px;
}

li {
display: inline;
}

ul {
padding: 0;
margin: 0;
}

.entry-content li, .sticky-entry div.entry-content li {display: list-item;}

.entry-content ul, .sticky-entry div.entry-content ul {
width: 75%;
margin: 0px auto;
border-right: 10px solid #abc97a;
padding: 5px 15px 5px 7px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

/*-----HEADER-----*/

#header {
position: relative;
width: 100%;
margin: 40px auto;
text-align: center;
}

#title {
color: #333;
font: 24px georgia;
color: #fff;
text-shadow: 0.1em 0.1em .2em #999;
position: relative;
z-index: 1;
}

#subtitle {
font: 14px century gothic;
color: #aaa;
text-transform: lowercase;
letter-spacing: 4px;
margin-top: -25px;
position: relative;
z-index: 0;
}

#pagetitle {
position: fixed;
top: 0%;
width: 100%!important;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/v10.gif') repeat-x scroll;
height: 66px;
font-size: 0px;
z-index: 98;
}

/*-----ENTRY NAVIGATION-----*/

.page-top a {
position: fixed;
bottom: 0%;
right: 3%;
color: #abc97a;
font: 24px georgia;
text-transform: uppercase;
}

.navigation.bottomnav {
display:none;
}

#entries .navigation.topnav {
position: fixed;
left: 20%;
top: 40%;
font-size: 0px;
}

#entries .navigation.topnav li {
display: block;
}

#entries .page-back a {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/left_arrow.png') no-repeat;
padding: 64px 64px 0px 0px;
}

#entries .page-forward {
margin-top: 90px;
}

#entries .page-forward a {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/right_arrow.png') no-repeat;
padding: 64px 64px 0px 0px;
}

#content {
margin: auto;
width: 42%;
}

#primary {
width: 100%!important;
margin: 20px auto -30px auto;
}

.entry {
margin: 0px auto 50px auto;
}

.entry-content {
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
padding: 15px;
padding-top: 30px;
line-height: 1.9em;
text-align: justify;
position: relative;
z-index: 1;
}

.entry-content h2, .entry-content h1, .entry-content h3 {
margin: 0px!important;
padding: 0px!important;
font: 14px century gothic;
}

.entry-content h2:first-letter, .entry-content h1:first-letter, .entry-content h3:first-letter {
color: #333;
font: italic 20px impact;
padding-right: 3px;
}

.entry-content h2:first-line, .entry-content h1:first-line, .entry-content h3:first-line {
color: #333;
font: 16px courier;
letter-spacing: 2px;
}

.entry-content img {
max-width: 100%;
}

.entry div.header {
min-height: 28px;
background: #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
width: 75%;
border: 1px solid #aaa;
border-bottom: none;
padding: 3px;
text-align: right;
text-shadow: 0.1em 0.1em .2em #000;
margin-bottom: -18px;
position; relative;
z-index: 0;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.entry div.header:hover {
margin-top: -17px;
padding-bottom: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.entry-title, .entry-title a {
color: #abc97a;
margin-bottom: auto;
margin-top: 0px;
font: 11px courier new;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
padding: 0px 3px 3px 3px;
}

.datetime, .datetime a {
color: #abc97a;
font: italic 11px georgia;
margin-right: 5px;
position: relative;
z-index: 0;
}

.entry-content .ljuser {
line-height: 1em;
}

.entry-poster {
float: right;
margin: 3px 3px 0px 0px;
position: relative;
z-index: 2;
font-size: 0px;
}

.entry-poster a b, .ljuser a b {
color: #abc97a;
font: bold 16px century gothic!important;
letter-spacing: 3px;
text-transform: lowercase;
}

.entry-poster a b {
margin-right: 3px;
}

.entry-title a span.ljuser b, .entry-title span.ljuser a b {
color: #fff!important;
letter-spacing: 3px;
font: bold 14px courier new!important;
}

.entry .access-filter, .entry .restrictions {
text-align: left;
position: absolute!important;
margin-left: 5px;
margin-top: -1px;
}

.restrictions {
margin-left: 20px!important;
}

span.cuttag_container b a {
color: #333;
font: bold 14px trebuchet ms;
text-transform: lowercase;
}

.entry div.userpic {
float: right;
margin-right: -100px;
}

.entry div.userpic img {
width: 70px;
height: 70px;
padding: 5px;
background: #fff url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
border: 1px solid #ccc;
}

/*-----ENTRY FOOTERS-----*/

.entry div.footer hr, .tag-text, .time, .metadata {display:none;}

.entry div.footer {
background: #fff;
border: 1px solid #ccc;
border-top: none;
text-align: center;
padding: 3px;
}

.tag {
font-size: 0px;
width: 90%;
margin: 0px auto 5px auto;
}

.tag li a {
font: 13px courier new;
margin-right: 5px;
color: #abc97a;
border-left: 2px solid #abc97a;
border-right: 2px solid #abc97a;
padding: 0px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.tag li a:hover {
color: #333;
}

/*ARROW FIX*/
.tag li>a:not([rel=tag]), .tagnav { display:none; }

.entry-interaction-links {
text-align: right;
padding: 0px 3px 1px 0px;
}

.entry-readlink {
margin-top: -3px;
}

.entry-readlink a {
font: 20px georgia;
}

.entry-permalink a, .commentpermalink a {
font-size: 0px;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/199.png') no-repeat;
padding: 16px 16px 0px 0px;
}

.entry-replylink a {
font-size: 0px;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/comments.png') no-repeat;
padding: 16px 16px 0px 0px;
}

/*-----SIDEBARS-----*/

#secondary {
position: relative;
width: 100%;
text-align: center;
margin: 0px auto 0px auto;
}

.module-navlinks.module li a {
font-size: 0px;
height: 48px;
width: 48px;
padding: 48px 48px 0px 0px;
margin: 0px 5px;
}

a.recent {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/home.png') no-repeat;
}

a.archive {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/folder.png') no-repeat;
}

a.read {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/comment_bubble.png') no-repeat;
}

a.network {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/rss_feed.png') no-repeat;
}

a.tags {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/attachment.png') no-repeat;
}

a.memories {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/add_to_favorites.png') no-repeat;
}

a.userinfo {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/user.png') no-repeat;
}

#tertiary {
width: 96.5%;
margin: 50px auto 50px auto;
text-align: center;
min-height: 120px;
}

.module-userprofile.module {
float: left;
padding-right: 10px;
text-align: center;
margin-top: 7px;
}

.module-userprofile.module div.userpic img {
width: 70px;
height: 70px;
padding: 5px;
background: #fff url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
border: 1px solid #ccc;
margin-top: 17px;
}

.journal-name {
font: bold 12px century gothic;
letter-spacing: 3px;
text-transform: lowercase;
color: #333;
}

.journal-website-name a {
color: #abc97a;
font: 12px georgia;
text-transform: uppercase;
}

.module-typelist.module {
margin: -46px 7px 10px 0px;
}

.module-typelist.module li a {
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
margin: 0px 3px;
padding: 3px;
position: relative;
float: right;
}

.module-typelist.module li a:hover {
padding-bottom: 13px;
margin-top: -10px!important;
}

.module-customtext.module {
width: 75%;
color: #666;
font: italic 12px courier;
text-align: justify;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
min-height: 64px;
float: right;
}

#module-jump-link, .module, .userlite-interaction-links, .module h2, .manage-link, module-search.module {display:none;}

.module-userprofile.module, .module-customtext.module, .module-navlinks.module, .module-typelist.module {
display:block!important;
}

.module-userprofile.module, .module-customtext.module {
display: inline-table!important;
}

/*----STICKY----*/

.sticky-entry div.header, .sticky-entry .datetime {display:none;}

/*----COMMENTS PAGE----*/

.comment-from-text, .comment-date-text, .comment li.link.thread a, .partial .comment .datetime, .comment-subjecticon {display:none;}

#comments {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
text-align: center;
}

.comment {
width: auto;
margin: 20px 5px 40px 70px;
border-left: 7px solid #abc97a;
padding: 10px 7px 5px 10px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
min-height: 100px;
}

.comment .contents {
text-align: left;
}

.comment-content {
line-height: 1.9em;
border-right: 5px solid #abc97a;
padding: 5px 10px 5px 7px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
min-height: 40px;
text-align: justify;
}

.comment div.userpic img {
float: left;
margin: 0px 10px 0px -85px;
width: 50px;
height: 50px;
padding: 4px;
background: #fff url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
border: 1px solid #ccc;
}

.comment-title, .comment-title a {
text-align: left;
color: #333;
font: 16px courier;
letter-spacing: 2px;
text-transform: none;
margin: 0px auto 3px auto;
}

.comment-title:first-letter {
color: #333;
font: italic 20px impact;
padding-right: 3px;
}

.comment .datetime {
float:right;
margin-top: -3px;
color: #ccc;
}

.poster.comment-poster a b {
text-align: left;
}

.poster-anonymous .comment-poster {
font: bold 12px century gothic;
letter-spacing: 3px;
color: #abc97a;
text-transform: lowercase;
}

.comment-management-links {
margin: 5px auto;
}

.comment-interaction-links {
float: right;
margin: 5px auto;
}

.multiform-checkbox {
float: left;
margin-left: -45px;
font-size: 0px;
}

.partial .comment {
width: 50%;
margin: 10px auto;
padding: 7px;
min-height: 50px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: left!important;
border-left: 4px solid #abc97a;
}

.edittime em, .edittime i {
color: #abc97a!important;
letter-spacing: 2px;
text-transform: lowercase;
}

.frozen.first-item {
color: #ccc;
vertical-align: middle;
text-transform: lowercase;
float: left;
margin-top: -3px;
font-style: italic;
font-weight: bold;
letter-spacing: 2px;
}

.comment-pages, .comment-pages b {
font-size: 0px;
}

a.comment-page b, .comment-pages a {
font-size: 16px;
margin: 0px 3px;
}

.comment-page-current b {
color: #e71a1c;
font-weight: normal;
font-size: 16px;
margin: 0px 3px;
}

.view-flat a, .view-top-only a, .view-threaded a {
font: 14px century gothic;
text-transform: lowercase;
border-left: 2px solid #abc97a;
border-right: 2px solid #abc97a;
padding: 0px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*----REPLY BOXES----*/

form#postform, form#qrform {
width: 95%;
margin: auto;
margin-right: 40px;
font-size: 0px;
}

form#postform {
margin: -30px 40px 60px auto;
}

form#qrform b {
font-size: 0px;
}

#postform label, #qrform label {
font: 14px impact;
}

#postform .textbox, .textbox, #prop_picture_keyword {
background: #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
color: #abc97a;
font: 14px courier new;
letter-spacing: 2px;
border: 1px solid #ccc;
padding: 3px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

textarea#commenttext.textbox, textarea#body.textbox, input#subject.textbox {
width: 100%!important;
}

#subjectIconImage {display:none;}

input#randomicon {width: 62px;}

#prop_picture_keyword {
width: 45%;
}

/*----TAGS PAGE----*/

body.page-tags #primary,
body.page-month #primary, body.page-icons #primary, body.page-entry #primary {
margin-bottom: 20px;
}

.tags-container h2 {display: none;}

.tags-container {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
padding-top: 30px;
font: 12px century gothic;
line-height: 1.9em;
text-align: center;
}

.ljtaglist li {
display: block!important;
}

.ljtaglist li a {
color: #111;
font: 18px impact;
letter-spacing: 3px;
}

.ljtaglist li a:hover {
color: #abc97a;
}

ul.ljtaglist.tags_multilevel {
border-left: 10px solid #abc97a;
border-right: 10px solid #abc97a;
padding: 5px 7px;
width: 70%;
margin: 0px auto!important;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

ul.ljtaglist.tags_multilevel ul.ljtaglist.tags_multilevel {
border-left: 5px solid #abc97a;
border-right: 5px solid #abc97a;
}

.non-link-tag {
color: #abc97a;
font: bold 16px century gothic;
}

/*-----ARCHIVE-----*/

body.page-archive #primary {
text-align: center;
}

body.page-archive #tertiary {
margin-top: 75px;
}

#archive-year div.month h3 {
margin: 0px auto;
background: #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
color: #abc97a;
font: 24px courier new;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px 3px 3px 3px;
text-shadow: 0.1em 0.1em .2em #000;
border-bottom: 1px solid #ccc;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}

#archive-year div.month {
margin: 20px auto;
text-align: center;
display: inline-table;
background: #fff;
border: 1px solid #ccc;
width: 90%;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}

table.month {
width:100%;
padding: 10px;
}

table.month td {
padding: 3px;
font-size: 14px;
vertical-align: top;
color: #666;
}

td.day {
width: 70px!important;
height: 70px!important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

td.day a {
font-size: 20px;
color: #333;
}

td.day:hover {
background: #abc97a;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

table.month thead {
font: bold 16px century gothic;
text-transform: lowercase;
letter-spacing: 2px;
}

.month div.footer {
margin: 10px 0px;
}

.month div.footer a {
color: #aaa;
font: 12px century gothic;
text-transform: uppercase;
letter-spacing: 2px;
}

.month caption, h3.day-date {display:none;}

#archive-month {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
}

body.page-archive .navigation.topnav, body.page-archive .navigation.bottomnav {
display: block!important;
text-align: center;
margin: auto;
font: 30px georgia;
}

.navigation li.active {
color: #e71a1c;
}

#archive-month dt {
margin: 20px 0px;
}

#archive-month dt a {
font: bold 24px georgia;
color: #333;
}

#archive-month dd {
border-left: 5px solid #abc97a;
padding: 5px 7px 5px 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 0px;
text-align: center;
}

#archive-month dd h3.entry-title:first-letter {
color: #333;
font: italic 20px impact;
padding-right: 3px;
}

#archive-month dd h3.entry-title {
margin-top: 25px;
width: 100%;
}

dd .entry-title a {
color: #333;
font: 16px courier;
letter-spacing: 2px;
text-transform: none;
}

dd h3.entry-title a span.ljuser b {
color: #333!important;
font-weight: bold;
font-family: century gothic;
}

dd .tag {margin-bottom: 20px;}

#archive-month .access-filter, #archive-month .restrictions {display:none;}

/*----ICONS PAGE----*/

.icons-container h2, .default.label, .keywords-label, .comment-text, .description-text {display:none!important;}

.page-icons #tertiary {
width: 40.5%;
}

.page-icons .module-customtext,module {
width: 75.1%;
}

.page-icons #content {
width: 100%;
}

.icons-container {
text-align: center;
margin: auto;
width: 80%;
}

.icon {
display: inline-table;
width: 35%;
margin: 20px;
background: #fff;
border: 1px solid #ccc;
padding: 15px;
}

.icon-image img {
float: left;
width: 100px;
height: 100px;
padding: 5px;
background: #fff url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
border: 1px solid #ccc;
}

.icon-info {
float: right;
text-align: center;
height: 100px;
width: 58%;
border-left: 10px solid #abc97a;
padding: 12px 7px 0px 10px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

.icon-keywords, .icon-comment, .icon-description {
vertical-align: middle;
}

.icon-keywords {
font: 22px georgia;
color: #111;
}

.icon-comment {
margin: 10px auto;
}

.icon-description {
font: italic 12px courier;
text-transform: lowercase;
}

/*-----NAVSTRIP-----*/

.embed-link {display:none;}

#lj_controlstrip {
position: fixed;
background: transparent;
z-index: 99;
color: #fff!important;
text-shadow: 0.1em 0.1em .2em #000!important;
z-index: 99;
text-align: center;
}

#lj_controlstrip a {
color: #111!important;
text-shadow: 0.1em 0.1em .2em #fff;
}

#lj_controlstrip td, #lj_controlstrip_statustext {
border: none!important;
color: #fff!important;
}

#lj_controlstrip_user {
text-align: left;
padding-left: 5px;
}

#lj_controlstrip_login td {
border-bottom: none!important;
}

#lj_controlstrip_actionlinks {
text-align: center;
}

#lj_controlstrip_search {
text-align: right;
}

#lj_controlstrip_userpic img {
width: 30px;
height: 30px;
margin: 3px 3px 0px 5px!important;
padding: 3px!important;
background: #fff url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/tumblr_lsdjv9k5E21r2gm7fo2_400.png') repeat scroll;
border: 1px solid #ccc!important;
}

#lj_controlstrip span.ljuser a b {
color: #fff;
text-transform: uppercase;
text-shadow: 0.1em 0.1em .2em #000!important;
font: bold 14px century gothic!important; 
}

#lj_controlstrip span.ljuser a:hover {
text-decoration: none!important;
}

input#xc_remember {
margin: 0px 3px 1px 0px!important;
vertical-align: bottom!important;
}

/*----CONTEXTUAL POPUP----*/

.ContextualPopup {
background: #fff;
border: 1px solid #ccc;
}

.ContextualPopup li {
display: block!important;
}

.ContextualPopup .Relation {
font: bold 12px century gothic;
color: #111;
letter-spacing: 3px;
text-transform: uppercase;
}

.ContextualPopup .Actions li {
display: inline-table!important;
margin: 0px 3px;
}

.ContextualPopup .Actions a {
font: 11px trebuchet ms!important;
color: #666;
}

.ContextualPopup .Actions {
text-align: center;
}

.ContextualPopup .Userpic {
border: none!important;
background: #abc97a;
padding: 3px;
}

.ContextualPopup .Userpic img {
height: auto;
width: auto;
max-height: 65px;
max-width: 65px;
}

/*----MINI ICONS----*/

.ljuser a b {
padding-left: 2px;
}

span.ljuser img {
vertical-align: text-bottom!important;
}

.entry-content span.ljuser img, .comment span.ljuser img, dd .entry-title span.ljuser img {
vertical-align: text-top!important;
}

span.ljuser img [src*="user.png"], [src*="img/silk/identity/user.png"], [src*="user_staff.png"],[src*="img/silk/identity/user_staff.png"] {
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/chess.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 15px 0px 0px!important;
}

span.ljuser img [src*="community.png"], [src*="img/silk/identity/community.png"],[src*="img/silk/identity/comm_staff.png"],[src*="comm_staff.png"] {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/092.png') no-repeat!important;
background: transparent;
height: 0!important;
width: 0!important;
padding: 15px 18px 0px 0px!important;
}

span.restrictions img [src*="icon_18.png"],[src*="img/icon_18.png"] {
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/warning.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
}

span.restrictions img [src*="icon_nsfw.png"],[src*="img/icon_nsfw.png"] {
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/flag.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
}

span.access-filter img [src*="locked.png"],[src*="img/silk/entry/locked.png"] {
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/lock.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
}

span.access-filter img [src*="private.png"],[src*="img/silk/entry/private.png"] {
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/key.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.reply a {
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/comment.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.threadroot a {
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/umbrella.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.commentparent a{
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/arrow_up.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.cmt_hide a{
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/zoom_out.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.cmt_unhide a{
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/zoom_in.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

.comment li.link.expand a{
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/add.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

Colors:
#abc97a | #e71a1c

FONTS:
If you can't see any differences you need to either download the fonts or change them to other fonts in the CSS.

Century Gothic vs Century Gothic | Georgia 1234567 vs Georgia 1234567
Impact vs Impact | Courier New vs Courier New

Images:
Please upload these to your own server as I cannot guarantee they won't move from their current host.

Mini Icons - "chess.png", "092.png", "warning.png", "flag.png", "lock.png", "key.png", "comment.png", "umbrella.png", "arrow_up.png", "zoom_out.png", "zoom_in.png", "add.png", "199.png", "comments.png"

Backgrounds - "tumblr_lsdjv9k5E21r2gm7fo2_400.png", "linedpaper.png"

Navigation - "home.png", "folder.png", "comment_bubble.png", "rss_feed.png", "attachment.png", "add_to_favorites.png", "user.png", "left_arrow", "right_arrow"

Banner - "v10.gif"

Notes:

1. The banner will remain even if the navstrip is disabled. More banner colors can be found at Fool Lovers. Be sure to credit! Mini Icons and buttons are from Pinvoke and DryIcons. Credit them too pls.

2. You must have some custom links, a website, and a default userpic enabled or your bottom bar will be messed up. Too much custom text will also mess it up.

3. ??? Most of this was coded forever ago idk.

READ THE FAQ BEFORE COMMENTING.

last updated: 2/14/15, 12:23am CDT to remove fugly arrows.

Layout: 03: It's Not Even Spring

no subject