#16
Theme: Flexible Squares S2
Works with: Paid, Basic, Plus *RECOMMENDED TO SET AD PLACEMENT BETWEEN ENTRIES
Tested on: Firefox, Internet Explorer
Disabled: Comment Page *YOU CAN HAVE THE PAGE ENABLED BUT THERE IS NO TEMPLATE
Image Preview
1. Start here.
2. Make sure your select the "Flexible Squares" theme (Doesn't matter which).
3. Next, go here and make sure it says "NO" on ALL of the drop down menus.
4. Cut and paste HTML/CSS into the white box then hit save:
/*---------------------------------------------------
TYPE: S2 Flexible Squares
ACCOUNT TYPE: Paid, Basic, Plus *RECOMMENDED TO SET AD PLACEMENT BETWEEN ENTRIES
DISABLED: Comment Page *YOU CAN HAVE THE PAGE ENABLED BUT THERE IS NO TEMPLATE
BY: http://multi_facetd.livejournal.com
-----------------------------------------------------*/
BODY {
margin: 0px 0px 0px 0px;
background-color: #333;
text-align: left;
font-size: 11px;
color: #8e8e8e;
font-family:arial;
background-image:url('http://i38.tinypic.com/vzkkmg.jpg');
background-repeat: repeat-x;
}
a, a:link, a:visited {
color: #C2BF2B;
text-decoration: none;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 5px 25px 5px 25px;
padding: 10px;
color: #111;
font-family: verdana;
font-size: 8px;
background: #eee;
text-transform: uppercase;
text-align: justify;
background-image:url('');
background-repeat: repeat;
}
p, td {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 75%;
margin-left: auto;
margin-right: auto;
padding: 30px;
background: transparent;
background-image:url('http://i38.tinypic.com/vzkkmg.jpg');
background-repeat: repeat;
}
#maincontent {
margin: 0px 0px 0px 229px;
}
/*---------------------------------------------------
SIDEBAR
-----------------------------------------------------*/
#sidebar {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #fff;
font-family:arial;
letter-spacing: 0px;
width: 200px;
float: left;
}
.sbarheader {
padding: 0px 0px 0px 0px;
}
.sbarbody {
padding: 0px 0px 0px 0px;
}
.sbarbody2 {
margin: 0px;
padding: 15px;
color: #666;
background-color: #fff;
font-size: 11px;
text-align: justify;
line-height: 20px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #C2BF2B;
}
div#sidebar a:hover {
color: #aaa;
text-decoration: none;
}
.defaultuserpic {
width:100px;
margin:20px 0px 20px 40px;
padding:10px;
background-color:transparent;
z-index:15;
}
table.calendar {
padding:15px;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
font-family: verdana;
color: #666;
font-size: 8px;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #aaa;
background: #f1f1f1;
text-align: center;
font-family: verdana;
color: #EB8A00;
font-size: 8px;
}
ul.sbarlist {
padding: 0px;
margin: 0px;
list-style: none;
}
li.sbaritem {
text-align:right;
padding: 15px 15px 15px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #fff;
border-bottom:1px dotted #eee;
}
li.sbaritem:hover {
background-color: #fff;
}
li.sbartitle {
list-style: none;
font-family: verdana;
font-size: 8px;
letter-spacing: 0px;
text-transform: uppercase;
color: #333;
text-align: center;
padding: 15px;
background-color: transparent;
background-image:url('http://i36.tinypic.com/w03s55.jpg');
background-repeat: repeat;
}
ul.ljtaglist li{
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*---------------------------------------------------
HEADER AND FOOTER
-----------------------------------------------------*/
#header {
width: auto;
text-align: center;
color: #CFCC40;
background-color: transparent;
padding: 46px;
}
#footer {
width: auto;
text-align: center;
color: #CFCC40;
background-color: transparent;
padding: 20px;
clear: both;
}
div#header a, div#header a:link, div#header a:visited {
color: #CFCC40;
text-transform: lowercase;
font-family: arial;
font-size: 30px;
letter-spacing: -4px;
padding: 10px;
background-color: transparent;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #CFCC40;
text-transform: lowercase;
font-family: arial;
font-size: 30px;
letter-spacing: -4px;
padding: 10px;
background-color: transparent;
}
div#header a:hover, div#footer a:hover {
color: #efefef;
}
ul.navheader, ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding: 2px;
margin: 2px;
}
div#header li.view {
color: #444;
padding: 10px;
text-transform: lowercase;
font-family: arial;
font-size: 30px;
letter-spacing: -4px;
background-color: transparent;
}
div#footer li.viewing {
color: #444;
padding: 10px;
text-transform: lowercase;
font-family: arial;
font-size: 30px;
letter-spacing: -4px;
background-color: transparent;
}
.clearfoot {
display: none;
}
/*---------------------------------------------------
TITLE AND SUBTITLE
-----------------------------------------------------*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*---------------------------------------------------
ENTRIES
-----------------------------------------------------*/
.subcontent {
padding: 0px;
background-color: #fff;
}
.entry_text {
background-color: #fff;
min-height: 80px;
}
.entry {
padding: 15px 15px 15px 15px;
background-color: #fff;
color: #666;
font-family: arial;
font-size: 11px;
letter-spacing: 0px;
line-height: 20px;
text-align: justify;
}
.entry ul li {
padding: 0px;
margin: 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;
}
/*---------------------------------------------------
IMAGE OPACITY
-----------------------------------------------------*/
img {
filter: alpha(opacity=70);
moz-opacity: .70;
opacity: .70;
}
img:hover {
filter: alpha(opacity=50);
moz-opacity: .50;
opacity: .50;
}
/*---------------------------------------------------
USERPICS
-----------------------------------------------------*/
.userpic {
position: relative;
float: right;
padding: 10px;
margin: 50px 10px 10px 10px;
z-index: 15;
background-color: transparent;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px 10px 10px 10px;
text-align: center;
z-index: 15;
background-color: #fff !important;
border: 1px solid #eee;
}
.userpicfriends font {
color: #444;
text-transform: upperase;
}
.userpicfriends br {
display: block;
height: 0;
}
.userpic img, .userpicfriends img {
background-color:#ffffff !important;
padding:0px;
width:100px;
height:100px;
}
/*---------------------------------------------------
DATE AND SUBJECT
-----------------------------------------------------*/
.date {
text-align: left;
font-family: verdana;
font-size: 8px;
letter-spacing: 0px;
color: #333;
padding-right: 5px;
text-transform: uppercase;
}
.subject {
text-align: left;
color: #111;
font-family: verdana;
font-size: 8px;
letter-spacing: 0px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #C2BF2B;
}
.subject a:hover {
color: #aaaaaa;
}
.datesubject {
padding: 10px;
background-color: transparent;
background-image:url('http://i36.tinypic.com/w03s55.jpg');
background-repeat: repeat;
}
/*---------------------------------------------------
CURRENTS
-----------------------------------------------------*/
.currents {
padding-left: 0px;
padding-top: 10px;
padding-bottom: 15px;
background-color: #fff;
color: #333;
font-family: verdana;
font-size: 8px;
text-transform: uppercase;
}
.currents strong {
font-weight: normal;
text-transform: uppercase;
}
.ljtags {
margin-top: 25px;
color: #333;
font-family: verdana;
font-size: 8px;
text-transform: uppercase;
}
/*---------------------------------------------------
COMMENTS
-----------------------------------------------------*/
.comments {
text-align: right;
background-color: #fff;
color: #666;
padding: 10px 10px 0px 0px;
position: relative;
top: 0px;
font-style: none;
font-family: verdana;
font-size: 8px;
letter-spacing: 0px;
border-top: 1px dotted #eee;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #C2BF2B;
background-color: transparent;
text-transform: uppercase;
padding: 0px;
}
div.comments a:hover {
color: #aaaaaa;
text-decoration: none;
}
/*---------------------------------------------------
ARCHIVE PAGE
-----------------------------------------------------*/
ul.year{
text-align: center;
padding: 4px 4px 4px 4px;
border: 0px solid #454545;
}
ul.year li {
color: #999999;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 4px;
border: 0px solid #454545;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
padding: 4px;
border: 1px solid #999999;
text-align: center;
}
table.yeartable td.yearday {
background: #3BE3C43BE3C4;
border: 1px solid #aaaaaa;
padding: 4px;
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: 35px;
}
.clear {
display: none;
height: 0px;
}
Credit multi_facetd.
Please ask if you have any questions! And I will do my best to get back to you with an answer (: