[smooth sailing] Carrying your wormhole: mintyapple

vivider in mintyapple

[smooth sailing] Carrying your wormhole

Jun 22, 2008 22:39

Live preview
Two more color variations

/* "Carrying your wormhole" by pauseless
NOTES: credit tiny icons and tile, disabled metadata and nav links, select sidebar on right, ads between entries, summary scrolls */

body {
background-color: #211001;
color: #211001;
font-family: "Tahoma", sans-serif;
font-size: 13px;
text-align: justify;
}

a, a:visited {
color: #71265e;
font-weight: bold;
text-decoration: none;
}

a:hover {
background-color: #d7c4af;
}

.pageblock {
width: 930px;
margin: 100px auto 50px auto;
}

.bodyheaderblock, .body-title, .body-midtitle {
display: none;
}

blockquote {
font-family: Garamound;
padding: 10px;
border: 1px solid #d7c4af;
}

blockquote:hover {
font-style: italic;
border: 1px solid #d7c4af;
}

textarea {
font-size: 11px;
background-color: #d7c4af;
border: 1px solid #d7c4af;
}

textarea:hover {
background-color: #f5e3cb;
border: 1px solid #d7c4af;
}

/* HEADER */

.pageheaderblock {
margin: 0 0 30px 0;
text-align: right;
}

.header-title {
font-family: Garamound;
font-size: 25px;
color: #71265e;
}

.header-subtitle {
font-family: Garamound;
color: #71265e;
font-size: 13px;
font-style: italic;
}

.header-icon {
display: none;
}

.header-menu {
display: none;
}

/* FOOTER */

.pagefooterblock {
display: none;
}

#footer-menu {
text-align: center;
font-family: Garamound;
font-size: 15px;
}

#footer-menu a:hover {
background-color: transparent;
font-style: italic;
}

#footer-menu li {
display: inline;
padding: 15px;
}

/* ENTRY */

.entryHolder {
width: 650px;
}

.entryText {
background-color: #f5e3cb;
padding: 20px;
margin: 0 0 0 40px;
min-height: 163px;
border: 3px solid #d7c4af;
}

.entryHeader {
margin-top: 25px;
text-align: right;
font-size: 11px;
color: #926f51;
}

.entryHeaderDate {
text-transform: uppercase;
}

/* ICON & METADATA */

.entryUserinfo {
text-align: center;
}

.entryUserinfo-usericon img {
background-image: url('http://i222.photobucket.com/albums/dd305/fennec17/Storage/77words_patterns4_036.gif');
background-repeat: repeat;
padding: 15px;
border: none;
}

.entryMetadata {
display: none;
}

/* LINKBAR */

.entryLinkbar {
text-align: right;
margin-bottom: 50px;
}

.entryLinkbar li {
display: inline;
}

.entryLinkbar a, .entryLinkbar a:visited {
font-weight: normal;
font-family: Garamound;
color: #926f51;
padding: 5px;
}

.entryLinkbar a:hover {
background-color: transparent;
border-top: 10px solid #d7c4af;
font-style: italic;
}

/* SIDEBAR */

.sidebar {
width: 200px;
text-align: center;
background-image: url('http://i222.photobucket.com/albums/dd305/fennec17/Storage/77words_patterns4_036.gif');
background-repeat: repeat;
}

.sidebox {
padding: 15px;
margin: 15px;
background-color: #f5e3cb;
}

.sideboxTitle {
margin-bottom: 10px;
font-family: Garamound;
font-style: italic;
font-size: 15px;
}

.sidebox #systemlinks {
line-height: 30px;
}

.sidebox #systemlinks a, .sidebox #systemlinks a:visited {
font-family: Garamound;
font-size: 15px;
display: block;
border: 1px transparent solid;
}

.sidebox #profile a:hover, .sidebox #systemlinks a:hover {
background-color: transparent;
font-style: italic;
}

.sidebox #summary a, .sidebox #summary a:visited, .sidebox #latestmonth a, .sidebox #latestmonth a:visited, .sidebox #search a, .sidebox #search a:visited, .sidebox #latestmonth table a, .sidebox #latestmonth table a:visited, .sidebox #tags_sidebox a, .sidebox #tags_sidebox a:visited {
color: #926f51;
}

.sidebox #latestmonth table {
margin: auto;
width: 100%;
}

.sidebox #summary {
text-align: left;
height: 100px;
overflow: auto;
font-size: 0px;
line-height: 50%;
}

.sidebox #summary a {
font-size: 11px;
line-height: 150%;
}

.sidebox #tags_sidebox {
height: 100px;
overflow: auto;
font-size: 0px;
line-height: 50%;
}

.sidebox #tags_sidebox a {
font-size: 13px;
display: block;
line-height: 150%;
}

.listtitle {
font-family: Garamound;
text-align: left;
font-size: 15px;
}

.profile-label {
display: none;
}

/* ARCHIVE PAGE */

.month {
background-color: #f5e3cb;
width: 80%;
margin: auto;
text-align: center;
}

.daysubjects {
background-color: #f5e3cb;
}

.daytitles {
color: #926f51;
padding: 5px;
font-weight: bold;
}

.day-blank {
background-color: #211001;
}

.day {
padding: 5px;
border: 1px solid #d7c4af;
}

.day-date {
text-align: left;
}

.day-count a {
display: block;
}

/* TINY ICONS */

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px;
background: url(http://i222.photobucket.com/albums/dd305/fennec17/Storage/lock.png);
}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px;
background: url(http://i222.photobucket.com/albums/dd305/fennec17/Storage/icon_key.gif);
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://i222.photobucket.com/albums/dd305/fennec17/Storage/user_gray.png);
padding: 16px 16px 2px 10px;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://i222.photobucket.com/albums/dd305/fennec17/Storage/user_gray.png);
padding: 16px 16px 0 17px;
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://i222.photobucket.com/albums/dd305/fennec17/Storage/star.png);
padding: 16px 16px 2px 17px;
}

/* CONTEXTUAL POP-UPS */

div.ContextualPopup div.Inner {
background: transparent !important;
color: #211001 !important;
border: none;
padding: 10px;
width: 250px;
font-family: Georgia, serif;
font-weight: normal;
}

div.ContextualPopup .Content {
padding: 7px 10px 7px 10px;
margin-right: 80px;
line-height: 1.4;
background-color: #f5e3cb;
border: #d7c4af 1px solid;
}

div.ContextualPopup .Userpic {
padding: 12px;
background-color: #f5e3cb;
margin: 0px;
border: #d7c4af 1px solid;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #71265e !important;
}

div.ContextualPopup div.Inner a:hover {
background-color: transparent;
}

div.ContextualPopup .Relation {
letter-spacing: 0px;
margin-bottom: 5px;
padding-bottom: 5px;
}

Live preview: test_layout02
Tested in: Firefox, 1440x900
Accounts: Basic, Plus, Paid
Style: Smooth Sailing
Disabled: Metadata, nav links
Custom comments: No
Contextual pop-ups: Yes
Credit: secretlovecave
Other credit: Background tiles by 77words. Tiny icons are from Famfamfam.
Notes: You must put the nav links in your link list. !important

The page summary and tags boxes in the sidebar scroll.

Feel free to change what you like. If you have any difficulties or requests, let me know. :)
How to install:

Go to Customize Journal and select "Smooth Sailing". Select "Sidebar on Right". If you are using a plus account, I recommend the ad layout to be between entries.
Click on Customize Selected Theme, and then the Custom CSS page.
Change all drop down boxes to "no".
Paste the above code into the box. Hit the Save Changes button.
Credit secretlovecave in your profile.

style: smooth sailing