S2 Flexible Squares: HoneyComb

[paradeuxx]

Title: HoneyComb
Type: S2 Layout, Flexible Squares
Preview: CLICK
Browser: Firefox/IE
Use With: Free/Basic, Plus accounts



- Go to your journal customization page ( click ) and, under the Basics tab, select S2 for style system. SAVE CHANGES.
- Then select the Look and Feel tab. Select Flexible Squares from the first dropdown menu. SAVE CHANGES.
- Go to the Custom Options tab and click the "Sidebar" title. Select "Yes" where it says "Show the sidebar?" SAVE CHANGES.
- Then, while under the Custom Options tab, click the "Custom CSS" title. Select "Yes" where it says "Use layout's stylesheet(s)."
- Still under the Custom CSS page, select "No" for "Use layout's stylesheet(s) when including custom external stylesheet" and "Use external stylesheets."
- STILL under the Custom CSS page, paste the code I've provided into the large text box under the "Custom stylesheet" section. SAVE CHANGES.

body {
background-color: #e7e7e7;
background-image: url();
background-repeat: repeat;
color: #404040;
cursor: url();
}

a, a:link, a:visited, a:active {
color: #DECA87;
font-weight:normal;
text-transform: lowercase;
cursor: url();
}

a:hover {
color: #000000;
text-decoration: none;
border-bottom:none;
font-weight:bold;
text-transform:lowercase;
cursor: url();
}

strong, b {
color: #DECA87;
font-weight: bold;
cursor: url();
}

em, i {
color: #DECA87;
font-weight: bold;
text-decoration: normal;
font-family: courier new;
font-size: 14pt;
}

u {
color: #000000;
text-decoration: underline;
border-bottom: 1px dashed #DECA87;
}

#content {
width: 560px;
background-color: #ffffff;
padding: 0px;
border: 1px solid #000000;
cursor: url();
}

#sidebar {
float: right;
clear: none;
width: 160px;
padding-top: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 0px;
border-width: 0px;
background-color: transparent;
cursor: url();
}

#maincontent {
float: left;
width: 380px;
margin: 0;
padding: 0px;
border: 0px #000000 solid;
background-color: transparent;
cursor: url();
}

#header {
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 30px;
background-color: #ffffff;
font-family: "arial", arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
cursor: url();
}

#footer {
clear: both;
width: auto;
padding: 6px;
text-align: center;
background-color: transparent;
border-top: 0px #000000 dashed;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
cursor: url();
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: #ffffff;
color: #000000;
line-height: 9px;
font-family: arial;
font-size: 11px;
text-align: justify;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 1px dotted #cccccc;
cursor: url();
}

blockquote {
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
border-left: 3px solid #DECA87;
background-color: #ffffff;
}

.defaultuserpic img {
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 0px;
border-color: #000000;
cursor: url();
}

.userpic {
margin-left: 10px;
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 0px;
border-color: #000000;
cursor: url();
}

.userpicfriends {
margin-left: 10px;
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 0px;
border-color: #000000;
cursor: url();
}

.date {
color: #000000;
background-color: #ffffff;
border-width: 0px;
font-family: "arial", verdana, sans-serif;
font-size: 11px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
cursor: url();
}

.subject {
color: #DECA87;
background-color: transparent;
border-bottom: 0px #000000 dashed;
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: "arial", verdana, sans-serif;
font-size: 11px;
text-transform: uppercase;
cursor: url();
}

.datesubject {
background-color: transparent;
border-width: 0px;
cursor: url();
}

.ljuser A:link, .ljuser A:visited, .ljuser A:active {
color: #DECA87;
cursor: url();
}
.ljuser A:hover {
color: #cccccc;
cursor: url();
}

.ljuser img {
width: 0;
height: 0;
background-image: url();
background-repeat: no-repeat;
padding: 7px;
cursor: url();
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 4px;
font-family: "tahoma", arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
text-align: center;
letter-spacing: 0px;
background-color: #ffffff;
cursor: url();
}

div#header a:hover {
padding: 4px;
color: #DECA87;
background-color: #000000;
border-bottom: 0px dotted;
cursor: url();
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
color: #000000;
font-weight: normal;
cursor: url();
}

div#footer a:hover {
color: gray;
font-weight: normal;
cursor: url();
}

.title, .subtitle{
display: none;
cursor: url();
}

ul.navheader {
padding: 2px;
background-color: #000000;
border-width: 0px;
cursor: url();
}

ul.navheader li {
padding: 0px;
background-color: #000000;
border-width: 0px;
cursor: url();
}

.ljtags {
margin-top: 10px;
font-family: "arial", verdana, sans-serif;
font-size: 11px;
line-height:8px;
text-transform:uppercase;
color: #000000;
font-weight: bold;
cursor: url();
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #000000;
cursor: url();
}

.ljtags a:hover {
color: #c0c0c0;
cursor: url();
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #000000;
background-color: transparent;
border-width: 0px;
font-family: "Trebuchet ms", verdana, sans-serif;
font-size: 7pt;
cursor: url();
}

.comments {
padding: 6px;
font-family: "arial", verdana, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-align: right;
background-color: transparent;
border-top: 0px #000000 dashed;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
cursor: url();
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #000000;
cursor: url();
}

div.comments a:hover {
color: #c0c0c0;
cursor: url();
}

div#sidebar {
line-height: 9px;
font-family: arial;
font-size: 11px;
text-align:justify;
color: #373737;
padding: 1px;
cursor: url();
}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active {
color: #000000;
cursor: url();
}

div#sidebar a:hover {
color: #c0c0c0;
cursor: url();
}

li.sbartitle {
background-color: #000000;
padding: 2px;
border-width: 0px;
margin-left: 5px;
font-family: "arial", verdana, sans-serif;
font-size: 11px;
text-transform: uppercase;
line-height:8px;
text-align: right;
color: #ffffff;
letter-spacing: 0px;
font-weight: bold;
cursor: url();
}

.sbarbody {
background-color: transparent;
border-width: 0px;
padding: 0px;
cursor: url();
}

.sbarbody2 {
background-color: transparent;
border-width: 0px;
padding-top: 0px;
padding-left: 9px;
cursor: url();
}

.sbarcalendar {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #efefef;
text-align: center;
font-family: Tahoma;
font-size: 10px;
cursor: url();
}

.sbarcalendarposts {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #000000;
text-align: center;
font-family: Tahoma;
font-size: 10px;
cursor: url();
}

ul.sbarlist {
background-color: transparent;
border-width: 0px;
cursor: url();
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 9px;
cursor: url();
}

ul.navfooter {
background-color: transparent;
border-width: 0px;
cursor: url();
}

ul.navfooter li {
color: #000000;
background-color: transparent;
border-width: 0px;
font-family: "Trebuchet ms", verdana, sans-serif;
font-size: 9px;
border-width: 0px;
cursor: url();
}

.separator {
background-color: transparent;
border-width: 0px;
cursor: url();
}

.clear {
background-color: transparent;
border-width: 0px;
cursor: url();
}

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 450px;
height: 42px;
background-position: center;
background-repeat: no-repeat;
background-image: url();
}

code{
background-color: #DECA87;
border: 1px solid #000000;
width: 200px;
height: 50px;
color: #000000;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8655/usergrey2byexcentricib0.gif);
padding: 8px 6px 4px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8172/3squaresbyexcentricxx5.gif);
padding: 7px 7px 2px 2px;
}

Remember to credit me by pasting the following code in your profile ( click ) under the section entitled "Bio."

layout by

You may edit the credit code as long as my link is still there. :)

I would love it if you'd join my community to see more of my work!
rockstarculture rockstarculture rockstarculture