Sky 55

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored
» Images hosted at Tinypic.com
»

uploading instructions. READ THEM.
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com) style -- Flexible Squares / s2 account type: Free & Paid accounts DO NOT REMOVE THIS SECTION */ BODY { margin-top: 0px; background-color: #9CBFCD; background-image: url(''); background-repeat: repeat; background-position: top-left; background-attachment: scroll; text-align: left; font-size: 7pt; color: #8e8e8e; font-family: "Verdana", sans-serif; } a, a:link, a:visited { font-family: "Verdana" Helvetica, sans-serif; color: #7EA0AF; text-transform: uppercase; text-decoration: none; } a:hover{ font-family: "Verdana" Helvetica, sans-serif; color: #999; text-decoration: none; } strong, b { font-weight: bold; color: #FF5858; } blockquote { margin: 5px 5px; padding: 15px; color: #777777; font-size: 7pt; border: 1px solid #D5D5D5; background: #E7E7E7; text-align: justify; } p, td { font-size: 7pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 0px; background: #FDFDFD; border-top: 0px solid #FDFDFD; border-bottom: 0px solid #FDFDFD; border-left: 0px solid #FDFDFD; border-right: 0px solid #FDFDFD; padding: 0px; } #maincontent { margin: 0px 0px 0px 0px; background: #FDFDFD; } #sidebar { width: 100%; padding: 20px 0px 20px 0px; margin-top: 0px; background: #333333; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 14pt; text-align: justify; float: center; border-bottom: 20px solid #9CBFCD; background-image: url('http://i13.tinypic.com/6nw4ae1.png'); background-repeat: repeat-x; background-position: top-left; } /**************************************************** HEADER LINKS - NOT THE HEADERIMAGE SPOT **************************************************/ #header { width: auto; padding-top: 15px; padding-bottom: 5px; background-color: #333333; background-image: url(''); height: 40px; background-repeat: repeat-x; background-position: center; color: #555555; text-align: center; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; } div#header a, div#header a:link, div#header a:active, div#header a:visited { color: #777777; text-decoration; none; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; } div#header a:hover { color: #555555; text-decoration; none; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; } ul.navheader { padding: 5px; margin: 0px; } ul.navheader li{ display: inline; padding: 5 5px 5 5px; } div#header li.view { color: #aaaaaa; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; background-color: #333333; } /***************************************************************** FOOTER LINKS *********************************************************/ #footer { width: auto; padding-top: 20px; padding-bottom: 10px; background-color: #333333; background-image: url(''); height: 40px; background-repeat: repeat-x; background-position: center; font-family: "verdana", sans-serif; color: #555555; text-align: center; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; border-bottom: 0px dashed #333333; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { color: #777777; text-decoration; none; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; } div#footer a:hover { color: #555555; text-decoration; none; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; } div#footer li.viewing { color: #aaaaaa; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; text-transform: lowercase; letter-spacing: -1px; background-color: #333333; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { display: none; clear: both; } /************************************************************* TITLE AND SUBTITLE. ************************************************************/ .title { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } /*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #7EA0AF; text-decoration: none; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; color: #999; } .defaultuserpic { text-align: center; border-color: 10px solid #FDFDFD; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0 6px 0 6px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 1px; border: 1px solid #ddd; background: #FDFDFD; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #999999; font-size: 7pt; } .sbarcalendarposts { padding: 1px; border: 1px solid #ddd; background: #dddddd; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #7EA0AF; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px; list-style: none; background-color: #FDFDFD; background-image: url(''); background-repeat: repeat; border-bottom: 1px #cccccc solid; } li.sbaritem:hover { background-color: #dddddd; background-image: url(''); background-repeat: repeat; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 10px; text-align: left; font-weight: normal; padding-left: 1px; padding-bottom: 2px; color: #666666; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px solid #cccccc; text-transform: lowercase; letter-spacing: 1px; background: url('') 0px 0px no-repeat; } ul.ljtaglist li{ padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** TAGS PAGE LAYOUT ******************************************/ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: lowercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } /*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/ ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FDFDFD; background: #FDFDFD; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .subcontent { padding: 20px; border-right: 0px solid #cccccc; border-bottom:0px solid #cccccc; background: #FDFDFD; background-image: url('http://i13.tinypic.com/6nw4ae1.png'); background-repeat: repeat-x; background-position: top-left; } .entry{ margin: 10px 145px 30px 10px; padding: 10px 10px 10px 10px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; 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; } /*********************************************** USERPICS ******************************************/ .userpic { position: relative; float: right; padding: 10px; margin-right: 0px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #EEEEEE; background-image: url(''); background-repeat: repeat; border: 1px solid #e5e5e5; } .userpicfriends { position: relative; float: right; padding: 10px; margin-right: 0px; margin-left: 10px; margin-top: 0px; text-align: right; font-family: "Verdana", sans-serif; font-size: 8pt; z-index: 15; border-style: solid; border-width: 0px; border-color: #e5e5e5; background-color: #eeeeee !important; background-image: url(''); background-repeat: repeat; } .userpicfriends font { color: #444444 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } /*********************************************** DATE, SUBJECT, LJ TAGS, COMMENTS ******************************************/ .date{ padding: 0px; text-align: left; top: 2px; color: #bbbbbb; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; border-bottom: 0px solid #dddddd; text-transform: lowercase; } .subject { text-align: left; font-weight: bold; padding-left: 0px; padding-bottom: 2px; color: #FF9C00; font-family: "arial" Helvetica, sans-serif; font-size: 14pt; border-bottom: 1px solid #dddddd; text-transform: lowercase; letter-spacing: -1px; } .subject a, .subject a:link, .subject a:visited { color: #7EA0AF; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { background-color: #FDFDFD; padding-left: 0px; padding-top: 10px; } .ljtags { margin-top: 12px; color: #333; font-size: 7pt; font-weight: light; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #7EA0AF; font-size: 7pt; text-transform: lowercase; font-weight: light; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #7EA0AF; font-size: 7pt; text-transform: lowercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .comments { text-align: right; font-weight: bold; padding-left: 0px; padding-bottom: 0px; color: #444444; font-family: "arial" Helvetica, sans-serif; font-size: 7pt; border-bottom: 0px solid #dddddd; text-transform: lowercase; letter-spacing: -1px; padding: 5px; position: relative; top: 10px; } div.comments a, div.comments a:link, div.comments a:visited { color: #B2C91A; font-size: 10pt; padding: 5px; text-transform: lowercase; } div.comments a:hover { color: #bbbbbb; padding: 5px; font-size: 10pt; text-transform: lowercase; } /*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px solid #bbb; background: #FDFDFD; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 03px; border: 0px solid #444; background: #FDFDFD; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; background-color: #FDFDFD; border: 0px solid #333333; } table.yeartable td.yearday { background: #cccccc; text-align: center; } td.yearmonth { color: #999999; border-style: none; } /*********************************************** HEADER IMAGE ******************************************/ .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: #9CBFCD; height: 20px; } /*********************************************** COMMENT PAGES ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-transform: none; text-align: center; margin: 08px 0 08px 0; padding: 08px; color: #888888; border: 0px solid #bbb; background: #FDFDFD; } .datesubjectcomment { background-color: #dddddd; padding: 5px; } .userpiccomment { position: relative; border: 2px solid #cccccc; background-color: #FDFDFD; top: -30px; left: 0px; padding: 5px; 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: #B5C6FF; color: #333333; } 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%; background-color: #FDFDFD; color: #7EA0AF; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #999; } .commentbox { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #FDFDFD; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #7EA0AF; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #cccccc; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; background-color: #FDFDFD; } .commentinfo { background-color: #FDFDFD; margin-top: 10px; width: 100%; }

No need to upload images to your own host, they are already hosted at tinypic.com


>>> the topbar code below has to be (1.) modified by you and then (2.) placed in the BLURB section on your sidebar page.

you need to make sure nothing except the blurb is showing in that section.

<table width="100%" cellpadding="10" cellspacing="2"><tr><td width="50%" align="justify" valign="top"><font color="#FFFFFF">Thought Process</font> words here, you can even change the title of this section <td width="35%" align="justify" valign="top"><font color="#FFFFFF">Information</font> words here, you can even change the title of this section <td width="15%" align="justify" valign="top"><font color="#FFFFFF">The Links</font> <font color="#FFFFFF">•</font> <a href="URLHERE">LINKNAME?</a> <font color="#FFFFFF">•</font> <a href="URLHERE">LINKNAME?</a> <font color="#FFFFFF">•</font> <a href="URLHERE">LINKNAME?</a> <font color="#FFFFFF">•</font> <a href="URLHERE">LINKNAME?</a> </td></td></tr></table>