Post Friends My journal
sireesanwar in workshop_rees

48. Nature Layout with Borders

Feb 14, 2011 14:23

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Custom Page Summary
Layout Width: 800px
Requested By: endless_reader without borders


[ Preview ] [ Live ]

Font(s) Used: SF Gothican, Mistral, Tabitha

Layout: layout_lounge
Header: graffitigraphic

Sidebar:
.Using Layouts or Layout Changes for Beginners on the sidebar for any extra assistance.
.Font Tutorial if you need help adding these fonts to your computer system.
.Tiny Icons for some suggested images.

LEFT

/*-----------------------------------------------------------
S2 Flexible Squares
by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION
-------------------------------------------------------------*/

body{
background-color: #EEF9FC;
background-image: url();
background-repeat: repeat;
background-attachment: fixed;
color: #777777;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 12px;
margin: 10px 0 20px 0;
}

a, a:link, a:visited { color: #6aad09; text-decoration: none; }

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

blockquote {
width: 340px;
padding: 10px;
border: 10px solid #F5F1F4;
color: #777777;
font-size: 11px;
line-height: 13px;
font-family: "Arial",sans-serif;
background: #E6E4E5;
text-align: left;
-moz-border-radius: 2%;
}

b, strong {color: #4fa300;}
i, em {color: #46c2c3;}
s, u {color: #46c2c3;}

p, td{ }

code, kbd, pre, tt { font-family: "monospace"; }

ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------SECTION: In General------------*/

#content {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
background-color: transparent !important;
}

#maincontent {
width: 565px;
float: right;
margin: 0px 0px 0px 0px;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}

.subcontent {
background-color: #ffffff;
width: 563px;
border: 1px solid #cccccc;
min-height: 200px;
margin-right: 0px;
-moz-border-radius: 1%;
}

/*---------------SECTION: Header--------------*/

#header {
position: relative;
line-height: 125%;
color: #ffffff;
font-family: "Arial",sans-serif;
font-size: 11px !important;
width: 798px;
padding: 0px 0px 10px 0px;
margin-bottom: 0px;
text-align: center;
letter-spacing: 1px;
text-transform: normal;
background-color: #999999;
-moz-border-radius-bottomleft: 1%;
-moz-border-radius-bottomright: 1%;
border-color: #cccccc;
border-style: solid;
border-width: 0px 1px 1px 1px;
}

div#header a, div#header a:link, div#header a:visited, div#footer a,

div#footer

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 5px;
letter-spacing: 1px;
color: #ffffff;
}

div#header a:hover {
padding: 5px;
color: #6aad09;
background-color: #cccccc;
-moz-border-radius: 4%;
}

ul.navheader { padding: 10px 0px 0px 0px; margin: 0px; }

ul.navheader li { display: inline; 10px 0px 0px 0px; margin: 0 2px; }

.title, .subtitle { display: none; }

/*-----------SECTION: Footer------------*/

#footer {
width: 100%;
margin: 0px;
text-align: left;
font-family: "Arial",sans-serif;
font-size: 12px;
color: #777777;
z-index: 100;
}

div#footer a {
padding: 5px;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
color: #6DA9C1;
text-align: left;
background-color: transparent !important;
}

div#footer a:hover {
padding: 5px;
color: #777777;
background-color: transparent !important;
border-bottom: 0px solid;
}

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

ul.navfooter li { display: inline; margin: 0 5px 0 5px; }

.clearfoot { clear: both; }

/*-------------SECTION: Sidebar--------------*/

#sidebar {
width: 215px;
float: left;
text-transform: normal;
margin-left: 0px;
padding: 0px 0 10px 0;
font-family: "Arial",sans-serif;
font-size: 11px;
color: #777777;
}

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link,

.sbarcalendarposts

a:visited{ padding: 0px; text-align: center; }

#sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: center; }

#sidebar_tags .sbarcontent { height: 100%; overflow:auto; }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #777777;
display: block;
text-decoration: none;
}

div#sidebar a:hover { color: #BDE0ED; }

.defaultuserpic {
text-align: center;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 10px;
margin: 0 0 8px 0;
list-style: none;
}

.sbarheader { padding: 0px 5px 0px 5px; }

.sbarbody {
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 10px;
margin: 0 0 8px 0;
list-style: none;
}

.sbarbody2 {
text-align: justify;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 20px;
margin: 0 0 15px 0;
list-style: none;
}

.sbarcontent { margin: 0px; padding: 0px; list-style: none; }

table.calendar { margin-right: auto; margin-left: auto; }

.sbarcalendar, .sbarcalendarposts {
color: #606060;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
-moz-border-radius-bottomleft: .5%;
-moz-border-radius-bottomright: .5%;
padding: 2px;
margin: 10px;
}

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

li.sbaritem { margin: 0px; padding: 0px 10px; list-style: none; }

li.sbaritem a {
padding: 3px 0px 3px 3px;
margin: 0px 0px 5px 0px;
list-style: none;
text-transform: lowercase;
border-left: 5px #BDE0ED solid;
}

li.sbaritem a:hover {
border-left: solid 5px #777777;
background-color: #ffffff;
}

li.sbartitle {
padding: 3px 5px 3px 5px;
margin: -11px 0 10px 0;
background-color: #999999;
-moz-border-radius-bottomleft: 2%;
-moz-border-radius-bottomright: 2%;
list-style: none;
font-size: 20px;
font-family: "Tabitha", arial, sans-serif;
font-weight: none;
text-transform: normal;
text-align: center;
color: #f7f6f0;
}

ul.tagList {width: 100%;}
.tagBox {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-arrow-color: #BDE0ED;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #BDE0ED;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #999999;
}

#sidebar_summary li.sbaritem {
color: #777777;
border-right: 2px solid #777777;
border-bottom: 2px solid #777777;
-moz-border-radius-bottomleft: .5%;
-moz-border-radius-bottomright: .5%;
background-color: #ffffff;
padding: 3px;
text-transform: normal;
margin: 3px 0px;
}

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #777777;
border: 0px solid #BDE0ED !important;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
text-decoration: none;
color: #cccccc;
border: 0px solid #999999;
background-color: transparent !important;
}

/*-----------SECTION: Entries-----------*/

.entry {
padding: 10px;
margin: 0px;
color: #666666;
font-family: "arial";
font-size: 12px;
text-align: left;
}

hr {
color: transparent;
height: 1px;
border-style : none;
border-bottom: 1px solid #b4c08e;
}

.entry ul li, ol li, li {
padding-left: 5px;
margin-left: 5px;
list-style: normal;
list-style-position: outside;
}

.userpic {
background-color: #ffffff !important;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
color: #b4c08e !important;
border: 2px #999999 solid;
-moz-border-radius: 2%;
}

.userpicfriends {
background-color: #cccccc !important;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: right;
color: #777777;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 11px;
z-index: 15;
border: 2px #999999 solid;
-moz-border-radius: 2%;
}

.userpicfriends a font { color: #777777; }

.date {
margin: 5px 0 0 5px;
text-align: right;
color: #777777;
top: 5px;
font-family: "Arial",sans-serif;
font-size: 11px;
text-transform: uppercase;
}

.subject {
background-color: #ffffff;
font-weight: none;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 10px;
color: #444444;
font-family: "SF Gothican", arial, sans-serif;
font-size: 22px;
text-transform: bold;
text-decoration: normal;
border-bottom: 1px dashed #cccccc;
}

.subject a, .subject a:link, .subject a:visited { color: #555555; }

.subject a:hover { color: #6DA9C1; }

.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
border: 0px solid #999999;
}

span.ljuser a b {
padding: 2px 0 2px 0;
color: #6DA9C1;
font-weight: normal;
}

span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #777777;
font-weight: lighter;
}

/*-----SECTION: Currents, tags, comment links-----*/

.ljtags {
margin-top: 5px;
color: #777777;
font-weight: lighter;
font-size: 10px;
font-family: "Verdana", arial;
text-transform: lowercase;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 17px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/tag_blue.png) no-repeat center left;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong {
font-family: "Verdana", arial;
font-size: 10px;
color: #777777;
font-weight: lighter;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
font-family: "verdana", arial;
font-size: 10px;
color: #777777;
font-weight: lighter;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-family: "verdana", arial;
font-size: 10px;
color: #6aad09;
text-transform: lowercase;
font-weight: lighter;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
font-family: "verdana", arial;
font-size: 10px;
color: #6aad09;
text-transform: lowercase;
font-weight: lighter;
}

.currentlocation a:hover, .ljtags a:hover {
font-family: "verdana", arial;
font-size: 10px;
color: #cccccc;
font-weight: lighter;
text-transform: lowercase;
}

.comments {
font-family: "Arial",sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
padding: 5px 5px 5px 5px;
position: relative;
clear: right;
margin-top: 5px;
text-transform: lowercase;
border-top: 1px #cccccc dashed;
}

div.comments a, div.comments a:link, div.comments a:visited{ color: #777777; }

div.comments a:hover { color: #6aad09; text-decoration: none; }

/*------------SECTION: Comments Page--------*/

.box {
padding: 5px;
margin-top: 0px;
text-align: left;
clear:right;
width: 557px;
-moz-border-radius: 2%;
}

form div.box { text-align:center; width: 557px; }

.skiplinks {
text-align: center;
margin-bottom: 3px;
font-family: font-family: "Arial",sans-serif;
padding: 10px;
font-size: 10px;
letter-spacing: 1px;
color: #333333;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-bottomleft:2%;
-moz-border-radius-bottomright:2%;
}

.datesubjectcomment {
margin-top: 20px;
text-align: right;
padding: 5px;
background-color: #ffffff;
color: #777777;
}

.userpiccomment {
background-color: #cccccc !important;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
border: 2px #999999 solid;
color: #777777;
-moz-border-radius: 4%;
}

div#content input, div#content textarea, div#content select {
color: #777777;
border: 1px solid #777777;
background-color: #ffffff;
}

textarea.textbox { width: 100% !important; }

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 10px;
line-height: 125%;
color: #777777;
}

.replytosubject {
color: #777777;
font-weight: bold;
text-transform: normal;
padding: 5px;
background-color: #ffffff;
}

.replytoposter {
background-color: #ffffff;
color: #6aad09;
text-transform: normal;
padding: 5px;
}

.commentreply {
text-align: left;
position: relative;
margin: 10px;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 11px;
color: #777777;
}

.commentbox {
padding: 5px;
margin: 10px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius: 2%;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #6aad09; }

.datesubjectcomment a:hover { color: #cccccc; }

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo { margin-top: 10px; width: 100%; }

/*-----------SECTION: Year/Archive Page----------*/

ul.year {
text-align: center;
padding: 5px;
background-color: #ffffff;
}

ul.year li { display: inline; }

table.yeartable {
margin-left: auto;
margin-right: auto;
font-family: "Arial",sans-serif;
padding: 10px 100px 10px 100px;
background-color: #ffffff;
}

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #555555; color: #666666; }

table.yeartable td.yearday { text-align: center; color: #666666; }

td.yearmonth { color: #666666; border-style: none; }

/*-----------SECTION: Tags Page---------*/

ul.ljtaglist {
color: #cccccc;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 12px;
padding-left: 12px;
padding: 8px;
background-color: #ffffff;
-moz-border-radius: 4%;
}

ul.ljtaglist li { list-style: none; }

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/world.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentmood {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/heart2.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentmusic {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/ipod.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/brick.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

/* PROTECTED ENTRY */
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL();
}

/* PRIVATE ENTRY */
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL();
}

.subject img {
width: 0;
height: 0;
background-repeat: no-repeat;
background: URL();
padding: 16px 0px 0 16px;
}

/* USER */
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_leaf_spring.png);
padding: 16px 0px 0 16px;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_leaf_spring.png);
padding: 16px 0px 0 16px;
}

/* COMMUNITY */

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_spring.png);
padding: 16px 0px 0 16px;
}

/*-----------SECTION: Mics-----------*/

.clear { height: 0px; font-size: 0.01px; }

#lj_controlstrip_statustext {
color: #777777;
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip td {
font-family: "georgia" !important;
font-size: 11px;
background-color: #dddddd !important;
border: 0px solid #eeeeee;
}

#lj_controlstrip a, #lj_controlstrip a:visited {
font-family: "georgia" !important;
font-size: 11px;
color: #777777 !important;
text-transform: lowercase;
}

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
position: relative;
border-color: #cccccc;
border-style: solid;
border-width: 1px 1px 0px 1px;
width: 798px;
height: 300px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: transparent !important;
background-image: url(HEADER URL);
background-position: center;
background-repeat: no-repeat;
-moz-border-radius-topleft: 1%;
-moz-border-radius-topright: 1%;
}

.separator { height: 20px; }

RIGHT

/*-----------------------------------------------------------
S2 Flexible Squares
by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION
-------------------------------------------------------------*/

body{
background-color: #EEF9FC;
background-image: url();
background-repeat: repeat;
background-attachment: fixed;
color: #777777;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 12px;
margin: 10px 0 20px 0;
}

a, a:link, a:visited { color: #6aad09; text-decoration: none; }

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

blockquote {
width: 340px;
padding: 10px;
border: 10px solid #F5F1F4;
color: #777777;
font-size: 11px;
line-height: 13px;
font-family: "Arial",sans-serif;
background: #E6E4E5;
text-align: left;
-moz-border-radius: 2%;
}

b, strong {color: #4fa300;}
i, em {color: #46c2c3;}
s, u {color: #46c2c3;}

p, td{ }

code, kbd, pre, tt { font-family: "monospace"; }

ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------SECTION: In General------------*/

#content {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
background-color: transparent !important;
}

#maincontent {
width: 565px;
float: left;
margin: 0px 0px 0px 0px;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}

.subcontent {
background-color: #ffffff;
width: 563px;
border: 1px solid #cccccc;
min-height: 200px;
margin-right: 0px;
-moz-border-radius: 1%;
}

/*---------------SECTION: Header--------------*/

#header {
position: relative;
line-height: 125%;
color: #ffffff;
font-family: "Arial",sans-serif;
font-size: 11px !important;
width: 798px;
padding: 0px 0px 10px 0px;
margin-bottom: 0px;
text-align: center;
letter-spacing: 1px;
text-transform: normal;
background-color: #999999;
-moz-border-radius-bottomleft: 1%;
-moz-border-radius-bottomright: 1%;
border-color: #cccccc;
border-style: solid;
border-width: 0px 1px 1px 1px;
}

div#header a, div#header a:link, div#header a:visited, div#footer a,

div#footer

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 5px;
letter-spacing: 1px;
color: #ffffff;
}

div#header a:hover {
padding: 5px;
color: #6aad09;
background-color: #cccccc;
-moz-border-radius: 4%;
}

ul.navheader { padding: 10px 0px 0px 0px; margin: 0px; }

ul.navheader li { display: inline; 10px 0px 0px 0px; margin: 0 2px; }

.title, .subtitle { display: none; }

/*-----------SECTION: Footer------------*/

#footer {
width: 100%;
margin: 0px;
text-align: left;
font-family: "Arial",sans-serif;
font-size: 12px;
color: #777777;
z-index: 100;
}

div#footer a {
padding: 5px;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
color: #6DA9C1;
text-align: left;
background-color: transparent !important;
}

div#footer a:hover {
padding: 5px;
color: #777777;
background-color: transparent !important;
border-bottom: 0px solid;
}

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

ul.navfooter li { display: inline; margin: 0 5px 0 5px; }

.clearfoot { clear: both; }

/*-------------SECTION: Sidebar--------------*/

#sidebar {
width: 215px;
float: right;
text-transform: normal;
margin-left: 0px;
padding: 0px 0 10px 0;
font-family: "Arial",sans-serif;
font-size: 11px;
color: #777777;
}

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link,

.sbarcalendarposts

a:visited{ padding: 0px; text-align: center; }

#sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: center; }

#sidebar_tags .sbarcontent { height: 100%; overflow:auto; }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #777777;
display: block;
text-decoration: none;
}

div#sidebar a:hover { color: #BDE0ED; }

.defaultuserpic {
text-align: center;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 10px;
margin: 0 0 8px 0;
list-style: none;
}

.sbarheader { padding: 0px 5px 0px 5px; }

.sbarbody {
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 10px;
margin: 0 0 8px 0;
list-style: none;
}

.sbarbody2 {
text-align: justify;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-topleft: 4%;
-moz-border-radius-topright: 4%;
-moz-border-radius-bottomleft: 4%;
-moz-border-radius-bottomright: 4%;
padding: 20px;
margin: 0 0 15px 0;
list-style: none;
}

.sbarcontent { margin: 0px; padding: 0px; list-style: none; }

table.calendar { margin-right: auto; margin-left: auto; }

.sbarcalendar, .sbarcalendarposts {
color: #606060;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
-moz-border-radius-bottomleft: .5%;
-moz-border-radius-bottomright: .5%;
padding: 2px;
margin: 10px;
}

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

li.sbaritem { margin: 0px; padding: 0px 10px; list-style: none; }

li.sbaritem a {
padding: 3px 0px 3px 3px;
margin: 0px 0px 5px 0px;
list-style: none;
text-transform: lowercase;
border-left: 5px #BDE0ED solid;
}

li.sbaritem a:hover {
border-left: solid 5px #777777;
background-color: #ffffff;
}

li.sbartitle {
padding: 3px 5px 3px 5px;
margin: -11px 0 10px 0;
background-color: #999999;
-moz-border-radius-bottomleft: 2%;
-moz-border-radius-bottomright: 2%;
list-style: none;
font-size: 20px;
font-family: "Tabitha", arial, sans-serif;
font-weight: none;
text-transform: normal;
text-align: center;
color: #f7f6f0;
}

ul.tagList {width: 100%;}
.tagBox {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-arrow-color: #BDE0ED;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #BDE0ED;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #999999;
}

#sidebar_summary li.sbaritem {
color: #777777;
border-right: 2px solid #777777;
border-bottom: 2px solid #777777;
-moz-border-radius-bottomleft: .5%;
-moz-border-radius-bottomright: .5%;
background-color: #ffffff;
padding: 3px;
text-transform: normal;
margin: 3px 0px;
}

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #777777;
border: 0px solid #BDE0ED !important;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
text-decoration: none;
color: #cccccc;
border: 0px solid #999999;
background-color: transparent !important;
}

/*-----------SECTION: Entries-----------*/

.entry {
padding: 10px;
margin: 0px;
color: #666666;
font-family: "arial";
font-size: 12px;
text-align: left;
}

hr {
color: transparent;
height: 1px;
border-style : none;
border-bottom: 1px solid #b4c08e;
}

.entry ul li, ol li, li {
padding-left: 5px;
margin-left: 5px;
list-style: normal;
list-style-position: outside;
}

.userpic {
background-color: #ffffff !important;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
color: #b4c08e !important;
border: 2px #999999 solid;
-moz-border-radius: 2%;
}

.userpicfriends {
background-color: #cccccc !important;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: right;
color: #777777;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 11px;
z-index: 15;
border: 2px #999999 solid;
-moz-border-radius: 2%;
}

.userpicfriends a font { color: #777777; }

.date {
margin: 5px 0 0 5px;
text-align: right;
color: #777777;
top: 5px;
font-family: "Arial",sans-serif;
font-size: 11px;
text-transform: uppercase;
}

.subject {
background-color: #ffffff;
font-weight: none;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 10px;
color: #444444;
font-family: "SF Gothican", arial, sans-serif;
font-size: 22px;
text-transform: bold;
text-decoration: normal;
border-bottom: 1px dashed #cccccc;
}

.subject a, .subject a:link, .subject a:visited { color: #555555; }

.subject a:hover { color: #6DA9C1; }

.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
border: 0px solid #999999;
}

span.ljuser a b {
padding: 2px 0 2px 0;
color: #6DA9C1;
font-weight: normal;
}

span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #777777;
font-weight: lighter;
}

/*-----SECTION: Currents, tags, comment links-----*/

.ljtags {
margin-top: 5px;
color: #777777;
font-weight: lighter;
font-size: 10px;
font-family: "Verdana", arial;
text-transform: lowercase;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 17px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/tag_blue.png) no-repeat center left;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong {
font-family: "Verdana", arial;
font-size: 10px;
color: #777777;
font-weight: lighter;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
font-family: "verdana", arial;
font-size: 10px;
color: #777777;
font-weight: lighter;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-family: "verdana", arial;
font-size: 10px;
color: #6aad09;
text-transform: lowercase;
font-weight: lighter;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
font-family: "verdana", arial;
font-size: 10px;
color: #6aad09;
text-transform: lowercase;
font-weight: lighter;
}

.currentlocation a:hover, .ljtags a:hover {
font-family: "verdana", arial;
font-size: 10px;
color: #cccccc;
font-weight: lighter;
text-transform: lowercase;
}

.comments {
font-family: "Arial",sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
padding: 5px 5px 5px 5px;
position: relative;
clear: right;
margin-top: 5px;
text-transform: lowercase;
border-top: 1px #cccccc dashed;
}

div.comments a, div.comments a:link, div.comments a:visited{ color: #777777; }

div.comments a:hover { color: #6aad09; text-decoration: none; }

/*------------SECTION: Comments Page--------*/

.box {
padding: 5px;
margin-top: 0px;
text-align: left;
clear:right;
width: 557px;
-moz-border-radius: 2%;
}

form div.box { text-align:center; width: 557px; }

.skiplinks {
text-align: center;
margin-bottom: 3px;
font-family: font-family: "Arial",sans-serif;
padding: 10px;
font-size: 10px;
letter-spacing: 1px;
color: #333333;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius-bottomleft:2%;
-moz-border-radius-bottomright:2%;
}

.datesubjectcomment {
margin-top: 20px;
text-align: right;
padding: 5px;
background-color: #ffffff;
color: #777777;
}

.userpiccomment {
background-color: #cccccc !important;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
border: 2px #999999 solid;
color: #777777;
-moz-border-radius: 4%;
}

div#content input, div#content textarea, div#content select {
color: #777777;
border: 1px solid #777777;
background-color: #ffffff;
}

textarea.textbox { width: 100% !important; }

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 10px;
line-height: 125%;
color: #777777;
}

.replytosubject {
color: #777777;
font-weight: bold;
text-transform: normal;
padding: 5px;
background-color: #ffffff;
}

.replytoposter {
background-color: #ffffff;
color: #6aad09;
text-transform: normal;
padding: 5px;
}

.commentreply {
text-align: left;
position: relative;
margin: 10px;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 11px;
color: #777777;
}

.commentbox {
padding: 5px;
margin: 10px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius: 2%;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #6aad09; }

.datesubjectcomment a:hover { color: #cccccc; }

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo { margin-top: 10px; width: 100%; }

/*-----------SECTION: Year/Archive Page----------*/

ul.year {
text-align: center;
padding: 5px;
background-color: #ffffff;
}

ul.year li { display: inline; }

table.yeartable {
margin-left: auto;
margin-right: auto;
font-family: "Arial",sans-serif;
padding: 10px 100px 10px 100px;
background-color: #ffffff;
}

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #555555; color: #666666; }

table.yeartable td.yearday { text-align: center; color: #666666; }

td.yearmonth { color: #666666; border-style: none; }

/*-----------SECTION: Tags Page---------*/

ul.ljtaglist {
color: #cccccc;
font-family: "verdana", arial, verdana, sans-serif;
font-size: 12px;
padding-left: 12px;
padding: 8px;
background-color: #ffffff;
-moz-border-radius: 4%;
}

ul.ljtaglist li { list-style: none; }

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/world.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentmood {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/heart2.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentmusic {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/ipod.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/brick.png) no-repeat left center;
padding: 2px 0px 5px 18px;
}

/* PROTECTED ENTRY */
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL();
}

/* PRIVATE ENTRY */
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL();
}

.subject img {
width: 0;
height: 0;
background-repeat: no-repeat;
background: URL();
padding: 16px 0px 0 16px;
}

/* USER */
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_leaf_spring.png);
padding: 16px 0px 0 16px;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_leaf_spring.png);
padding: 16px 0px 0 16px;
}

/* COMMUNITY */

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_spring.png);
padding: 16px 0px 0 16px;
}

/*-----------SECTION: Mics-----------*/

.clear { height: 0px; font-size: 0.01px; }

#lj_controlstrip_statustext {
color: #777777;
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip td {
font-family: "georgia" !important;
font-size: 11px;
background-color: #dddddd !important;
border: 0px solid #eeeeee;
}

#lj_controlstrip a, #lj_controlstrip a:visited {
font-family: "georgia" !important;
font-size: 11px;
color: #777777 !important;
text-transform: lowercase;
}

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
position: relative;
border-color: #cccccc;
border-style: solid;
border-width: 1px 1px 0px 1px;
width: 798px;
height: 300px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: transparent !important;
background-image: url(HEADER URL);
background-position: center;
background-repeat: no-repeat;
-moz-border-radius-topleft: 1%;
-moz-border-radius-topright: 1%;
}

.separator { height: 20px; }

layout coding forward

Leave a comment

Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.