One Week // Flexible Squares
NAME: One Week
STYLE: Flexible Squares BROSWERS: IE8, Firefox, Opera, Google Chrome, Safari
ACCOUNT: Basic, Plus, Paid
FEATURES: Tinyicons, Custom Comments page, Custom Contextual Pop-up, Custom Control Panel
Live Preview(temporary) || Image Preview(permanant)
/*------------------------------- TITLE: ONE WEEK CODED BY: docrock06 @ peekaboo_panda CREDIT: tinyicons by famfamfam -------------------------------*/ body { background: #feffec; color: #BBBBBB; background-image: url('http://i33.tinypic.com/dcputf.jpg'); repeat: repeat; font-family:"georgia", arial; font-size: 8pt; text-align: justify; margin: 10px; } /*------------------------------- Links, Strong, Bold, Italic, Small, Code, Blockquote -------------------------------*/ a, a:link, a:visited { color: #ADC4AA; text-decoration: none; } a:hover { color: #AFB73E; text-decoration: none; } strong { font-weight: bold; color: #AFB73E; font-family:"georgia", arial; } b { font-weight: bold; color: #AFB73E; font-family:"georgia", arial; } i, u { color: #AFB73E; } small { font-size: 8pt; } blockquote { padding: 10px; color: #AFB73E; border: 1px dashed #ffffff; background: #ffffff; text-align: justify; } ::-moz-selection { background: #ffffff; color: #ffffff; } code, kbd, pre, tt { font-family: courier new; } code { display:block; background: #ffffff; color:#AFB73E; padding:5px; border:1px dashed; } /*------------------------------- General Apperance -------------------------------*/ #content { width: 850px; margin: auto; } #maincontent { margin: auto; width: auto; } /*------------------------------- Topbar -------------------------------*/ #sidebar { background:transparent!important repeat scroll 0 0; font-family: arial; font-size:10px; border:0; color:#BBBBBB; margin:0px auto 4px; position:relative; font-weight:bold; } .sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {margin:auto; padding:10px; width:850px; } .sbarbody2{ margin:0 auto; text-align:left; padding:10px; width:960px;} div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #ADC4AA;} div#sidebar a:hover {color:#BBBBBB; text-decoration: none; font-style:normal; background-color:#transparent; } ul.sbarlist { list-style: none; margin:auto 0px; padding:0; } li.sbaritem a { padding:3px; font-size: 8px; border-bottom: 0; list-style-type: none; text-transform: uppercase; margin-left: 8px; display: inline; } li.sbaritem a:hover { background-color: #ffffff; padding-top: 3px; border-bottom: 0; margin-left: 8px; display: inline; } li.sbaritem { display:inline;} li.sbartitle, #sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none!important; } td.sbarcalendar {background:#111111; color:#555555; padding:5px;} table.calendar {width:35%; padding:2px; background:transparent;} td.sbarcalendarposts {background:#1B1B1B; padding:0 0 0 2px;} /*------------------------------- Subcontent -------------------------------*/ .subcontent { padding: 10px; background: #ffffff; } /*------------------------------- Entry -------------------------------*/ .entry { padding: 20px; text-align: justify; } .entry ul li { padding-left: 5px; margin-left: 5px; } .entry ol li { padding-left: 5px; margin-left: 5px; } .entry_text img { padding:2px; border:1px solid #cfcfcf; } /*------------------------------- Dates and Subjects -------------------------------*/ .date { text-align: right; color: #AFB73E; font-family: "georgia", arial; font-size: 7pt; letter-spacing: 3px; text-transform: uppercase; } .subject { text-align: right; font-family: "georgia", arial; color: #404140; font-size: 28px; letter-spacing: 3px; } .subject a, .subject a:link, .subject a:visited { font-family: georgia; color: #404140; font-size: 28px; letter-spacing: 3px; text-decoration: none; } .subject a:hover { color: #dddada; } .subject img { position: relative; top: 2px; right: 2px; } .datesubject { padding: 5px; } /*------------------------------- Currents -------------------------------*/ .currents { margin-top: 5px; } .currents, .currentmood, .currentmusic, .currentlocation { color: #363636; text-align: left; text-transform: lowercase; font-family: arial; font-size: 7.5pt; line-height: 13pt; } .currentmood strong, .currentmusic strong, .currentlocation strong, .currentgroups { display: yes; } .currentlocation { height: 14px; background: url('http://i46.tinypic.com/vg3mes.jpg') 2px 2px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url(http://i48.tinypic.com/fnk07.png) 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 14px; background: url(http://i46.tinypic.com/9uu4q9.jpg) 2px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url(http://i50.tinypic.com/2u5gtah.jpg) 1px 1px no-repeat; } /*------------------------------- Tags and Links -------------------------------*/ .ljtags { text-align: left; font-family: arial; font-size: 8pt; line-height: 11pt; margin-top: 25px; background: url(http://i50.tinypic.com/30v2f4z.jpg) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-size: 8pt; color: #AFB73E; font-family: arial; text-decoration: none; } /*------------------------------- Comments and Links -------------------------------*/ .comments { font-family: georgia; color: #ADC4AA; font-size: 10px; text-transform: ; letter-spacing: -1px; text-align: right; margin-top: 15px; padding: 15px; position: relative; } div.comments a, div.comments a:link, div.comments a:visited { color: #ADC4AA; font-size: 10px; margin-top: 20px; } /*------------------------------- Userpics -------------------------------*/ .userpic, .userpicfriends { position: absolute; float: left; margin:7px; margin-left:-140px; text-align: center; border-style: solid; border-width: 0px; background: transparent!important; font-family: century gothic; font-size: 13px; color: #ffffff; z-index: 15; } .userpic img, .userpicfriends img { border: 0px solid #ffffff; padding: 11px; background: #ffffff; width: 100px; height: 100px; } .userpicfriends font { font-family: century gothic; font-size: 9pt; color: #ffffff; text-transform: uppercase; } .defaultuserpic { display: none!important; } .defaultuserpic img { display: yes; border: 1px solid #ffffff; padding: 5px; background: #f3f1f0; width: 80px; height: 80px; } /*------------------------------- Header / Footer -------------------------------*/ #header { background-color:transparent; color:#AFB73E; font-family: arial black; font-size: 13pt; margin:0 0 5px; padding:0; text-align:right; } ul.navheader{ margin:auto 0 auto 3px; list-style:none; display:inline; padding:0; border:0; } ul.navheader li { margin:0; list-style-type: none; display: inline; } div#header a, div#header a:link, div#header a:visited { font-family: arial black; color: #ADC4AA; font-size: 13px; text-transform: lowercase; letter-spacing: 0px; padding: 5px; text-decoration: none; } div#header a:hover { color: #dddada; text-decoration: none; } #footer { color: #ADC4AA; font-family: arial black; font-size: 8pt; letter-spacing: 1px; text-align: right; } div#footer a, div#footer a:link, div#footer a:visited { font-family: arial black; color: #ADC4AA; font-size: 8px; letter-spacing: 0px; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0px 2px 0px 2px; } h2, .title, .subtitle { display: none; } /*------------------------------- Taglist -------------------------------*/ ul.ljtaglist li { padding-left: 5px; margin-left: 10px; } ul.ljtaglist { text-align: left; margin-right: auto; margin-left: auto; padding: 30px; color: #999999; background: transparent!important; } /*------------------------------- Archive Page -------------------------------*/ ul.year { text-align: center; padding: 5px 5px 5px 5px; } ul.year li { color: #edebeb; font-size: 16px; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 5px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #343434; font-family: arial; font-size: 10pt; letter-spacing: 1px; text-transform: ; background: #fcfcfc; padding: 10px; border: 1px solid #000000; text-align: center; } table.yeartable td.yearday { background: #fcfcfc; padding: 10px; text-align: center; } td.yearmonth { color: #ffffff; border-style: none; } /*------------------------------- Miscellaneous -------------------------------*/ .clearfoot { clear: both; } .clear { height: 0px; } .skiplinks { text-align: center; color: #000000; background: #ffffff; padding: 20px; text-transform: lowercase; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { color: #ADC4AA; font-family: arial; font-size: 12pt; line-height: 12pt; text-transform: lowercase; } .skiplinks a:hover { color: #4e4e4e; } .separator { background: transparent; padding: 5px; } /*------------------------------- Header Image -------------------------------*/ .headerimage { position: relative; width: xxxpx; height: xxxpx; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url("urlhere"); background-repeat: no-repeat; } /*------------------------------- Comments Page -------------------------------*/ .commentbox { color: #2a2a2a; padding: 20px; background-color: #fdfdfd; margin-top: 15px; } .datesubjectcomment { color: #313131; font-family: georgia; font-size: 7pt; letter-spacing: 1px; text-transform: lowercase; padding: 15px; } .userpiccomment { position: relative; border: 1px solid #ffffff; padding: 10px; background: #f6f6f6; width: 60px; height: 60px; top: -10px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } input { border: 1px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: ; } select { border: 0px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: lowercase; } /*------------------------------- tiny icons -------------------------------*/ /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i30.tinypic.com/15rxu83.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i27.tinypic.com/2eqcdoj.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i30.tinypic.com/141ijoz.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i25.tinypic.com/2cd8xu.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i31.tinypic.com/sncqow.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } /*------------------------------- Custom Control Strip -------------------------------*/ table#lj_controlstrip td { background-color: #DCE4E0; border: solid 0px #DCE4E0; border-bottom: 0px dashed #ADC4AA; } #lj_controlstrip input { background-color: #AFB73E; border: 1px solid #AFB73E; color: #2f2c2c } #lj_controlstrip a { color: #2f2c2c; } #lj_controlstrip_statustext { color: #AFB73E; } #lj_controlstrip .ljuser a b { color: #404140; } #lj_controlstrip_userpic { display: yes; } /*------------------------------- Custom Contextual Pop-Up -------------------------------*/ div.ContextualPopup div.Inner { background: #ffffdd; border: 1px solid #404140; padding: 5px; color: #AFB73E !important; font-family:"georgia", arial; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #AFB73E !important; } div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus { font-weight: bold !important; color: #AFB73E; }
INSTRUCTIONS
» In Customize choose, Flexible Squares, Greys
» Set the Ad Placement to Between Entries
» In the Sidebar properties, choose only the blurb and links as the sidebar isn't really meant to have anything else.
» When pasting in the CSS set all three dropdown options to 'No'
CREDIT INFORMATION
» Credit docrock06 @ peekaboo_panda
» Credit in your sidebar or profile
» Comment if using
» Enjoy
YOU CAN CUSTOMIZE AS YOU LIKE AS LONG AS YOU STILL CREDIT ME FOR THE LAYOUT AND THE LAYOUT IS STILL RECOGNIZABLE AS THIS ONE.