Layout Stylesheet: Smooth Sailing

Jun 10, 2007 19:23

So here we go, my first layout. Yay.
I have been working on this on the weekend and hopefully found all the little bugs and errors with the help of my lovely flisters *huggles*

>> Style System: S2 Smooth Sailing
>> tested with paid and free accounts | also tested with +accounts (mucho thanks to sheepy_hollow *flausch*)
>> live preview here.

Preview


(click to view larger)



Details:

Layout Style: S2, Smooth Sailing.
Account Types: I tested the layout with a paid and a basic account, it works fine with both. I didn't test it on a plus account, so try at your own risk. But I suppose it won't work too god with the ads.
sheepy_hollow was so kind to test it with +accounts, and it works as well :D
Note: This is my first layout, so I really hope that I didn't mess anything up. Please just comment here if you should have any problems or notice anything... wonky :) I'll try to fix it asap.

Images:

- This layout uses a very tiny background images that I uploaded to imageshack.us. If you'd rather host it on your own server or a different host, you can find the image here (yeah, it is very tiny). Just replace the url in the code (three times: background image, blockquote background image and in the comments section).

- The layout uses a textless header image. Feel free to add your own text to the header or replace it with your own header image (but make sure you adjust the settings for width and height in the code!). You can find the blank header image here.

- The layout also uses a custom tiny LJ-user icon, made by _excentric_. It is defined at the very end of the code. Feel free to replace it with your own tiny icon or delete it entirely if you prefer the LJ default icon. The tiny icon is located here, if you'd rather host the image somewhere else.
Please make sure you credit _excentric_ in your userinfo for the tiny icon if you should use it.

Directions:

- Go to manage and select customize.

- In the "Basics" tab make sure to select "S2 - For users who don't know HTML or CSS, or make only minor alterations" in the Style System section. Hit "save changes".

- In the "Look and Feel" tab choose "Smooth Sailing" from the drop down menu in the Layout and Language section. Hit "save changes".

- In the "Custom Options" tab make the following selections:
Presentation
- Header Journal Icon >> Hide User's Icon
- Userinfo Position in Entries >> Right side of the entry text
Sidebar
- Sidebar Position >> Left Side
Custom CSS
- Use layout's stylesheet(s) >> No
- Use layout's stylesheet(s) when including custom external stylesheet >> No
- Custom external stylesheet URL >> leave it blank
- Custom stylesheet >> paste the stylesheet in the box below
Hit "save changes".

Code:

With header image:
/************************************************
* Stylesheet by: p_precious@livejournal.com *
* Style System : S2 *
* Theme : Smooth Sailing *
* Account : Free/Paid/Plus *
************************************************/

/* Body */

body {
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
background-color: #ffffff;
color: #E1E1E1;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
}

/* Links - main */

a {
color: #333333;
text-decoration: none;
}

a:hover {
color: #f87431;
font-weight: bold;
}

a:visited {
color: #333333;
}

/* Header image */

.pageblock{
background-image: url('http://i182.photobucket.com/albums/x296/p_precious/headerimage02.png'); /* replace with the url to your header image */
background-repeat: no-repeat;
background-position: top center;
width: 800px; /* width of your header image */
height: 120px; /*height of your header image */
z-index: 1;
margin: 0 auto;
} /* make sure you adjust padding-top in .pageheaderblock according to the height of your header image*/

/* Footer */

.pagefooterblock {
border: 2px solid #ffffff;
background-color: #C11B17;
color: #E1E1E1;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #E1E1E1;
}

/* Journal header */

.pageheaderblock {
text-align: right;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
padding-top: 120px; /* height of your header image */
}

.header-title {
background-color: #E1E1E1;
font-variant: small-caps;
font-size: 34px;
font-weight: bold;
line-height: 30px;
color: #333333;
padding: 10px 20px 0px 20px;
display: none;
}

.header-subtitle {
background-color: #E1E1E1;
color: #F87431;
font-size: 20px;
line-height: 16px;
padding: 0px 20px 10px 20px;
display: none;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

/* Header menu */

.header-menu {
padding: 0px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color: #C11B17;
text-align: center;
padding-left: 20px;
padding-right: 20 px;
font-variant: small-caps;
font-size: 20px;
font-weight: bold;
font-family: arial;
color: #E1E1E1;
line-height: 28px;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #E1E1E1;
text-decoration: none;
}

.header-menu a:hover {
color: #f87431;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

/* Body */

.bodyblock {
padding: 0px 0px 0px 0px;
}

.bodyheaderblock {
background-color: #E1E1E1;
padding: 4px 0px 4px 0px;
display: none;
}

.bodynavblock {
border: 2px solid #ffffff;
background-color: #E1E1E1;
color: #333333;
margin: 10px 0px 4px 0px;
padding: 8px;
}

.bodynavblock a, .bodynavblock a:visited {
color: #333333;
text-decoration: none;
}

.bodynavblock a:hover {
text-decoration: underline overline;
}

.body-title {
font-family: ;
font-size: 18px;
color: #E1E1E1;
text-align: left;
padding-left: 24px;
}

.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*Entries*/

.entryHolder {
color: #777777;
padding: 5px;
background-color: #E1E1E1;
font-family: verdana;
font-size: 10px;
border: 4px dashed #ffffff;
margin: 10px 0px 10px 0px;
}

.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 8px;
background-color: #333333;
padding-bottom: 5px;
}

.entryUserinfo a {
color: #C11B17;
}

.entryUserinfo-usericon img {
border-top: 5px solid #333333;
border-left: 5px solid #333333;
border-right: 5px solid #333333;
border-bottom: 3px solid #333333;
}

.entryText {
padding: 6px;
text-align: justify;
}

.entryHeader {
background-color: #E1E1E1;
color: #333333;
font-family: verdana;
font-size: 12px;
padding: 4px 0px 4px 0px;
text-transform: uppercase;
}

.entryHeader a {
color: #111111;
}

.entryHeaderSubject {
display: block;
font-weight: bold;
color: #f87431;
}

.entryHeaderDate {
font-size:6pt;
font-variant: normal;
}

.entryHeaderDate a {
color : #111111;
text-decoration : none;
}

.entryHeaderDate a:hover {
color : #111111;
text-decoration : underline;
}

.entryMetadata a {
color: #777777;
text-decoration: none;
}

.entryMetadata {
padding: 15px 0px;
text-transform: lowercase;
}

.entryMetadata ul {
margin: 0px; padding: 0px;
list-style-type: none;
}

.entryMetadata-content img {
display: none;
}

.entryMetadata-label {
margin: 0px 5px 0px 0px;
font-weight: bold;
}

.entryLinkbar {
font-family: ;
font-size: 7pt;
color: #111111;
text-align: right;
padding: 4px 0px 4px 0px;
}

.entryLinkbar a {
color: #C11B17;
text-decoration: none;
}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

blockquote {
color: #333333;
font-variant: small-caps;
padding: 10px;
border: 2px solid #d1d1d1;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
background-repeat: repeat;
background-position: top left;
}

/*Footer*/

#footer-menu {
font-size: 7pt;
color: #333333;
}

#footer-menu a, .footer-menu a:visited {
color: #111111;
white-space: nowrap;
padding: 6px;
text-align: left;
background-color:E1E1E1;
}

/*SIDEBAR*/

.sidebar {
font-family: ;
font-size: 7pt;
margin: 10px 15px 10px 0px;
width: 200px;
border: 2px solid #ffffff;
padding: 0px 0px 0px 0px;
}

.sidebox {
color: #DDDDDD;
background-color: #C11B17;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.sidebox a {
color: #f87431;
}

.sideboxTitle {
background-color: #C11B17;
color: #E1E1E1;
font-family: ;
font-size: 12px;
font-weight: bold;
letter-spacing: 5px;
font-variant: small-caps;
padding: 10px 0px 3px 10px;
text-align: left;
border-bottom: 2px dotted #E1E1E1;
margin: 0px 5px 0px 5px;
}

.sideboxContent {
text-align: left;
padding: 8px 8px 2px 10px;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.sidebox #tags_sidebox {
text-align: center;
color: #f87431;
}

.sidebox #tags_sidebox a {
color: #f87431;
}

.sidebox #systemlinks {
text-align: left;
}

.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.listtitle {
font-weight: bold;
}

.profile-label {
font-weight: bold;
}

/*other content*/

/* Comment page */

.commentHolder {
color: #000000;
background-color: #E1E1E1;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #E1E1E1;
padding: 5px;
}

.commentUserinfo-usericon img {
border: 0;
}

.commentText {
padding: 6px;
text-align: justify;
}

.commentHeader {
background-color: #f87431;
color: #333333;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}

.commentHeader a{
color: #000000;
}

.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentLinkbar {
font-family: ;
font-size: 10px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.commentLinkbar a {
color: #C11B17;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
background-color: #f8f8f8;
color: #000000;
padding-left: 10px;
}

#commenttext{
width:100%;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
}

/*Archive page*/

.yearlinks{
text-align: right;
}

.yearlink{
padding-left:4px;
padding-right: 4px;
}

.month {
width: 500px;
border: 1px solid #F87431;
margin: 8px 8px 8px 40px;
}

.daysubjects {
color: #555555;
padding: 8px 8px 8px 40px;
}

.daytitles {
text-align: center;
background: #E1E1E1;
border: 1px solid #F87431;
color: #555555;
}

.day-blank {
border: 1px solid #F87431;
}

.day {
border: 1px solid #F87431;
}

.day-date {
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
color: #555555;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}

.day-count a {
text-decoration: none;
color: #555555;
}

/*Tags page*/

.tagstable, .tagstable td {
border: 1px solid #777777;
}

.tagstable a {
color: #F87431;
}

.tagstable {
width: 500px;
}

/* LJ-user image by _excentric_.livejournal.com */

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url('http://img514.imageshack.us/img514/4594/userxo3.gif');
padding: 15px 18px 0 0;
}

Without header image
/************************************************
* Stylesheet by: p_precious@livejournal.com *
* Style System : S2 *
* Theme : Smooth Sailing *
* Account : Free/Paid/Puls *
************************************************/

/* Body */

body {
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
background-color: #ffffff;
color: #E1E1E1;
background-image: url('http://www.cafpow-club.de/llt/bg001.gif');
}

/* Links - main */

a {
color: #333333;
text-decoration: none;
}

a:hover {
color: #f87431;
font-weight: bold;
}

a:visited {
color: #333333;
}

/* Header image */

.pageblock{
width: 800px;
margin: 0 auto;
}

/* Footer */

.pagefooterblock {
border: 2px solid #ffffff;
background-color: #C11B17;
color: #E1E1E1;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #E1E1E1;
}

/* Journal header */

.pageheaderblock {
text-align: right;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}

.header-title {
background-color: #E1E1E1;
font-variant: small-caps;
font-size: 34px;
font-weight: bold;
line-height: 30px;
color: #333333;
padding: 10px 20px 0px 20px;
}
.header-subtitle {
background-color: #E1E1E1;
color: #F87431;
font-size: 20px;
line-height: 16px;
padding: 0px 20px 10px 20px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

/* Header menu */

.header-menu {
padding: 0px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color: #C11B17;
text-align: center;
padding-left: 20px;
padding-right: 20 px;
font-variant: small-caps;
font-size: 20px;
font-weight: bold;
font-family: arial;
color: #E1E1E1;
line-height: 28px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #E1E1E1;
text-decoration: none;
}
.header-menu a:hover {
color: #f87431;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 0px 0px 0px 0px;
}
.bodyheaderblock {
background-color: #E1E1E1;
padding: 4px 0px 4px 0px;
display: none;
}
.bodynavblock {
border: 2px solid #ffffff;
background-color: #E1E1E1;
color: #333333;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #333333;
text-decoration: none;
}
.bodynavblock a:hover {
text-decoration: underline overline;
}
.body-title {
font-family: ;
font-size: 18px;
color: #E1E1E1;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #777777;
padding: 5px;
background-color: #E1E1E1;
font-family: verdana;
font-size: 10px;
border: 4px dashed #ffffff;
margin: 10px 0px 10px 0px;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 8px;
background-color: #333333;
padding-bottom: 5px;
}
.entryUserinfo a {
color: #C11B17;
}
.entryUserinfo-usericon img {
border-top: 5px solid #333333;
border-left: 5px solid #333333;
border-right: 5px solid #333333;
border-bottom: 3px solid #333333;
}
.entryText {
padding: 6px;
text-align: justify;
}

.entryHeader {
background-color: #E1E1E1;
color: #333333;
font-family: verdana;
font-size: 12px;
padding: 4px 0px 4px 0px;
text-transform: uppercase;
}
.entryHeader a{
color: #111111;
}
.entryHeaderSubject {
display: block;
font-weight: bold;
color: #f87431;
}
.entryHeaderDate {
font-size:6pt;
font-variant: normal;
}
.entryHeaderDate a {
color : #111111;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #111111;
text-decoration : underline;
}
.entryMetadata a {
color: #777777;
text-decoration: none;
}
.entryMetadata {
padding: 15px 0px;
text-transform: lowercase;
}

.entryMetadata ul {
margin: 0px; padding: 0px;
list-style-type: none;
}
.entryMetadata-content img {
display: none;
}

.entryMetadata-label {
margin: 0px 5px 0px 0px;
font-weight: bold;
}

.entryLinkbar {
font-family: ;
font-size: 7pt;
color: #111111;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar a {
color: #C11B17;
text-decoration: none;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
blockquote {
color: #333333;
font-variant: small-caps;
padding: 10px;
border: 2px solid #d1d1d1;
background-image: url('http://www.cafpow-club.de/llt/bg001.gif');
background-repeat: repeat;
background-position: top left;
}

/*FOOTER*/

#footer-menu {
font-size: 7pt;
color: #333333;
}
#footer-menu a, .footer-menu a:visited {
color: #111111;
white-space: nowrap;
padding: 6px;
text-align: left;
background-color:E1E1E1;
}

/*SIDEBAR*/

.sidebar {
font-family: ;
font-size: 7pt;
margin: 10px 15px 10px 0px;
width: 200px;
border: 2px solid #ffffff;
padding: 0px 0px 0px 0px;
}
.sidebox {
color: #DDDDDD;
background-color: #C11B17;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
.sidebox a {
color: #f87431;
}
.sideboxTitle {
background-color: #C11B17;
color: #E1E1E1;
font-family: ;
font-size: 12px;
font-weight: bold;
letter-spacing: 5px;
font-variant: small-caps;
padding: 10px 0px 3px 10px;
text-align: left;
border-bottom: 2px dotted #E1E1E1;
margin: 0px 5px 0px 5px;
}

.sideboxContent {
text-align: left;
padding: 8px 8px 2px 10px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
color: #f87431;
}
.sidebox #tags_sidebox a {
color: #f87431;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #000000;
background-color: #E1E1E1;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #E1E1E1;
padding: 5px;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
text-align: justify;
}
.commentHeader {
background-color: #f87431;
color: #333333;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 10px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar a {
color: #C11B17;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #f8f8f8;
color: #000000;
padding-left: 10px;
}
#commenttext{
width:100%;
background-image: url('http://www.cafpow-club.de/llt/bg001.gif');
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #F87431;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #555555;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #E1E1E1;
border: 1px solid #F87431;
color: #555555;
}
.day-blank {
border: 1px solid #F87431;
}
.day {
border: 1px solid #F87431;
}
.day-date {
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
color: #555555;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #555555;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #777777;
}
.tagstable a {
color: #F87431;
}
.tagstable { width: 500px; }

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url('http://www.cafpow-club.de/LJ/user.gif');
padding: 15px 18px 0 0;
}

No sidebar (make sure you set the Sidebar Position to "Do Not Show" in the "Custom Options/Sidebar" tab)
/************************************************
* Stylesheet by: p_precious@livejournal.com *
* Style System : S2 *
* Theme : Smooth Sailing *
* Account : Free/Paid/Plus *
************************************************/

/* Body */

body {
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
background-color: #ffffff;
color: #E1E1E1;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
}

/* Links - main */

a {
color: #333333;
text-decoration: none;
}

a:hover {
color: #f87431;
font-weight: bold;
}

a:visited {
color: #333333;
}

/* Header image */

.pageblock{
background-image: url('http://i182.photobucket.com/albums/x296/p_precious/header_500.png'); /* replace with the url to your header image */
background-repeat: no-repeat;
background-position: top center;
width: 500px; /* width of your header image */
height: 120px; /*height of your header image */
z-index: 1;
margin: 0 auto;
} /* make sure you adjust padding-top in .pageheaderblock according to the height of your header image*/

/* Footer */

.pagefooterblock {
border: 2px solid #ffffff;
background-color: #C11B17;
color: #E1E1E1;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #E1E1E1;
}

/* Journal header */

.pageheaderblock {
text-align: right;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
padding-top: 120px; /* height of your header image */
}

.header-title {
background-color: #E1E1E1;
font-variant: small-caps;
font-size: 34px;
font-weight: bold;
line-height: 30px;
color: #333333;
padding: 10px 20px 0px 20px;
display: none;
}

.header-subtitle {
background-color: #E1E1E1;
color: #F87431;
font-size: 20px;
line-height: 16px;
padding: 0px 20px 10px 20px;
display: none;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

/* Header menu */

.header-menu {
padding: 0px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color: #C11B17;
text-align: center;
font-variant: small-caps;
font-size: 12px;
font-weight: bold;
font-family: verdana;
color: #E1E1E1;
line-height: 20px;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
color: #E1E1E1;
text-decoration: none;
}

.header-menu a:hover {
color: #f87431;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

/* Body */

.bodyblock {
padding: 0px 0px 0px 0px;
}

.bodyheaderblock {
background-color: #E1E1E1;
padding: 4px 0px 4px 0px;
display: none;
}

.bodynavblock {
border: 2px solid #ffffff;
background-color: #E1E1E1;
color: #333333;
margin: 10px 0px 4px 0px;
padding: 8px;
}

.bodynavblock a, .bodynavblock a:visited {
color: #333333;
text-decoration: none;
}

.bodynavblock a:hover {
text-decoration: underline overline;
}

.body-title {
font-family: ;
font-size: 18px;
color: #E1E1E1;
text-align: left;
padding-left: 24px;
}

.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*Entries*/

.entryHolder {
color: #777777;
padding: 5px;
background-color: #E1E1E1;
font-family: verdana;
font-size: 10px;
border: 4px dashed #ffffff;
margin: 10px 0px 10px 0px;
}

.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 8px;
background-color: #333333;
padding-bottom: 5px;
}

.entryUserinfo a {
color: #C11B17;
}

.entryUserinfo-usericon img {
border-top: 5px solid #333333;
border-left: 5px solid #333333;
border-right: 5px solid #333333;
border-bottom: 3px solid #333333;
}

.entryText {
padding: 6px;
text-align: justify;
}

.entryHeader {
background-color: #E1E1E1;
color: #333333;
font-family: verdana;
font-size: 12px;
padding: 4px 0px 4px 0px;
text-transform: uppercase;
}

.entryHeader a {
color: #111111;
}

.entryHeaderSubject {
display: block;
font-weight: bold;
color: #f87431;
}

.entryHeaderDate {
font-size:6pt;
font-variant: normal;
}

.entryHeaderDate a {
color : #111111;
text-decoration : none;
}

.entryHeaderDate a:hover {
color : #111111;
text-decoration : underline;
}

.entryMetadata a {
color: #777777;
text-decoration: none;
}

.entryMetadata {
padding: 15px 0px;
text-transform: lowercase;
}

.entryMetadata ul {
margin: 0px; padding: 0px;
list-style-type: none;
}

.entryMetadata-content img {
display: none;
}

.entryMetadata-label {
margin: 0px 5px 0px 0px;
font-weight: bold;
}

.entryLinkbar {
font-family: ;
font-size: 7pt;
color: #111111;
text-align: right;
padding: 4px 0px 4px 0px;
}

.entryLinkbar a {
color: #C11B17;
text-decoration: none;
}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

blockquote {
color: #333333;
font-variant: small-caps;
padding: 10px;
border: 2px solid #d1d1d1;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
background-repeat: repeat;
background-position: top left;
}

/*Footer*/

#footer-menu {
font-size: 7pt;
color: #333333;
}

#footer-menu a, .footer-menu a:visited {
color: #111111;
white-space: nowrap;
padding: 6px;
text-align: left;
background-color:E1E1E1;
}

/*SIDEBAR*/

.sidebar {
font-family: ;
font-size: 7pt;
margin: 10px 15px 10px 0px;
width: 200px;
border: 2px solid #ffffff;
padding: 0px 0px 0px 0px;
display: none;
}

.sidebox {
color: #DDDDDD;
background-color: #C11B17;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.sidebox a {
color: #f87431;
}

.sideboxTitle {
background-color: #C11B17;
color: #E1E1E1;
font-family: ;
font-size: 12px;
font-weight: bold;
letter-spacing: 5px;
font-variant: small-caps;
padding: 10px 0px 3px 10px;
text-align: left;
border-bottom: 2px dotted #E1E1E1;
margin: 0px 5px 0px 5px;
}

.sideboxContent {
text-align: left;
padding: 8px 8px 2px 10px;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.sidebox #tags_sidebox {
text-align: center;
color: #f87431;
}

.sidebox #tags_sidebox a {
color: #f87431;
}

.sidebox #systemlinks {
text-align: left;
}

.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.listtitle {
font-weight: bold;
}

.profile-label {
font-weight: bold;
}

/*other content*/

/* Comment page */

.commentHolder {
color: #000000;
background-color: #E1E1E1;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #E1E1E1;
padding: 5px;
}

.commentUserinfo-usericon img {
border: 0;
}

.commentText {
padding: 6px;
text-align: justify;
}

.commentHeader {
background-color: #f87431;
color: #333333;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}

.commentHeader a{
color: #000000;
}

.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentLinkbar {
font-family: ;
font-size: 10px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.commentLinkbar a {
color: #C11B17;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

.replyform {
background-color: #f8f8f8;
color: #000000;
padding-left: 10px;
}

#commenttext{
width:100%;
background-image: url('http://img444.imageshack.us/img444/289/backgroundmh9.gif');
}

/*Archive page*/

.yearlinks{
text-align: right;
}

.yearlink{
padding-left:4px;
padding-right: 4px;
}

.month {
width: 500px;
border: 1px solid #F87431;
margin: 8px 8px 8px 40px;
}

.daysubjects {
color: #555555;
padding: 8px 8px 8px 40px;
}

.daytitles {
text-align: center;
background: #E1E1E1;
border: 1px solid #F87431;
color: #555555;
}

.day-blank {
border: 1px solid #F87431;
}

.day {
border: 1px solid #F87431;
}

.day-date {
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
color: #555555;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}

.day-count a {
text-decoration: none;
color: #555555;
}

/*Tags page*/

.tagstable, .tagstable td {
border: 1px solid #777777;
}

.tagstable a {
color: #F87431;
}

.tagstable {
width: 500px;
}

/* LJ-user image by _excentric_.livejournal.com */

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url('http://img514.imageshack.us/img514/4594/userxo3.gif');
padding: 15px 18px 0 0;
}

!shoqolad, resources: layout codes

Previous post Next post
Up