[layouts] strawberry choco

Apr 09, 2008 07:44

Layout Style: S2, Clean and Simple
Account types: Free




click on the thumbnail for a bigger screen shot.



Theme
Clean and Simple

Custom CSS

select-all (CTRL+A), copy (CTRL+C), then paste (CTRL+V)

body {
background-color: #cbc3ad;
font-family: "lucida grande", "lucida sans unicode", "lucida sans", helvetica, sans-serif;
font-size: 12px;
color: #ae5a74;
margin: 0;

}
.currents strong {color: #eee9db;}
.currentmood {color: #8c7c81;}
b, strong {color: #903450;}
i, em {color: #7c7562;}

a:link {
color: #55909f;
background: transparent;
}
a:visited {
color: #55909f;
background: transparent;
}
a:active {
color: #55909f;
background: transparent;
}
a:hover {
color: #908a79;
}
img {
vertical-align: absmiddle;
}
table {

width: 100%;

}

#entries table {
background: #d2cbb8;
border: 1px solid #b7b09b;
width: 100%;
padding: 10px;
}

#entries table tr {
margin: 20px;
background: #d2cbb8;
padding: 10px;
}

#entries table tr td {
background: none;
}

#entries table tr td a {
color: #fff;
font-size: 18px;
}

#entries table tr td font b {color: #cb3865;}

pre {
text-align: left;
}
#topbar {
background: #cb3865 none;
color: #fff;
width: 100%;

}
#topbar h1 {
margin-top: 15px;
margin-bottom: 0;
text-align: center;
font-size: 16px;
font-family: "courier new", serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 3px;
}
#topbar h2 {
margin-top: 0;
margin-bottom: 5px;
text-align: center;
font-size: 10px;
font-family: "courier new", serif;
text-transform: uppercase;
letter-spacing: 5px;
color: #cbc3ad;
}
#navbar {
background: none;
color: #9a917a;
width: 25%;
}
#navbar ul {
list-style: none;
margin: 10px;
}
#navbar ul li {
margin: 0;
}
#navbar ul li.active {
font-weight: bold;
}
#navbar a:link, #navbar a:active, #navbar a:visited {
background: none;
color: #e4ddcb;
text-decoration: none;
font-size: 22px;
font-family: arial, helvetica, sans-serif;
}
#navbar a:hover {
text-decoration: none;
color: #64909b;
}
#userlinklist ul {
margin-top: 0;
margin-bottom: 0;
}
#mainstuff {
width: 75%;
background: none;
font-family: "lucida grande", "lucida sans unicode", "lucida sans", helvetica, sans-serif;
font-size: 12px;
color: #ae5a74;
padding-right: 30px;
}
#userpic {
text-align: center;
padding: 10px;
border: 1px solid #bbb6a7;
background: #d5cebc none;
width: 110px;
margin-left: auto;
margin-right: auto;
}
#userpic img {
border: 1px solid #bbb6a7;
background: #d5cebc none;
padding: 3px;
color: #fff;
margin: 10px;
}
#entries {
margin: 10px;
}
#range {
margin-bottom: 0.5em;
color: #a9a18c;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
.day {
border: 0;
clear: both;
}
.day h3 {
border: 0;
padding: 2px;
margin: 0;
font-size: 14px;
font-family: arial, helvetica, serif;
text-transform: uppercase;
text-align: right;
color: #5394b6;
letter-spacing: 1px;
}

address {
text-align: center;
font-style: normal;
font-size: 0.95em;
}

/* entries */
.entrytext {
padding: 2px;
text-align: justify;
}
.entry {
clear: both;
border: 1px solid #b7b09b;
margin: 20px;
background: #d2cbb8;
padding: 10px;
}
.entrytext p, .entrytext ul, .entrytext ol, .entrytext table {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.entryheading {
font-weight: normal;
}
.timestamp, .altposter {
font-weight: normal;
color: #a9a18c;
background: none;
display: block;
font-size: 10px;
font-family: "courier new", serif;
text-transform: uppercase;
}
.subject {
font-weight: normal;
color: #fff;
background: none;
font-family: arial, helvetica, sans-serif;
font-size: 20px;
}
.altposter a {
color: #000000;
background: none;
text-decoration: underline;
}
.altposter img {
border: 1px solid #bbb6a7;
background: #d5cebc none;
color: #000000;
margin: 10px;
padding: 3px;
}
.talklinks {
font-size: 11px;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: right;
margin-bottom: 2px;
padding-top: 4px;
clear: right;
border-top: 1px solid #cbc3ad;
}
.talklinks a {color: #f1ecdf; text-decoration: none;}
.talklinks a:hover {color: #b82653;}
.frienduserpic {
border: 2px solid #ff7b05;
background: #ff7b05 none;
color: #ffeddd;
}

Account Types
Free
(not tested in Plus)

Page Setup
2 Column (sidebar on left)

Use layout's stylesheet(s)
No

Screen Resolutions
800x600 and larger

Tested in Browsers
Firefox, Opera, Safari

*The header does not work properly in Internet Explorer 6

Credit
fanmedley or alpenglowe if ever you decide to use the layout. You could put something like "Layout by..." in your userinfo page or Link List: layout by fanmedley

theme: minimalist, !layouts-clean and simple, !layouts-s2

Previous post Next post
Up