[layout] apple green

May 27, 2008 13:07

Layout Style: S2, Bloggish
Account types: Free, Paid, Plus




click on the thumbnail for a bigger screen shot.



Theme
Digital Multiplex (OSWD) Classic

Custom CSS

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

/* css code edited by alpenglowe */
body {
background-color: #fff;
font-size: 12px;
font-family: Verdana, Helvetica, serif;
font-size: 100%;
}
h1 {
font-size: 2.0em;
font-family: 'trebuchet ms', helvetica, serif;
color: #39aca2;
}
b, strong {color: #d55212;}
p, td, blockquote {
font-size: 1.0em;
}
pre, code, kbd, tt {
font-family: monospace;
}
a, a b, b a, a strong, strong a {
color: #ff9b24;
text-decoration: none;
}
a:active {
color: #ff9b24;
text-decoration: none;
}
a:hover {
color: #39aca2;
text-decoration: underline;
}

/* Title */
#top_title {
width: 65%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border: 7px solid #8fd545;
color: #fff;
}
#top_title h1 {color: #fff;}
#journal_title {
background-color: #b8d75a;
color: #fff;
text-align: center;
}
#speck {
background-color: #b8d75a;
height: 100%;
width: 21px;
}
.short_entry {
font-size: 11px;
text-align: justify;
border: 1px solid #efefef;
padding: 13px;
background: #f4f4f4;
margin-bottom: 10px;
}

table.shortentry tr th a:link {color: #5abab2;}

.short_entry_meta {
color: #787878;
}
.full_entry {
background-color: #fff;
padding: 10px;
width: 100%;
border: 1px solid #dbdbdb;
}
.full_entry_userpic {
font-size: .8em;
background: #b8d75a;
padding: 3px;
}
.heading_bar {
background-color: #fff;
color: #c0c0c0;
margin-top: .2em;
padding: 5px;
width: 100%;
font-family: 'trebuchet ms', helvetica, serif;
text-transform: uppercase;
font-size: 11px;
}
span.subject {
text-transform: uppercase;
font-size: 18px;
color: #39aca2;
}
.heading_bar a {
color: #39aca2;
}
.heading_bar a:active {
color: #39aca2;
}
.heading_bar a:hover {
color: #87c447;
}
.heading_bar a:visited {
color: #39aca2;
}
.quickreply { margin-top: 5px; }

/* Side bars */
#sidebar {
background: none;
width: 220px;
text-align: center;
}

.sidebar_box {
font-size: 0.8em;
width: 180px;
}
.sidebar_box_contents {
background-color: #efefef;
color: #7b7b7b;
padding: 5px;
}
.sidebar_box_header {
background-color: #b8d75a;
color: #fff;
text-align: left;
padding: 5px;
font-family: 'trebuchet ms', helvetica, serif;
text-transform: uppercase;
}
#sidebar_userpic {
text-align: center;
}
#sidebar_navigation {
text-align: left;
}
#sidebar_linklist {
text-align: left;
}
#sidebar_blurb {
text-align: justify;
}
#sidebar_summary {
text-align: left;
}
#subtitles {
border: 1px solid #c7c7c7;
width: 65%;
text-align: left;
}
#sidebar_title {
color: #ff9314;
text-align: center;
font-family: 'trebuchet ms', helvetica, serif;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
letter-spacing: 1px;
width: 215px;
visibility: hidden;
}
#main_title {
background-color: #fff;
color: #ff9314;
text-align: center;
font-family: 'trebuchet ms', helvetica, serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
font-size: 14px;
}
#main {
width: 65%;
}
#content {
background-color: #ffffff;
color: #5d5d5d;
text-align: left;
width: 90%;
font-size: 12px;
}
#top_of_page, #server_sig{
background-color: #fff;
color: #bebebe;
padding: 5px;
font-family: 'trebuchet ms', helvetica, sans-serif;
letter-spacing: 1px;
}
#top_of_page {
width: 215px;
font-size: 14px;
}
#top_of_page a, #server_sig a {color: #7a9e9e;}
#server_sig {
text-align: right;
width: 65%;
font-size: 11px;
}
#multiform_form {
padding: 3px;
}
.calendar_day {
width: 14%;
}
.calendar_day .day {
font-size: .9em;
}

div.ljtags {font-size: 11px; margin-top: 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #c7c7c7; margin-bottom: 10px; padding-bottom: 4px; padding-top: 4px;}
div.ljtags strong {color: #7cdcdb;}
div.ljtags a {color: #9bc5c5;}

Account Types
Free, Paid

Page Setup
2 Column (sidebar on right)

Use layout's stylesheet(s)
No

Screen Resolutions
800x600 and larger

Tested in Browsers
Firefox, Opera, Safari

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-digital multiplex, !layouts-s2

Previous post
Up