minty_peach: Daylily Dreams 80

Jenny (

minty_peach) wrote,
@ 2008-05-13 00:13:00

Current mood:	tired
Entry tags:	custom: layouts, custom: layouts with topbars

Daylily Dreams 80

» topbar vers.
» Flexible Squares, S2
» Free, Paid, maybe Plus
» uploading for newbs.

/*--------------------- MADE BY: minty_peach LAYOUT ID: Daylily Dreams #80 DO NOT STEAL. Fer seriously. -----------------------*/ /*--- HEADER IMAGE ---*/ .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 780px; height: 320px; background-image: url('http://i25.tinypic.com/15i4tc8.png'); background-repeat: no-repeat; } .separator { height: 10px; background-color: #666666; } /*--- MAIN PAGE CONTENT ---*/ BODY { margin: 0px 0px 100px 0px; background-color: #666666; font-family: "Verdana", sans-serif; text-align: left; font-size: 10px; color: #777777; background-image: url('http://i25.tinypic.com/2iksgsh.png'); background-repeat: repeat; } b, i, s, u { color: #FF8B52; } code, kbd, pre, tt { font-family: tahoma; } a, a:link, a:visited { color: #6BBCDE; text-transform: uppercase; text-decoration: none; } a:hover { color: #555555; } blockquote { margin: 7px; padding: 7px; color: #777777; background-color: #f5f5f5; font-size: 10px; border: 1px solid #cccccc; text-align: justify; line-height: 16px; } blockquote:hover { border-color: #FF8B52; } #content { width: 780px; margin-left: auto; margin-right: auto; background-color: #ffffff; } #maincontent { margin: 0px 0px 0px 0px; } /*---------------- SIDEBAR -----------------*/ #sidebar { width: 740px; float: center; color: #888888; padding: 20px; background-color: #FFFFFF; text-align: justify; border-bottom: 10px solid #666666; } .defaultuserpic { text-align: center; } .sbarheader, .sbarbody { padding: 0px; } sbarbody2 { padding: 0px; } table.calendar { padding: 20px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { display: none; } .sbarcalendarposts { display: none; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; padding: 2px 0px 2px 0px; border-bottom: 1px solid #dddddd; } li.sbaritem:hover { background-color: #e7e7e7; border-bottom: 1px solid #cccccc; } li.sbartitle { display: none; } ul.ljtaglist li{ padding: 2px 0px 2px 0px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/ img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; } /*--- HEADER & FOOTER LINKS - DOES NOT CONTROL HEADER IMAGE ---*/ #header { width: auto; text-align: center; font-size: 9pt; color: #FFFFFF; text-transform: uppercase; background-color: #ffffff; border-bottom: 10px solid #666666; padding: 15px; } #footer { width: auto; text-align: center; font-size: 9pt; color: #FFFFFF; text-transform: uppercase; background-color: #ffffff; padding: 15px; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; text-transform: uppercase; font-size: 10pt; } div#header a:hover, div#footer a:hover { color: #888888; } ul.navheader, ul.navfooter { padding: 0px; margin: 0px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 2px; margin: 2px; } div#header li.view, div#footer li.viewing { color: #888888; } .clearfoot { display: none; } /*--- title & subtitle ---*/ .title { display: none; } .subtitle { display: none; } /*--- TAGS PAGE LAYOUT ---*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { background-color: #FFFFFF; margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /*--- ENTRY, SUB CONTENT ---*/ .subcontent { padding: 20px; background-color: #FFFFFF; } .entry { padding: 10px 10px 10px 130px; background-color: #FFFFFF; color: #777777; font-size: 10px; line-height: 14px; text-align: justify; } .entry ul li { padding: 0px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /*--- USERPICS, DATE, SUBJECT ---*/ .userpic { position: relative; float: left; padding: 10px; margin: 0px 15px 15px 0px; z-index: 15; background-color: #FFFFFF; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('http://i28.tinypic.com/aequf9.png'); background-repeat: repeat-x; background-position: center; } .userpicfriends { position: relative; float: left; padding: 10px; margin: 0px 15px 15px 0px; text-align: left; font-size: 7pt; z-index: 15; background-color: #ffffff !important; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('http://i28.tinypic.com/aequf9.png'); background-repeat: repeat-x; background-position: center; } .userpicfriends font { color: #80BA04 !important; text-transform: upperase; } .userpicfriends br { display: block; height: 0; } .date { text-align: right; font-weight: normal; font-size: 8pt; color: #aaaaaa; padding-right: 15px; text-transform: uppercase; float: right; } .subject { text-align: right; color: #FF8B52; font-size: 8pt; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { color: #aaaaaa; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding: 3px; border-bottom: 1px solid #cccccc; } .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 1pt; color: #ffffff; } .currentlocation { padding-left: 15px; font-size: 10px; color: #aaaaaa; background: url('http://i30.tinypic.com/2rnby8p.png') 0px 0px no-repeat; } .currentmood { padding-left: 15px; font-size: 10px; color: #aaaaaa; background: url('http://i27.tinypic.com/25tg2uf.png') 0px 0px no-repeat; } .currentmusic { padding-left: 15px; font-size: 10px; color: #aaaaaa; background: url('http://i26.tinypic.com/5aq6px.png') 0px 0px no-repeat; } .ljtags { margin-top: 15px; padding-left: 12px; text-transform: lowercase; font-size: 1pt; color: #FFFFFF; background: url('http://i32.tinypic.com/11qmidt.png') 0px 0px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #FF8B52; padding-left: 9px; font-size: 10px; text-transform: lowercase; } .comments { text-align: right; color: #888888; font-size: 10px; padding: 5px; position: relative; top: 10px; } /*--- ARCHIVE PAGE ---*/ ul.year{ text-align: center; padding: 2px 2px 2px 2px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #DD6624; padding: 2px; text-align: center; text-transform: uppercase; color: #FFFFFF; } td.yearmonth { color: #aaaaaa; border-style: none; } /*--- COMMENT PAGES ---*/ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding: 10px; color: #999999; } .datesubjectcomment { background-color: #FDFDFD; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 10px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('http://i28.tinypic.com/aequf9.png'); background-repeat: repeat-x; background-position: center; } .box { width: auto; clear: left; padding: 25px; } input, textarea { background-color: #BAD8DD; color: #444444; } textarea.textbox{ border: 0px solid #fff; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #EB8A00; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; font-size: 10px; color: #777777; } .commentbox { padding: 15px 0px 15px 0px; border-bottom: 1px solid #cccccc; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #555555; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

The following code for the side by side paragraph look:

1. The sidebar has been converted into a topbar. If you want to use this code, add your text and paste it in the BLURB section on your SIDEBAR page.

<table width="100%" bgcolor="#FFFFFF" cellspacing="0" cellpadding="10"><tr><td bgcolor="#FFFFFF" width="50%" valign="top"><div text align="justify">WORDS WORDS WORDS. <td bgcolor="#FFFFFF" width="50%" valign="top"><div text align="justify">WORDS WORDS WORDS. </div></div></td></td></tr></table>

2. Day-Lilies photoshop brush (header image) by crazykira-resources!
3. Tiny bullet icons are from famfamfam.
4. Images have been uploaded to tinypic.com.

---> Crediting is a lovely idea.
---> Please direct all questions to the f.a.q. page
---> I DO NOT SUGGEST EDITING but you can if you know how to.
---> feel free to Friend Me to receive icon and layout updates on your friends page.

Page 1 of 11
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]	>>

(Post a new comment)

	ricordi 2008-05-13 04:37 am UTC (link)
	oh wow this is beautifulll~ TY! (Reply to this)

	watermist 2008-05-13 04:44 am UTC (link)
	This is so gorgeous! ♥ I'll be using this in the near future! (Reply to this)

	cherryreefer 2008-05-13 04:48 am UTC (link)
	This is amazing!!! Saving to mems for later use! Thanks! (Reply to this)

	itsjustsomegirl 2008-05-13 04:53 am UTC (link)
	This is so gorgeous! I love it!! (Reply to this)

	madelynnm 2008-05-13 05:01 am UTC (link)
	beautiful, thanks for another amazing layout! (Reply to this)

	baiemauvaise 2008-05-13 05:09 am UTC (link)
	Gorgeous! Taking immediately...with credit, naturally. (Reply to this)

	sanskirt 2008-05-13 05:18 am UTC (link)
	Very cute~ Definitely snagging. (Reply to this)

	nightxparade 2008-05-13 05:26 am UTC (link)
	Beautiful! :D (Reply to this)

	sweetwaterpink 2008-05-13 06:04 am UTC (link)
	Beautiful! I love the colors used. Adding to mem for later use. Thanks. (Reply to this)

	cold_campbells 2008-05-13 06:06 am UTC (link)
	This is awesome. (Reply to this)

	impure_red 2008-05-13 06:12 am UTC (link)
	I know you said shortly, but I didn't expect it to be so quick. Thank you very much. :D (Reply to this) (Thread)

	minty_peach 2008-05-13 04:06 pm UTC (link)
	yeah, i've been planning to release it since i made it, but i've been offline for a while. (Reply to this) (Parent)

	kokified 2008-05-13 06:35 am UTC (link)
	Wow, this is gorgeous :D I love the color scheme and how everything set up I might use this in the future :] Thanks for sharing (Reply to this)

	cribhisui 2008-05-13 06:45 am UTC (link)
	Yay! Been waiting for this. Thank you for sharing. =D (Reply to this)

	sorayja 2008-05-13 08:22 am UTC (link)
	beautiful. thank you (Reply to this)

	all_feeling 2008-05-13 08:46 am UTC (link)
	OMG so classy! I love it, I have to mem this and I'll definately use it. (Reply to this)

	lasamy 2008-05-13 08:55 am UTC (link)
	AWESOME! I'll use it for my graphix journal. thank you! (Reply to this)

	envyious 2008-05-13 10:23 am UTC (link)
	this is gorgeous! put into my memories for future use =3 (Reply to this) (Thread)

	loisxxlane 2008-05-13 01:41 pm UTC (link)
	Just wanted to say I ♥ your icon to this comment. :) (Reply to this) (Parent)

	oneeyedoctopus 2008-05-13 10:28 am UTC (link)
	so pretty! :3 will mem for future use ;) (Reply to this)

	night_sky_dream 2008-05-13 10:56 am UTC (link)
	Very nice! :D (Reply to this)

	jenaimequetoi 2008-05-13 12:09 pm UTC (link)
	this is so beautiful! adding to mems! ♥ (Reply to this)

	polarbear_girl 2008-05-13 12:24 pm UTC (link)
	lovely. saving to mems (Reply to this)

geblitzt
2008-05-13 01:34 pm UTC (link)

Oh, absolutely beautiful. Wonderful, wonderful layout. The colours and the background all fit in so well and the header is just gorgeous. I'll most likely snag this for

gracedrop ♥♥♥

Small inquiry though; I probably asked this before but is there a way to remove the top-bar in the layout? I'd be very thankful for advice :D

Edited at 2008-05-13 01:44 pm UTC

(Reply to this) (Thread)

	minty_peach 2008-05-13 03:41 pm UTC (link)
	Thank you very much! :D Yes, to remove the topbar, you need to find #sidebar and add display: none; under the section. :] (Reply to this) (Parent)(Thread)