01 Grey-ish Daisy
> Sidebar.
> Flexible Squares, S2.
> Tested in IE7. Dunno about other browsers.
/* Grey-ish Daisy. CREATED BY ALICEWONDERWHY. Flexible squares, S2. Please upload images to your own server. */ body { background-color: #707070; text-align: center; color: #000000; font-family: "Verdana", sans-serif; font-size: 11px; margin: 0px 0 0px 0; } a, a:link, a:visited { color: #7b9a33; text-decoration: italic; } a:hover { color: #7b9a33; text-decoration: italic; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } #content{ width: 650px; margin-left: auto; margin-right: auto; background-color: #e8e8e8; padding: 0px position: relative; top: 0px; text-align: justify; } #maincontent { margin-top: 0px; font-family: "Verdana", sans-serif; font-size: 10px; color: #000000; margin-left: 180px; text-align: center; } #sidebar { padding-top: 10px; margin-top: 0px; font-size: 11px; font-family: "Verdana", sans-serif; color: #000000; width: 160px; float: left; text-align: left; } #header { padding: 10px 0px 20px 0px; text-align: center; font-family: "Verdana", sans-serif; font-size: 8px; letter-spacing: 2px; color: #000000; text-transform: lowercase; text-decoration: none } #footer { text-align: center; font-family: "Verdana", sans-serif; font-size: 8px; letter-spacing: 1px; z-index: 100; clear: both; text-transform: lowercase; text-decoration: none } /* 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: #7b9a33; text-decoration: none; } div#header a:hover, div#footer a:hover { color: #7b9a33; text-decoration: none; } ul.navheader{ padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; border-left: 1px #e8e8e8 solid; border-right: 1px #e8e8e8 solid; } .title { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; line-height: 200%; top: 10px; display:none; } .subtitle{ font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; top: 10px; display:none; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #7b9a33; text-decoration: italic } div#sidebar a:hover { color: #ecd6b2; text-decoration: italic; } .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 { text-align: center; font-family: "Verdana", sans-serif; font-size: 8px; } .sbarcalendarposts { border-color: #7b9a33; text-align: center; font-family: "Verdana", sans-serif; font-size: 8px; } ul.sbarlist{ padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem, .tagcloud{ padding-left: 0px; padding-right: 0px; list-style: none; } li.sbartitle{ list-style: none; border-bottom: 1px #000000 dotted; background-color: #F1F1F1; text-align: center; margin-bottom: 10px; margin-top: 10px; } /* maincontent */ .subcontent {} .entry { margin: 0 0 0 1px; padding: 10px; color: #000000; font-family: "Verdana", sans-serif; font-size: 10px; text-align: justify; } .entry ul li{ padding-left: 5px; margin-left: 15px; } .entry ol li{ padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: right; background-color:transparent !important; padding: 5px; margin: 5px; z-index: 15; } .userpicfriends { position: relative; float: right; padding: 5px; margin: 5px; text-align: center; background-color:transparent !important; font-size: 8px; z-index: 15; } .date { line-height: 100%; top: 5px; color: #000000; font-family: "Verdana", sans-serif; font-size: 8px; padding-right: 5px; font-style: italic; } .subject { font-weight: bold; padding: 0px 10px 1px 10px; color: #546333; font-family: "Verdana", sans-serif; font-size: 12px; margin: 2px; } .subject a, .subject a:link, .subject a:visited { color: #7b9a33; } .subject a:hover { color: #7b9a33; } .datesubject { background-color: transparent; padding: 5px; text-align: left; } .currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif; font-size: 10px; color: #727272; } .currents strong{ font-weight:normal; } .comments { font-family: "Verdana", sans-serif; font-size: 11px; text-align: centert; padding: 0px 5px 0px 5px; position: relative; top: 15px; text-decoration: none } div.comments a, div.comments a:link, div.comments a:visited{ color: #7b9a33; text-decoration: italic; } div.comments a:hover { color: #7b9a33; text-decoration: italic; } /* maincontent -- entry, reply pages */ .datesubjectcomment { padding: 5px; margin-top: 20px; border-bottom: 1px dotted #000000; } .userpiccomment { position: relative; background-color:transparent !important; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: right; } .box { padding: 10px; clear: left; margin-top: 15px; text-align: left; } input, textarea { background-color: #F1F1F1; color: #000000; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; color: #000000; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #000000; } .commentbox { padding: 5px; margin: 10px; text-align: left; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #7b9a33; text-decoartion: italic; } .datesubjectcomment a:hover { color: #7b9a33; text-decoration: italic; } .commentboxpartial { border-color: #ffffff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .commentinfo { 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: #000000; } table.yeartable td.yearday { background-color: #f1f1f1; text-align: center; color: #000000; } 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: 650px; height: 301px; margin-left: auto; margin-right: auto; background-image: url('http://img511.imageshack.us/img511/3272/logoimage1en7.jpg'); bakcground-position: centert; background-repeat: no-repeat } .separator{ /* for formatting separators between entries */ height: 35px; }
> Upload the header pictures to your own server.
> Crediting would be wonderful.
>Do not steal. You may edit if you know to, but don't say it yours.