Ya-Ya-Yah
Here's a Ya-Ya-Yah layout I made. I love these guys~ Does anyone else miss them? *not counting Yuto and Hikaru* Please note that this layout uses the FLEXIBLE SQUARES layout so please remember to change your layout setup to this layout if it's not already set. (Please go here for more info on personalization and the rules of layout usage.)
PREVIEW:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */
/* Header and Code Further Edited by amy_chama@livejournal.com */
BODY{
margin-top: 25px;
background-color: #313131;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10pt;
color: #777777;
font-family: "Verdana", sans-serif;
}
a, a:link, a:visited {
font-family: "times new roman", verdana;
color: #CC5B1B;
font-weight: light;
text-decoration: none;
font-size: 11pt;
}
a:hover{
color: #999;
font-weight: light;
text-decoration: none;
}
blockquote {
margin: 5px 5px;
padding: 10px;
color: #555555;
font-size: 8pt;
border: 1px solid #252525;
background: #252525;
text-align: justify;
}
p, td {
font-size: 7pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width:1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #252525;
border-top: 30px solid #313131;
padding: 0px;
}
#maincontent {
margin-top: 40px;
padding: 0px;
font-family: "comic sans", sans-serif;
font-size: 15px;
line-height: 15px;
background-color: #252525;
color: #FFFFFF;
border-style: solid;
border-color: #FFFFFF;
border-width: 0px;
margin-right: 0px;
margin-left: 220px;
margin-top: 40px;
text-align: justify;
}
#sidebar {
padding-top: 5px;
margin-top: 40px;
background-color: #252525;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "comic sans", sans-serif;
color: #FFFFFF;
width: 200px;
float: left;
text-align: justify;
}
#header {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 30pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 20px;
padding-bottom: 30px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 20pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}
div#header a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
font-size: 20pt;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: none;
font-size: 20pt;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}
.subtitle {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
text-decoration: none;
font-size: 8pt;
}
div#sidebar a:hover {
text-decoration: none;
color: #999;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 10px;
list-style: none;
background-color: #252525;
background-image: url('');
background-repeat: repeat;
border-bottom: 1px #444444 solid;
}
li.sbaritem:hover {
background-color: #dddddd;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
padding: 2px;
list-style: none;
margin-bottom: 2px;
margin-top: 2px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #252525;
background: #252525;
}
.subcontent {
padding: 20px;
background: #252525;
border: 0px solid #333333;
}
.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10pt;
line-height: 10pt;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030 !important;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
font-color: #666666;
}
.userpicfriends font {
color: #555555 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 20px;
text-align: left;
top: 5px;
color: #666;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.subject {
font-weight: normal;
padding-bottom: 02px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: 1px solid #303030;
text-transform: none;
letter-spacing: 1px;
}
.subject a, .subject a:link, .subject a:visited {
color: #CC5B1B;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #252525;
padding-left: 10px;
border-top: 20px #252525 solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 15pt;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 0pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
font-size: 8pt;
}
div.comments a:hover {
color: #666666;
text-decoration: none;
font-size: 8pt;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #bbb;
background: #252525;
}
ul.year li {
color: #888888;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #bbb;
background: #252525;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #D1D1D1;
}
table.yeartable td.yearday {
background: #252525;
text-align: center;
}
td.yearmonth {
color: #888888;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888888;
border: 1px solid #bbb;
background: #252525;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 1000px; height: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img.photobucket.com/albums/v426/starmist100/Layout/Ya-Ya-YahHeader.png');
background-repeat: no-repeat;
}
.separator {
background-color: #252525;
background-image: url('');
background-repeat: repeat-x;
height: 10px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #777777;
}
.datesubjectcomment {
background-color: #666666;
border: 1px solid #777777;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #777777;
background-color: #666666;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #444444;
color: #ffffff;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #777777;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #777777;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*-- mini icons --*/
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/locked2.gif);}
img[src*="icon_private.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/link.png);}
img[src*="icon_groups.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/world.png);}
img[src*="userinfo.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 1px 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) !important;}
.ljuser img {width: 0; height: 0; background: transparent url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) ) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) ) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 0 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/yellowapple.gif) !important;}
If you have any problems uploading the layout or if the code doesn't work, please tell me and I'll check it out and try to help you as much as possible! :D
PREVIEW:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */
/* Header and Code Further Edited by amy_chama@livejournal.com */
BODY{
margin-top: 25px;
background-color: #313131;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10pt;
color: #777777;
font-family: "Verdana", sans-serif;
}
a, a:link, a:visited {
font-family: "times new roman", verdana;
color: #CC5B1B;
font-weight: light;
text-decoration: none;
font-size: 11pt;
}
a:hover{
color: #999;
font-weight: light;
text-decoration: none;
}
blockquote {
margin: 5px 5px;
padding: 10px;
color: #555555;
font-size: 8pt;
border: 1px solid #252525;
background: #252525;
text-align: justify;
}
p, td {
font-size: 7pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width:1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #252525;
border-top: 30px solid #313131;
padding: 0px;
}
#maincontent {
margin-top: 40px;
padding: 0px;
font-family: "comic sans", sans-serif;
font-size: 15px;
line-height: 15px;
background-color: #252525;
color: #FFFFFF;
border-style: solid;
border-color: #FFFFFF;
border-width: 0px;
margin-right: 0px;
margin-left: 220px;
margin-top: 40px;
text-align: justify;
}
#sidebar {
padding-top: 5px;
margin-top: 40px;
background-color: #252525;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "comic sans", sans-serif;
color: #FFFFFF;
width: 200px;
float: left;
text-align: justify;
}
#header {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 30pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 20px;
padding-bottom: 30px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 20pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}
div#header a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
font-size: 20pt;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: none;
font-size: 20pt;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}
.subtitle {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
text-decoration: none;
font-size: 8pt;
}
div#sidebar a:hover {
text-decoration: none;
color: #999;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 10px;
list-style: none;
background-color: #252525;
background-image: url('');
background-repeat: repeat;
border-bottom: 1px #444444 solid;
}
li.sbaritem:hover {
background-color: #dddddd;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
padding: 2px;
list-style: none;
margin-bottom: 2px;
margin-top: 2px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #252525;
background: #252525;
}
.subcontent {
padding: 20px;
background: #252525;
border: 0px solid #333333;
}
.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10pt;
line-height: 10pt;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030 !important;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
font-color: #666666;
}
.userpicfriends font {
color: #555555 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 20px;
text-align: left;
top: 5px;
color: #666;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.subject {
font-weight: normal;
padding-bottom: 02px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: 1px solid #303030;
text-transform: none;
letter-spacing: 1px;
}
.subject a, .subject a:link, .subject a:visited {
color: #CC5B1B;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #252525;
padding-left: 10px;
border-top: 20px #252525 solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 15pt;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 0pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
font-size: 8pt;
}
div.comments a:hover {
color: #666666;
text-decoration: none;
font-size: 8pt;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #bbb;
background: #252525;
}
ul.year li {
color: #888888;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #bbb;
background: #252525;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #D1D1D1;
}
table.yeartable td.yearday {
background: #252525;
text-align: center;
}
td.yearmonth {
color: #888888;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888888;
border: 1px solid #bbb;
background: #252525;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 1000px; height: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img.photobucket.com/albums/v426/starmist100/Layout/Ya-Ya-YahHeader.png');
background-repeat: no-repeat;
}
.separator {
background-color: #252525;
background-image: url('');
background-repeat: repeat-x;
height: 10px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #777777;
}
.datesubjectcomment {
background-color: #666666;
border: 1px solid #777777;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #777777;
background-color: #666666;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #444444;
color: #ffffff;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #777777;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #777777;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*-- mini icons --*/
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/locked2.gif);}
;}){kind=link}
img[src*="icon_private.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/link.png);}
;}){kind=link}
img[src*="icon_groups.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/world.png);}
;}){kind=link}
img[src*="userinfo.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 1px 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) !important;}
.ljuser img {width: 0; height: 0; background: transparent url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) ) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://img.photobucket.com/albums/v426/starmist100/Layout/bullet_star.png) ) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 0 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/yellowapple.gif) !important;}
If you have any problems uploading the layout or if the code doesn't work, please tell me and I'll check it out and try to help you as much as possible! :D