Looked Above (S2 - Smooth Sailing)
Black Grey and Green layout.
This has been on my personal account xhan104 for a while but I decided it was time for a change, so I'm sharng it with you.
Comment if taking and credit in your userinfo!
Link back to apricot_13
For information on installing this layout read the FAQ
Save this as style.css and upload to your own server or link to This file.
In order for this layout to look at its best you must disable the sidebar
/* CSS by Han - http://community.livejournal.com/apricot_13 */
body {
font-family: verdana;
font-size: 9.5px;
text-align: justify;
letter-spacing: 1px;
color: #cccccc;
background-color: #000000;
margin-top: 10px;
}
a:link, a:visited, a:active {
font-weight: bold;
text-decoration: none;
color: #9AD14F;
}
a:hover {
cursor: crosshair;
font-weight: bold;
text-decoration: none;
color: #7d7d7d;
}
img {
border: 0px solid #FFFFFF;
}
.pageblock {
padding: 2px;
position: relative;
width: 700px;
left: 50%;
margin-left: -400px;
background-color: #000000;
}
.pageheaderblock {
background-color: #000000;
}
.header-title {
margin-top: 0px;
font-family: century gothic;
font-size: 0px;
font-weight: bold;
color: #e4e4e4;
text-align: right;
letter-spacing: -2px;
text-transform: lowercase;
border-bottom: 0px dotted #e4e4e4;
line-height: 0px;
}
.header-subtitle {
display: none;
}
.header-menu {
text-align: center;
}
.header-menu li {
text-transform: lowercase;
font-family: times new roman;
letter-spacing: 2px;
font-weight: lighter;
font-size: 9px;
display: inline;
padding: 10px;
position: relative;
left: -45px;
top: -10px;
}
.header-menu a:link, .header-menu a:visited, .header-menu a:active {
color: #9AD14F;
}
.header-menu a:hover {
color: #ffffff;
}
.bodyheaderblock {
margin-top: 0px;
background-color: #9AD14F;
width: 790px;
}
.body-title, .bodyheaderblock {
text-transform: lowercase;
background-color: #ffffff;
color: #FFFFFF;
line-height: 0px;
font-weight: bold;
font-size: 10px;
letter-spacing: 5px;
text-align: center;
margin-bottom: 0px;
width: auto;
}
.sidebox {
width: 0px;
background-color: #000000;
padding: 2px;
margin-right: 0px;
margin-bottom: 0px;
border: 0px dotted #e4e4e4;
padding-bottom: 5px;
visibility: hidden;
}
.sideboxContent {
padding-left: 5px;
}
.sidebox a:link, .sidebox a:active, .sidebox a:visited {
font-weight: normal;
color: #BBBBBB;
}
.sidebox a:hover {
color: #7d7d7d;
cursor: crosshair;
}
.sideboxTitle {
font-size: 11px;
font-weight: bold;
letter-spacing: 5px;
text-transform: lowercase;
color: #9AD14F;
line-height: 24px;
margin-top: -3px;
margin-bottom: 5px;
border-bottom: 1px dotted #e4e4e4;
}
.profile-userpic {
border: 1px solid #e4e4e4;
padding: 2px;
position: relative;
left: 50%;
margin-left: -50px;
}
.profile-label {
font-weight: bold;
text-transform: lowercase;
}
label {
font-weight: bold;
text-transform: lowercase;
}
#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
text-transform: lowercase;
font-weight: bold;
color: #BBBBBB;
}
#latestmonth a:hover {
color: #7d7d7d;
}
#latestmonth table {
position: relative;
left: 50%;
margin-left: -120px;
}
#latestmonth td {
padding: 5px;
}
.latestmonth-inactive {
background-color: #e4e4e4;
text-align: center;
padding: 3px;
}
.latestmonth-active {
background-color: #e4e4e4;
text-align: center;
padding: 3px;
}
input, textarea {
background-color: #333333;
line-height: 20px;
position: relative;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #eeeeee;
margin-bottom: 2px;
margin-top: 2px;
}
#SearchTerm {
position: relative;
left: 0;
width: 150px;
margin-left: 0;
}
#SearchType {
width: 100px;
background-color: #FFFFFF;
line-height: 20px;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #404040;
margin-bottom: 2px;
margin-top: 2px;
}
#tags_sidebox a {
display: block;
margin-bottom: -10px;
}
#tags_sidebox {
color: #FFFFFF;
padding-bottom: 10px;
}
.entryHolder, .commentHolder, .replyform
{
width: 730px;
border: 4px solid #444444;
margin-bottom: 20px;
background-color: #212121;
}
.entryHeader, .commentHeader {
border-top: 1px dotted #404040;
border-bottom: 1px dotted #404040;
padding: 5px;
}
.entryHeaderDate, .commentHeader {
color: #cccccc;
text-transform: lowercase;
}
.entryHeaderSubject img {
margin-bottom: -2px;
}
.entryHeaderSubject {
font-size: 18px;
font-weight: lighter;
letter-spacing: 0px;
text-transform: lowercase;
font-family: "Century Gothic";
color: #9AD14F;
}
.entryUserinfo, .commentUserinfo {
margin: 7px;
}
.entryUserinfo-usericon, .commentUserinfo-usericon {
border: 1px solid #e4e4e4;
padding: 2px;
text-align: center;
}
.entryUserinfo-username {
margin-top: 5px;
text-align: center;
}
.entryText, .commentText {
margin: 10px;
margin-left: 0px;
}
.entryMetadata {
text-transform: lowercase;
color: #cccccc;
font-size: 9px;
}
.entryMetadata li, .commentLinkbar li {
list-style: none;
}
.entryMetadata-label {
font-weight: bold;
}
.entryMetadata-content {
font-weight: normal;
}
.entryMetadata-content a:link, .entryMetadata-content a:active, .entryMetadata-content a:visited {
color: #9AD14F;
font-weight: normal;
}
.entryMetadata-content a:hover {
color: #eeeeee;
}
.entryLinkbar, .commentLinkbar {
text-transform: lowercase;
text-align: right;
background-color: #000000;
margin-bottom: 30px;
margin-top: 20px;
padding: 4px 0px 4px 0px;
z-index: 2;
width: auto;
}
.entryLinkbar li, .commentLinkbar li {
display: inline;
margin: 0px;
padding: 0px 5px 0px 5px;
z-index: 100;
color: #9AD14F;
font-weight: bold;
font-weight: lighter;
font-family: georgia;
font-size: 8px;
letter-spacing: 2px;
}
.entryLinkbar ul, .commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar a:link, .entryLinkbar a:active, .entryLinkbar a:visited, .commentLinkbar a:link,
.commentLinkbara:active, .commentLinkbar a:visited
{
color: #9AD14F;
}
.entrylinkbar a:hover, , .commentLinkbar a:hover {
color: #FFFFFF;
}
#footer-menu {
text-transform: lowercase;
text-align: right;
text-align: center;
}
#footer-menu ul {
padding: 0px;
margin: 0px;
}
#footer-menu li {
display: inline;
padding: 3px;
}
#footer-menu a {
color: #7d7d7d;
white-space: nowrap;
}
.pagefooterblock {
text-transform: lowercase;
text-align: center;
color: #444444;
font-size: 9px;
}
table.month {
margin: 40px;
width: 800px;
}
table.month td {
padding: 5px;
border: 1px dotted #e4e4e4;
}
h2 {
font-family: "century gothic", sans-serif;
font-weight: lighter;
font-size: 20px;
color: #ADD14E;
}
/* CSS by Han - http://community.livejournal.com/apricot_13 */