tranquility ii: i ain't superstitious

[daemon]

Hay guys. Just letting you know that this is the last layout I will be crossposting at this community; further crossposts will be found at toyboxer instead (I dislike crossposting to more than one comm). If you want to continue following my layouts, please either watch toyboxer or simply add my own community. Thanks!




A request layout.

layout notes.

Account Types:

Basic, Plus, and Paid

Compatible Browsers:

Mozilla Firefox, Safari, Google Chrome, Opera. It doesn't break in IE7, but the metadata is skewed to the right.

Min. Resolution:

800x600

Credits and Misc.:

• Tiny icons by Pinvoke.
• Icon in preview by puncture.
• Request layout for tsurashi313.

Navstrip:

Compatible with and without.

Custom Comment Pages?:

Yes

Disabled Elements:

N/A

installation.

CSS Stylesheet:

/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: I Ain't Superstitious
S2 STYLE: Tranquility II
DOWNLOAD: thrashmetal.livejournal.com

****Please remember to credit!****
-----------------------------------------------------*/

body {
background:#D9D9D9 none repeat scroll 0 0;
color:#AAAAAA;
font-family:arial;
font-size:11px;
line-height:18px;
text-align:center;
}
blockquote {
background:#F7F7F7 none repeat scroll 0 0;
color:#999999;
font-family:georgia;
font-size:10px;
padding:10px;
}
a, a:visited {
color:#69B1FF;
font-size:100%;
text-decoration:none;
}
a:hover {
color:#BFDEFF;
text-decoration:none;
}
a img {
border:medium none;
}
a.comm {
background:transparent url(http://stat.livejournal.com/img/community.gif) no-repeat scroll 0 0;
padding-bottom:7px;
padding-left:19px;
}
a.user {
background:transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat scroll 0 0;
padding-bottom:7px;
padding-left:19px;
}
p {
margin:5px;
padding:5px;
}
form {
display:inline;
margin:0;
padding:0;
}
input, select, textarea {
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#AAAAAA;
font-family:georgia;
font-size:12px;
margin:3px;
padding:2px;
}
#container {
margin:0 auto;
padding-top:20px;
position:relative;
text-align:left;
width:650px;
}
#header {
border:medium none;
}
#header h1 {
color:#DDDDDD;
display:none;
font-family:georgia;
font-size:37px;
font-weight:normal;
letter-spacing:-3px;
margin-bottom:7px;
margin-left:8px;
margin-top:0;
padding:0;
text-align:center;
text-transform:lowercase;
}
#menu {
background:#F0F0F0 none repeat scroll 0 0;
color:#333333;
line-height:16px;
margin-bottom:15px;
padding:0 0 10px;
position:relative;
text-align:center;
width:650px;
}
#content {
margin-left:160px;
position:relative;
}
#entries {
border:0 none;
padding:0;
}
ul#lj-links {
background:#404040 none repeat scroll 0 0;
margin:0;
padding:20px 0 16px;
}
ul#user-links {
font-family:georgia !important;
margin:0;
padding:10px 0 0;
}
ul#user-links li {
display:inline;
}
#user-links a {
color:#B0B0B0 !important;
font-family:georgia !important;
font-size:10px !important;
letter-spacing:2px !important;
margin-right:5px;
text-transform:uppercase !important;
}
ul#lj-summary {
display:none;
margin:0;
padding:0;
}
#menu h2 {
display:none;
}
#menu h2.userpic {
}
#menu a {
color:#69B1FF;
font-family:arial;
font-size:24px;
font-weight:normal;
letter-spacing:-2px;
margin-right:8px;
text-transform:lowercase;
}
#menu a:visited {
color:#69B1FF;
text-decoration:none;
}
#menu a:hover {
color:#D9D9D9;
}
#menu ul {
line-height:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:15px;
}
#menu ul li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
padding-bottom:11px;
}
#content h2 {
background:#404040 none repeat scroll 0 0;
border-left:117px solid #C7C7C7;
color:#F0F0F0;
font-family:arial;
font-size:26px;
font-weight:normal;
letter-spacing:-2px;
margin:0 !important;
padding:15px 15px 15px 10px;
text-transform:lowercase;
}
li.active {
color:#6E6E6E;
font-family:arial;
font-size:24px;
font-weight:normal;
letter-spacing:-2px;
margin-right:8px;
text-transform:lowercase;
}
#entries, #comments {
margin:0;
}
.ind-entry {
background:#F0F0F0 none repeat scroll 0 0;
border-bottom:0 none;
margin-bottom:12px;
}
.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
float:left;
padding:5px;
position:relative;
}
h3.userpic {
}
h3.userpic img {
background:#E4E4E4 none repeat scroll 0 0;
border:11px solid #C7C7C7;
height:75px;
padding:10px;
width:75px;
}
.ind-entry h2 {
color:#424242;
font-family:georgia;
font-weight:normal;
letter-spacing:0;
margin-left:11px !important;
text-transform:lowercase;
}
.ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
background:#404040 none repeat scroll 0 0;
border-left:117px solid #C7C7C7;
color:#F0F0F0;
font-family:arial;
font-size:9px;
font-weight:normal;
line-height:14px;
margin-bottom:0;
margin-right:0;
margin-top:0;
min-height:69px;
padding:0 0 0 10px;
text-align:left;
}
.ind-entry h4 {
background:#404040 none repeat scroll 0 0;
border-left:117px solid #C7C7C7;
color:#F0F0F0;
font-family:arial;
font-size:9px;
font-weight:normal;
line-height:14px;
margin-bottom:0;
margin-right:0;
margin-top:0;
min-height:69px;
padding:0 0 0 10px;
text-align:left;
}
.ind-entry h4 .ljuser a b, .ind-comment-one h4 .ljuser a b, .ind-comment-two h4 .ljuser a b {
color:#F0F0F0;
}
.ind-entry h4 a, .ind-entry h4 a:visited {
color:#AAAAAA;
text-decoration:none;
}
h4 {
background:#F0F0F0 none repeat scroll 0 0;
padding:15px;
}
.ind-entry div.entry-item {
border-left:117px solid #E4E4E4;
font-family:arial;
font-size:11px;
line-height:20px;
padding:10px;
text-align:justify;
}
.ind-entry div.month-entries {
margin-left:22px;
padding-bottom:3px;
}
.ind-entry div.entry-item a {
border-bottom:medium none;
color:#222222;
text-decoration:none;
}
.ind-entry div.month-entries a {
}
.ind-entry div.entry-item a:hover {
color:#5F5F5F;
}
.ind-comment-one h4 a, .ind-comment-two h4 a {
}
.ind-comment-one, .ind-comment-two, .ind-comment-screened {
margin:10px 0;
}
.ind-comment-one, .ind-comment-two {
background-color:#F0F0F0;
border-bottom:0 none;
font-family:arial;
}
.ind-comment-screened {
background-color:#EFF8E3;
opacity:0.7;
}
.ind-comment-one h2, .ind-comment-two h2 {
color:#B4B4B4;
font-size:18px;
font-style:normal !important;
margin-bottom:0;
}
.ind-comment-one div.entry-item, .ind-comment-two div.entry-item {
font-family:arial;
font-size:11px;
line-height:20px;
padding:9px 15px;
text-align:justify;
}
.ind-comment-screened h2 {
color:#999999;
margin:20px 0;
}
.month-entries {
margin:5px 0;
}
.month-entries ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px;
}
.month-entries ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:3px;
}
.ljtaglist {
background:#F0F0F0 none repeat scroll 0 0;
padding:16px 31px;
}
.ljtaglist ul li {
border-bottom:1px solid gray;
}
#footer {
font-size:11px;
position:relative;
}
#footer b, #footer strong {
}
#footer p {
padding:20px;
}
#footer a, #footer a:visited {
color:#B5B5B5;
font-size:100%;
font-weight:bold;
text-transform:uppercase;
}
#footer a:hover, #footer a:visited:hover, #footer a:active {
color:#B5B5B5;
}
#content {
margin-left:0;
}
.ljtags {
color:#404040;
font-family:georgia;
font-size:11px;
margin-bottom:-6px;
margin-left:10px;
margin-top:20px;
text-transform:lowercase;
}
.entry-form {
background:#F0F0F0 none repeat scroll 0 0;
padding:13px;
}
.entry-form h2 {
display:none;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#858585;
font-family:georgia;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/06.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/37.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010b/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:19px 14px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:19px 14px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/famfamfamsilk/eye.png) !important;
background-repeat:no-repeat;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
a.Link {
display:none;
}
a.comments {
font-size:16px !important;
line-height:63px;
text-transform:lowercase;
}
a[title="Edit Entry"], a[title="Edit Tags"], a[title="Add to Memories"], a[title="Tell a Friend"], a[title="Track This"] {
text-transform:lowercase;
}
h4 b a {
font-size:23px !important;
}
#qrform table {
border:medium none !important;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:#f7f7f7 !important;
border-bottom:2px solid #f2f2f2;
color:#5A5A5A !important;
font-family:arial;
font-size:11px;
padding:0;
width:20em;
border-right:2px solid #f2f2f2;
border-left:0;
border-top:0;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#69B1FF !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#F0F0F0 none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext {
color:#858585;
}
#lj_controlstrip a {
color:#B0B0B0;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#F9F9F9 none repeat scroll 0 0 !important;
border:0 none;
color:#CCCCCC !important;
}
#lj_controlstrip .ljuser a b {
font-family:arial !important;
font-weight:bold;
}

How to Install:

1. Click here OR type "Tranquility II" into the search box. Apply one of the listed themes.

2. Click Customize your theme in the Current Theme box on the upper-right.

3. Click Custom CSS. Make sure the drop-down box is set to No. Paste the code into the box and click Save Changes.

Credit and Comment:

• Please credit thrashmetal somewhere public. (Profile, Links List, Friends Only post, etc.)
• Comments aren't required, but are appreciated!

Other Instructions:

Display userpic on Recent Entries:
Display » Additional Options » Display your userpic with your entries and set to "Yes".

Show the additional (gray) links under the main menu
Set these in the Links List.

Please read all instructions and the LAYOUT FAQ before asking questions!