undertheblue | Layout: 01: Rock Shooter

Live Preview is currently unavailable.

Works with: Chrome, FireFox (visual differences), IE 10
Resolution: 1024x768 and above.
Features: Custom comments, custom icons page, custom archives, custom tags page.
Navstrip: None.

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 everything is reset to defaults but that the Custom Text module is checked if you want it. Hit Save.

(Note: This layout features only the following modules: Profile, Navigation Links, Custom Text, and Link List. All other modules are set not to display, but there are some for paid users I don't know about. You might as well make sure all modules but the aforementioned ones are unchecked for best results.)

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 "2 Columns (sidebar on the left)" by hitting Apply Page Setup underneath it.

CODE:

/*----ROCK SHOOTER by RURIAIR @ DREAMWIDTH. IMAGES BY SUBTLE PATTERNS. MINI ICON BY PINVOKE.----*/

body {
background: #fafafa url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/square_bg.png') repeat!important;
background-attachment: fixed!important;
color: #666;
font: 12px georgia;
padding-top: 45px;
}

a, a:link, a:visited {
color: #FF004F;
font-family: century gothic;
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: #75B2DD;
-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 b, a b:link, a b:visited {
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 b:hover {
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 {
color: #333;
}

u {
color: #333;
}

i {
color: #75B2DD;
}

s {
color: #dddddd;
-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 {
color: #666;
-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;
}

blockquote {
background: #fafafa;
font: 12px century gothic;
padding: 10px;
border: 1px dashed #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

li {
display: inline;
}

ul {
margin: 0;
padding: 0;
}

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

.entry-content ul, .sticky-entry div.entry-content ul {
margin-left: 40px;
padding: 5px;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #FF004F;
height:50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

::-webkit-scrollbar {
height:10px;
width:5px;
background-color: #fafafa;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #75B2DD;
width:50px;
height: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

::-webkit-scrollbar:horizontal {
height: 5px;
background-color: #FF004F;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*----HEADER & TITLES----*/

#header {
background: transparent;
text-align: center;
margin: 0px;
position: fixed;
top: 17%;
left: 0%;
width: 250px;
z-index: 6;
}

#title {
font: 13px impact;
color: #2a2a2a;
letter-spacing: 3px;
margin: auto;
padding-bottom: 5px;
text-shadow: 0em 0em .2em #aaa;
width: 95%;
}

#subtitle {
font: 10px century gothic;
color: #75B2DD;
text-transform: lowercase;
margin-top: 0px;
border-top: 1px dashed #666;
width: 80%;
text-align: center;
margin: auto;
}

#pagetitle {
display: none;
}

/*----ENTRIES----*/

#content {
width: 100%;
}

#primary {
width: 65%;
background: transparent;
text-align: center;
margin: 0px auto;
position: relative;
left: 10%;
}

.entry {
background: #fff;
padding: 25px 10px 15px 10px;
margin: 10px auto 70px auto;
box-shadow: 0px 0px 0pt 1pt #ccc;
-moz-box-shadow: 0px 0px 0pt 1pt #ccc;
-webkit-box-shadow: 0px 0px 0pt 1pt #ccc;
border-right: 110px solid #2a2a2a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.entry-content {
text-align: justify;
margin-top: 30px;
padding-bottom: 50px;
line-height: 1.5em;
padding: 5px;
}

.userpic {
background: #3a3a3a url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/starring.png') repeat!important;
background-image: fixed!important;
padding: 7px;
position: relative;
float: right;
margin-right: -113px;
margin-top: -65px;
border: 0px dashed #FF004F;
box-shadow: 0px 0px 0pt 1pt #444;
-moz-box-shadow: 0px 0px 0pt 1pt #444;
-webkit-box-shadow: 0px 0px 0pt 1pt #444;
border-radius: 10%;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.userpic img {
height: 70px;
width: 70px;
border: 4px solid #3a3a3a;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
box-shadow: 0px 0px 0pt 3pt #444;
-webkit-box-shadow: 0px 0px 0pt 3pt #444;
-mox-box-shadow: 0px 0px 0pt 3pt #444;
background: #75b2dd;
padding: 2px;
}

.entry-poster {
float: right;
margin-top: -65px;
text-align: center;
color: #999;
font: italic 10px century gothic;
}

.entry-poster a b {
color: #3a3a3a;
text-decoration: none;
letter-spacing: 1px;
font: bold 12px century gothic;
}

.restrictions, .access-filter {
float: left;
text-align: left;
margin-top: -15px;
}

.entry-title, .entry-title a {
text-align: left;
margin-top: -50px;
margin-bottom: 25px;
position: relative;
width: 110%;
text-decoration: none;
font: italic 20px palatino linotype;
color: #2a2a2a;
}

.entry-title span.ljuser img {
margin-bottom: 5px;
margin-right: 3px;
}

.datetime, .datetime a {
color: #aaa;
font: italic 10px century gothic;
}

.datetime {
position: relative;
margin-top: -40px;
}

.time {display:none;}

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

.tag {
color: transparent;
width: 100%;
}

.tag li a {
font-size: 10px;
margin: 5px 0px 3px 0px;
border-bottom: 1px dashed #75B2DD;
}

ul.entry-management-links.icon-links, ul.entry-management-links.text-links {
margin-top: 10px;
margin-bottom: -10px;
}

ul.entry-management-links.text-links a {
font: 10px century gothic;
color: #999;
text-transform: uppercase;
}

ul.entry-management-links.text-links a:hover {
color: #ccc;
}

ul.entry-interaction-links.text-links {
float: right;
margin-top: -10px;
margin-right: -40px;
}

ul.entry-interaction-links.text-links a {
font: 10px palatino linotype;
color: #666;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
background: #333;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.entry-interaction-links.text-links a:hover {
background: #FF004F;
border: 1px dashed #FF004F;
color: #fafafa;
}

.entry-replylink {
position: absolute;
margin-left: 3px;
}

.entry-readlink {
position: absolute;
text-align: center;
margin: auto;
margin-top: -55px;
margin-left: -25px;
}

li.entry-readlink a {
font: 40px georgia!important;
background: transparent!important;
border: none!important;
color: #fafafa!important;
text-shadow: 0.1em 0.1em .2em #000;
}

.entry-permalink, .metadata.bottom-metadata, .metadata.top-metadata, .metadata, .currentgroups, .above-entry-interaction-links, .tag-text {
display: none!important;
}

/*----SIDEBAR----*/

#secondary {
height: 100%!important;
width: 250px;
background: #2a2a2a url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/starring.png') repeat!important;
background-image: fixed!important;
position: fixed;
left: 0%;
top: 0%;
margin: 0px;
border-right: 7px solid #75B2DD;
outline: 4px solid #FF004F;
}

#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 {
text-align: center;
margin: auto;
margin-top: 190px;
}

.module-userprofile.module div.userpic {
background: #3a3a3a!important;
background-image: none;
padding: 5px;
border: 0px dashed #FF004F;
box-shadow: 0px 0px 0pt 3pt #444!important;
-moz-box-shadow: 0px 0px 0pt 3pt #444!important;
-webkit-box-shadow: 0px 0px 0pt 3pt #444!important;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
position: fixed;
top: 10%;
left: 5.5%;
margin-top: -50px!important;
}

.module-userprofile.module div.userpic img {
height: 80px;
width: 80px;
border: 0px solid #75B2DD!important;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
}

.journal-name {
font: 10px century gothic;
color: #FF004F;
letter-spacing: 5px;
text-transform: lowercase;
display: none;
}

.journal-website-name a {
margin: 10px;
color: #75B2DD;
text-decoration: underline;
display: none;
}

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

.module-navlinks.module {
text-align: center;
margin: auto;
margin-top: 15px;
width: 100%;
}

.module-navlinks.module li {
display: inline-table;
margin-bottom: 15px;
}

.module-navlinks.module a {
font: 10px palatino linotype;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
background: #333;
border: 1px dashed #444;
margin: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.module-navlinks.module a:hover {
background: #75B2DD;
border: 1px dashed #75B2DD;
color: #fafafa;
}

/*----LINK LIST----*/

.module-typelist.module h2 {
display: none;
}

.module-typelist.module {
text-align: left;
position: fixed;
top: 5%;
margin-left: 260px;
}

.module-typelist.module li {
display: block!important;
margin-bottom: 15px;
margin-left: -3px;
z-index: 0!important;
}

.module-typelist.module a {
font: 20px meiryo;
color: #fafafa;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px 7px 3px 10px;
background: #FF004F;
margin: 0px;
z-index: 0!important;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}

.module-typelist.module a:hover {
background: #75B2DD;
padding-left: 20px;
}

/*----CUSTOM TEXT----*/

.module-customtext.module h2 {
display:block!important;
color: #fafafa;
font: 15px impact;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
text-shadow: .1em .1em .2em #75B2DD;
}

.module-customtext.module {
width: 90%;
margin: auto;
margin-top: 10px;
text-align: justify;
font: 10px century gothic;
color: #999;
text-shadow: 0.1em 0.1em .2em #000;
}

.module-customtext.module b {
color: #fafafa;
}

.module-customtext.module u {
color: #999;
}

.module-customtext.module s {
color: #3a3a3a;
}

.module-customtext.module s:hover {
color: #999;
}

.module-customtext.module blockquote {
background: #333;
border: 1px dashed #444;
}

.module-customtext.module img {
max-width: 240px;
position: fixed;
bottom: 0%;
left: 0%;
margin: 0;
padding: 5px;
background: #2a2a2a;
}

/*----NEXT AND PREVIOUS----*/

.bottomnav {
z-index: 5;
font: 20px meiryo;
color: transparent;
display: inline-table!important;
float: right;
margin: -30px -30px 0px 0px;
}

.navigation.topnav li.page-forward {

}

.navigation.bottomnav li.page-back {

}

.navigation.topnav, .noentries {
display: none;
}

.module-tags_cloud.module, .module-syndicate.module, .module-calendar.module, .module-pagesummary.module, .module-cuttagcontrols.module, .module-time.module, .module-powered.module, .module-tags_list.module, .module-tags_multilevel.module {
display:none!important;
background: transparent!important;
border:none!important;
opacity:0!important;
-moz-opacity:0!important;
filter: alpha(opacity=0)!important;
z-index: 0!important;
}

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

li a.archive, a.current.archive, #archive-month, #archive-day {}

#archive-year, #archive-month {
width: 500px;
background: #2a2a2a url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/starring.png') repeat!important;
background-image: fixed!important;
padding: 10px;
margin: auto;
margin-bottom: 100px;
border: 1px solid #444;
border-right: 0px solid #2a2a2a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

#archive-year div.navigation.topnav, #archive-month div.navigation.topnav {
display: inline-table;
width: 90%;
position: initial;
margin: auto;
text-align: center;
left: auto;
bottom: auto!important;
color: #fafafa;
font: 20px century gothic;
}

#archive-month div.navigation.topnav {
color: transparent;
}

#archive-month div.navigation.topnav input, #archive-month div.navigation.topnav select {
border-radius: 5px;
background: #2a2a2a;
border: 1px dashed #444;
color: #fafafa;
font: 12px century gothic;
}

#archive-year div.header h3 {
color: #75B2DD;
text-transform: uppercase;
letter-spacing: 3px;
}

#archive-year table {
width: 80%;
margin: auto;
background: #2a2a2a!important;
text-align: center;
font: 12px century gothic;
color: #999;
padding: 5px;
padding-bottom: 30px;
line-height: 1.5em;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

#archive-year div.navigation.bottomnav, #archive-month div.navigation.bottomnav {
display: none!important;
}

#archive-month .month {
width: 80%;
margin: auto;
text-align: center;
}

.month span.poster.entry-poster, .month span.poster.entry-poster span.ljuser a b {
float: none;
color: #fafafa;
margin: auto;
}

.month div.footer a {
color: #fafafa;
text-transform: lowercase;
}

.month dd, .month dt {
text-align: center;
margin: auto;
color: #999;
}

.month dt a {
color: #75B2DD;
}

.month dd div.tag, .month dd span.restrictions, .month dd span.access-filter, #archive-year table.month caption,.day h3.day-date {
display: none;
}

#archive-month .month h3.entry-title, #archive-month .month h3.entry-title a {
color: #fafafa;
text-align: center!important;
margin: auto!important;
width: 100%!important;
font-size: 15px;
}

#archive-month .month h3.entry-title {
background: #2a2a2a;
border: 1px dashed #444;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

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

.tags-container {
background: #f1f1f1;
padding: 15px;
margin-bottom: 100px;
border: 1px dashed #ccc;
text-align: justify!important;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.tags-container h2 {display:none;}

.ljtaglist. {
padding: 10px;
margin: auto;
}

.tags_multilevel {
width: 100%;
}

ul.ljtaglist.tags_multilevel li a {
padding-left: 10px;
}

.ljtaglist li {
width: 90%!important;
display: block;
font: 14px georgia;
text-transform: uppercase;
margin: 0px auto 0px auto;
padding: 5px;
}

.ljtaglist li a {
font: 20px century gothic;
text-transform: lowercase;
border-left: 5px solid #ccc;
padding-right: 10px;
}

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

.sticky-entry {
width: 500px;
background: #2a2a2a url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/starring.png') repeat!important;
background-image: fixed!important;
padding: 10px 10px 15px 10px;
margin: auto;
margin-bottom: 100px;
border: 1px solid #444;
border-right: 0px solid #2a2a2a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.sticky-entry div.entry-content {
background: #2a2a2a!important;
text-align: justify;
font: 11px century gothic;
color: #999;
padding: 5px;
padding-bottom: 30px;
line-height: 1.5em;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.sticky-entry div.entry-content b {
color: #fafafa;
}

.sticky-entry div.entry-content u {
color: #999;
}

.sticky-entry div.entry-content s {
color: #3a3a3a;
}

.sticky-entry div.entry-content s:hover {
color: #999;
}

.sticky-entry div.entry-content blockquote {
background: #333;
border: 1px dashed #444;
}

.sticky-entry-title, .sticky-entry-title a {
text-align: center;
color: #fafafa;
font: normal 20px palatino linotype;
letter-spacing: 5px;
width: 100%;
margin: auto;
text-shadow: 0.1em 0.1em .2em #000;
}

.sticky-entry span.datetime, .sticky-entry span.restrictions, .sticky-entry span.access-filter {display:none;}

.sticky-entry div.userpic {
display: none;
}

.sticky-entry .tag li a {
color: #75B2DD!important;
}

.sticky-entry ul.entry-management-links.text-links a {
font: 10px palatino linotype;
color: #666;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
background: #333;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.sticky-entry ul.entry-management-links.text-links a:hover {
background: #FF004F;
border: 1px dashed #FF004F;
color: #fafafa;
}

.sticky-entry ul.entry-interaction-links.text-links {
margin-right: 50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.sticky-entry li.entry-readlink {
margin-top: 0px!important;
margin-left: -25px!important;
}

.sticky-entry li.entry-readlink a {
font: 12px georgia!important;
color: #666!important;
text-decoration: none!important;
text-transform: uppercase!important;
letter-spacing: 1px!important;
padding: 3px!important!important;
background: #333!important;
border: 1px dashed #444!important;
border-radius: 5px!important;
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
text-shadow: none!important;
}

.sticky-entry li.entry-readlink a:hover {
background: #FF004F!important;
border: 1px dashed #FF004F!important;
color: #fafafa!important;
}

.sticky-entry span.poster.entry-poster {
display:none;}

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

#comments {
text-align: center;
width: 95%;
margin: -50px 15px 20px auto;
padding: 10px;
}

.comment {
width: 80%;
min-width: 300px;
margin: auto;
margin-bottom: 20px;
padding: 10px;
padding-top: 30px;
background: #2a2a2a url('http://i1292.photobucket.com/albums/b562/ruriair/Layouts/Backgrounds/starring.png') repeat!important;
background-image: fixed!important;
border: 1px solid #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.comment-content {
background: #2a2a2a!important;
text-align: justify;
font: 12px century gothic;
color: #999;
padding: 5px;
padding-bottom: 10px;
line-height: 1.5em;
border: 1px dashed #3a3a3a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.comment-content b {
color: #fafafa;
}

.comment-content u {
color: #999;
}

.comment-content s {
color: #3a3a3a;
}

.comment-content s:hover {
color: #999;
}

.comment div.userpic {
background: transparent!important;
float: left;
margin-left: -120px;
border: none!important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
}

.comment div.userpic img {
background: #dfdfdf;
background-image: fixed!important;
padding: 5px!important;
border: 0px solid #444!important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
width: 70px;
height: 70px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

.comment-title, .comment-title a {
margin-top: 0px;
color: #fafafa;
text-shadow: 0.1em 0.1em .2em #000;
}

.comment-from-text {
display: none;
}

.comment-poster {
float: left;
width: 100%;
margin-top: -20px;
position: relative;
text-align: left;
text-shadow: 0.1em 0.1em .2em #000;
}

.comment-poster a b, span.anonymous {
color: #fafafa;
letter-spacing: 1px;
font: normal 12px century gothic;
text-transform: lowercase;
}

.comment span.datetime {
text-align: right;
float: right;
color: #666;
text-shadow: 0.1em 0.1em .2em #000;
}

ul.comment-interaction-links.text-links {
margin-top: 12px;
}

ul.comment-interaction-links.text-links a {
font: 10px palatino linotype;
color: #666;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
background: #333;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.comment-interaction-links.text-links a:hover {
background: #FF004F;
border: 1px dashed #FF004F;
color: #fafafa;
}

ul.comment-management-links.icon-links, ul.comment-management-links.text-links {
margin: 10px;
}

ul.comment-management-links.text-links a {
font: 10px palatino linotype;
color: #666;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
background: #333;
border: 1px dashed #444;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.comment-management-links.text-links a:hover {
background: #75B2DD;
border: 1px dashed #75B2DD;
color: #fafafa;
}

.comment-pages.toppages, .comment-pages.bottompages, .comment-pages.bottompages b, .comment-pages.toppages b {
text-align: center;
margin: auto;
color: #999;
font: 12px georgia;
}

.comment-pages.toppages {
margin-bottom: 10px;
}

.comment-pages.toppages a, .comment-pages.bottompages a {
color: #75B2DD;
}

.bottomcomment, .comment-from-text, .comment-subjecticon, .comment-date-text, .comment div.footer span.datetime, .edittime span.datetime, .below-reply-container  {
display: none;
}

.edittime {
color: #666;
}

form#postform {
width: 75%;
margin: -50px 0 0 70px;
text-align: justify;
}

form div#userpics {
text-align: right;
}

form#qrform {
text-align: right;
margin: auto;
width: 85%;
}

#ljqrttopcomment {
margin-top: 20px;
}

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

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

.icons-container h2 {
font: italic 20px palatino linotype;
color: #2a2a2a;
}

.icon {
display: inline-table!important;
width: 150px;
margin: 5px;
margin-bottom: 20px;
}

.icon-image {
text-align: center;
background: #dfdfdf;
padding: 5px;
margin: auto auto 5px auto;
width: 100px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.icon-image img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.icon-info {
text-align: center;
margin: auto;
}

.icon-keywords {
font: bold 12px georgia;
color: #3a3a3a;
letter-spacing: .1em;
border-bottom: 1px dashed #999;
padding-bottom: 3px;
margin-bottom: 5px;
}

.icon-comment {
font: 11px meiryo;
color: #e71a1c;
}

.icon-description {
font: italic 11px century gothic;
}

.default.label, .keywords-label, .comment-text, .description-text {
display: none;
}

.sorting-options, .icon-pages.toppages, .icon-pages.toppages b, .icon-pages.bottompages, .icon-pages.bottompages b {
text-align: center;
font: 12px georgiaimportant;
color: #666;
}

.sorting-options a, .icon-pages.toppages a, .icon-pages.toppages a b, .icon-pages.bottompages a, .icon-pages.bottompages a b {
color: #FF004F;
}

.sorting-options a:hover, .icon-pages.toppages a:hover, .icon-pages.bottompages a:hover, .icon-pages.toppages a b:hover, .icon-pages.bottompages a b:hover {
color: #75B2DD;
}

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

#lj_controlstrip {
display: 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/031.png') no-repeat!important;
height: 0!important;
width: 0!important;
padding: 0px 16px 16px 3px!important;
}

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

Colors:
#75B2DD | #FF004F

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
Meiryo ☀☁☂☃☄★ vs Meiryo ☀☁☂☃☄★
Impact vs Impact | Palatino Linotype vs Palatino Linotype

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

Mini icons - "031.png", "092.png"

Sidebar, sticky, comments, etc. - "starring.png"

Main background - "square_bg.png"

Notes:

1. The more text you have in the custom text sidebar, the less room you will have for an image at the bottom. Likewise, the taller the image is, the less room for text you have. The image will be resized down to 240px wide no matter what.

2. The link list/custom links are coded as if you're using unicode characters for them to display as. That is, if you want links to say "my plurk", "my tumblr", etc. as text, you will need to adjust the CSS yourself by decreasing the font size so the links won't crash into the entries. Right now they are set to be 20px large in the meiryo font. (Some fonts display the same size differently.) You can customize your link text at the Link List page. Shorter is better. You can adjust the font CSS by looking for .module-typelist.module a { in the code. You may also need to shrink the width of #primary and #comments.

3. The previous and next entry links are also designed for unicode characters. Have a cheat sheet. To change the text representing them, go to the Options section of the Text page. Look for "NEXT AND PREVIOUS" in the code to find where to adjust their CSS.

4. The entry reply links and comment links are designed as if you're just displaying the comment number and just a short single word like "reply" for the reply link. That is, if your comment count is set to display as "24 comments" instead of "24", or your reply link to read "leave a comment" instead of "reply", they will be too large and run off the entry. You can change them at the Text page under the Entry section. I do not recommend messing with their CSS at all because they are essentially "hovering" over the entry's right border, not contained in anything. Messing with them may throw off their positioning and also screws with the same links on the sticky entry.

READ THE FAQ BEFORE COMMENTING.

But this is my first time releasing a layout to the public, so I probably messed something up. Let me know.

last updated: 7/14/14, 1:23pm CDT to remove modules link. Unless there is a major issue this old and grody layout will no longer be updated.