fruitstyle: Layout 017 : The Witch's Pumpkin

Malice the MAN (

wingweaver22) wrote in

fruitstyle,
@ 2008-07-13 11:19:00

Current music:	Hins Cheung - Hate That I Love You (feat. Rihanna)
Entry tags:	# layout

Layout 017 : The Witch's Pumpkin
*psssssssst... new profile + layout..! *

This should work for free users as well..

S2 Expressive. Firefox & Opera. Bugged in IE6.
Needs testing in IE 7.

Live Preview.

Installing

S2 Expressive		Select Unstyled
Custom CSS		Tick "NO" beside "Use layout's Base Weblog"! Paste these in the big "Custom Stylesheet" box. /* S2 EXPRESSIVE --- The Witch's Pumpkin --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. / body {color: #aaaaaa; font-family: verdana, sans-serif; font-size: 10px; background-color: #000000; margin: 0; padding: 0;} #home {background: url(http://img137.imageshack.us/img137/5356/76455319em1.png); background-repeat: x,y;} ul, li {margin: 0; padding: 0; list-style: none;} textarea, select, input{border: 1px solid #555555; background-color: #222222; color: #aaaaaa; font-family: verdana, sans-serif; font-size: 10px;} input:hover {background-color: #f3aa39; cursor: help; color: #000000; } h2 {color: #ffffff; font-family: georgia; text-transform: lowercase; letter-spacing: 3px; font-weight: lighter;} a, a:visited, a:active, a:link {color: #f3aa39; text-decoration: none;} a:hover {cursor: help; color: #dddddd;} / ---------------------------------------------------------------- PAGE / #container { margin: 0; padding: 0; } #page {} / ---------------------------------------------------------------- HEADER / #header {} #header-inner {} #header-content {} #header-text { background-color: #f3aa39; border-bottom: 3px solid #ffffff;} .nav {font-size: 13px; font-family: georgia; letter-spacing: 3px; text-transform: lowercase; text-align: center; padding: 20px 0 20px 0;} .nav a, .nav a:visited,.nav a:active,.nav a:link {color: #ffffff;} .nav a:hover{color: #000000;} .nav .item {margin-right: 30px; display: inline; } #header-name, #header-description{ display: none;} / ---------------------------------------------------------------- BODY / #content {width: 800px; margin: 0 auto;} .prevnext {text-align: right;} / ---------------------------------------------------------------- SIDEBAR / #beta {width: 188px; margin: 0px; padding: 0; float: right;} .widget-content {border: 1px solid #555555; padding: 10px; margin: 10px; background-color: #222222;} .widget-inner h3 {font-size: 13px; font-family: georgia; font-weight: lighter; color: #ffffff; padding: 0 10px 0 10px; text-transform: lowercase; letter-spacing: 2px; text-align: center;} #beta .item {margin: 0px 0 1px 0; font-size: 9px; background-color: #202020;} #beta .item a{ display: block; padding: 1px 4px 1px 2px; letter-spacing: 1px;} #beta .item a:hover {background-color: #555555; color: #ffffff;} .widget-inner table{font-size: 10px !important;} / ---------------------------------------------------------------- ENTIRES / .asset-body img {padding: 9px; border: 1px solid #555555;} .asset-body a img{border: 1px solid #f3aa39;} .asset-body a img:hover{border: 1px solid #dddddd;} #alpha { float: left; width: 610px;} #alpha-inner {margin: 0; padding: 0;} .asset-inner { padding-bottom: 20px; border-bottom: 1px solid #dddddd;} .user-icon {background-color: transparent !important; position: absolute; margin: -43px 0 0 -140px; } .user-icon img { border: 9px solid #f3aa39; padding: 1px; background-color: #ffffff;} .user-icon span, .user-icon .ljuser img{ background-color: transparent !important;} .user-icon a{ color: #ffffff !important; letter-spacing: 2px; font-weight: lighter;} .user-icon a:hover{ color: #f3aa39 !important;} .asset-header {font-family: arial; border-top: 1px solid #dddddd; margin: 3px 0 0 0; padding-top: 20px;} .asset-name {margin: 0; text-transform: lowercase; padding: 0 0 1px 0; margin-left: 130px; font-size: 12px; font-weight: lighter; font-family: georgia; letter-spacing: 3px; width: 100%;} .asset-name a, .asset-name a:visited, .asset-name a:link, .asset-name a:active{color: #ffffff;} .asset-name a:hover{ color: #999999; } .datetime{ font-size: 9px; text-transform: uppercase; color: #888888; letter-spacing: 1px; border-left: 13px solid #f3aa39; padding: 0 0 0 5px;} .asset-content{} .asset-body { width: 460px; border: 1px solid #555555; margin: 10px 0px 10px 130px; padding: 9px; background-color: #222222; } .asset-body a{font-family: georgia; font-weight: lighter; font-size: 11px;} / ---------------------------------------------------------------- METADATA / COMMENT (UL.LI) / .asset-inner .item {display: inline; } .lj-currents {text-align: left; padding-left: 130px; margin-bottom: 10px;} .entryMetadata-label {font-size: 12px; color: #ffffff; font-family: georgia; letter-spacing: 2px; margin-right: 5px;} .entryMetadata-content {font-size: 9px; text-transform: uppercase; color: #888888; letter-spacing: 1px; font-family: arial;} .asset-tags h4 {display: none;} .asset-tags {margin-bottom: 2px; margin-left: 130px;} ul.asset-meta-list {border-top: 1px solid #555555; margin-left: 130px; width: 480px;} .asset-meta-list a { font-size: 9px; text-transform: uppercase; font-family: arial; color: #888888; letter-spacing: 1px; margin: 0 5px 0 0;} .asset-meta-list a:hover {color: #dddddd; } / ---------------------------------------------------------------- FOOTER (?) / .stream-header {display: none;} .stream-footer {} / ---------------------------------------------------------------- COMMENTS / #comments {} .comments-nav {margin-left: 150px; text-align: center; margin: 10px; } .comments-inner {} .comments-inner h2 {display: none;} .comment-body {margin: 10px 0 10px 0; min-height: 38px;} .comment-meta {margin-left: 140px; border: 1px solid #555555; padding: 9px; margin-top: 10px; background-color: #222222;} .comment-meta .user-icon {margin: -10px 0 0 -140px;} .comment-meta .comment-date {border-top: 1px solid #555555; margin-top: 2px;} .commenter-name a{color: #ffffff; font-family: georgia; font-size: 12px; font-weight: lighter; letter-spacing: 2px; margin-left: 3px;} .commenter-name a:hover {color: #f3aa39;} #qrform {width: 470px; margin-left: 140px;} #qrform table {background-color: #222222; border: 1px solid #555555 !important; padding: 10px; margin: 10px 0 10px 0; } #qrform .textbox, #qrform select, #qrform input{border: 1px solid #555555; background-color: #222222; color: #aaaaaa; font-family: verdana, sans-serif; font-size: 10px;} #qrform input:hover {background-color: #f3aa39; cursor: help; color: #000000; } #qrform .ljuser a{color: #ffffff; font-family: georgia; font-weight: lighter; font-size: 12px; letter-spacing: 2px; } #qrform .ljuser a:hover {color: #f3aa39;} / ---------------------------------------------------------------- ARCHIVE / TAG / .year { margin-top: 10px; } .year li{display: inline;} .yeartable {width: 450px; } .yearmonth {border-bottom: 1px solid #555555; margin: 0; padding: 0;} .yearday {background-color: #555555; text-align: center; margin: 0; padding: 0 0 0 5px; font-family: georgia; color: #ffffff; font-size: 12px; letter-spacing: 2px;} .prevnext table{ margin-top: 30px; } / ---------------------------------------------------------------- THE REST / ::-moz-selection { background: #f3aa39; color: #ffffff; } ::selection { background: #f3aa39; color: #ffffff; } code::-moz-selection { background: #f3aa39; color: #ffffff; } code::selection{ background: #f3aa39; color: #ffffff; } div.ContextualPopup { margin: 10px 0 0 0px; font: normal 10px "verdana" !important;} div.ContextualPopup img {margin: 0 !important; padding: 0 !important;} div.ContextualPopup .Userpic { padding: 1px !important; background-color: #ffffff; border: 4px solid #f3aa39; margin: 0 -20px 0 0;} div.ContextualPopup div.Inner { background-color: transparent!important; color: #ffffff !important; padding: 0; width: 250px;text-align: right;} div.ContextualPopup .Content { background-color: #f3aa39; border: 1px solid #ffffff;} div.ContextualPopup .Relation {font-weight: normal !important; color: #ffffff;} div.ContextualPopup .Content .OnlineStatus {font-weight: normal;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #000000 !important;} #lj_controlstrip, #lj_controlstrip td {background-color: transparent; border: 0; } #lj_controlstrip { border-bottom: 1px solid #ffffff;} #lj_controlstrip input, #lj_controlstrip textarea, #lj_controlstrip select { border: 0; font-size: 10px; color: #f3aa39; background-color: #ffffff;} #lj_controlstrip select{ width: 90px; } / so that IE users will see a new image / html span.ljuser{ background-image: url(http://img291.imageshack.us/img291/4575/useryb4.png) !important; background-repeat: no-repeat; background-position: left middle; padding: 10px 8px 0px 0px !important; } * html span.ljuser img{ visibility: hidden; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://img291.imageshack.us/img291/4575/useryb4.png) !important; padding: 10px 8px 0 4px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://img247.imageshack.us/img247/7833/communityei5.png) !important; padding: 11px 8px 0 4px !important; } img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 0 10px 10px; background: url(http://img72.imageshack.us/img72/4144/lockedib8.png); } img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 0 10px 10px; background: url(http://img329.imageshack.us/img329/4985/privatevy7.png); }
Ads (if you have them)		Place the ads horizontal, vertical, or in between entries.
Other Stuff
Header		Replace URLHERE with the url of your header. Replace ### with the height of your header. Then add it to the rest of the coding... #header-content-inner {background-image: url(URLHERE); background-repeat: no-repeat; padding-top: ###px; background-position: center top; }
Thanks & Credit		Please credit fruitstyle in your profile/userinfo if you are using this! Many thanks for reading! Leave a comment if you have time. :D

For questions and help go on the FAQ. Thaaanks..! (:

Customize

(Post a new comment)

	rii_namuras 2008-07-13 04:48 pm UTC (link)
	Absolutely love this, am using it with credit. (Reply to this)

	advented 2008-07-13 05:13 pm UTC (link)
	SKLFJSLKGSJGEWGKLEGKLDGKS (Reply to this)

	advented 2008-07-13 05:13 pm UTC (link)
	♥ Edited at 2008-07-13 05:14 pm UTC (Reply to this)

	oh_sosweetly 2008-07-13 05:57 pm UTC (link)
	This is lovely! I will add to mems :D I love it. (Reply to this)

	ameru 2008-07-13 10:00 pm UTC (link)
	oh nice!!! i love this one!!! the layout is cute and compact! (Reply to this)

	___komorebi 2008-07-17 01:48 pm UTC (link)
	_ wah. this time's layout is nice! I love it. especially. i could view the japanese words much bigger. =D love it. use it now. X33 (Reply to this)

	chocolatecrack 2008-07-20 09:21 am UTC (link)
	So pretty! Love it. Will probably use. :D (Reply to this)(Thread)

	chocolatecrack 2008-07-20 10:02 am UTC (link)
	Decided to use it on my file sharing journal: sightedsounds. :D Credited of course. :D (Reply to this)(Parent)

	ai0no0ff 2008-07-26 07:16 am UTC (link)
	Whoa, I really like this. Using it right now and I gave credit. (Reply to this)

	paradrop 2008-07-28 10:06 am UTC (link)
	Love it! Will credit when used! (Reply to this)

	raethes 2008-08-15 12:37 am UTC (link)
	Even though bugged in IE6, it's still a really pretty layout _ (Reply to this)

	lady_hiwatari 2008-08-18 07:26 pm UTC (link)
	Awesome layout, using this, will credit! <3 (Reply to this)

	chanelamore 2008-09-07 01:48 pm UTC (link)
	Very nice, adding to memories! (Reply to this)

	conclusivelead 2008-09-07 07:34 pm UTC (link)
	amazing! am taking, and will credit. <3 (Reply to this)

	swirlylollipop 2008-09-11 10:31 am UTC (link)
	Thanks! It's very nice! i will use and properly credit! :) (Reply to this)

	spookymari 2008-09-24 06:42 am UTC (link)
	Using with credit. Thank you! (Reply to this)

	well done (Anonymous) 2008-09-26 04:40 pm UTC (link)
	favorited this one, brother (Reply to this)

	signatoria 2008-10-07 05:56 am UTC (link)
	I love it! Will credit, but where oh where so I put the header in? (Reply to this)

Username:		Create an Account Forgot your login? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Installing

S2 Expressive

Custom CSS

Ads

Other Stuff

Header

Thanks & Credit

Advertisement

About

Help

Get Involved

Legal

Store

LJ Labs