undertheblue | Layout: 05: Monochromatic.

Live Preview is currently

lastclimb.

Works with: Chrome, FireFox, IE.
Resolution: 1024x768 and above.
Features: Custom everything except the usual modules; good on mobile?
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. Decide where you want your modules to be. Hit Save.

3. Go to the Custom CSS page and uncheck "Use layout's stylesheet(s)". Copy and paste this into "Custom Stylesheet URL":
http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Roboto Slab|Oxygen

4. Copy and paste the code below into "Use embedded CSS" 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:

/*---MONOCHROMATIC by RURIAIR. MINI ICONS by PINVOKE and DRY ICONS. BACKGROUNDS by FOOLLOVERS & ????---*/

body {
background:  #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/twilight-bg.png') repeat fixed;
color: #4a4a4a;
font: 20px "Oxygen", sans-serif;
padding: 0px 0px 0px 0px!important;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {margin: 0px;}

img a, a img {border:none;}

a, a:link {
color: #2a2a2a;
text-shadow: #b695a6 1px 1px 1px;
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: #b695a6;
text-shadow: #fff 1px 1px 1px;
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;
}

b, strong {
font-family: "Ubuntu Condensed", sans-serif;
color: #2a2a2a!important;
}

small {
font-size: 14px;
color: #666;
}

li {
display: inline;
}

ul {
padding: 0;
margin: 0;
}

.entry-content li, .sticky-entry div.entry-content li {display: list-item;
margin: 10px auto;}

.entry-content ul, .sticky-entry div.entry-content ul {
width: 90%;
margin: 10px auto;
border: 1px dashed #d9d5db;
padding: 25px;
padding-left: 40px;
background: #eaeaea;
font: 16px "georgia", serif;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-shadow: #fff 1px 1px 1px;
}

blockquote {
width: 80%;
margin: 0px auto;
text-align: justify;
border-left: 5px solid #ccc;
padding: 10px;
font: italic 20px georgia;
color: #888;
line-height: 1.7em;
padding-left: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
text-shadow: #fff 1px 1px 1px;
}

/*MAIN*/

#header {
background:;
margin: 0px;
padding: 50px 0px;
text-align: center;
position: fixed;
top: 0%;
width: 100%;
z-index: 98;
color: #f5f5f5;
font-family: "Roboto Slab", serif;
text-shadow: 1px 1px 1px #b695a6;
}

#pagetitle {display:none;}

h1#title, #title, h2#subtitle, #subtitle {margin: 0px;}

h1#title {
font-size: 70px;
text-transform: uppercase;
letter-spacing: 3px;
word-spacing: 10px;
color: #2a2a2a;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}

#subtitle {
font: italic 30px georgia;
letter-spacing: 10px;
word-spacing: 5px;
margin-top: -25px!important;
}

#content {
background: #f5f5f5 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/rb15.gif') repeat-x scroll 0 0;
padding-top: 30px;
border-top: 3px solid #222;
margin-top: 274px;
position: relative;
z-index: 100;
}

#secondary {
background: transparent;
text-shadow: none!important;
margin-top: 0px;
text-align: center;
padding: 15px 0px;
}

#tertiary {
background: transparent;
text-shadow: none!important;
margin-top: 0px;
text-align: center;
padding: 15px 0px;
}

/*MODULES*/

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

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

.module {
margin: 10px auto;
}

/*USERPROFILE*/

.journal-name {
font: 30px "Ubuntu Condensed", serif;
}

.journal-website-name {
text-transform: uppercase;
margin: 5px auto;
}

/*NAVIGATION*/

.module-navlinks.module {
margin: 40px 0px 0px 0px;
}

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

.page-separator {display:none!important;}

.navigation {
margin: auto;
width: 90%;
text-align: center;
}

.navigation li {display: inline-table;}

.page-back a, .page-forward a {
min-width: 100px;
padding: 5px;
font-size: 16px!important;
color: #aaa!important;
text-transform: uppercase;
display: block!important;
margin: 10px;
background: #dfdfdf;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: #fff 1px 1px 1px;
}

.page-back a:hover, .page-forward a:hover {
background-color: #ccc;
color: #fafafa!important;
text-shadow: #b695a6 1px 1px 1px;
}

/*CUSTOM TEXT*/

.module-customtext.module {
font: 16px "Ubuntu Condensed",sans-serif;
word-spacing: 5px;
border: 1px dashed #ccc;
width: 500px;
margin: 10px auto;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
color: #888;
}

/*LINK LIST*/

.module-typelist.module {
margin: 10px auto;
width: 35%;
text-align: center;
}

.module-typelist.module li a {
font-size: 16px!important;
color: #aaa!important;
text-transform: uppercase;
display: block!important;
margin: 5px auto;
background: #eaeaea;
border: 1px dashed #ccc;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-shadow: #fff 1px 1px 1px;
}

.module-typelist.module li a:hover {
background-color: #ccc;
color: #fafafa!important;
text-shadow: #b695a6 1px 1px 1px;
}

/*SEARCH*/

.module-search.module {
font: 16px "Ubuntu Condensed",sans-serif;
color: #888;
width: 30%;
margin: 10px auto;
border: 1px dashed #ccc;
padding: 10px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

.module-search.module form, .module-search.module span {
display: block;
}

.module-search.module input.search-box {
padding: 5px;
color: #666;
font: 20px "Oxygen", sans-serif;
letter-spacing: 1px;
background: #eaeaea;
border: 1px dashed #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.comment_search_label {
margin-bottom:5px;
}

/*MAIN*/
#primary {
width: 80%;
margin: auto;
padding: 10px 0px;
}

.noentries {
font: italic 20px georgia;
color: #999;
text-align: center;
width: 80%;
margin: 20px auto;
letter-spacing: 3px;
}

.entry {text-align: center;}

.entry div.header {
text-align: center;
}

h3.entry-title, .entry-title, .entry-title a {
margin: 0px;
font: bold 28px "Roboto Slab", serif;
letter-spacing: 5px;
text-transform: capitalize;
}

.entry-title .ljuser a b {
font-size: 28px!important;
}

.access-filter, .restrictions {
margin: 0px 2px;
}

.datetime, .datetime a {
font: italic 20px georgia;
color: #999;
letter-spacing: 20px;
word-spacing: -10px;
text-transform: lowercase;
text-shadow: none!important;
}

.entry-poster {font-size:0px!important;}

.entry-poster span.ljuser:nth-child(2):before {
content: "@";
font: normal 25px "Roboto Slab", sans-serif!important;
text-shadow: #b695a6 1px 1px 1px;
padding: 0px 5px;
}

.ljuser a, .ljuser a b {
font: bold 18px "ubuntu condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
color: #937384!important;
text-shadow: none!important;
padding-left: 1px!important;
vertical-align: text-bottom!important;
}

.ljuser img {
vertical-align: baseline!important;
box-shadow:none!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
}

.cuttag_container img {
background: none!important;
box-shadow:none!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
}

.entry-content, .comment-content {
line-height: 1.7em;
word-spacing: 3px;
text-align: left;
padding-top: 30px;
}

.entry-content img {
max-width: 100%;
background: #fafafa;
padding: 5px;
box-shadow: #b695a6 0px 1px 5px;
-moz-box-shadow: #b695a6 0px 1px 5px;
-webkit-box-shadow: #b695a6 0px 1px 5px;
}

.entry-content h1, .entry-content h2, .entry-content h3 {
font: bold 28px "Ubuntu Condensed", sans-serif;
}

.entry div.userpic {
text-align: center;
margin: 10px auto 5px auto;
}

.entry div.userpic img {
height: 90px;
width: 90px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border: 3px solid #fafafa;
box-shadow: #b695a6 0px 1px 5px;
-moz-box-shadow: #b695a6 0px 1px 5px;
-webkit-box-shadow: #b695a6 0px 1px 5px;
}

/*STICKY*/

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

.sticky-entry-title {font-size: 0px!important;}

.sticky-entry-title a {font: bold 28px "Roboto Slab", serif;}

/*ENTRY FOOTERS*/

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

.entry div.footer {
text-align: left;
border-top: 1px dashed #ccc;
width: 80%;
margin: auto;
margin-top: 15px;
padding-top: 45px;
}

.tag {
margin: 10px auto;
width: 80%;
font-size: 0px;
margin-top: -30px;
}

.tag li {display:inline-table!important;}

.tag li a {
color: #aaa;
font: bold 14px "oxygen", sans-serif;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/heart-empty.png') no-repeat scroll;
padding-left: 18px;
padding-top: 0px;
margin: 0px 5px;
text-shadow:none;
}

.tag li a:hover {
color: #2a2a2a;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/heart-break.png') no-repeat scroll;
text-shadow: #b695a6 1px 1px 1px;
}

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

.entry-management-links {
text-align: center;;
}

.entry-interaction-links {
text-align: right;
font-family: georgia;
float: right;
}

.entry-readlink {
margin-top: -15px;
float: left;
margin-right: 20px;
}

.entry-readlink.first-item {
margin-top: -30px;
}

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

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

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

#entries .separator-after {
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/favorite-1.png') no-repeat scroll;
height: 24px;
width: 24px;
margin: 50px auto;
}

#footer {
background: #f5f5f5;
text-align:center;
padding-bottom: 30px;
}

.page-top a {
color: #ccc;
font-size: 35px;
letter-spacing: 3px;
text-transform: uppercase;
text-shadow: #fff 1px 1px 1px;
}

.page-top a:hover {
color: #2a2a2a;
text-shadow: #b695a6 1px 1px 1px;
}

/*comments*/

.page-entry #header {display:none;}

body.page-entry {
background: #f5f5f5 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/rb15.gif') repeat-x scroll 0 0;
}

.page-entry #content {
margin-top: 0px;
border-top: none;
background: #f5f5f5!important;
}

.comment-from-text, .comment-date-text, .edittime .datetime, .comment li.link.thread a, .partial .comment .datetime, .comment-subjecticon, #subjectIconImage, .comment-interaction-links .frozen {display:none;}

#comments {
text-align: center;
}

.comment {
width: 90%;
margin: 50px auto 50px 20px;
text-align: left;
}

.comment div.contents {
padding-top: 20px;
margin-top: 25px;
border-top: 10px solid #dfdfdf;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
clear: right;
}

.comment-content {
min-height: 120px;
font-size: 18px;
text-align: left!important;
/*border-left: 5px solid #ccc;*/
padding: 10px;
padding-left: 20px;
margin-top: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/*.comment-wrapper-odd .comment-content {
border-left: 5px solid #937384;
}*/

.comment div.header {
margin-bottom: 10px;
margin-left: 30px;
}

.no-subject .comment div.header {
min-height: 1px;
}

.comment-title {color: #ccc;}

.comment div.userpic {
float: left;
margin: 40px 10px 10px -120px;
}

.comment div.userpic img {
height: 90px;
width: 90px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 3px solid #fafafa;
box-shadow: #b695a6 0px 1px 5px;
-moz-box-shadow: #b695a6 0px 1px 5px;
-webkit-box-shadow: #b695a6 0px 1px 5px;
}

.comment-poster {
margin-left: 30px;
}

.anonymous {
font: italic bold 18px "ubuntu condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
color: #999!important;
}

.comment .datetime {
font-size: 14px;
letter-spacing: 5px;
word-spacing: 0px;
float: right;
}

.edittime {color: #999;}

.comment div.footer {
text-align: center;
}

.partial .comment {
width: 350px;
padding: 5px;
}

.comment-interaction-links {
text-align: right;
}

.comment-interaction-links li a {
margin: 3px;
color: #aaa!important;
text-shadow: none;
}

.comment-pages {
margin: 15px auto;
font-size: 0px;
}

.comment-pages a, .comment-page-current {
font-size: 18px!important;
color: ;
margin: 3px;
}

a.comment-page {letter-spacing: 3px;}

.view-threaded a, .view-flat a, .view-top-only a, .expand_all a {
color: #999!important;
letter-spacing: 3px;
text-transform: uppercase;
text-shadow: #fff 1px 1px 1px;
}

.view-threaded a:hover, .view-flat a:hover, .view-top-only a:hover, .expand_all a:hover {
color: #2a2a2a!important;
text-shadow: #b695a6 1px 1px 1px;
}

.comment-page-current b {
color: #ccc!important;
text-shadow: #fff 1px 1px 1px;
}

#postform, #qrform {
width: 90%;
margin: auto;
margin-top: 30px;
}

#postform .textbox, #qrform .textbox, #prop_picture_keyword, input#subject.text, textarea#body.text {
background: #eaeaea;
border: 1px dashed #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font: 16px "Oxygen", sans-serif!important;
color: #666;
}

#prop_picture_keyword {
margin: 0px 5px;
color: #666;
font: 16px "Oxygen", sans-serif!important;
}

select#prop_picture_keyword option:nth-child(even){
background: #bbb;
color: #fff;
letter-spacing: 1px;
}
#postform .textbox, #qrform .textbox {
padding: 5px;
color: #666;
font: 20px "Oxygen", sans-serif;
letter-spacing: 1px;
}

#postform input, #qrform input {
margin: 3px;
}

/*QUICKER REPLY*/

#qrform .qr-body {margin-left:60px;
margin-top: 5px;
}

#qrform .qr-icon img {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border: 3px solid #fafafa;
  box-shadow: #b695a6 0px 1px 5px;
  -moz-box-shadow: #b695a6 0px 1px 5px;
  -webkit-box-shadow: #b695a6 0px 1px 5px;
}

#qrform .qr-icon {
height: 70px;
width: 70px;
margin-left: -25px;
}

.qr-footer {
text-align: center;
}

input#submitpost.submit, input#submitmoreopts.submit, input#submitpview.submit {
background: #eaeaea;
border: 1px dashed #ccc;
margin: 0px 5px;
color: #aaa;
text-shadow: #fff 1px 1px 1px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-transform: uppercase;
letter-spacing: 1px;
font: bold 20px Ubuntu Condensed;
padding:5px;
-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;
}

input#submitpost.submit:hover, input#submitmoreopts.submit:hover, input#submitpview.submit:hover {
background: #ccc;
color: #fafafa!important;
text-shadow: #b695a6 1px 1px 1px;
-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;
}

/*Icons*/

.iconselector_searchbox {
font: italic 30px "Georgia";
color: #937384;
letter-spacing: 5px;
margin: 5px auto;
text-shadow: #fff 1px 1px 1px;
}

#iconselector_search {
padding: 5px;
color: #666;
font: 20px "Oxygen", sans-serif;
letter-spacing: 1px;
background: #eaeaea;
border: 1px dashed #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.iconselector {
background: #f5f5f5;
border: 1px solid #ccc;
}

.image-text-toggle, .image-size-toggle, .kwmenu, .iconselector_item .icon-comment {
color: #666!important;
}

#iconselector_icons {
margin: auto;
width: 90%;
padding: 0px 45px;
}

#iconselector_icons_list li {
border: none!important;
}

.iconselector .icon_image {
margin: auto;
margin-bottom: 5px;
background: #fafafa;
padding: 3px;
box-shadow: #b695a6 0px 1px 5px;
-moz-box-shadow: #b695a6 0px 1px 5px;
-webkit-box-shadow: #b695a6 0px 1px 5px;
}

.iconselector .icon_image img {
padding: 0;
background: transparent;
}

.iconselector_selected {
background: #dfdfdf;
}

a.keyword.selected {
border: none!important;
background: #dfdfdf;
color: #2a2a2a!important;
}

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

.icons-container {
text-align: center;
}

.icon {
margin: 65px auto;
text-align: center;
width: 520px;
height: 100px;
border: 1px dashed #ccc;
border-top: 10px solid #dfdfdf;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.icon-image img {
margin: auto;
margin-bottom: 5px;
background: #fafafa;
padding: 3px;
box-shadow: #b695a6 0px 1px 5px;
-moz-box-shadow: #b695a6 0px 1px 5px;
-webkit-box-shadow: #b695a6 0px 1px 5px;
}

.icon-image img {
float: left;
margin-left: -70px;
margin-top: -30px;
}

.icon:nth-child(even) .icon-image img {
float: right;
margin-right: -70px;
}

.icon-info {
padding: 5px;
font-size: 18px;
margin: 5px 70px;
min-height: 100px;
}

.icon-keywords {
font-weight: bold;
font-family: "Roboto Slab", serif;
}

.icon-description {color: #999;}

/*TAGS*/

.tags-container h2 {display: none;}

.tags-container {
width: 60%;
margin: auto;
text-align: center;
}

.ljtaglist li {
display: block;
font-family: georgia;
color: #666;
letter-spacing: 3px;
margin: 10px 0px;
}

.ljtaglist li a {
color: #aaa;
font: bold 20px "oxygen", sans-serif;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/heart-empty.png') no-repeat scroll 0% 50%;
padding-left: 20px;
padding-top: 0px;
margin: 0px 5px;
text-shadow:none;
letter-spacing: 0px;
}

.ljtaglist li a:hover {
color: #2a2a2a;
background: url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/heart-break.png') no-repeat scroll;
text-shadow: #b695a6 1px 1px 1px;
}

/*ARCHIVE*/

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

#archive-year {
width: 70%;
margin: auto;
}

#archive-year .month-wrapper {
border: 1px dashed #ccc;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
margin: 50px auto;
text-align: center;
}

#archive-year .navigation {
font: 30px "Roboto Slab", serif;
}

#archive-year .active {
color: #ccc;
text-shadow: #fff 1px 1px 1px;
}

#archive-year div.header {
font: italic 30px "Georgia";
color: #937384;
letter-spacing: 5px;
margin: 5px auto;
text-shadow: #fff 1px 1px 1px;
}

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

.month div.footer a {
font: 20px georgia;
letter-spacing: 3px;
text-transform: uppercase;
}

.month div.footer {
padding-bottom: 5px;
}

table.month td {
padding: 3px;
font: 20px "Oxygen", sans-serif;
vertical-align: top;
}

td.day {
border: 1px dashed transparent;
width: 70px!important;
height: 90px!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;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

td.day .label {
font: 30px georgia;
padding: 3px 0px;
color: #aaa;
background: #dfdfdf;
text-shadow: #fff 1px 1px 1px;
width: 100%;
float: left;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

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

td.day:hover {
border: 1px dashed #ccc;
-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 {
color: #2a2a2a;
font: bold 18px "Ubuntu Condensed", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}

.page-month .datetime, .page-month .restrictions, .page-month .access-filter, .page-month .entry-poster.empty {display:none;}

#archive-month .tag {
margin-top: 0px!important;
width: auto!important;
}

#archive-month {
text-align:center;
}

#archive-month dd {
text-align: right;
margin: 30px 0px;
padding: 10px;
font-family: georgia;
color: #666;
border: 1px dashed #ccc;
border-top: 20px solid #dfdfdf;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#archive-month dt a {
font: italic 30px "Georgia";
color: #937384;
letter-spacing: 5px;
margin: 5px auto;
text-shadow: #fff 1px 1px 1px;
}
#archive-month select {
margin: 0px 5px;
color: #666;
background: #eaeaea;
border: 1px dashed #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*NAVSTRIP*/

#lj_controlstrip {
background: transparent!important;
text-align: center;
position: fixed;
top: 0%;
z-index: 99!important;
}

.page-entry #lj_controlstrip {
position: fixed;
background:  #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/twilight-bg.png') repeat fixed!important;
border-bottom: 3px solid #222;
z-index: 999!important;
}

.page-entry.has-navstrip #content {
padding-top: 50px!important;
}

#lj_controlstrip td {
border: none!important;
color: #fafafa!important;
text-align: center;
width: auto;
}

#lj_controlstrip_login td {
padding: 1px;
}

#lj_controlstrip input, #lj_controlstrip select {
background: #222;
color: #937384;
border: 1px dashed #111;
padding: 4px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-left: 5px;
-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;
}

#lj_controlstrip input:hover {
color: #fafafa;
-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;
}

lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input#search {
color: #937384;
background: #222;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

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

#lj_controlstrip .ljuser a b {
color: #937384!important
}

#lj_controlstrip_userpic img {
border: 2px solid #222!important;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}

/*HOVER MENU*/

.ContextualPopup {
text-align: center;
padding: 0px!important;
width: 10em!important;
background: #f5f5f5;
border: none!important;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-shadow: none!important;
-moz-box-shadow: 0 0 5px #937384;
-webkit-box-shadow: 0 0 5px #937384;
box-shadow: 0 0 5px #937384;
}

.ContextualPopup li {
display: block!important;
}

.ContextualPopup .Relation {
color: #2a2a2a;
font: bold 20px "Ubuntu Condensed", sans-serif!important;
letter-spacing: -1px;
text-transform: lowercase;
margin-bottom: 0px!important;
}

.ContextualPopup .Relation div:nth-child(2){
display: none!important;
}

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

.ContextualPopup .Actions a {
font: bold 12px "oxygen", sans-serif!important;
color: #937384;
text-shadow: #fff 1px 1px 1px!important;
}

.ContextualPopup .Actions a:hover {
color: #666;
}

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

.ContextualPopup .Userpic {
padding: 0px!important;
margin: 0px!important;
border: 1px solid #222!important;
border-bottom: 2px solid #222!important;
float: none!important;
background:  #333 url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/twilight-bg.png') repeat scroll;
width: auto;
}

.ContextualPopup .Userpic img {
height: 65px;
width: 65px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 3px solid #222;
margin: 5px auto;
}

.ContextualPopup .Content {
padding: 2px!important;
border: 1px solid #ccc!important;
border-top: none!important;
}

/*MINI ICONS*/

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/weather-clouds.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 18px 18px 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/weather-moon-clouds.png') no-repeat!important;
background: transparent;
height: 0!important;
width: 0!important;
padding: 18px 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/cross-script.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
vertical-align: middle;
}

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/heart--exclamation.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
vertical-align: middle;
}

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-1.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
vertical-align: middle;
}

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-1.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 16px 16px 0px 0px!important;
vertical-align: middle;
}

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

.comment li.link.reply a {
font-size: 0px;
background: transparent url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Mini%20Icons/quill.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/keyboards-combination.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-step-out.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/magnifier-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/magnifier-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/newspaper--plus.png') no-repeat;
padding: 16px 16px 0px 0px!important;
}

Colors:
#b695a6 | #937384

FONTS:
If you can't see any differences you need to either download the fonts or change them to other fonts in the CSS. Make sure you copied the font code properly for the extra fancy fonts.

Georgia 1234567 vs Georgia 1234567

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

I'M SERIOUS. THERE IS THIS THING CALLED HOTLINKING which is an ancient term basically meaning that if you don't host your own images, you're using my allotted bandwidth (tl;dr: how much "traffic" an image gets) for my Photobucket account. Photobucket gets pissy after too much is used per image and essentially kills the image so everyone only sees a fugly placeholder. Don't hotlink. This is why I list out the file names for you so you can do a quick ctrl+f and replace the URLS with your own.

Mini Icons - "weather-clouds.png", "weather-moon-clouds.png", "cross-script.png", "heart--exclamation.png", "lock-1.png", "key-1.png", "color-swatches.png", "quill.png", "keyboards-combination.png", "arrow-step-out.png", "magnifier-zoom-out.png", "magnifier-zoom-in.png", "newspaper--plus.png"

"heart-empty.png", "heart-break.png", "favorite-1.png"

"process-1.png", "user_comment.png"

Backgrounds - "twilight-bg.png", "rb15.gif"

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

Notes:

1. One background is from Fool Lovers. (moved or deleted?) The other one idk. Mini Icons and buttons are from Pinvoke of the Fugue set and Dry Icons of the Stickers set.

2. The fancy fonts are ones I personally picked. You can choose whatever you like but you may need to adjust font sizes.

3. Not using any modules I've used shouldn't mess anything up and it shouldn't matter which ones you want above entries or below.

4. You need to adjust the top margin of #content based on how much space your journal title takes up. So look for margin-top.

5. Specific entry pages are slightly different from the rest of the journal due to how long threads of collapsed comments tend to break the container all comments usually sit in.

6. This layout is inspired by bakesale's Wry layout.

7. Updated to include styling for general images posted inside an entry. To remove, find .entry-content img. Suggested you keep max-width:100%. If you don't want to alter the code, then if you post images inside your own codes (muselists, rp cr, etc.), remember to give them your own background and box-shadow (moz, webkit, etc.) styling to override layout styling.

READ THE FAQ BEFORE COMMENTING.

last updated: 7/23/15 at 7:19pm CST for for quicker reply, reply page tweaks, "user posting in community" tweaks, and I guess I played with the icon browser a little at some point if that wasn't in the older version hurp. Also, styling entry images on a whim.

Account name:	Log in with OpenID?
Password:	Forget your password?
	Remember me