(LAYOUT 020 →) freezer burn.

Oct 09, 2011 21:43

This one is for all the other kids with the pumped up kicks, but it's not a bullet. I went blue crazy though, so proceed with caution. Also, its a smooth sailing design meaning more complicated, less simplistic. Enjoy.



FREEZER BURN (BLUE); static | live
Browsers: Chrome, Firefox, IE, Safari
Accounts: Basic and Paid



DETAILS
Style sheet - Smooth Sailing
Comment pages - Nope
Elements enabled - Sidebar elements
Disabled - Title/subtitle
Ad placement - None
Screen Resolution tested in - 1280x1024
Appearance - Large font sizes of Lucida Sans and Georgia, body is width of entire page, a lot a lot of sky blue with gradients, great for journals with lots of entries.

INSTALL
Go to Customize -> Select a Smooth Sailing stylesheet.
Page setup -> 2 Column (sidebar on left) option selected.
Sidebar tab -> hide everything except for the free text sidebox, tags sidebox, and latest month sidebox.
Custom CSS tab -> Set all dropdown menus to NO.

Input code //;

/* entitled: freezer burn */
/* stylesheet: smooth sailing */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */

body {
font-family: Lucida Sans, sans-serif;
color: #A3A3A3;
background-attachment: fixed;

}

textarea, input, select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #BFBFBF;
font-size:11px;
color: #B5B5B5;
line-height:15px;
padding:1px;
margin: 3px;
}

blockquote {
font-family: courier new;
color: #919191;
background-attachment: fixed;
background-image: url("http://i51.tinypic.com/2j5nga8.png");
padding: 7px;

}

blockquote i, blockquote em, blockquote b {
font-family: courier new;
font-size: 11px;
color: #919191;
}

.pageblock {
width: 100%;
background-color: #BAE8F8;
margin: auto;
margin-top:-10px;
margin-bottom:-10px;
padding: 0;
color: #E5D7E1;
background-attachment: fixed;
font-size: 9px;
background-image: url("http://farm3.static.flickr.com/2114/3528860293_73d765b9e6.jpg");
}

a {
font-size: 10px;
color: #33B8E0;
font-family: georgia, serif;
text-decoration: none;
letter-spacing: 0px;
text-transform:uppercase;
}

b, strong {
color: #73626E;

}

i, em {
color: #A3DBCD;
font-family: Times, serif;
font-size: 12px;
}

a:hover {
color: #A3DBCD;
}

.entryHeaderDate a {
color: #A3A3A3;
text-decoration: none;
}

.entryHeaderDate a:hover {
color: #A3A3A3;
text-decoration: none;
}

.header-title {
display: none;
}

/* FOR NAVIGATION */

.header-menu {
margin-bottom: 15px;
background: white;
width:100%;
}
.header-menu a {
font-family: lucida sans, sans-serif;
font-size:23px;
padding: 15px 15px 15px 15px;
font-style: italic;
color: #8ED8F0;
letter-spacing: -2px;
text-transform: lowercase;
text-align: center;
margin-bottom: 15px;

}

.header-menu a:link, .header-menu a:active, .header-menu a:visited {
margin-bottom: 15px;
background: white;
border-top:5px solid #54C3E5;
border-bottom:5px solid #B4E5F6;

}

.header-menu a:hover {

}

.header-subtitle {
display: none;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 2;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.pageheaderblock {
border-top:60px solid #33B8E0;
text-align: center;
}

.pagefooterblock {
border-bottom:60px solid #33B8E0;
font-size: 11px;
text-align: right;
padding: .5em;
letter-spacing: none;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #CEE2E2;
}

/* ENRTY BODY */
.bodyblock {
padding: 12px 42px;
}

.bodyheaderblock {
margin: 0 auto;
padding-top: 10px;
}

.bodynavblock {
text-align: right;
}

.bodynavblock a, .bodynavblock a:visited {
color: #BCBCBC;
}

/* PAGE VIEW */
.body-title {
display: none;
}

.body-midtitle {
font-family:Arial, sans-serif;
font-size: 18px;
color: #AFAFAF;
text-align: center;
padding-left: 8px;
background-color: white;
}

/* JOURNAL ENTRIES */
.entryHolder {
color: #919191;
width:835px;
background-image:url("http://i53.tinypic.com/29ln6g1.png");
padding: 15px;
font-family:Lucida Sans, sans-serif;
font-size: 11px;
border-top: 1px solid #EFEFEF;
text-align: justify;
z-index:1;
}

.entryUserinfo {
position:relative;
margin-top: -55px;
margin-left: -120px;
border-top: 21px solid #33B8E0;
text-align: center;
z-index:6;

}

.entryUserinfo-usericon img {
position:relative;
background-color: #98DBF1;
padding:25px;

}

.entryText {
padding: 15px;
background: white;
line-height: 1.5em;
width: 655px;
min-height:170px;
}

/* DATE AND SUBJECT */
.entryHeaderDate {
background: none;
color: #828282;
font-family:georgia;
text-align:center;
font-size: 10px;
letter-spacing: 1px;
margin: 5px;
text-transform: uppercase;
z-index:0;
}

.entryHeader {
background: white;
color:#828282;
font-family:Lucida Sans, sans-serif;
font-size:20px;
padding: 10px;
margin: 0;
z-index:0;
}

.entryHeader a {
color: #e0e0e0;
text-align:center;
font-family:Lucida Sans, serif;
font-size: 25px;
line-height: 22px;
letter-spacing: -2px;
font-weight:bold;
text-transform: uppercase;

.entryHeader a:hover {}

}

/* SUBJECT LINE */
.entryHeaderSubject {
display: block;
background: white;
font-size: 0px;

}

.entryMetadata {
padding:5px 0px 7px 7px;
text-align: left;
background: white;
z-index: -1;
width:675px;
}

.entryMetadata ul {
margin: 0px;
padding: 0px;
z-index: -1;
}

.entryMetadata li {
list-style: none;
background:none repeat scroll 0 0 transparent;
display:block;
list-style:none outside none;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
z-index: -1;
}

.entryMetadata-label {
font-weight: bold;
color: #919191;
padding-right: 4px;
z-index: -1;
}

/* ENTRY COMMENT LINKS */
.entryLinkbar {
font-family:courier new;
background:none repeat scroll 0 0 white;
font-size: 10px;
text-align: right;
align: right;
padding: 4px 0px 4px 0px;
margin-bottom:0;
text-transform: uppercase;
width: 682px;
}

.entryLinkbar a {
background:none repeat scroll 0 0 transparent;
color:#919191;
letter-spacing:0;
text-transform:uppercase;

}

.entryLinkbar a:hover {
color:#A3DBCD;

}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 2px;
margin: 0px;
display: inline;
}

.commentHolder {
color: #A3A3A3;
background-color: #BAE8F8;
border-top: 10px solid #33B8E0;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
border-top: 12px solid #ffffff;
margin: 0;
}

.commentUserinfo-usericon img {
text-align: center;
padding: 22px;
border: none;
background-color: #33B8E0;
margin:0;
}

.commentText {
padding: 6px;
background-color: white;
width:700px;
min-height:144px;
margin-left:0;
}

.commentHeader {
background-color: #ffffff;
color: #939393;
font-family:Arial, sans-serif;
font-size: 13px;
padding: 4px 0px 4px 8px;
}

.commentHeader a {
color: #A3A3A3;
}

.commentHeaderScreened {
font-family:Arial, sans-serif;
font-size: 11px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
font-weight: none;
font-size: 14px;
font-style: Arial, sans-serif;
}

.commentLinkbar {
font-family:Arial, sans-serif;
font-size: 11px;
color: #A3A3A3;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 5px 5px 5px 5px;
margin-bottom: 3px;
background-color: white;
display: inline;
}

#commenttext {

}

.replyform {
padding-left: 10px;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding-left: 4px;
padding-right: 4px;
}

.month {
width: 100%;
background: white;
border: 1px solid #dddddd;
margin: 4px 4px 4px 4px;
}

.daysubjects {
color: #000000;
background: white;
padding: 4px 4px 4px 4px;
}

.daytitles {
text-align: center;
border: 0px solid #dddddd;
background: #33B8E0;
color: white;
}

.day-blank {
border: 0px solid #dddddd;
}

.day {
border: 1px solid #dddddd;
}

.day-date {
color: #73626E;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
font-weight: bold;
}

.day-count a {
text-decoration: none;
}

/* GENERAL SIDEBAR */
.sidebar {
color: #919191;
font-size: 11px;
line-height: 1.5em;
margin-left:-15px;
width: 320px;
padding-right:28px;
background-image: url("http://i54.tinypic.com/vkwlx.png");
}

/* WITHIN SIDEBAR */
.sidebox {
color: #919191;
width: 320px;
}

/* SIDEBOX TITLE */
.sideboxTitle {
background-image:url("http://i55.tinypic.com/in7dyg.png");
font-family: georgia, serif;
font-size: 28px;
color: #ffffff;
padding-top:18px;
text-transform:uppercase;
letter-spacing:-2px;
height:45px;
text-align:center;
border: 1px solid white;
}

.sideboxContent {
text-align: justify;
border-top: 20px solid white;
border-bottom: 20px solid white;
padding: 2px 4px 2px 4px;
background-color: white;
}

.sidebox #profile, sidebox #latestmonth {
text-align: justify;
}

.sidebox #tags_sidebox {
padding-left: 5px;
line-height: .75em;
text-align: left;
color: white;

}

.sidebox #tags_sidebox a {
display: block;
padding-left: 5px;
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #ffffff;
background-image: url("http://i53.tinypic.com/29ln6g1.png");
padding-bottom: 7px;
padding-top: 7px;

}

.sidebox #tags_sidebox a:hover {
color: #919191;
border-bottom: 1px solid #C9C9C9;
border-top: 1px solid #C9C9C9;
background-image: url("http://i53.tinypic.com/29ln6g1.png");
}

.sidebox #systemlinks {
text-align: center;
}

.sidebox #latestmonth table {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.latestmonth-active{
margin:1px;
padding:3px;
}
.latestmonth-inactive{
background:#f7f7f7;
border:1px solid #efefef;
color: #A1DEF3;
margin:1px;
padding:3px;
}
.latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active {
color:#A1DEF3;
text-decoration:none;
}

.latestmonth-active:hover {
background:#ffffff;
color:#33B8E0;
text-decoration:none;
}

.latestmonth-active a:hover
{
color: #999999;
}

.listtitle {
font-weight: none;
}

.profile-label {
font-weight: none;
}

#footer-menu {
padding: 3px;
font-size: 11px;
}

#footer-menu a {
display: none;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}

.tagstable {
width: 500px;
}

/* FOR TINY ICONS */
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
background-image:url("http://i47.tinypic.com/wi7k3m.png");
background-repeat:no-repeat !important;
height:0;
padding:10px 11px 4px 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url("http://i46.tinypic.com/2i6jmnn.gif");
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-image:url("http://i50.tinypic.com/25tun2a.jpg") !important;
background-repeat:no-repeat !important;
height:0;
padding:20px 17px 0 0px !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url("http://i48.tinypic.com/2a9nwwl.gif") !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg") !important;
background-repeat:no-repeat;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url("http://i47.tinypic.com/2i6gvac.gif") !important;
background-repeat:no-repeat;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}

CUSTOMIZE
Editing - Feel free to edit
Just be sure to have a link back to this community as credit somewhere, anywhere on your journal. If something goes awry, I will try to help, but I can't guarantee anything.
Saving/Hosting - It is not required, but it is a good idea if you want to save all images used in a particular layout to your hard drive in case mine become broken.

EXTRANEOUS
→ Credit: Background
Layout Archive: browse through older layouts~
Resources: precarious and hasty outline of various resources used.
MintyApple & MintyHelp: For all your layout needs and problems.
ColourLovers: great place to find palettes.
WATCH & AFFILIATE

feature: full sidebar, feature: gradient, !stylesheet: smooth sailing, #livejournal layouts, feature: background

Previous post Next post
Up