Rest of the Bones Layouts
~Comment if taking
~Credit janine42584 if using
NEW INSTRUCTIONS
Copy Code into Notepad (or some other program similar)
There are three images for each layout -- Images are located below
HOST THESE IMAGES TO YOUR OWN SERVER (Both Photobuck and ImageShack are great)
If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.
Find and replace each new URL with their corresponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be BODYURL and "replace with" would be your new URL -> Click "Replace All" (do this for each image url)
USING THE OVERRIDE CODE
1. Click "Select Style"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste your code with your image URLs
8. Click "Save Changes" and there you have it!
Camille
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 70px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}
Hodgins
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 112px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}
Zach
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 140px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}
~Credit janine42584 if using
NEW INSTRUCTIONS
Copy Code into Notepad (or some other program similar)
There are three images for each layout -- Images are located below
HOST THESE IMAGES TO YOUR OWN SERVER (Both Photobuck and ImageShack are great)
If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.
Find and replace each new URL with their corresponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be BODYURL and "replace with" would be your new URL -> Click "Replace All" (do this for each image url)
USING THE OVERRIDE CODE
1. Click "Select Style"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste your code with your image URLs
8. Click "Save Changes" and there you have it!
Camille
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 70px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}
Hodgins
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 112px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}
Zach
BODYURL
HEADERURL
SIDEBARURL
Override Code
/* Cleaned CSS: */
body {
background:url(BODYURL) top center repeat-y #36383c;
text-align: center;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
margin-left: auto; margin-right: auto;
}
a, a:link, a:visited {
color: #7a9093;
text-decoration: none;
}
a:hover {
color: #806485;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#maincontent {
margin-top: 10px;
margin-left:210px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5b6d6e;
text-align: left;
}
#sidebar {
padding: 140px 0px 0px 25px;
margin-left: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
width: 210px;
float: left;
text-align: left;
background: url(SIDEBARURL) top left no-repeat transparent;
}
#header {
height:350px;
padding: 0px;
margin: 0px;
background: url(HEADERURL) top center no-repeat transparent;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #5b6d6e;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #5b6d6e;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7a9093;
padding: 2px 5px;
}
div#header a:hover, div#footer a:hover {
color: #a3c3c8;
text-decoration: none;
}
ul.navheader
{
padding: 340px 0px 0px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #252b3d;
}
div#sidebar a:hover {
color: #766c51;
text-decoration: none;
}
.defaultuserpic {
text-align: left;
padding-left:10px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin-right:50px;
padding: 3px 0;
border-bottom: 1px #181818 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
display:none;
}
.sbarcalendar {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5b6d6e;
border-width: 1px;
border-style: solid;
background-color: #181818;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
margin-right:50px;
}
li.sbartitle
{
color:#1a1819;
padding-left: 15px;
list-style: none;
margin-top: 10px;
margin-right:50px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #181818;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5b6d6e;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #7e8d9b;
font-family: "Verdana", sans-serif;
font-size: 12px;
}
.subject {
color: #a5a9c4;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight:bold;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7a9093;
}
.subject a:hover {
color: #a3c3c8;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a9093;
}
div.comments a:hover {
color: #a3c3c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5b6d6e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #181818;
background-color: #181818;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: right;
border-width: 1px;
border-color: #5b6d6e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #181818;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #181818;
color: #5b6d6e;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #181818;
color: #5b6d6e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #5b6d6e;
}
.commentbox {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7a9093;
}
.datesubjectcomment a:hover {
color: #a3c3c8;
}
.commentboxpartial {
border-color: #181818;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #181818;
}
.commentinfo {
background-color: #181818;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #181818;
}
table.yeartable td.yearday {
background-color: #181818;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #181818;
background-color: #36383c;
}
div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}