here is my heart and here is my song - New Colour Schemes for S2 Layout #1

Previous | Memories | Tell a Friend | Next

11 February 2007 @ 02:56 pm

New Colour Schemes for S2 Layout #1

I decided to post a few variations of the colour scheme of my Turquoise & Strawberry layout, firstly coz it was fun, and secondly so if you would prefer one of them, you don't have to go fiddling around with the codes yourself!

Check them out!

Example:

NOTE: MAKE SURE in Custom Options, Colours, Change "Background Colour of the Entries" to the colour of the main background colour. (if that makes any sense)

#1 Charcoal/Aqua

/* Cleaned CSS: */

body {
        background-color: #1E1E1E;
        
        text-align: center;
        color: #666666;
        font-family: "Verdana", monospace;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #12C1BB;
        text-decoration: none;
        }

a:hover {
        color: #5ED3D0;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
	{  	
	width: 652px;
	margin-left: auto; 
	margin-right: auto;				
	background-color: #474747;		
        padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	border-left: #5ED3D0 10px solid;
	border-right:10px solid #12C1BB;
        }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #474747;
        color: #666666;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #474747;
        border-color: #474747;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #666666;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
       width: auto;
       padding-top: 3px;
       padding-bottom: 3px;
       line-height: 30px;
       background-color: #474747;
       font-family: "Verdana", sans-serif;
       font-size: 14px;
       font-weight: normal;
       color: #999999;
       text-align: center;
       letter-spacing: 1px;
       border-width: 0px;
       }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        letter-spacing: 1px;
        background-color: #474747;
        color: #5ED3D0;
        border-color: #474747;
        border-width: 1px;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */	
div#header a, div#header a:link, div#header a:visited, div#header a:active {
        padding: 3px;
        font-size: 14px;
        font-weight: normal;
        color: #B9B9B9;
        text-align: center;
        letter-spacing: 2px;
        }

div#header a:hover, div#footer a:hover {
        color: #5ED3D0;
        text-decoration: none;
    }

ul.navheader
        {
        padding: 0px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title	{
	visibility: hidden;
	height:0px}

.subtitle{
        visibility: hidden;
	height:0px}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #12C1BB;
    }

div#sidebar a:hover {
        color: #5ED3D0;
        text-decoration: none;
    }

.defaultuserpic {
        text-align: center;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #474747 solid;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #474747;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #474747;
        border-width: 1px;
        border-style: solid;
        background-color: #474747;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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;
        border-width: 1px;
        border-color: #474747;
        background-color: #474747;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #474747;
        color: #B9B9B9;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #474747;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #474747;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #474747;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 100%;
        top: 5px;
        color: #111111;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #111111;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #111111;
        }

.subject a:hover {
        color: #111111;
        }

.datesubject {
        background-color: #474747;
        padding: 5px;
        border-bottom: 1px;
        border-left: 0px;
        border-top: 0px;
        border-right:0px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #474747;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #12C1BB;
    }

div.comments a:hover {
        color: #5ED3D0;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #474747;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #474747;
        background-color: #474747;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #474747;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #111111;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #474747;
        color: #12C1BB;
        }

textarea.textbox  {
          width: 95% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        line-height: 125%;
        background-color: #474747;
        color: #12C1BB;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial", sans-serif;
        color: #12C1BB;
        }

.commentbox {

border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #474747;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #111111;
        }

.datesubjectcomment a:hover {
        color: #111111;
        }

.commentboxpartial {
        border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #474747;
        }

.commentinfo {
        background-color: #474747;
        margin-top: 10px;
        width: 100%;
        }

/* 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: #474747;
        }

table.yeartable td.yearday {
        background-color: #474747;
        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  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
   }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

#2 Fuschia Sun

/* Cleaned CSS: */

body {
        background-color: #000000;
        
        text-align: center;
        color: #8C8C8C;
        font-family: "Verdana", monospace;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #FF8400;
        text-decoration: none;
        }

a:hover {
        color: #F11195;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
	{  	
	width: 652px;
	margin-left: auto; 
	margin-right: auto;				
	background-color: #FFFFFF;		
        padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	border-left: #F11195 10px solid;
	border-right:10px solid #FF8400;
        }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #FFFFFF;
        color: #8C8C8C;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #8C8C8C;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
       width: auto;
       padding-top: 3px;
       padding-bottom: 3px;
       line-height: 30px;
       background-color: #FFFFFF;
       font-family: "Verdana", sans-serif;
       font-size: 14px;
       font-weight: normal;
       color: #999999;
       text-align: center;
       letter-spacing: 1px;
       border-width: 0px;
       }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        letter-spacing: 1px;
        background-color: #FFFFFF;
        color: #F11195;
        border-color: #FFFFFF;
        border-width: 1px;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */	
div#header a, div#header a:link, div#header a:visited, div#header a:active {
        padding: 3px;
        font-size: 14px;
        font-weight: normal;
        color: #8C8C8C;
        text-align: center;
        letter-spacing: 2px;
        }

div#header a:hover, div#footer a:hover {
        color: #F11195;
        text-decoration: none;
    }

ul.navheader
        {
        padding: 0px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title	{
	visibility: hidden;
	height:0px}

.subtitle{
        visibility: hidden;
	height:0px}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #FF8400;
    }

div#sidebar a:hover {
        color: #F11195;
        text-decoration: none;
    }

.defaultuserpic {
        text-align: center;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #FFFFFF solid;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #FFFFFF;
        border-width: 1px;
        border-style: solid;
        background-color: #FFFFFF;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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;
        border-width: 1px;
        border-color: #FFFFFF;
        background-color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #FFFFFF;
        color: #8C8C8C;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #FFFFFF;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #FFFFFF;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 100%;
        top: 5px;
        color: #111111;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #111111;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #111111;
        }

.subject a:hover {
        color: #111111;
        }

.datesubject {
        background-color: #FFFFFF;
        padding: 5px;
        border-bottom: 1px;
        border-left: 0px;
        border-top: 0px;
        border-right:0px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #FFFFFF;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #FF8400;
    }

div.comments a:hover {
        color: #F11195;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #FFFFFF;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #FFFFFF;
        background-color: #FFFFFF;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #FFFFFF;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #111111;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #FFFFFF;
        color: #FF8400;
        }

textarea.textbox  {
          width: 95% !important;
           }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial", sans-serif;
        color: #FF8400;
        }

.commentbox {

border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #FFFFFF;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #111111;
        }

.datesubjectcomment a:hover {
        color: #111111;
        }

.commentboxpartial {
        border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #FFFFFF;
        }

.commentinfo {
        background-color: #FFFFFF;
        margin-top: 10px;
        width: 100%;
        }

/* 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: #FFFFFF;
        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  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
   }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

#3 Nature

/* Cleaned CSS: */

body {
        background-color: #332615;
        
        text-align: center;
        color: #B9B9B9;
        font-family: "Verdana", monospace;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #7BA644;
        text-decoration: none;
        }

a:hover {
        color: #9AC06A;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
	{  	
	width: 652px;
	margin-left: auto; 
	margin-right: auto;				
	background-color: #3E2A0F;		
        padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	border-left: #9AC06A 10px solid;
	border-right:10px solid #7BA644;
        }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #3E2A0F;
        color: #B9B9B9;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #3E2A0F;
        border-color: #3E2A0F;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #B9B9B9;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
       width: auto;
       padding-top: 3px;
       padding-bottom: 3px;
       line-height: 30px;
       background-color: #3E2A0F;
       font-family: "Verdana", sans-serif;
       font-size: 14px;
       font-weight: normal;
       color: #999999;
       text-align: center;
       letter-spacing: 1px;
       border-width: 0px;
       }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        letter-spacing: 1px;
        background-color: #3E2A0F;
        color: #9AC06A;
        border-color: #3E2A0F;
        border-width: 1px;
        z-index: 100;
        clear: both;
        }

div#header a:hover, div#footer a:hover {
        color: #9AC06A;
        text-decoration: none;
    }

ul.navheader
        {
        padding: 0px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title	{
	visibility: hidden;
	height:0px}

.subtitle{
        visibility: hidden;
	height:0px}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #7BA644;
    }

div#sidebar a:hover {
        color: #9AC06A;
        text-decoration: none;
    }

.defaultuserpic {
        text-align: center;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #3E2A0F solid;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #3E2A0F;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #3E2A0F;
        border-width: 1px;
        border-style: solid;
        background-color: #3E2A0F;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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;
        border-width: 1px;
        border-color: #3E2A0F;
        background-color: #3E2A0F;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #3E2A0F;
        color: #B9B9B9;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #3E2A0F;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #3E2A0F;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #3E2A0F;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 100%;
        top: 5px;
        color: #111111;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #111111;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #111111;
        }

.subject a:hover {
        color: #111111;
        }

.datesubject {
        background-color: #3E2A0F;
        padding: 5px;
        border-bottom: 1px;
        border-left: 0px;
        border-top: 0px;
        border-right:0px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #3E2A0F;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #7BA644;
    }

div.comments a:hover {
        color: #9AC06A;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #3E2A0F;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #3E2A0F;
        background-color: #3E2A0F;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #3E2A0F;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #111111;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #3E2A0F;
        color: #7BA644;
        }

textarea.textbox  {
          width: 95% !important;
           }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial", sans-serif;
        color: #7BA644;
        }

.commentbox {

border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #3E2A0F;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #111111;
        }

.datesubjectcomment a:hover {
        color: #111111;
        }

.commentboxpartial {
        border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #3E2A0F;
        }

.commentinfo {
        background-color: #3E2A0F;
        margin-top: 10px;
        width: 100%;
        }

/* 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: #3E2A0F;
        }

table.yeartable td.yearday {
        background-color: #3E2A0F;
        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  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
   }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

#4 Parrot

/* Cleaned CSS: */

body {
        background-color: #545454;
        
        text-align: center;
        color: #B9B9B9;
        font-family: "Verdana", monospace;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #F32A02;
        text-decoration: none;
        }

a:hover {
        color: #FDBD1A;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
	{  	
	width: 652px;
	margin-left: auto; 
	margin-right: auto;				
	background-color: #373737;		
        padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	border-left: #FDBD1A 10px solid;
	border-right:10px solid #F32A02;
        }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #373737;
        color: #B9B9B9;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #373737;
        border-color: #373737;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #B9B9B9;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
       width: auto;
       padding-top: 3px;
       padding-bottom: 3px;
       line-height: 30px;
       background-color: #373737;
       font-family: "Verdana", sans-serif;
       font-size: 14px;
       font-weight: normal;
       color: #999999;
       text-align: center;
       letter-spacing: 1px;
       border-width: 0px;
       }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        letter-spacing: 1px;
        background-color: #373737;
        color: #FDBD1A;
        border-color: #373737;
        border-width: 1px;
        z-index: 100;
        clear: both;
        }

div#header a:hover, div#footer a:hover {
        color: #FDBD1A;
        text-decoration: none;
    }

ul.navheader
        {
        padding: 0px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title	{
	visibility: hidden;
	height:0px}

.subtitle{
        visibility: hidden;
	height:0px}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #F32A02;
    }

div#sidebar a:hover {
        color: #FDBD1A;
        text-decoration: none;
    }

.defaultuserpic {
        text-align: center;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #373737 solid;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #373737;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #373737;
        border-width: 1px;
        border-style: solid;
        background-color: #373737;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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;
        border-width: 1px;
        border-color: #373737;
        background-color: #373737;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #373737;
        color: #B9B9B9;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #373737;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 5px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #373737;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #373737;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 100%;
        top: 5px;
        color: #111111;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #111111;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #111111;
        }

.subject a:hover {
        color: #111111;
        }

.datesubject {
        background-color: #373737;
        padding: 5px;
        border-bottom: 1px;
        border-left: 0px;
        border-top: 0px;
        border-right:0px;
        border-color: #E0E0E0;
        border-style: dashed;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #373737;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #F32A02;
    }

div.comments a:hover {
        color: #FDBD1A;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #373737;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #373737;
        background-color: #373737;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #373737;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #111111;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #373737;
        color: #F32A02;
        }

textarea.textbox  {
          width: 95% !important;
           }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial", sans-serif;
        color: #F32A02;
        }

.commentbox {

border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #373737;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #111111;
        }

.datesubjectcomment a:hover {
        color: #111111;
        }

.commentboxpartial {
        border-color: #111111;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #373737;
        }

.commentinfo {
        background-color: #373737;
        margin-top: 10px;
        width: 100%;
        }

/* 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: #373737;
        }

table.yeartable td.yearday {
        background-color: #373737;
        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  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
   }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

Tags: miscellaneous: layouts made by me

Current Music: another day - rent

36 comments | Leave a comment

( 36 comments — Post a new comment )

_euphory on February 11th, 2007 07:15 am (UTC)

Oh, I love the 'Parrot' one, love orange/yellow lines. (: Saved.

(Reply) (Thread) (Link)

pureskies on February 11th, 2007 07:16 am (UTC)

thanks!!! :D Awesome

(Reply) (Parent) (Thread) (Link)

sweet_smile21 on February 11th, 2007 08:25 am (UTC)

Weee, very pretty! :)

(Reply) (Thread) (Link)

pureskies on February 11th, 2007 10:19 am (UTC)

thanks so much!

(Reply) (Parent) (Thread) (Link)

bella_anitragrl on February 11th, 2007 04:25 pm (UTC)

I have a question.
If we want to use one of the layouts, could we add a header if we wanted to?

(Reply) (Thread) (Link)

pureskies on February 11th, 2007 09:10 pm (UTC)

absolutely!!
Just make sure that it is 700px wide and you are good to paste the url into the header section!

(Reply) (Parent) (Thread) (Link)

bella_anitragrl on February 11th, 2007 09:29 pm (UTC)

okay. I may take one.
OH. one more question. What style is it?

(Reply) (Parent) (Thread) (Link)

pureskies on February 12th, 2007 06:22 am (UTC)

It's Flexible Squares

(Reply) (Parent) (Thread) (Link)

hsapiens on February 11th, 2007 06:59 pm (UTC)

I like the crisp and colorful layouts. :) You'll want to clean-up this code, though, as it has a bunch of extraneous line breaks in it that keeps the overrides from working.

I have a play journal where I try out ideas and it wouldn't work there until I'd removed all of the "
" codes. However,

isapiens is now happily sporting the charcoal/aqua style and I've credited you on the profile page. Thank you!

(Reply) (Thread) (Link)

pureskies on February 11th, 2007 09:17 pm (UTC)

thanks so much! OH NO!! GAH I fixed the old one! I didn't know it did it to these as well!! I am sorry!

oh yay! I am so glad you used it!

I will fix up the codes right now!

Thankyou!

(Reply) (Parent) (Thread) (Link)

hsapiens on February 12th, 2007 12:35 pm (UTC)

No reason to apologize. :) I felt silly it took me as long as it did to figure out there was some HTML in the CSS (is that a computer version of, "you got chocolate in my peanut butter?") and that once I removed it, it made a pretty, pretty LJ.

I like your sense of color. All the layouts are attractive and the type is readable. I think they're lovely. Thank you!

(Reply) (Parent) (Thread) (Link)

unique_kiwi on February 11th, 2007 09:12 pm (UTC)

Oooooh the charcoal/aqua one is gorgeous!!!! Saving it!!! :)

(Reply) (Thread) (Link)

pureskies on February 11th, 2007 09:23 pm (UTC)

thanks so much! I just fixed up the codes coz they were not working, so if you wanted to save the new ones?

Thank you so much!

(Reply) (Parent) (Thread) (Link)

jazzyjackrabbit on February 13th, 2007 03:50 pm (UTC)

I'm totally behind on this... These are so gorgeous. I really like the parrot one, it has pretty colors. I'm going to try this, wish me luck!

(And I'll credit you, of course ;)

(Reply) (Thread) (Link)

pureskies on February 14th, 2007 06:50 am (UTC)

:D that's okay! Oh thankyou so much! I am so glad you like it! Good luck!!

Thanks!

(Reply) (Parent) (Thread) (Link)

skinny_loove on February 15th, 2007 11:30 am (UTC)

these are great! im gonna use the white one for my community..will credit :)

(Reply) (Thread) (Link)

pureskies on February 16th, 2007 06:13 am (UTC)

thanks so much! Oh cool! I am so glad you're going to use it!

(Reply) (Parent) (Thread) (Link)

skinny_loove on February 15th, 2007 12:31 pm (UTC)

where can i put a header
?

(Reply) (Thread) (Link)

pureskies on February 16th, 2007 06:16 am (UTC)

In this part of the codes:

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('');
background-repeat: no-repeat;
}

paste the url of your header in between these: '' and the height and width of the header width: 0px; height: 0px; there
so it will be like this:

example:

.headerimage {
position: relative;
width: 700px; height: 250px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('www.photobucket.com/yourheaderurl');
background-repeat: no-repeat;
}

(Reply) (Parent) (Thread) (Link)

y2jzprincess on March 11th, 2007 03:12 pm (UTC)

Using Fuschia Sun! [You're credited in my info. =) ]
It looks great, except for a few header/pixel adjustments that are probably my own fault...

(Reply) (Thread) (Link)

y2jzprincess on March 11th, 2007 04:09 pm (UTC)

Changed it to another just until I can get the header looking right. =/

(Reply) (Parent) (Thread) (Link)

pureskies on March 16th, 2007 06:32 am (UTC)

oh ok! is there anything i can help you with?

(Reply) (Parent) (Thread) (Link)

pureskies on March 16th, 2007 06:31 am (UTC)

awesome!! :D :D
GREAT!

(Reply) (Parent) (Thread) (Link)

withoutxfear on March 14th, 2007 03:23 am (UTC)

Hello! Great layouts. I think I'm going to use 'Parrot'. Will credit. Thanks!!

(Reply) (Thread) (Link)

pureskies on March 16th, 2007 07:29 am (UTC)

thanks so much! AWESOME!

(Reply) (Parent) (Thread) (Link)

project_lyse on March 17th, 2007 04:20 pm (UTC)

I don't. Believe. I am just finding this post now. And I just got home from fighting through the red tape of trying to acquire a passport, so you can imagine how happy this makes me! (er, that is, if you've EVER tried to get a passport. I don't know if you've had the pleasure.)

Anyway, at the risk of sounding like a broken record, this is just super. The colors are all so charming, and I do think that I'll be trying one of these out- with credit, naturally!

Thank you so much!!

(Reply) (Thread) (Link)

pureskies on March 18th, 2007 03:14 am (UTC)

:D :D oh no! Personally, I haven't but my friend has and she told me just how fun it was lol :P

Thanks so much! I am just so glad that you like them!! :D YAY!

my pleasure!

(Reply) (Parent) (Thread) (Link)

floree17 on April 18th, 2007 12:08 pm (UTC)

My god!!!
These are GREAT!
I thinkk I'm gonna use it.
Ohh... i love it sooo muccccccch

(Reply) (Thread) (Link)

pureskies on April 19th, 2007 08:15 am (UTC)

thanks so much!!!
AWESOME!!!

EEEEE YAAAY!!! ♥

(Reply) (Parent) (Thread) (Link)

doc_oreli on April 18th, 2007 02:26 pm (UTC)

Hello, I'm a newby in LJ, and I would like to use the #1 Charcoal/Aqua layout but it isn't work, I dn't know how to do this, the two lines arn't there!!! I put the code on custom CSS....and that's what I have!!
Can you help me please???

(Reply) (Thread) (Link)

pureskies on April 19th, 2007 08:18 am (UTC)

Do you mean you want to get rid of the lighter lines around the text on your lj?

(Reply) (Parent) (Thread) (Link)

doc_oreli on April 19th, 2007 08:31 am (UTC)

I'm sorry it's ok, I understand that was because I didn't choose the right models of layout!!
Thanks a lot

(Reply) (Parent) (Thread) (Link)

pureskies on April 19th, 2007 08:33 am (UTC)

Oh I am really really glad that you worked it out!!!

(Reply) (Parent) (Thread) (Link)