unequally: (30): beneath hallelujah

your ex-lover's dead. (

introject) wrote in

unequally,
@ 2009-02-08 18:46:00

Current mood:	working
Entry tags:	s2: tranquility ii, stylesheet

(30): beneath hallelujah
Bahhh, been fooling around with tranquility II. And looking at too many sky wallpapers. 8|b

Live || Preview

STYLESHEET OVERVIEW

S2 STYLE

TRANQUILITY II ► BENEATH HALLELUJAH

BROWSER

IE7 ➝ Transparency isn't available in IE.

Mozilla Firefox, Safari, Opera (800x600+)

ACCOUNT TYPES

Basic, Plus (horizontal/in-between ad placement), Paid

DISABLED

Subtitle, sidebar: calendar, search function, tags

*Note: Tranquility II does not show userpics on personal journals. You can get a fix with theme layers, but I can't do anything about this.

ADD-ONS

Contextual pop-up, tiny icons, custom comment pages

NAVIGATION STRIP

Compatible

INSTALLATION INSTRUCTIONS

CODES

V1:

/* ---------------------------------------------------
---------------- MADE BY INTROJECT -------------------
- STYLESHEET AVAILABLE (@) UNEQUALLY.LIVEJOURNAL.COM -
--------- ( PLEASE DO NOT REDISTRIBUTE) --------------
------------------------------------------------------ */

/* ------------------------------------------- 
------------------- BODY ---------------------
---------------------------------------------- */

body {
	background: url('http://i83.photobucket.com/albums/j302/sansespoir/1848242453_585444aa47_o.jpg') no-repeat fixed;
	font-family: "lucida sans unicode", "lucida grande", serif;
	font-size: 12px;
	line-height: 125%;
	color: #333333;
	text-align: center;
	}

a {
	color: #008ab6;
	text-decoration: none;
	}

a:visited { color: #008ad2; }
a:hover, a:visited:hover { color: #333; text-decoration: none; }
a:active { color: #555; }
a img { border: none; }

a.comm {
	background: #fb477e url(http://i38.tinypic.com/z0ndx.png) no-repeat;
	padding-left: 19px;
	padding-bottom: 7px;
	}
a.user {
	background: transparent url(http://i34.tinypic.com/34tcykp.png) no-repeat;
	padding-left: 19px;
	padding-bottom: 7px;
	}

p {
	margin: 5px;
	padding: 5px;
	}

form {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

input, select, textarea {
	font-family: "georgia", sans-serif;
	font-size: 8pt; color:#666; border: 1px solid #ccc; background:#f1f1f1; padding: 5px;
	}

/* ------------------------------------------- 
------------------- PAGE ---------------------
---------------------------------------------- */

#container {
	position: relative;
	width: 70%; 
	margin: 0 auto;
	text-align: left;
	}

/* ------------------------------------------- 
------------------- HEADER -------------------
---------------------------------------------- */

#header {
	margin-bottom: 15px; margin-left: -165px; text-align: left; position: fixed;
	background-color: transparent; width: 16%;
	}

#header h1 {
	padding: 20px;
	font-family: Georgia, serif;
	font-size: 2.5em;
	color: #ffffff; line-height: 80%;
	}

/* ------------------------------------------- 
------------------ SIDEBAR -------------------
---------------------------------------------- */

#menu {
	position: fixed;
	background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgwood.png');
-moz-opacity:0.90;
	width: 150px;
	font-family: Georgia, serif;
	font-size: 100%; margin-top: -10px;
	color: #ffffff;
	padding: 4px;
	}

#menu h2 {
	margin: 20px 20px;
	font-family: "georgia", sans-serif;
	font-size: 10pt;
	color: #888;
	}

#menu h2.userpic {
	text-align: center;
	}

#menu a {
	font-family: "courier new", sans-serif; font-size: 9pt;
	color: #666;
	}
#menu a:visited { color: #999999; }
#menu a:hover, #menu a:visited:hover { color: #999; text-decoration: none; padding: 2px; }
#menu a:active { color: #ffffff; }

#menu ul {
	margin: 3px; margin-left: -25px;
	list-style: none; color:#555;
	}

#menu ul#lj-links { margin-left: -25px; line-height: 100%; font-size: 11pt; font-family: "courier new"; }

#menu ul li {
	margin: 3px;
	padding: 2px; border-bottom: 1px solid #333;
	list-style: none;
	}

#menu ul li.active {
	font-family: "courier new", sans-serif;
	font-size: 80%;
	color: #a8d3cc; border-bottom: 1px solid #333;
	font-weight: bold;
	}

/* ------------------------------------------- 
------------------- ENTRY --------------------
---------------------------------------------- */

#content { position: absolute;
	margin-left: 160px; font-family: "lucida sans unicode", "lucida grande", serif;
	}

#entries {
	margin: -10px 10px 0px 10px; -moz-opacity: .80;
	padding: 15px; font-family: "lucida sans unicode", "lucida grande", serif;
	background-color: #ffffff;
	}

#content h2 {
	margin: 20px 0;
	}

.ind-entry {
	padding: 5px; font-family: "lucida sans unicode", "lucida grande", serif;
	padding-bottom: 15px;
	background-color: #fff;
	}

.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
	position: relative;
	float: right;
	padding: 5px;
	}

.ind-entry div.entry-item {
	font-family: "lucida sans unicode", "lucida grande", serif;
	font-size: 8.5pt;
	color: #111;
	margin: 15px 0px;
	}

.ind-entry div.entry-item a {
	font-family: "lucida sans unicode", "lucida grande", serif;
	font-size: 100%;
	color: #105477;
	text-decoration: none;
	}

.ind-entry div.entry-item a:visited  { color: #105477; }
.ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #444; }

/* ---------------- SUBJECT ------------------ */
.ind-entry h2 {
	font-family: Georgia, serif;
	font-size: 150%;
	color: #333333; padding-bottom: 3px;
	margin: 20px 0px; text-align: right;
	line-height: 140%; border-bottom: 3px double #f1f1f1;
	}

a.subj-link {font-size: 25pt; text-align: right; color:#0085c8; font-style:italic; }
a.subj-link:hover {text-decoration: none; color:#777;}

/* ---------------- LJ TAGS ------------------ */
.ljtags {
	margin-left: 5px; padding: 20px 20px 10px 20px;
	}

.ljtags a, a:visited, a:hover {font-color:#33; color:#333; text-decoration: none;}

/* ---------------- METADATA ------------------ */
.ind-entry h4 {
	font-family: "georgia", sans-serif;
	font-size: 9pt;
	color: #aaa; font-weight: none; text-align: justify;
	}
	
.ind-entry h4 a {
	font-family: "courier new", sans-serif;
	font-size: 100%; line-height: 120%;
	text-decoration: none; text-transform: uppercase;
	}

.ind-entry h4 a:visited { color: #555; }
.ind-entry h4 a:hover { color: #333; }

/* ------------------------------------------- 
----------------- ARCHIVES -------------------
---------------------------------------------- */
.ind-entry div.month-entries {
	font-family: "lucida sans unicode", "lucida grande", serif;
	font-size: 8.5pt;
	color: #111;
	margin: 15px 0px;
	}

.ind-entry div.month-entries a {
	font-family: "lucida sans unicode", "lucida grande", serif;
	font-size: 100%;
	color: #105477;
	text-decoration: none;
	}

.ind-entry div.month-entries a:visited { color: #105477; }
.ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #777; }
.ind-entry div.month-entries a:active { color: #105477; }

.month-entries {
	margin: 10px 0;
	}

.month-entries ul {
	list-style: none;
	margin: 10px;
	}
.month-entries ul li {
	list-style: none;
	padding: 3px;
	}

/* ------------------------------------------- 
----------------- FOOTER ---------------------
---------------------------------------------- */

#footer {margin-top: -5px; margin-left: 10px;
	font-size:7.5pt;
text-transform: uppercase;
font-family: "arial narrow"; letter-spacing: 2pt;
color: #555; text-align: right;
	}

#footer p {
	padding: 20px;
	}

#footer a {
	font-family: Georgia, serif;
	font-size: 100%;
	}

#footer a:visited { color: #ffffff; }
#footer a:hover, #footer a:visited:hover { color: #ffffff; }
#footer a:active { color: #ffffff; }

/* -------------- COMMENT LINKS ---------------- */

a.comments { color:#111;}
a.Link { color:#111;}

/* ------------ comments one and two ------------ */

.ind-comment-one, .ind-comment-two {
	margin: 10px 0;
	padding: 5px;
	border-bottom: 3px double #f1f1f1; 
	}

.ind-comment-one { background-color: #ffffff; }
.ind-comment-two { background-color: #ffffff; }

.ind-comment-one h2, .ind-comment-two h2 {
	font-family: "georgia", serif;
	font-size: 1.7em;
	color: #555;
	margin: 20px 10px;
	}

.ind-comment-one h4, .ind-comment-two h4 {
	font-family: "lucida grande", "lucida sans unicode", sans-serif;
	font-size: 8pt;
	color: #888;
	}
	
.ind-comment-one h4 a, .ind-comment-two h4 a {
	font-family: "lucida grande", "lucida sans unicode", sans-serif;
	font-size: 8pt;text-decoration:none;
	}

.ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited { color: #014a81; }
.ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover { color: #555; }
.ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover { color: #888; }
.ind-comment-one h4 a:active, .ind-comment-two h4 a:active { color: #888; }

.ind-comment-one div.entry-item, .ind-comment-two div.entry-item {
	font-family: "lucida grande", "lucida sans unicode" serif;
	font-size: 8pt;
	color: #333333;
	margin: 15px 0px;
	}

.ind-comment-one div.entry-item a, .ind-comment-two div.entry-item a {
	font-family: "courier new", serif;
	font-size: 100%;
	color: #666;
	text-decoration: none;
	}

.ind-comment-one div.entry-item a:visited, .ind-comment-two div.entry-item a:visited { color: #014a81; }

.ind-comment-one div.entry-item a:hover, 
.ind-comment-one div.entry-item a:visited:hover, 
.ind-comment-two div.entry-item a:hover, 
.ind-comment-two div.entry-item a:visited:hover { color: #014a81; }

.ind-comment-one div.entry-item a:active, .ind-comment-two div.entry-item a:active { color: #014a81; }

/* ------------ screened comments ------------ */

.ind-comment-screened {
	margin: 10px 0;
	padding: 5px;
	background-color: #ffffff; 
	border-bottom: 3px double #eee;
	}

.ind-comment-screened h2 {
	font-family: Georgia, serif;
	font-size: 130%;
	color: #333333;
	margin: 20px 0px;
	}

.ind-comment-screened h4 {
	font-family: "Lucida sans unicode", "lucida grande", sans-serif;
	font-size: 7.5pt;
	text-decoration: none;
	}
	
.ind-comment-screened h4 a {
	font-family: "Lucida sans unicode", "lucida grande", sans-serif;
	font-size: 7.5pt;
	text-decoration: none;
	}

.ind-comment-screened h4 a:visited { color: #5ab300; }
.ind-comment-screened h4 a:hover { color: #336600; }
.ind-comment-screened h4 a:visited:hover { color: #336600; }
.ind-comment-screened h4 a:active { color: #336600; }

.ind-comment-screened div.entry-item {
	font-family: Georgia, serif;
	font-size: 100%;
	color: #333333;
	margin: 10px 0px;
	}

.ind-comment-screened div.entry-item a {
	font-family: Georgia, serif;
	font-size: 100%;
	color: #00447b;
	text-decoration: none;
	}
.ind-comment-screened div.entry-item a:visited { color: #00447b; }
.ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #333; }
.ind-comment-screened div.entry-item a:active { color: #00447b; }

/* ------------------------------------------- 
-------------- LJ TINY ICONS -----------------
---------------------------------------------- */

.ljuser img {  
width: 0; 
height: 0; 
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/person.gif') no-repeat center left;  
padding: 17px 16px 0 2px !important; 
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { 
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/person.gif') no-repeat center left;  
padding: 17px 12px 0 0px !important; 
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent; 
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/home.gif');  
padding: 15px 11px 0 2px !important; }

img[src="http://p-stat.livejournal.com/img/syndicated.gif"] {
background-color:transparent; 
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/feed.png');  
padding: 17px 16px 0 2px !important; 
background-position: center left;
background-repeat: no-repeat; 
width: 0px; 
height: 0px;
}

img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] {
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;  
padding: 16px 17px 0 2px !important;  
background-repeat: no-repeat; 
width: 0px; 
height: 0px;
}

img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] { 
height: 0; 
width: 0; 
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat; 
padding: 0px 0px 16px 16px !important; 
}

img[src="http://p-stat.livejournal.com/img/anonymous.gif"] { 
height: 0; 
width: 0; 
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat; 
padding: 0px 0px 16px 16px !important; 
}

img[src="http://p-stat.livejournal.com/img/talk/none.gif"] { 
height: 0; 
width: 0; 
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat; 
padding: 0px 0px 16px 16px !important; 
}

img[src="http://p-stat.livejournal.com/img/help.gif"] { 
height: 0px; 
width: 0px; 
padding: 0px 0px 16px 16px !important; 
background: url(http://i38.tinypic.com/vovi8j.png) no-repeat; 
}

img[src="http://p-stat.livejournal.com/img/pencil.gif"] { 
height: 0; 
width: 0;  
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat; 
padding: 0px 0px 16px 16px !important;
}

img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ 
width: 0;
height: 0;
padding: 0 0 16px 18px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png') no-repeat;
}

img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ 
width: 0;
height: 0;
padding: 0 0 16px 18px;
background: url('http://i39.tinypic.com/mrrblj.png') no-repeat;
}

img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ 
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
}

/* ------------------------------------------- 
------------------- MISC ---------------------
---------------------------------------------- */
html body {}

::-moz-selection
{
    background: #1f2028;
    color: #7a7f7c;
}

/* ------------------------------------------- 
------------------- CONTROL STRIP ------------
---------------------------------------------- */

#lj_controlstrip {
background:transparent;
padding: 0px;
}

#lj_controlstrip_statustext, #lj_controlstrip a {
color:#fff; font-size: 8pt; font-family: "lucida sans unicode", "lucida grande";
}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, 
#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_login td, #lj_controlstrip td td {
border:none !important; }

#lj_controlstrip input {
background:#fafafa !important;
color:#555 !important; font-family: "courier new"; }

#lj_controlstrip_search_input_text, #lj_controlstrip select,
#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, 
#lj_controlstrip input#xc_remember {
background:#fafafa !important;
color:#777 !important; border: 1px solid #eee; font-family: "lucida sans unicode", "lucida grande";
}

#lj_controlstrip .ljuser a b {
color:#0086a1; font-family: georgia;
text-decoration:none !important;
}

/* ------------------------------------------- 
---------- CONTEXTUAL POP-UPS ----------------
---------------------------------------------- */

div.ContextualPopup div.Inner {
background:transparent!important;
color: #222 !important;
border:none;
padding:10px;
width: 245px;
font-family:"georgia", sans-serif;
font-size: 8pt;
}

div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;-moz-opacity: .9;
line-height: 1.4;
border: 1px solid #eee; background-color: #fefefe;
}

div.ContextualPopup .Userpic {
padding:10px;
margin:0px; -moz-opacity: .7;
border: 1px solid #eee; background-color: #fefefe;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #014e82 !important;
text-transform: uppercase;
}

div.ContextualPopup div.Inner a:hover {
text-decoration: none !important;
font-weight: normal;
color: #888 !important;
}

div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 1px dotted #ccc;
margin-bottom:4px;
padding-bottom:4px;
}

(vertical sidebar)

V2:

/* ------------------------------------------- 
------------------- BODY ---------------------
---------------------------------------------- */

a {
	color: #008ab6;
	text-decoration: none;
	}

a:visited { color: #008ad2; }
a:hover, a:visited:hover { color: #333; text-decoration: none; }
a:active { color: #555; }
a img { border: none; }

p {
	margin: 5px;
	padding: 5px;
	}

form {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

input, select, textarea {
	font-family: "georgia", sans-serif;
	font-size: 8pt; color:#666; border: 1px solid #ccc; background:#f1f1f1; padding: 5px;
	}

/* ------------------------------------------- 
------------------- PAGE ---------------------
---------------------------------------------- */

#container {
	position: relative;
	width: 70%; 
	margin: 0 auto;
	text-align: left;
	}

/* ------------------------------------------- 
------------------- HEADER -------------------
---------------------------------------------- */

#header {
	margin-bottom: 15px; margin-left: -165px; text-align: left; position: fixed;
	background-color: transparent; width: 15%;
	}

#header h1 {
	padding: 20px;
	font-family: Georgia, serif;
	font-size: 2.4em;
	color: #ffffff; line-height: 80%;
	}

/* ------------------------------------------- 
------------------ SIDEBAR -------------------
---------------------------------------------- */

#menu {
	background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/bgwood.png');
-moz-opacity:0.90;
	min-height: 150px;
	font-family: Georgia, serif;
	font-size: 100%;
	color: #ffffff;
	padding: 4px;
	}

#menu h2 {
	margin: 20px 20px;
	font-family: "georgia", sans-serif;
	font-size: 1pt;
	color: #333;
	}

#menu h2.userpic {
	text-align: left; padding: 5px; float: left;
	}

#menu ul {
	margin: 3px; margin-left: -25px; float: right;
	list-style: none; color:#555;
	}

#menu ul#lj-links { margin-left: 5px; width: 26%; line-height: 100%; font-size: 11pt; font-family: "courier new"; }
#menu ul#lj-summary {margin-top: -45px; width: 20%;}
#menu ul#user-links {margin-top: -80px; float: left;}
#menu ul li {
	margin: 3px;
	padding: 2px; border-bottom: 1px solid #333;
	list-style: none;
	}

#menu ul li.active {
	font-family: "courier new", sans-serif;
	font-size: 80%;
	color: #a8d3cc; border-bottom: 1px solid #333;
	font-weight: bold;
	}

/* ------------------------------------------- 
------------------- ENTRY --------------------
---------------------------------------------- */

#content { position: absolute;
	margin-top: 30px; width:100%; font-family: "lucida sans unicode", "lucida grande", serif;
	}