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 |
liveBrowsers: 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