unequally: (36): lethargy

your ex-lover's dead. (

introject) wrote in

unequally,
@ 2009-07-04 13:39:00

Current mood:	anxious
Entry tags:	s2: minimalism, stylesheet

(36): lethargy

Live || Preview

STYLESHEET OVERVIEW

S2 STYLE

MINIMALISM ► LETHARGY

BROWSER

IE7 ➝ The fixed header will not work in IE7!

Mozilla Firefox, Safari, Opera (1024x768+)

ACCOUNT TYPES

Basic, Plus (in-between ads preferred), Paid

DISABLED

Title/subtitle

ADD-ONS

Tiny icons, custom comment pages

NAVIGATION STRIP

Not nav-strip friendly, I'm afraid. It does nasty things to the fixed header. :c

INSTALLATION INSTRUCTIONS

CODES

/* ------- MINIMALISM: LETHARGY ---------------------- made by unequally.livejournal.com *//* -------------------- BODY -------------------- */body { background:#fff; font: 0.55em "lucida sans unicode", "lucida grande", "arial" sans-serif;color:#000;line-height:1.5; padding:0;margin:0;}a, a:visited {color:#b99366;text-decoration:none;}	a:hover, a:visited:hover {color:#777;text-decoration:none;}textarea, input, select, #username.textbox {border:1px solid #aaa;background:#fafafa !important;font:9pt "cambria", "lucida sans unicode", sans-serif !important;padding:0 !important;color:#333 !important;}textarea, select, #username.textbox {min-width:128px;}table {border-collapse:collapse;border-spacing:0;}/* -------------------- PAGE -------------------- */#page {font-size: 1.3em; }.layout {margin: 0px auto; background: transparent;color: #3B393A;text-align: left;}/* ===== INSERT HEADER HERE!! ===== */.layout-inner {}.content {color:#333;}.header {display:inline; background: transparent url('http://tinyurl.com/mt583r') left repeat-x;height:100px;width:100%;padding-bottom:10px;position: fixed;z-index: 100;}.sidebar {width:23%;float:right;padding:10px; }.entry-content {padding:10px 0 15px 0;min-height:170px;}.entry a {color:#5f5446;}.entry a:hover {color:#777;}.content-inner {position:absolute;width:70%; padding:90px 0 0 50px;}div.entry-wrap disabledcomments {display:none;}/* ------------------ HEADER -------------------- */.header .userpic-in, .header .vcard, .userpic {display:none;}.header-in {text-align:center;padding:0;margin:0px auto 0 auto;height:130px;width:690px;}.header ul {padding:0;margin:0px;list-style-type:none;height:145px;float:left;}.header ul li.item {padding:0px 5px;text-align:center;display:inline-block;height:auto;float:left;}.header ul li.item a {font-size:0px;text-transform:uppercase;text-decoration:none;letter-spacing:1px;width:100px;height:80px;display:inline-block;line-height:0px;position:relative;top:0px;}@-moz-document url-prefix().header ul li.item a {top:0;}.header li.item-recent a {background:transparent url(http://tinyurl.com/l3h4kt) no-repeat scroll 0 0;}.header li.item-friends a {background:transparent url(http://tinyurl.com/klhxpb) no-repeat scroll 0 0;}.header li.item-archive a {background:transparent url(http://tinyurl.com/ny37n5) no-repeat scroll 0 0;}.header li.item-profile a {background:transparent url(http://tinyurl.com/mxnowp) no-repeat scroll 0 0;}.header li.item-addfriend, .header li.item-addfriend a {display:none !important;}.header li.item-rss a {background:transparent url(http://tinyurl.com/nm8mkv) no-repeat scroll 0 0;}.header ul li.item a {-moz-opacity:.7;}.header ul li.item a:hover {text-decoration: none; -moz-opacity:1;}ul.nav-sub {text-align:right;width:55px;padding:0;margin:0;}/* HEADER: EXTRAS */.header H1, .header H2, .header H3 {display:none;}/* ------------------ FOOTER -------------------- */ul.page-nav {list-style: none; font-size: 0pt;text-align: center;}.page-nav li {display: inline;}li.prev a{height: 0; width: 0; padding: 32px; background: url(http://tinyurl.com/mortae) no-repeat;}li.next a{height: 0px; width: 0px; padding: 32px; background: url(http://tinyurl.com/l44acb) no-repeat;}/*-------------------- ENTRY -------------------*/.view-month .content-inner, .view-tags .content-inner, .view-entry .content-inner {padding-bottom: 50px;}.entry-wrap {background:#fff; padding: 20px; margin-bottom: -30px;}.view-entry .entry-wrap, .view-reply .entry-wrap {}.entry-comments {position:relative;top:-50px;background:#fff;-moz-border-radius:0 0 8% 8% !important;}.entry-content textarea{width:430px;height:120px;font-family:arial !important;}.entry blockquote {border:3px double #eee;padding:5px;}/* ENTRY: USERPIC */.content .entry .entry-text .author {position:relative;font-size:0.85em;text-align:center;text-transform:uppercase;z-index:10;}dl.vcard dt img {border:1px solid #eee;padding:5px;background:#fff;margin: 5px;}dl.vcard {width:108px; display:inline; float:right; margin:0px 0px 5px 0px; text-align:center;color:#aaa;padding:0;}dd.username, dd.entry-date {width:auto;margin:0;}.ljuser img {vertical-align:middle !important;}.ljuser a {color:#5f5446;text-decoration:none;}.ljuser .ico img {display:none;}dd.entry-date {font-size:0.9em;border-top: 3px solid #eee;background:#f9f9f9;padding:4px;margin-top: 2px;letter-spacing: .5pt;}abbr.updated {border:none;color:#666;font-weight:bold;font-family:"arial", sans-serif;}/* ---------- ENTRY SUBJECT ----------- */.content .entry .entry-title {color:#655849;font-size:1.6em !important;font-family:arial;letter-spacing:-1pt;font-weight:bold;margin:10px;}.entry-title A:link,.entry-title A:visited {color:#655849;font-size: 2em;letter-spacing: -2pt;font-weight: bold;font-family: arial;text-decoration:none;border-bottom:none;}.entry-title A:link:hover, .entry-title A:visited:hover, .entry-title A:link:active, .entry-title A:visited:active {text-decoration:none; color:#aaa;}/* SUBJECT IMAGES: LOCKED/GROUPS */.content .entry .entry-title IMG {padding-right:.5em;}/*------------------ METADATA ------------------*/.entry-text .ljtags {margin:1.2em 0;}.entry-text .ljtags a {color:#aaa; text-decoration: none; font-weight: normal;}.content .entry .entry-text .metadata DL {margin:0;display:block;}.content .entry .entry-text .metadata DT, .content .entry .entry-text .metadata DD {display:inline;margin-left:0;font: 8pt franklin gothic medium;color:#444;}.ljtags a:hover {color:#4a3e31;}.ljtags {margin:1.5em 0; font-size:0.8em; font-weight:bold;color:#333;padding-left:25px;padding-bottom:8px;line-height:200%;background:transparent url('http://tinyurl.com/lf88nj') no-repeat scroll;}/* -- METADATA: STRONG -- */.content .entry .entry-text .metadata DT {display:none;}	.entry-text .ljtags {margin:1em 0;text-decoration: none;}dl.meta-location {background: transparent url('http://tinyurl.com/cgkuq5') no-repeat scroll 0 50%;padding-left: 17px;}dl.meta-mood {background: transparent url('http://tinyurl.com/cedwjj') no-repeat scroll 0 50%;padding-left: 17px;}dl.meta-groups {background: transparent url('http://tinyurl.com/dhpvxn') no-repeat scroll 0 50%;padding-left: 17px;}dl.meta-music {background: transparent url('http://tinyurl.com/djbx2x') no-repeat scroll 0 50%;padding-left: 17px;}/* - METADATA: COMMENT LINKS - */.entrymenu {clear:both;padding:5px;height:4px;margin:0;} dd.entrymenu ul {position:relative; height:60px; float: left; width: 5px;padding:0; border-top:1px dotted #eee; text-transform:lowercase; list-style-type:none;margin:-280px 0 0 -50px;}dd.entrymenu ul li {float:left; font-size:0px;height:25px;display:block;}dd.entrymenu ul li a {padding:2px 1px 3px 0; text-decoration:none;}dd.entrymenu ul li a:hover {text-decoration:none;}dd.entrymenu li.comments {background:transparent url(http://tinyurl.com/l99r6m) no-repeat scroll 0 0;display:block;float:left;line-height:15px;text-align:center;height:48px;width:48px;}dd.entrymenu ul li.comments a {display:block; color:#fff;font-size:11pt;margin:20% 11%;text-align:center;width:78%;height:50%;font-family:"georgia",sans-serif;padding:0 1px;}dd.entrymenu li.postcomment {background:transparent url(http://tinyurl.com/m74dks) no-repeat scroll 0 0;display:block;float:left;height:64px;margin-right:25px;width:45px;}dd.entrymenu li.postcomment a {color:#fff;margin-left:0;padding:0;width:100%;height:100%;display:block;}li.edit_entry a, li.edit_tags a, li.mem_add a, li.tell_friend a, li.watch_comments a, li.flag a {display:block;height:19px; width:25px;   overflow:hidden;}li.postcomment a span, li.edit_entry a span, li.edit_tags a span, li.mem_add a span, li.tell_friend a span, li.watch_comments a span, li.flag a span {display:none;}li.edit_entry a, img[src*="btn_edit.gif"]{ background-image: url(http://tinyurl.com/kuf3l5);} li.edit_tags a,img[src*="btn_edittags.gif"]{background-image: url(http://tinyurl.com/mjluek);}li.mem_add a,img[src*="btn_memories.gif"]{ background-image: url(http://tinyurl.com/mlp79a); } li.tell_friend a,img[src*="btn_tellfriend.gif"]{ background-image: url(http://tinyurl.com/kw99j5);}li.watch_comments a,img[src*="btn_track.gif"] { background-image: url(http://tinyurl.com/nmtadt);}li.flag a,img[src*="button-flag.gif"] {background-image: url(http://tinyurl.com/m5cgu9);}/*----------------- STICKY POST ---------------- */#post-sticky.entry .entry-text {color: #222;font-size:1em;line-height:100%;}/* -------------------- SIDEBAR -----------------*/.sidebar {margin:0; padding-top: 100px; color:#333; }.sidebar-inner {padding:0; overflow: hidden; position:relative;}.sidebar a {text-decoration: none; color:#444;}.sidebar a:hover {text-decoration: none;}.sidebar-block {margin:0 1px 1em; padding: 0px;overflow:hidden;}.sidebar-block ul {list-style-type: none; background:#fff; padding: 10px 0;}.sidebar-block DT {font-size:2em;font-weight: bold;letter-spacing: -1pt;font-style: italic;color:#111;font-family: "arial", serif;line-height:1;text-align:right;padding-left: 15px;margin-bottom:.4em;}.sidebar-block dd {padding: 0px; margin:0;}/* SIDEBAR: SUMMARY */.sidebar-summary {margin: 15px;}.sidebar-summary li {padding: 0px; margin:10px;}.sidebar-summary li a {color:#333;}.sidebar-summary li a:hover {color:#00A87E;}/* SIDEBAR: LINKS LIST */.sidebar-links {width: auto; }.sidebar-links dd { border-bottom: 1px dotted #eee; padding: 5px 0;}.sidebar-links a {color:#6a5c4c; padding-left: 15px;}.sidebar-links dt {padding: 5px;}.sidebar-links a:hover {text-decoration: none; }.sidebar-tags .tags {position:relative;font-size:1.2em;line-height:2em;padding:10px;}span.comma {color:inherit;}.sidebar-tags a {padding:0 .1em; color:#444;border:0 !important; text-decoration:none !important;font-size:.8em !important;}.sidebar-tags a:hover {color:#6a5c4c;}/* SIDEBAR: CUSTOM BOX */.sidebar-custom {padding: 25px;}.sidebar-powered {text-align:center;margin-top:4.2em;padding-bottom: 25px;}	/* CALENDAR */.view-archive .entry-text{width:100%;text-align:center;}.view-archive .entry-text ul{text-align:left;}.sidebar-cal DT {display:none;}.content-inner .calendar-wrap {padding:0;display:inline-block;height:280px;width:46%;margin:1%;}.calendar-wrap table {width:100%;}.sidebar .calendar-wrap table {border-collapse:separate;border-spacing:0px;} 	/* SEPARATE ARCHIVES */.calendar-wrap table caption {padding-bottom:0.5em; text-align:right; font-size:1.2em; text-transform:uppercase;}.calendar-wrap table caption a {color:#222;font-size:2em;font-weight:bold;font-family:"arial", serif;letter-spacing:-.5pt;text-decoration:none;}.calendar-wrap table caption a:hover {text-decoration:none;color:#ccc;}.calendar-wrap table thead {border-top:1px solid #a9a096; border-bottom:1px double #a9a096;}.calendar-wrap table thead th {padding:3px 0px 1px 0px; background:#eee;color:#a9a096;text-align:center; font-weight:bold;}.calendar-wrap table tbody {border:none; border-top:0px;}.calendar-wrap table tbody td {padding:3px 4px; font-size:1.1em; line-height:29px; text-align:center;}.calendar-wrap table tbody td a {display:block; padding:2px 4px; border:0; margin:-2px -3px; text-align:center; text-decoration:none;color:#70b42b;}.calendar-wrap table tbody td a:hover {background:#eee;text-decoration:none;color:#fff;}.view-archive .content-inner ul {margin-bottom:20px;list-style-type:none;}.view-archive .content-inner li {display:inline;padding:0px;}.entry-title form{text-align:center;}.entry-title form select, .entry-title form input{background:#eee !important;}.entry-title form a, .entry-title form a:visited{color:#4eb8c6 !important;}.entry-title form a:hover{color:#777 !important;}/*-------------------- MISC --------------------*/div.hr {clear: both;} div.hr hr {display:none;}/* ---------------- CUSTOM COMMENTS ------------- */.entry-comments-text {overflow: auto; overflow-y: hidden; text-align: center;}.comment-wrap {padding: 1em 0; border-top: 1px dotted #eee; text-align: justify; }.comment-head {margin-bottom: 1em; padding: 0.5em;}.comment-head h3 {font-size: 2em;}.cwoup .comment-head-in {display:none;}.comment-head .comment-upic {float: left; display: inline; padding: 0px 10px 5px 0px;}.comment-head .comment-upic img {float: left; border: 1px solid #e1e1e1; padding: 3px;}.comment-head p, .comment-head img {vertical-align: bottom;}.comment-text {padding: 0px 0px 0px 10px;}.comment-menu {padding: 0px 0px 0px 10px; text-align: right; text-transform: uppercase;}.comment-wrap .comment-text .hr {display: none;}.entry-linkbar { padding:2px; text-align:center; } form#qrform {border:1px solid #ee0;}span.replylink {text-transform: uppercase; font: 15pt arial; font-weight: bold; letter-spacing: -1pt; -moz-opacity: .7;}span.replylink:hover {-moz-opacity: 1;}.comment-head-in {font-size: 15pt; letter-spacing: -1pt; font-family: "arial", serif;}#qrdiv form {display:block;padding:5px;border:1px solid #ddd;margin:5px 1px 1px; }#qrdiv #subject {margin:3px 0; }#qrdiv table {border:none !important; }.replyform table td {padding-right:.4em; vertical-align:top; }.replyform textarea {width:90%; }.replyform img[src*="anonymous.gif"], .replyform img[src*="openid-profile.gif"], .replyform img[src*="userinfo.gif"], .replyform img[src*="pencil.gif"]{display:none;}/*------------------- TINY ICONS ---------------*/img[src*="icon_protected.gif"]{background-image: url('http://tinyurl.com/mcmkrn'); background-repeat: no-repeat; padding: 15px 21px;height: 0; width: 0;}img[src*="icon_private.gif"]{background-image: url('http://tinyurl.com/n728xm');background-repeat: no-repeat; padding: 15px 21px;height: 0; width: 0;}img[src*="userinfo.gif"]{background-image: url('http://tinyurl.com/lun2pp');background-repeat: no-repeat; padding: 11px 19px;height: 0; width: 0;}img[src*="community.gif"]{background-image: url('http://tinyurl.com/mfr7qt');background-repeat: no-repeat; padding: 12px 22px;height: 0; width: 0;}img[src*="btn_edit"],img[src*="btn_edittags.gif"], img[src*="button-flag.gif"], img[src*="btn_memories.gif"], img[src*="btn_tellfriend.gif"], img[src*="btn_track.gif"] {padding:12px 7px;height:0px; width:0px;}img[src*="newsinfo.gif"], img[src*="syndicated.gif"] {padding:11px 23px;height:0px; width:0px;}img[src*="newsinfo.gif"]{background-image: url('http://tinyurl.com/mf6hmc');}img[src*="syndicated.gif"]{background-image: url('http://tinyurl.com/m28qzz');}img[src*="btn_scr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_del.gif"]{padding:8px;height:0px;width:0px;}img[src*="btn_prev.gif"], img[src*="btn_next.gif"], img[src*="help.gif"], img[src*="btn_track.gif"]{padding:10px 3px;height:0px;width:0px;}img[src*="btn_prev.gif"]{background-image: url('http://tinyurl.com/ma3hjn'); no-repeat center}img[src*="btn_next.gif"]{background-image: url('http://tinyurl.com/neq8bc'); no-repeat center}img[src*="btn_memories.gif"]{background-image: url('http://tinyurl.com/dkwtpm'); no-repeat center}img[src*="btn_tellfriend.gif"]{background-image: url('http://tinyurl.com/cpzl5s'); no-repeat center}img[src*="btn_track.gif"]{background-image: url('http://tinyurl.com/czzyaz'); no-repeat}img[src*="btn_edit.gif"]{background-image: url('http://tinyurl.com/co6sv8'); no-repeat}img[src*="btn_edittags.gif"]{background-image: url('http://tinyurl.com/ce9hl4'); no-repeat}img[src*="btn_del.gif"]{background-image: url('http://tinyurl.com/dl4vfp'); no-repeat}img[src*="btn_scr.gif"]{background-image: url('http://tinyurl.com/cej7k5'); no-repeat}img[src*="btn_freeze.gif"]{background-image: url('http://tinyurl.com/cajulh'); no-repeat}img[src*="help.gif"]{background-image: url('http://tinyurl.com/c8nuhj'); no-repeat}img[src*="button-flag.gif"] {background-image: url('http://tinyurl.com/n6kbnb'); no-repeat}/* CONTEXTUAL HOVER */div.ContextualPopup div.Inner {color:#333 !important;border:1px double #eee;padding:10px;width:250px;background:transparent;}div.ContextualPopup .Userpic {float:left !important;}div.ContextualPopup .Userpic img {width:50px;height:50px; margin: 10px; border: 1px solid #e1e1e1; padding: 5px; background:#fff;}div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration:none !important;font-weight:normal;color:#5f5446 !important;}div.ContextualPopup div.Inner a:hover {color:#777 !important;}div.ContextualPopup .Relation {padding:3px;border-bottom:1px dashed #eee;}

S2 STYLE

CUSTOMIZE ► S2 MINIMALISM (SELECT DEEP OCEAN)

DISPLAY

Show meta (mood, music, location etc.) on Recent Entries page? Yes

Show dates on Recent Entries page? Yes

SIDEBAR

Enabled: Everything. There is a FREE TEXT (html enabled) custom block, which is also enabled but you don't need it.

HEADER

If you want to use a header image, find .layout-inner and replace it with your own customizations:

.layout-inner { background: transparent url('insertyoururlhere!') repeat-x scroll;}

Replace the teal parts with your own customizations.

CUSTOM CSS MENUS

Set all drop-down menus on the custom css page to NO
!important

Copy & paste the CSS codes into 'Custom stylesheet'

Hit 'save changes' & you're done!

EXTERNAL GRAPHICS

( tiny icons → dryicons. )
( icons in respective order →

likefluffy,

polar_sea &

oxygene! )

CREDIT

Please credit

unequally and/or

introject!

QUESTIONS?

Please tell me if there's anything terribly off with this layout, I was just prattling around while watching documentaries and being bored. Orz

(15 comments) - (Post a new comment)

	artchess 2009-07-04 08:42 pm UTC (link)
	love it ♥ (Reply to this)

	das_porno_uke 2009-07-04 08:56 pm UTC (link)
	This is awesome! :) Pshhh, take a look at your affiliates. They're a few requests :> (Reply to this) (Thread)

	das_porno_uke 2009-07-04 09:56 pm UTC (link)
	And by the way, it doesn't look very good in FF 3.5 (Reply to this) (Parent)(Thread)

	introject 2009-07-04 10:45 pm UTC (link)
	asgjej;als;ld brb dling 3.5 =_= (and oops, I lost my tracking with my paid acc. :( will reply & compile my affliates asap ahhh) (Reply to this) (Parent)(Thread)

	das_porno_uke 2009-07-04 11:03 pm UTC (link)
	Don't worry, everything will be okay XDDDD gives you some chocolate just wanted to let you know! :3 (Reply to this) (Parent)

	neffervescent 2009-07-04 09:41 pm UTC (link)
	Love the layout! (Reply to this)

	queenofbabble 2009-07-05 01:23 am UTC (link)
	Very pretty =) I'm using it right now. (Reply to this)

	milou_veronica 2009-07-05 02:32 am UTC (link)
	stunning ♥ (Reply to this)

	diskarte 2009-07-05 03:52 am UTC (link)
	♥! using now. (Reply to this)

	marisays 2009-07-05 03:35 pm UTC (link)
	love it, using now! (Reply to this)

	mamainak 2009-07-06 05:44 pm UTC (link)
	Absolutely brilliant!!! (Reply to this)

	kelene 2009-07-16 10:26 am UTC (link)
	Using this now, it's lovely. Thank you! (Reply to this)

	jessicaknispel 2009-07-16 02:56 pm UTC (link)
	love it, using it. but what is with the 16? i'm confused lol (Reply to this)

	l_vera01 2009-07-24 09:19 pm UTC (link)
	This is soooo lovely! I'm using it currently, but I have a question - I would like to make the font on the headings and comment text all black (000000) but for the life of me I can't seem to find the correct spots to make the changes in your layout coding - if you could help, I would SO appreciate it even thought this is such a silly question :/ I'm just going blind today sighs (Reply to this)

potthead
2009-09-16 07:19 am UTC (link)

I love this! But the icons on the header (for recent, friends, etc.) won't load on Firefox for me. I'm using Firefox 2.0, though. Idk if that is why, or if it's another reason. Everything works fine with IE, though. Do you maybe know what's wrong, if it isn't the fact that I'm using FF2?

Thanks for creating such a beautiful layout! :)

ETA: Also, I'm trying to use it for a community. Would that have something to do with it? Everything else works fine everywhere. I even tried uploading the icons to my photobucket account, but that didn't help either. =/

Edited at 2009-09-16 07:20 am UTC

(Reply to this)

(15 comments) - (Post a new comment)

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

About

Help

Get Involved

Legal

LJ Labs

Store