(no subject)

Jul 22, 2009 16:35



full image live

style: Smooth Sailing
compatability: should be for everything but I only have IE and FF
This layout will look terrible with a plus account, so don't try it unless you hide the sidebar.
Make sure that you have your links in your link list, or else they won't show up.
Under Presentation set UserIcon visibility to 'show on all pages except recent entries'
I set my tags to be on the same line as the subjects

/* Cleaned CSS: */
/* PAGE */

body {
font-family: Arial, sans-serif;
font-size: 10px;
margin: 20px 0px 20px 0px;
background-color: #444444;
color: #666666;
background-image: url();
background-repeat:
}

a {
font-weight: none;
color: #FF0066;
text-decoration: none;
}
a:hover {
color: #33ccff;
text-decoration: none;
}

.pageblock{
background-image: url();
background-position: top center;
background-repeat: no-repeat;
padding-top: px;
background-color: #FFFFFF;
width: 800px;
margin: 0 auto;
}
.pagefooterblock {
text-align: left;
font-family: Trebuchet MS, sans-serif;
background-color: #33ccff;
color: #33ccff;
padding-top: 40px;
margin-top: 0px;
font-size: 0px;
}
.pagefooterblock a, .pagefooterblock a:visited {
text-align: right;
color: #666666;
}
.pageheaderblock {
background-color: #33ccff;}

/* HEADER */

.pageheaderblock {
padding-top: 20px;
text-align: left;
}

.header-title {
background-color: #33ccff;
text-align: left;
text-transform: lowercase;
padding: 0px 20px 0px 20px;
font-family: century schoolbook;
font-size: 40px;
display: block;
color: #444444;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}
.header-menu {
display: none;
text-align: center;
letter-spacing: 2px;
padding-right: 18px;
background-color: #ffffff;
font-family: Trebuchet MS;
text-transform: uppercase;
font-size: 7pt;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: right;
padding: 2px 6px 2px 6px;
color: #666666;
text-decoration: none;
}
.header-menu a:hover {
color: #999999;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
text-align: center;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 2px 20px 0px 20px;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
padding-bottom: 10px;
text-align: center;
}
.bodynavblock a, .bodynavblock a:visited {
color: #666666;
}
.body-title {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #666666;
background-color: #ffffff;
font-family: Arial, sans-serif;
font-size: 10px;
margin-top: 2px;
padding: 8px;
}
.entryUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
margin: 8px 4px 8px 8px;
}

.entryUserinfo a{
font-weight: lighter;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
}

.entryUserinfo-usericon img {
font-weight: none;
border: 0;
margin-top: -18px;
display: none;
}
.entryText {
font-weight: none;
text-align: justify;
padding: 6px;
}
.entryHeader {
text-align: right;
color: #000000;
font-family: ;
font-size: 12px;
padding: 4px 4px 4px 8px;
border-bottom: 1px #f0f0f0 solid;
}
.entryHeader a{
font-weight: none;
color: #000000;
}
.entryHeaderSubject {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
font-weight: none;
}
.entryHeaderDate {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
}
.entryHeaderDate a {
color : #000000;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.entryMetadata {
text-align: right;
padding-left: 2px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
padding: 1px;
}
.entryMetadata-label {
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
display: inline;
padding: 5px;
margin: 0px;
}

.entryHeaderTags a {
font-weight: none;
color: #FF0066;
text-decoration: none;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
}

.entryHeaderTags a:hover {
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
text-decoration: none;
color: #33ccff;}

/*FOOTER*/

#footer-menu {
margin-top: 10px;
text-align: center;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
}
#footer-menu a, .footer-menu a:visited {
color: #666666;
white-space: nowrap;
padding: 6px;
text-align: right;
}

/*SIDEBAR*/

.sidebar {
background-color: #ffffff;
font-family: Arial, sans-serif;
color: #666666;
font-size: 10px;
margin-right: 8px;
margin-top: 10px;
width: 200px;
}
.sidebox {
color: #666666;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: left;
font-family: Trebuchet MS;
font-size: 10px;
color: #444444;
text-transform: uppercase;
}
.sideboxContent {
text-align: left;
padding: 5px 4px 2px 4px;
}
.sidebox #profile, .sidebox #search, .sidebox #latestmonth {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: left;
}
.sidebox #systemlinks {
padding-left: 5px;
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.sidebox #freetext {
padding-right: 5px;
padding-left: 5px;
text-align: left;
}

.listtitle {
font-weight: bold;
}
.profile-label {
font-family: Trebuchet MS, sans-serif;
color: #666666;
font-weight: none;
}

.sidebox #systemlinks a {
display: block;
border-bottom: 1px #f0f0f0 solid;
}

.sidebox #systemlinks a:hover {
display: block;
border-bottom: 1px #f0f0f0 solid;
background-color: #EAEAEA;
color: #FF0066;
}

.sidebox #tags_sidebox {
font-size: 0px;}

.sidebox #tags_sidebox a {
display: block;
font-size: 10px;}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
font-family: Arial, sans-serif;
color: #666666;
background-color: #ffffff;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 10px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
margin: 8px 4px 8px 8px;
text-align: center;
background-color: #ffffff;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
text-align: right;
border-bottom: 1px #f0f0f0 solid;
font-family: Trebuchet MS, sans-serif;
background-color: #ffffff;
color: #666666;
font-family: ;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
background-color: #f0f0f0;
padding: 4px 4px 4px 8px;
}
.commentHeaderSubject {
font-weight: none;
}
.commentLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #666666;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #ffffff;
color: #666666;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #666666;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #fffff;
color: #000000;
}
.day-blank {
}
.day {
}
.day-date {
color: #000000;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #666666;
}

#welcomenoteHolder {
margin-top: 10px;
padding: 10px;
}

.entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
}

.entryHeader img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
}

.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
padding: 8px 10px 0 0;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8655/usergrey2byexcentricib0.gif);
padding: 8px 6px 4px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8655/usergrey2byexcentricib0.gif);
padding: 8px 6px 4px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8172/3squaresbyexcentricxx5.gif);
padding: 7px 7px 2px 2px;
}

/*TAGS PAGE*/

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

blockquote {
border-left: 10px #33ccff solid;
padding: 6px;
color: #444444;
background-color: #EAEAEA;}

I coded this over a year ago, so while it works for me, I can't troubleshoot it anymore. 

layout, nowordforit, challenge 12: design

Previous post Next post
Up