Post Friends My journal
daemon in spire

tranquility ii: i ain't superstitious

Jan 15, 2009 12:55

A request layout for tsurashi313.

EDIT: Slightly darkened the entry/comments text, removed some extraneous code.

layout notes

account types
Basic, Plus, Paid

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

minimum resolution
800x600

comment pages
Yes

navstrip
Optional

disabled
N/A

css stylesheet

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:#999999;
font-family:arial;
font-size:11px;
line-height:18px;
text-align:center;
}
blockquote {
background:#F7F7F7 none repeat scroll 0 0;
color:#BBBBBB;
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"], a[title="Flag"] {
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

select journal style
Apply any Tranquility II theme.

links listDefine your links. These are the gray links that show up under the main navigation.

custom css
Click Custom CSS. Make sure any drop-down boxes are set to No, paste the code into the box, and click Save Changes.

optional

display userpic
Display » Additional Options » Display your userpic with your entries and set to "Yes".

appendix

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

resources
• Icon by puncture.

read the layout faq before asking questions!

style: tranquility ii, - all layouts

Leave a comment

Read comments 30
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.