anon_e_mousse (

anon_e_mousse) wrote,
@ 2011-10-13 17:26:00

Rainbow Links Layout for Scribbld

Scribbld Instructions
1. Follow this tutorial to get a Bloggish base layout.

2. Go to "Customize".

2. Select "Customize your theme".

3. Scroll down to where it says "Disable customized comment pages for your journal". Change it to "Yes". (This will disable the comment page that goes ugly after people comment).

4. Scroll down to Additional Options. Change the Layout type to Two column (sidebar on the left). SAVE CHANGES.

5. Scroll back up. Go to Custom CSS. Choose Yes for using "Base Weblog" stylesheet.

6. Paste in your layout codes in the Custom Stylesheet box. Make sure you change all the "USERNAME"s to whatever your username is or the rainbow links won't link to your journal. SAVE CHANGES.

Codes:

/* ---------------------------------------------------- 
 		MISC 
  ---------------------------------------------------- */

a, a:link {color: #212121; text-decoration: none; font-weight: bold }
a:hover {color: #f7f7f7; }

h1, h3, h4, h5, h6 { margin: 5px 0px; font-weight: bold;}
h2 { color: #000; font-size: 15px; font-family: tahoma; text-transform: uppercase; font-weight: 700; }

blockquote { line-height: 110%; margin: 5px 15px; color: #313131; padding: 5px; 
}
ol { margin: 19px 40px; padding: 0px; list-style: upper-roman; }

input, textarea { margin: 1px; border: 1px solid #cccccc; color: #444444; }

font { font-family: inherit; font-size: inherit; color: inherit }

/* ---------------------------------------------------- 
 		BODY & PAGE LAYOUT 
  ---------------------------------------------------- */

html { margin: 0px; padding: 0px; }

body { margin: 0px; padding: 0px; 
background: #000000; 
background-attachment: fixed; 
font-size: 9pt; 
font-family: helvetica, arial, sans-serif;
line-height: 130%; 
text-align: center; }

#container { width: 100%; margin: 0px auto; padding: 0px; text-align: left; }

#container-inner { width: 720px; background: #transparent;margin: 0px auto; }

#pagebody { margin: 0px auto; padding: 0px;background: #transparent; }

#alpha, #beta, #gamma { display: inline; }

#alpha {  background: #transparent !important;padding: 0px; padding-top: 0px}

#beta {  margin-top: 0px; background: #transparent}

#alpha-inner { width: 670px; height: 20px; padding: 0px 0px 0px 0px;background: #transparent; margin-top: 50px; margin-left: 5px;}
#beta-inner {width: 680px; background: #transparent !important; padding-left: 10px; padding-right: 15px;}

/* ---------------------------------------------------- 
 		HEADER & BANNERS 
  ---------------------------------------------------- */

#banner {     background-color: #000000;
     background-image: url("http://img571.imageshack.us/img571/8775/header1m.png");
     background-origin: padding-box;
     background-repeat: no-repeat;
     height: 250px;
     margin-top: 0px;
     margin-bottom: -50px;
     margin-left: 120px;}
#banner h1, #banner h2 { display: none; }

/* ---------------------------------------------------- 
 		ENTRIES & CONTENT 
  ---------------------------------------------------- */

.entry-content { position: static;clear: both;}
.entry-content li { }

.date-header { color: #000000;font-size: 12px; text-align: left; font-family: tahoma; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; width: 110px;margin-bottom: -35px !important;padding-left: 35px; margin-top: 40px; margin-left: 100px; background: transparent!important;}

.entry-header {color: #000000; font-size: 15px; font-family: tahoma; text-transform: uppercase; font-weight: 700; line-height: 15px; text-align: right; background: #ffffff; padding-top: 20px; padding-bottom: 0px; margin: 0px; margin-left: 120px; padding-right: 35px; min-height: 15px; }
.entry-header a:link, 
.entry-header a:visited, 
.entry-header a:active {text-decoration: none; color: #ff00ff;}
.entry-header a:hover {font-weight: 700; color: white; text-decoration: none}

.lj-view-recent .entry-userpic {display: none;}
.lj-view-recent .poster {display: none;}
.entry-userpic { margin-top: 0px!important; color: #000000; margin-left: 0px!important; float: left!important; background: #000000;}
.entry-userpic img {padding:10px!important; background: #000000 !important; }
.entry-userpic a:link, .entry-userpic a:visited, .entry-userpic a:active {font-weight: bold; 
text-decoration: none; font-size: 12px; color: #ff00ff; line-height: 100%}
.entry-userpic a:hover {font-weight: 700; font-size: 12px; color: #000000; line-height: 100%}
.poster { width: 80px; text-align: center; font-size: 10px; padding-left: 15px; padding-right: 15px; font-colour: #000000;}
.poster img {border: 0 !important;}

.entry-body {padding: 20px 35px 20px 35px; background: #fff; text-align: justify; font-size: 8.5pt; font-family: tahoma; color: #000000; min-height: 150px;
line-height: 111%;  margin-left: 120px;}
.entry-body a:link, 
.entry-body a:visited, 
.entry-body a:active { color: #ff00ff; font-weight: bold;text-decoration: none;}
.entry-body a:hover {color: #fff;}

.post-footers {display: block; margin: 3px 0px 0px 0px; }

.entry-footer {font-color: #00ff00!important; font-size: 0px; margin: 0px 0px 0px 0px; text-align: center; color: #fff; padding-bottom: 10px; margin-top: 10px; padding-top: 3px;  margin-left: 120px;} 
.entry-footer a, .entry-footer a:link, .entry-footer a:visited, .entry-footer a:active {font-color: #00ff00; font-size: 11px; font-family: tahoma; font-weight: normal!important; text-transform: lowercase; padding: 4px}
.entry-footer a:hover {color: black}
.trackback-footer,
.comment-footer,
.comments-open-footer, 
.archive-content {clear: both; margin: 5px 0px 15px 0px;}

.content-nav { margin: 0px;  background: #000; width: 780px;align: center; text-align: center; position: absolute; bottom: -30px;color: #000; left: -0px; padding:10px; margin-left: 120px;}
.content-nav a { color: #ff0000; text-transform: lowercase; line-height: 100%;  font-family: tahoma;font-size: 18px; text-decoration: none; font-weight: normal}
.content-nav a:hover { color: #000;}
.content-nav, .skiplinks { margin: 0px;  background: #000; width: 780px;align: center; text-align: center; position: absolute; bottom: -30px;color: #000; left: -0px; padding:10px;}
.content-nav, .skiplinks a { color: #ff0000; text-transform: lowercase; line-height: 100%;  font-family: tahoma;font-size: 18px; text-decoration: none; font-weight: normal}
.content-nav, .skiplinks a:hover { color: #000;}

.metadata {margin: 10px 0px;line-height: 1.2em;}
.metadata img {display: none;}

.ljtags {clear:both; font-family: georgia;line-height: 100%; color: #fff;
font-size: 0px; font-weight: bold;text-transform: lowercase; padding-top: 10px; margin-bottom: 0px; padding-bottom: 0px; line-height: 6px;  }

.ljtags a, .ljtags a:link, .ljtags a:visited, .ljtags a:active {color: #ff00ff; text-decoration: none; font-weight: normal; font-size: 7.5pt; font-style: italic; padding-right: 10px}
.ljtags a:hover {color: #000; text-decoration:line-through; }

.separator {}

.entry {position: static; overflow: hidden; clear: both; margin-bottom: 20px; background: #transparent; }
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; clear: both; margin-bottom: 20px; background: #transparent}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {clear: both; margin: 0px;}
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {clear: both;}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {width: 240px;}
#comment-bake-cookie {margin-left: 0px; vertical-align: middle;}
#comment-post {font-weight: bold;}

img.image-full {width: 100%;}
.image-thumbnail {float: left; width: 115px; margin: 0px 10px 10px 0px;}
.image-thumbnail img {width: 115px; height: 115px; margin: 0px 0px 2px 0px;}

/* ---------------------------------------------------- 
 		MODULES & STUFF 
  ---------------------------------------------------- */

.module {
}

.module-header {display:none}

.module-content {background: #transparent;}

.module-content a:link,
.module-content a:visited,
.module-content a:active {
text-decoration: none;}

.module-content a:hover {}
.module-viewlinks li { 
}

.module-list {	
margin: 0px; padding:0px;
list-style-type: none;
}

.module-list-item {
margin: 0px; padding: 0px 0px 0px 8px;

}

.module-pagesummary, .module-syndicate, .module-powered, .module-photo, .module-categories, .module-typelist {display:none}

.module-calendar {display:none}

.module-viewlinks {margin-left: 115px; margin-right: 0px; top: 140px; width: 620px;}
.module-viewlinks ul { }
.module-viewlinks li.module-list-item {display: block; float: left; padding-left: 10px; padding-right: 10px;}
.module-viewlinks a[href="http://www.scribbld.com/users/USERNAME/"] {color: #FF0000; font-family: tahoma; font-size: 18px; line-height: 100%; text-transform: lowercase;}
.module-viewlinks a[href="http://www.scribbld.com/users/USERNAME/friends"] {color: #00FF00; font-family: tahoma; font-size: 18px; line-height: 100%; text-transform: lowercase;}
.module-viewlinks a[href="http://www.scribbld.com/users/USERNAME/calendar"] {color: #FFFF00; font-family: tahoma; font-size: 18px; line-height: 100%; text-transform: lowercase;}
.module-viewlinks a[href="http://www.scribbld.com/users/USERNAME/profile"] {color: #00FFFF; font-family: tahoma; font-size: 18px; line-height: 100%; text-transform: lowercase;}
.module-viewlinks a:hover {color: #000000;}

/* ---------------------------------------------------- 
 		TAGS & CALENDAR 
  ---------------------------------------------------- */

.lj-view-tags #beta-inner {margin-top: -10px !important; padding-top:  20px !important; padding-bottom: 20px !important; background-color: #fff; text-align: left; padding-left: 35px; width: 565px}
ul.ljtaglist a, dl a {color: #444; line-height: 100%;  font-family: arial;font-size: 11px; font-weight: bold; text-decoration: none}
ul.ljtaglist a:hover, dl a:hover {color: #fff;}

ul.ljtaglist {font-size: 10px;
margin: 0px; padding: 10px; margin-top: -4px;
list-style-type: none; 
}

ul.ljtaglist li {
margin: 0px; padding-left: 30px;
}

.lj-view-archive #beta-inner { width: 530px; margin-top: 20px !important; padding-top:  20px !important; padding-bottom: 20px !important; background-color: #fff; text-align: left; margin-left: 130px; }

.lj-view-archive #beta-inner table {width: 400px; margin-left: auto !important; margin-right: auto !important; background-color: #fff; border: 0px!important}
.lj-view-archive #beta-inner table th {padding: 5px 0px; border: 3px solid #fafafa!important; background: #fff!important; text-align: center; color: #000; font-size: 15px; font-family: arial; text-transform: uppercase; font-weight: 700; line-height: 15px;}
.lj-view-archive #beta-inner table td {padding: 5px; border: 3px solid #fafafa!important; background: #fff!important;}
.lj-view-archive #beta-inner ul {margin: 0px 20px; list-style-type: none; border: 0px!important}
.lj-view-archive #beta-inner ul li {display: inline; padding-right: 20px; border: 0px !important}

.lj-view-archive #beta-inner a {color: #ff00ff; line-height: 100%;  font-family: arial;font-size: 11px; font-weight: bold; text-decoration: none }
.lj-view-archive #beta-inner a:hover {color: #fff; }

.lj-view-month #beta-inner dl {line-height: 1.5em;}
.lj-view-month #beta-inner dt {margin-bottom: 5px; padding-bottom: 5px;}
.lj-view-month #beta-inner dd {margin-bottom: 1em; padding-left: 3em;}

/* ---------- DO NOT REMOVE BELOW ---------- */
.module li {display: block;}
/* ---------- DO NOT REMOVE ABOVE ---------- */

/* ---------------------------------------------------- 
 		REPLACEMENT ICONS 
  ---------------------------------------------------- */

.ljuser a {border-bottom:none!important;padding-bottom: 0px; 
}

.ljuser a b {
padding-left:0px; 
}

.ljuser a:hover b {text-decoration: none;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */

background-image: url(http://i52.tinypic.com/eu3exc.gif) !important;
padding: 5px 3px 2px 2px !important;
}

.ljuser img[src="http://www.scribbld.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/eu3exc.gif) !important;
padding: 6px 10px 6px 1px !important;
}

.ljuser img[src="http://www.scribbld.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i53.tinypic.com/2ijm0p5.gif) !important;
padding: 9px 11px 3px 1px !important;}

.entry-footer .permalink {color: #ff0000!important;} 
.entry-footer a[href*=reply] {color: #ffff00!important;}
.entry-footer a {color: #ffff00!important;}
.entry-footer a[href*=editjournal] {color: #ff00ff!important;}
.entry-footer a[href*=edittags] {color: #ff00ff!important;} 
.entry-footer a[href*=memadd] {color: #00ff00!important;}
.entry-footer a[href*=subscriptions] {color: #00ffff!important;}
.entry-footer a[href*=tellafriend], .entry-footer a[href*=flag] {display: none;}

.comments { width: 600px;}
.comments-header, .comment-header {color: #000; font-size: 15px; font-family: arial; text-transform: uppercase; font-weight: 700; line-height: 15px; text-align: right;background: white; padding-top: 20px; padding-bottom: 0px; margin: 0px; min-height: 15px; padding-right: 20px;}

.comment-content {background: white; padding: 20px;; padding-left: 30px;padding-right: 30px; padding-top: 10px; padding-bottom: 20px;background: #fff; text-align: justify; font-size: 9pt; font-family: helvetica, helvetica, arial, sans-serif; color: #999; min-height: 120px; line-height: 111%; }
.comment-userpic { margin-top: 15px!important; color: #647d8c; margin-left: 15px!important; float: left!important}
.comment-userpic img {padding:9px!important; background: white !important; border: 1px solid #F6F6F6!important; }
.comment-userpic a:link, .comment-userpic a:visited, .comment-userpic a:active {font-weight: bold; 
text-decoration: none; font-size: 12px; color: #444; line-height: 100%}
.comment-userpic a:hover {font-weight: 700; font-size: 12px; color: #f7f7f7; line-height: 100%}
.poster img {border: 0 !important}
.comment-footer { font-size: 10px; margin: 0px 0px 0px 0px; text-align: left;  color: #777; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase;} 
.comment-footer a, .comment-footer a:link, .comment-footer a:visited, .comment-footer a:active {color: #000; text-transform: uppercase; line-height: 100%; font-size: 11px; font-weight: bold;}
.comment-footer a:hover {color: #ededed}

.comment-footer img[src="http://www.scribbld.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat !important; background-image: url(http://i52.tinypic.com/eu3exc.gif) !important; padding: 9px 1px 6px 10px !important;}

.comment-footer img[src="http://www.scribbld.com/img/community.gif"] {width:0; height: 0; background-repeat: no-repeat !important; background-image: url(http://i53.tinypic.com/2z7kg8j.jpg) !important; padding: 9px 0px 8px 10px !important; }

Images:
Header - http://img571.imageshack.us/img571/8775/header1m.png
Header Size - 580px x 250px

Any problems? Comment here.

(Read comments)

Post a comment in response:

scribbld is part of the horse.13 network
Design by Jimmy B.
Logo created by hitsuzen.
Scribbld System Status