S2 Flexible Squares: Cherise
image | live
Title: Cherise
Layout: S2 Flexible Squares
Browser: preferably Mozilla Firefox
Details: Arial (font), sidebar, three versions
sidebar and userpic
/* Cherise by fightingforbees @ dormandy */
body {
background: #faeee3;
text-align: center;
color: #ffffff;
font-family: verdana;
letter-spacing: 1px;
font-size: 9.5px;
}
a, a:link, a:visited {
color: #b0b0b0;
text-decoration: none;
}
a:hover {
color: #999999;
}
p, td, blockquote {
font-family: verdana;
font-size: 9.5px;
}
small, i, em, b, strong {
font-color: #b0b0b0;
font size: 9.5px;
}
code, kbd, pre, tt, textarea {
font-family: verdana;
font-size: 9.5px;
border: 1px solid #e0dbc3;
padding: 2px;
width: 200px;
height: 50px;
}
::-moz-selection {
background: #faf2e1;
}
#content {
width: 530px;
margin-left: 125px;
margin-right: auto;
padding: 30px;
}
#maincontent {
width: 450px;
font-family: verdana;
font-size: 9.5px;
background-color: #ffffff;
color: #b0b0b0;
margin: 10px 20px 10px 160px;
text-align: left;
}
#sidebar {
float: left;
padding: 10px 0px 10px 0px;
margin: 10px 0px 0px -100px;
background-color: #f2dac8;
font-size: 9.5px;
font-family: arial;
color: #fffdeb;
width: 250px;
text-align: left;
}
#header {
display:none;
}
#footer {
text-align: left;
font-family: arial;
font-size: 9.5px;
font-weight: none;
letter-spacing: 1px;
color: #b0b0b0;
padding: 9px 9px 9px 9px;
margin: -25px 0px 0px 160px;
background-color: #FFFFFF;
width: 432px;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #9c9c9c;
}
div#header a:hover, div#footer a:hover {
color: #dddddd;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
background-color: #FFFFFF;
padding: 9px 9px 9px 9px;
}
.title {
display:none;
}
.subtitle{
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #b0b0b0;
}
div#sidebar a:hover {
color: #999999;
text-decoration: none;
}
.defaultuserpic {
display: none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
display: none;
}
table.calendar {
display: none;
}
.sbarcalendar {
display: none;
}
.sbarcalendarposts {
display: none;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #FAFAFA;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.entry {
margin: 10px 10px 20px 10px;
margin-left: auto;
padding: 10px;
background-color: #ffffff;
color: #b0b0b0;
font-family: arial;
font-size: 9.5px;
text-align: justify;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display: block;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.userpicfriends {
display: block;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.date {
display: none;
}
.subject {
padding: 10px;
color: #b0b0b0;
font-family: arial;
text-transform: uppercase;
font-size: 9.5px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #b0b0b0;
text-decoration: none;
}
.subject a:hover {
color: #cccccc;
}
.datesubject {
border-bottom: 1px dotted #fbebd7;
background-color: #ffffff;
}
.currents, .currentmood, .currentmusic {
display: none;
}
.ljtags {
display:none;
}
.comments {
font-family: arial;
text-transform: uppercase;
color: #ffffff;
font-size: 9.5px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a8b8b;
}
div.comments a:hover {
color: #7a8b8b;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #9c9c9c;
}
textarea.textbox {
width:90% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
margin-left: 130px;
text-align: left;
font-family: arial;
font-size: 9.5px;
line-height: 125%;
background-color: #ffffff;
color: #9c9c9c;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9.5px;
font-family: arial;
color: #9c9c9c;
}
.commentbox {
border: 1px solid #d8d8bf;
font-family: arial;
padding: 1px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #b0b0b0;
}
.datesubjectcomment a:hover {
color: #dddddd;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentsubject {
width: 50%;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 50%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}
table.yeartable td.yearday {
background-color: #e0dbc3;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clearfoot {
clear: both; }
.clear {
height: 0px; }
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
background: #faeee3;
height: 10px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
background-color: #FFFFFF;
}
sidebar (image preview)
/* Cherise by fightingforbees @ dormandy */
body {
background: #faeee3;
text-align: center;
color: #ffffff;
font-family: verdana;
letter-spacing: 1px;
font-size: 9.5px;
}
a, a:link, a:visited {
color: #b0b0b0;
text-decoration: none;
}
a:hover {
color: #999999;
}
p, td, blockquote {
font-family: verdana;
font-size: 9.5px;
}
small, i, em, b, strong {
font-color: #b0b0b0;
font size: 9.5px;
}
code, kbd, pre, tt, textarea {
font-family: verdana;
font-size: 9.5px;
border: 1px solid #e0dbc3;
padding: 2px;
width: 200px;
height: 50px;
}
::-moz-selection {
background: #faf2e1;
}
#content {
width: 530px;
margin-left: 125px;
margin-right: auto;
padding: 30px;
}
#maincontent {
width: 450px;
font-family: verdana;
font-size: 9.5px;
background-color: #ffffff;
color: #b0b0b0;
margin: 10px 20px 10px 160px;
text-align: left;
}
#sidebar {
float: left;
padding: 10px 0px 10px 0px;
margin: 10px 0px 0px -100px;
background-color: #f2dac8;
font-size: 9.5px;
font-family: arial;
color: #fffdeb;
width: 250px;
text-align: left;
}
#header {
display:none;
}
#footer {
text-align: left;
font-family: arial;
font-size: 9.5px;
font-weight: none;
letter-spacing: 1px;
color: #b0b0b0;
padding: 9px 9px 9px 9px;
margin: -25px 0px 0px 160px;
background-color: #FFFFFF;
width: 432px;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #9c9c9c;
}
div#header a:hover, div#footer a:hover {
color: #dddddd;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
background-color: #FFFFFF;
padding: 9px 9px 9px 9px;
}
.title {
display:none;
}
.subtitle{
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #b0b0b0;
}
div#sidebar a:hover {
color: #999999;
text-decoration: none;
}
.defaultuserpic {
display: none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
display: none;
}
table.calendar {
display: none;
}
.sbarcalendar {
display: none;
}
.sbarcalendarposts {
display: none;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #FAFAFA;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.entry {
margin: 10px 10px 20px 10px;
margin-left: auto;
padding: 10px;
background-color: #ffffff;
color: #b0b0b0;
font-family: arial;
font-size: 9.5px;
text-align: justify;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display: none;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.userpicfriends {
display: block;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.date {
display: none;
}
.subject {
padding: 10px;
color: #b0b0b0;
font-family: arial;
text-transform: uppercase;
font-size: 9.5px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #b0b0b0;
text-decoration: none;
}
.subject a:hover {
color: #cccccc;
}
.datesubject {
border-bottom: 1px dotted #fbebd7;
background-color: #ffffff;
}
.currents, .currentmood, .currentmusic {
display: none;
}
.ljtags {
display:none;
}
.comments {
font-family: arial;
text-transform: uppercase;
color: #ffffff;
font-size: 9.5px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a8b8b;
}
div.comments a:hover {
color: #7a8b8b;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #9c9c9c;
}
textarea.textbox {
width:90% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
margin-left: 130px;
text-align: left;
font-family: arial;
font-size: 9.5px;
line-height: 125%;
background-color: #ffffff;
color: #9c9c9c;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9.5px;
font-family: arial;
color: #9c9c9c;
}
.commentbox {
border: 1px solid #d8d8bf;
font-family: arial;
padding: 1px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #b0b0b0;
}
.datesubjectcomment a:hover {
color: #dddddd;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentsubject {
width: 50%;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 50%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}
table.yeartable td.yearday {
background-color: #e0dbc3;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clearfoot {
clear: both; }
.clear {
height: 0px; }
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
background: #faeee3;
height: 10px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
background-color: #FFFFFF;
}
userpic/no sidebar (image preview)
/* Cherise by fightingforbees @ dormandy */
body {
background: #faeee3;
text-align: center;
color: #ffffff;
font-family: verdana;
letter-spacing: 1px;
font-size: 9.5px;
}
a, a:link, a:visited {
color: #b0b0b0;
text-decoration: none;
}
a:hover {
color: #999999;
}
p, td, blockquote {
font-family: verdana;
font-size: 9.5px;
}
small, i, em, b, strong {
font-color: #b0b0b0;
font size: 9.5px;
}
code, kbd, pre, tt, textarea {
font-family: verdana;
font-size: 9.5px;
border: 1px solid #e0dbc3;
padding: 2px;
width: 200px;
height: 50px;
}
::-moz-selection {
background: #faf2e1;
}
#content {
width: 530px;
margin-left: 25px;
margin-right: auto;
padding: 30px;
}
#maincontent {
width: 450px;
font-family: verdana;
font-size: 9.5px;
background-color: #ffffff;
color: #b0b0b0;
margin: 10px 20px 10px 160px;
text-align: left;
}
#sidebar {
display: none;
float: left;
padding: 10px 0px 10px 0px;
margin: 10px 0px 0px -100px;
background-color: #f2dac8;
font-size: 9.5px;
font-family: arial;
color: #fffdeb;
width: 250px;
text-align: left;
}
#header {
display:none;
}
#footer {
text-align: left;
font-family: arial;
font-size: 9.5px;
font-weight: none;
letter-spacing: 1px;
color: #b0b0b0;
padding: 9px 9px 9px 9px;
margin: -25px 0px 0px 160px;
background-color: #FFFFFF;
width: 432px;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #9c9c9c;
}
div#header a:hover, div#footer a:hover {
color: #dddddd;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
background-color: #FFFFFF;
padding: 9px 9px 9px 9px;
}
.title {
display:none;
}
.subtitle{
display:none;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #b0b0b0;
}
div#sidebar a:hover {
color: #999999;
text-decoration: none;
}
.defaultuserpic {
display: none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
display: none;
}
table.calendar {
display: none;
}
.sbarcalendar {
display: none;
}
.sbarcalendarposts {
display: none;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #FAFAFA;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.entry {
margin: 10px 10px 20px 10px;
margin-left: auto;
padding: 10px;
background-color: #ffffff;
color: #b0b0b0;
font-family: arial;
font-size: 9.5px;
text-align: justify;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display: block;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.userpicfriends {
display: block;
float: right;
margin: 0px -130px 0px 0px;
background: #f2dac8;
padding: 10px;
color: #fffdeb;
}
.date {
display: none;
}
.subject {
padding: 10px;
color: #b0b0b0;
font-family: arial;
text-transform: uppercase;
font-size: 9.5px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #b0b0b0;
text-decoration: none;
}
.subject a:hover {
color: #cccccc;
}
.datesubject {
border-bottom: 1px dotted #fbebd7;
background-color: #ffffff;
}
.currents, .currentmood, .currentmusic {
display: none;
}
.ljtags {
display:none;
}
.comments {
font-family: arial;
text-transform: uppercase;
color: #ffffff;
font-size: 9.5px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7a8b8b;
}
div.comments a:hover {
color: #7a8b8b;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #9c9c9c;
}
textarea.textbox {
width:90% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
margin-left: 130px;
text-align: left;
font-family: arial;
font-size: 9.5px;
line-height: 125%;
background-color: #ffffff;
color: #9c9c9c;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9.5px;
font-family: arial;
color: #9c9c9c;
}
.commentbox {
border: 1px solid #d8d8bf;
font-family: arial;
padding: 1px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #b0b0b0;
}
.datesubjectcomment a:hover {
color: #dddddd;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentsubject {
width: 50%;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 50%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}
table.yeartable td.yearday {
background-color: #e0dbc3;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clearfoot {
clear: both; }
.clear {
height: 0px; }
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
background: #faeee3;
height: 10px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
background-color: #FFFFFF;
}
Installation:
1. Go to Customize Journal Style and Select a Different Theme.
2. Type Flexible Squares on the Search bar and choose Black and White and Red All Over. This is important. Any theme will do but the colors on Black and White and Red All Over would complement the colors of all my layouts better than any other Flexible Squares theme.
3. Make your ad placement Horizontal.
4. Go back to Customize Journal Style and go to Custom CSS.
5. Make sure all the drop-down menus say No.
6. Copy the code into the Custom stylesheet box and save changes.
7. Credit fightingforbees.
Sidebar: (please read if you are using the version with the sidebar)
1. Do leave the blurb, links, tags, and page summary titles blank or else the sidebar will look weird.
Please comment if you are taking!
And do join fraisiers for more : )