Minty 76 & 77

|

» style - Flexible Squares, S2
» works with - Free, Paid & plus
»

uploading instructions. Read them if this is your first css layout.

SIDEBAR VERSION
/* ---------------------- CREATOR: Minty_Peach. LAYOUT ID: Minty 76 (sidebar). DO NOT STEAL STYLESHEET. ------------------------ */ BODY { margin: 60px 0px 60px 0px; background-color: #A3D167; text-align: left; font-size: 10px; color: #8e8e8e; font-family: "Verdana", sans-serif; } a, a:link, a:visited { font-family: "Georgia" Helvetica, sans-serif; font-size: 12px; color: #8FB75A; text-transform: lowercase; text-decoration: none; } a:hover{ color: #999; text-decoration: none; } i, s, u { color: #999999; } blockquote { margin: 0px; padding: 5px; color: #a5a5a5; font-size: 10px; border-top: 2px solid #dddddd; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; background-color: #444444; margin-left: auto; margin-right: auto; } #maincontent { margin: 0px 0px 0px 230px; ackground-color: #FDFDFD } /*---------------- SIDEBAR ----------------*/ #sidebar { width: 190px; padding: 20px; line-height: 14px; color: #999999; font-size: 10px; text-align: justify; float: left; } .defaultuserpic { text-align: center; } .sbarheader, .sbarbody2, .sbarbody { padding: 0px 3px 0px 3px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 2px; border: 1px solid #555555; text-align: center; color: #666666; font-size: 7pt; } .sbarcalendarposts { padding: 2px; border: 1px solid #777777; background: #555555; text-align: center; font-size: 7pt; } ul.sbarlist { list-style: none; margin-left: 0px; padding-left: 0px; } li.sbaritem { padding: 3px 3px 3px 1px; list-style: none; border-bottom: 1px solid #555555; } li.sbaritem:hover { background-color: #494949; } li.sbartitle { padding: 3px 3px 3px 1px; list-style: none; border-bottom: 1px solid #555555; font-size: 12px; color: #777777; text-transform: lowercase; } /*---------------- HEADER & FOOTER LINKS ----------------*/ #header, #footer { width: auto; padding: 10px; border-width: 10px 0px 10px 0px; border-style: solid; border-color: #A3D167; text-align: right; background-color: #A3D167; font-family: "Georgia", sans-serif; font-size: 11pt; color: #444444; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { font-family: "Georgia", sans-serif; color: #FFFFFF; font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #8FB75A; } div#header a:hover, div#footer a:hover { font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #99C461; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #eeeeee; font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #444444; } .clearfoot { display: none; } /*---------------- TITLE & SUBTITLE ----------------*/ .title { display: none; } .subtitle { display: none; } /*---------------- TAGS PAGE ----------------*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } ul.ljtaglist { color: #888888; font-size: 9pt; text-align: left; margin-right: auto; margin-left: auto; } ul.ljtaglist li{ padding: 5px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 7px 4px 7px 25px; } H2 { text-align: center; padding: 10px; font-size: 12px; text-transform: uppercase; } /*---------------- ENTRIES ----------------*/ .subcontent { padding: 20px; background: #FDFDFD; } .entry{ margin: 2px; padding: 2px; color: #888888; font-size: 10px; line-height: 16px; 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, USERPICS FOR FLIST ----------------*/ .userpic { display: none; position: relative; float: left; margin: 0px 10px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; background-color: #FDFDFD !important; margin: 0px 10px 10px 0px; text-align: left; font-size: 10px; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } /*---------------- DATE, SUBJECT, COMMENT ----------------*/ .date{ text-align: left; top: 2px; color: #bbbbbb; font-size: 10px; text-transform: lowercase; } .subject { font-family: "Georgia" Helvetica, sans-serif; font-size: 15px; color: #8FB75A; text-transform: lowercase; text-align: left; } .datesubject { padding-left: 3px; } .ljtags { margin-top: 12px; color: #333; font-size: 10px; font-weight: light; } .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 7pt; color: #888888 text-transform: lowercase; } .currentlocation { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i25.tinypic.com/nmf1ux.png') 2px 1px no-repeat; } .currentmood { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i27.tinypic.com/1z1d4km.gif') 1px 1px no-repeat; } .currentmusic { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i31.tinypic.com/33vj3ur.gif') 0px 1px no-repeat; } .ljtags { margin-top: 20px; padding-left: 17px; text-transform: lowercase; font-size: 7pt; color: #888888; background: url('http://i30.tinypic.com/35bh8a8.gif') 0px 0px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #aaaaaa; font-size: 11px; text-transform: none; } .comments { text-align: right; color: #888888; font-size: 10px; padding: 5px; position: relative; top: 10px; } div.comments a, div.comments a:link, div.comments a:visited { font-family: "Georgia" Helvetica, sans-serif; font-size: 12px; color: #8FB75A; text-transform: lowercase; } div.comments a:hover { color: #888888; } /*---------------- CALENDAR PAGE ----------------*/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; } table.yeartable td.yearday { background-color: #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 { height: 0px; } /*---------------- COMMENT PAGE ----------------*/ .clear { display: none; height: 0px; } .skiplinks { padding: 5px; background-color: #FDFDFD; text-align: center; font-size: 5pt; color: #A3D167; } .datesubjectcomment { background-color: #eeeeee; padding: 3px; } .userpiccomment { position: relative; border: 1px solid #cccccc; background-color: #FEFEFE; top: -10px; left: 0px; padding: 7px; margin: 10px 10px -20px 0px; z-index: 15; float: left; } .box { padding: 10px; background: #FDFDFD; clear: right; } input, textarea { background-color: #eeeeee; color: #444444; } 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: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; font-size: 10px; color: #777777; } .commentbox { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #EB8A00; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #bbbbbb; border-width: 1px; border-style: dashed; padding: 7px; margin: 12px; } /*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

TOPBAR VERSION
/* ---------------------- CREATOR: Minty_Peach. LAYOUT ID: Minty 77 (topbar). DO NOT STEAL STYLESHEET. ------------------------ */ BODY { margin: 60px 0px 60px 0px; background-color: #A3D167; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana" Helvetica, sans-serif; } a, a:link, a:visited { font-family: "Georgia" Helvetica, sans-serif; font-size: 12px; color: #8FB75A; text-transform: lowercase; text-decoration: none; } a:hover{ color: #999; text-decoration: none; } i, s, u { color: #999999; } blockquote { margin: 0px; padding: 5px; color: #a5a5a5; font-size: 10px; border-top: 2px solid #dddddd; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; margin-left: auto; margin-right: auto; background-color: #FDFDFD; } #maincontent { margin: 0px; } /*---------------- SIDEBAR ----------------*/ #sidebar { width: 710px; padding: 20px; line-height: 14px; background-color: #444444; color: #999999; font-size: 10px; text-align: justify; float: center; border-bottom: 30px solid #A3D167; } .defaultuserpic { display: none; text-align: center; } .sbarheader, .sbarbody2, .sbarbody { padding: 0px 3px 0px 3px; } table.calendar { display: none; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 2px; border: 1px solid #555555; text-align: center; color: #666666; font-size: 7pt; } .sbarcalendarposts { padding: 2px; border: 1px solid #777777; background: #555555; text-align: center; font-size: 7pt; } ul.sbarlist { list-style: none; margin-left: 0px; padding-left: 0px; } li.sbaritem { padding: 3px 3px 3px 1px; list-style: none; border-bottom: 1px solid #555555; } li.sbaritem:hover { background-color: #494949; } li.sbartitle { display: none; } /*---------------- HEADER & FOOTER LINKS ----------------*/ #header { width: auto; padding-bottom: 8px; text-align: center; background-color: #A3D167; font-family: "Georgia", sans-serif; font-size: 11pt; color: #444444; text-transform: lowercase; } #footer { width: auto; line-height: 34px; text-align: center; border-top: 50px solid #444444; background-color: #A3D167; font-family: "Georgia", sans-serif; font-size: 11pt; color: #444444; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { font-family: "Georgia", sans-serif; color: #FFFFFF; font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #8FB75A; } div#header a:hover, div#footer a:hover { font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #99C461; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #FDFDFD; font-size: 11pt; text-transform: lowercase; padding: 8px; background-color: #444444; } .clearfoot { display: none; } /*---------------- TITLE & SUBTITLE ----------------*/ .title { display: none; } .subtitle { display: none; } /*---------------- TAGS PAGE ----------------*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } ul.ljtaglist { color: #888888; font-size: 9pt; text-align: left; margin-right: auto; margin-left: auto; } ul.ljtaglist li{ padding: 5px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 7px 4px 7px 25px; } H2 { background: #FFFFFF; text-align: center; padding: 10px; font-size: 12px; text-transform: uppercase; } /*---------------- ENTRIES ----------------*/ .subcontent { padding: 20px; } .entry{ margin: 0px 0px 0px 0px; line-height: 14px; padding: 3px; color: #888888; font-size: 10px; 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, USERPICS FOR FLIST ----------------*/ .userpic { display: none; position: relative; float: right; margin: 0px 0px 10px 10px; z-index: 15; } .userpicfriends { position: relative; float: right; margin: 0px 0px 10px 10px; text-align: left; font-size: 10px; z-index: 15; background-color: #FDFDFD !important; } .userpicfriends font { color: #888888 !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } /*---------------- DATE, SUBJECT, COMMENT ----------------*/ .date{ text-align: left; top: 2px; color: #bbbbbb; font-size: 10px; text-transform: lowercase; } .subject { font-family: "Georgia" Helvetica, sans-serif; font-size: 15px; color: #8FB75A; text-transform: lowercase; text-align: left; } .datesubject { padding-left: 3px; } .ljtags { margin-top: 12px; color: #333; font-size: 10px; font-weight: light; } .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 7pt; color: #888888 text-transform: lowercase; } .currentlocation { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i25.tinypic.com/nmf1ux.png') 2px 1px no-repeat; } .currentmood { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i27.tinypic.com/1z1d4km.gif') 1px 1px no-repeat; } .currentmusic { padding-left: 17px; font-size: 7pt; color: #888888; background: url('http://i31.tinypic.com/33vj3ur.gif') 0px 1px no-repeat; } .ljtags { margin-top: 20px; padding-left: 17px; text-transform: lowercase; font-size: 7pt; color: #888888; background: url('http://i30.tinypic.com/35bh8a8.gif') 0px 0px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #aaaaaa; font-size: 11px; text-transform: none; } .comments { text-align: right; color: #888888; font-size: 10px; padding: 5px; position: relative; top: 10px; } div.comments a, div.comments a:link, div.comments a:visited { font-family: "Georgia" Helvetica, sans-serif; font-size: 12px; color: #8FB75A; text-transform: lowercase; } div.comments a:hover { color: #888888; } /*---------------- CALENDAR PAGE ----------------*/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; } table.yeartable td.yearday { background-color: #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: #A3D167; height: 30px; } /*---------------- COMMENT PAGE ----------------*/ .clear { display: none; height: 0px; } .skiplinks { padding-bottom: 8px; background-color: #A3D167; text-align: center; font-size: 5pt; color: #A3D167; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { font-family: "Georgia", sans-serif; color: #FFFFFF; font-size: 8pt; text-transform: lowercase; padding: 8px; background-color: #8FB75A; } .skiplinks a:hover { font-size: 8pt; text-transform: lowercase; padding: 8px; background-color: #99C461; } .datesubjectcomment { background-color: #eeeeee; padding: 3px; } .userpiccomment { position: relative; border: 1px solid #cccccc; background-color: #FEFEFE; top: -10px; left: 0px; padding: 7px; margin: 10px 10px -20px 0px; z-index: 15; float: left; } .box { padding: 10px; background: #FFFFFF; clear: right; } input, textarea { background-color: #eeeeee; color: #444444; } 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: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; font-size: 10px; color: #777777; } .commentbox { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #EB8A00; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #bbbbbb; border-width: 1px; border-style: dashed; padding: 7px; margin: 12px; } /*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

** Currents & tags images are different than the preview.
** I do not suggest using a header image with these layout.

---> Crediting is a lovely idea.
---> Please direct all questions to the f.a.q. page
---> I DO NOT SUGGEST EDITING but you can if you know how to.
---> feel free to Friend Me to receive icon and layout updates on your friends page.