?

Log in

 
 
11 September 2008 @ 08:20 pm
18: Count on You Layout (for yellowbandaid)  
yellowbandaid bb, I hope the lyt (layout) works for you~ tell me if you want any changes. Enjoy :D !

MINT's Notes
  • This layout may be used by yellowbandaid only.
  • Please do NOT alter the codes [and images] in any way, and do NOT remove the credits.
  • If you're not satisfied with something in the layout, just tell me.
  • The layout comes with an icon. ^^
  • Credits: CSS Base codes from premade_ljs | Texture used from tuku at dA.
PREVIEW + ICON
INSTRUCTIONS
1. Make sure you're using the S2 layout type.
2. Go to Change Journal Theme. Type in "Smooth Sailing" for the themes selection and choose any "Smooth Sailing" theme. Press Apply Theme.
3. Scroll down to Choose a Page Setup. Choose either "2 Column (sidebar on left)" or "2 Column (sidebar on right)". Press Apply Layout.
4. Press Customize Journal Theme. In the left sidebar, click Custom CSS.
5. Choose "No" in both drop-down choices for "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet".
6. Copy & paste the CSS codes on the "Custom stylesheet" field. Press "Save Changes".
7. You're done! :D Check your LiveJournal page to see your new layout.

CSS CODES

/*MINTCHOCOPIE: MintChoco;Abbey*/
/*LYT06;COUNTONYOUforCRYSCLEAR*/
/*CSSBASECODESbyPREMADE_LJS*/
/* PAGE */

body {
font-family: Tahoma;
font-size: 8pt;
margin: 10px;
background-color: #5B5B59;
color: #ece4d7;
background-image: url( );
background-repeat: repeat;
}
a {
color: #B2B1AC;
font-weight: lighter;
text-decoration: none;
}
a:visited {
color: #B2B1AC;
font-weight: lighter;
text-decoration: none;
}
a:hover {
color: #F3CC20;
font-weight: lighter;
text-decoration: none;
}

.pageblock{
width:753px;
margin: 0 auto;
background-color: #FFFFFF;
}
.pagefooterblock{
background-color: transparent;
color: #ffffff;
padding: 15px;
margin-top: 0px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}

/* HEADER */

.pageheaderblock {
text-align: left;
background: url(http://i254.photobucket.com/albums/hh96/abbeyloveshero/06Header.jpg);
width: 753px;
height: 420px;
}

.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;

}
.header-menu {
padding: 2px 0px 0px 0px;
background-color: transparent;
font-family: Tahoma;
font-size: 10px;
text-transform: uppercase;
text-align: center;
left: 7px;
position:relative;
top:425px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 3px;
color: #F3CC20;
text-decoration: none;
background-color: transparent;
margin: 2px;
}
.header-menu a:hover {
color: #ffffff;
background-color: transparent;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 10px 10px 0px 0px;
margin-left: 5px;

}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: transparent;
color: #fff;
margin: 10px 0px 4px 0px;
padding: 9px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #fff;
text-align: center;
}
.body-title {
display: none;
}
.body-midtitle {
font-family: Century Gothic;
font-size: 18px;
color: #F3CC20;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #000;
background-color:#fff;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 0px;
line-height: 15px;
margin: 4px 0px 4px 0px;
text-align: justify;
}
.entryUserinfo {
text-align: center;
margin: 5px 6px 3px 5px;

background-color: transparent;
}
.entryUserinfo-usericon img {
padding: 2px;
border: 0px;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: transparent;
color: #F3CC20;
font-family: Century Gothic;
font-size: 12px;
padding: 4px 0px 4px 8px;
font-weight: normal;
text-transform: no transform;

}
.entryHeader a{
color: #000;
}
.entryHeaderSubject {
font-weight: bold;
display: block;
color: #212121;
}
.entryHeaderDate a {
color: #000000;
text-decoration : none;
}
.entryHeaderDate a:hover {
color: #000000;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: Tahoma;
font-size: 11px;
color: #F3CC20;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
blockquote{
background-color: #fcfaf1;
color: #353535;
padding: 5px;
border: 1px solid #ccc;
}

/*FOOTER*/

#footer-menu {
font-size: 11px;
background-color: transparent;
}
#footer-menu a, .footer-menu a:visited {
color: #d7d7d7;
white-space: nowrap;
padding: 6px;
text-align: left;
}


/*SIDEBAR*/

.sidebar {
font-family: Tahoma;
font-size: 8pt;
margin: 4px;
width: 175px;
letter-spacing: 0px;
line-height: 15px;
background-color: #fff;
padding: 5px;
}
.sidebox {
color: #393939;
background-color: transparent;
margin: 4px 0px 4px 0px;

}
.sideboxTitle {
background-color: #F3CC20;
color: #FFFFFF;
font-family: Tahoma;
font-size: 11px;
padding: 0px;
text-align: center;
text-transform: uppercase;
border-top: 1px dashed #F3CC20;
border-bottom: 1px dashed #F3CC20;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;

}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}




/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #F3CC20;
background-color: #ffffff;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 0px;
line-height: 15px;
margin: 10px;
text-align: justify;
padding: 4px;
}
.commentUserinfo {
text-align: center;
margin: 5px 6px 3px 5px;
background-color: transparent;
}
.commentUserinfo-usericon img {
border: 1px dashed #F3CC20;
padding: 2px;
}
.commentText {
padding: 6px;
}
.commentHeader {
padding: 13px 0px 0px 0px;
background-color: transparent;
font-family: Century Gothic;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
text-align: left;
padding-right: 40px;
color: #000;
font-weight: normal;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: Tahoma;
font-size: 11px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: Tahoma;
font-size: 11px;
color: #B2B1AC;
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: #000000;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #dddddd;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #fff;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #c0c0c0;
background: #fff;
color: #000;
}
.day-blank {
border: 1px solid #c0c0c0;
}
.day {
border: 1px solid #c0c0c0;
}
.day-date {
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
color: #ccc;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #FF2534;
}

/*TAGS PAGE*/

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