Your Name - Geco Seven

Geco Seven

Sep. 9th, 2006 at 3:01 PM

I am calling this layout Geco Seven because each module has seven links in it. This isn't so with the "true" version. The user will determine how many links he/she wants. The content area of the the module will scroll if there is more than seven. I am aware that the "K" is left out of the spelling of Geco. This is what the artist named the image and I just stuck with it. Those of you that use this can change the header image to something else.

* Set style to Bloggish
* Make sure theme is set to None. IMPORTANT!!
* Set layout to "Two Column left sidebar" (Custom Options)
* Paste codes into "Custom Options/Custom CSS/Custom Stylesheet" box
* You will want to use your own links for the header.
* If you do not have a tag list, this layout will not display propely (you will be missing a box at the top).
* If you do not have a link list, this layout will not display propely (you will be missing a box at the top).
* In order to work with the mood/music, you must find the following and adjust it to a width that works for your mood theme:

.metadata strong{
padding-left:42px;
}

.module{
width:24%;
float:right;
margin-top:20px;
padding-top:10px;
font-size:11px;
text-align:center;
margin-right:.7%;
}
.module-content{
padding:0;
margin:0;
height:140px;
overflow-y:auto;
overflow-x:hidden;
margin-bottom:10px;
}
.module-photo, .module-syndicate, .module-powered{
display:none;
}

h1, h2,h3{
font-size:12px;
font-weight:normal;
margin:0;
}

#banner{
background: url(http://65.25.185.174:2711/carrie/geco.jpg) no-repeat top center;
height:375px;
}
#container{
width:780px;
margin:0 auto;
margin-top:10px;
background:#A8A28A;
}
#container-inner{
padding:15px;
}
body{
background: #D1D1A6;
color:#84806E;
font-size:11px;
}
#alpha{
background:#7F795F;
}
#beta{
background:#EDECD0;
}
.module-viewlinks{
position:absolute;
top:0;
left:0;
width:745px;
background:#9AB657;
height:20px;
margin-top:0px;
padding-top:0px;
overflow:hidden;
white-space:nowrap;
padding-left:5px;
}
.module-viewlinks a{
float:left;
text-decoration:none;
padding:0 5px;
font-size:10px;
color:black !important;
white-space:nowrap;

}
.module-viewlinks li{
white-space:nowrap;
display:inline;
line-height:20px;
}
.module-viewlinks a:hover{
background:#B5CF74;
border:0 !important;
}
#banner-inner{
margin-left:530px;
text-align:center;
}
#banner-header{
padding-top:140px;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
color:#84806E;
font-family:century gothic;
}
#banner-description{
font-size:10px;
color:#AFAB99;
}

.module a{
color:#B1BF8F;
text-decoration:none;
}
.module a:hover{
border-right:5px solid #5F5B47;
border-left:5px solid #5F5B47;
padding:0 5px;
}
.module-calendar a:hover{
border:0;
padding:0;
}
.module-calendar th{
font-weight:normal;
}
.module-calendar{
color:#4F4D45;
}
.module-header{
background:#8F896B;
padding:2px;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
font-size:11px;
color:#5F5C4D;
}
a{
color:#8FAF41;
text-decoration:none;
}
a:hover{
color:#A2CF33;
}
.entry-body a{
border-bottom:1px dotted;
}
.content-nav{
background:#9AB657;
margin:0;
padding:0;
line-height:20px;
text-align:right;
padding-right:5px;
margin-bottom:10px;
}
.content-nav a{
color:black;
text-decoration:none;
font-size:10px;
}

.date-header{
text-transform:uppercase;
font-size:14px;
background:#A8A28A;
border:1px solid #84806E;
border-left:0;
color:#D1D1A6;
float:left;
padding:5px;
}

.entry-header{
margin-left:10px;
margin-top:10px;
text-transform:uppercase;
color:#4F4D45;
font-size:14px;
}
.metadata img{
position:absolute;
left:12px;
padding:2px;
margin-top:-5px;
}
.metadata strong{
padding-left:40px;

}
.metadata{
font-weight:bold;
font-size:10px;
padding:5px 0px;
color:#4F4D45;
border:1px solid #9F9777;
background:#D1D1A6;
}

.ljtags{
color:#4F4D45;
font-weight:bold;
font-size:10px;
}

.entry-footer{
color:#4F4D45;
font-weight:bold;
font-size:10px;
padding:0;
margin:0;
float:left;
}
.separator{
display:none;
}
.entry-footer a{
display:block;
width:auto;
border-left:5px solid;
margin-bottom:1px;
padding-left:5px;
}
.entry-footer a:hover{
color:#9FAF78;
border-left:5px solid #A2CF33;
}

.entry-userpic img{
border:1px solid #9F9777;
}
p.poster img{
display:none;
}
.entry-userpic{
font-size:10px;
}

body {
scrollbar-track-color: #7F795F;
scrollbar-face-color: #7F795F;
scrollbar-highlight-color: #8F896B;
scrollbar-3dlight-color: #8F896B;
scrollbar-darkshadow-color: #6F6A53;
scrollbar-shadow-color: #6F6A53;
scrollbar-arrow-color: #4F4B3B;
}

Comments

( Leave a comment )

irisri wrote:

Sep. 9th, 2006 10:05 pm (UTC)

Cool! I'm thinking about taking, but will credit if I do :D

Link | Reply | Thread

raiinstorm wrote:

Sep. 10th, 2006 02:43 am (UTC)

Love this Carrie. Gorgeous work. I'm going to snag and change the image. I voted for this one for LLS as well.

Link | Reply | Thread

bitzyroze wrote:

Sep. 10th, 2006 07:36 pm (UTC)

i tryed to install it but it didn't work
i did it all as it's written in instruction....

Link | Reply | Thread

inlipstickred wrote:

Nov. 30th, 2006 09:13 pm (UTC)

this is awesome; i'm using it. thanks!

one question: would it be possible for me to make the page summary only include the last few entries to avoid scrolling? ditto with tags -- is there a way to pick which tags appear and hide the rest? if not it's no big deal, but i'm prissy like that, hee.

Link | Reply | Thread

drsxj wrote:

Mar. 25th, 2007 02:56 pm (UTC)

very prettty, will credit ~

Link | Reply | Thread

nimriye wrote:

Apr. 14th, 2007 06:42 am (UTC)

Gorgeous layout. D: I'm using it with a changed header-- will credit in my userinfo.

Link | Reply | Thread

staginargic wrote:

Sep. 9th, 2007 09:58 am (UTC)

wow..

so i don't use lj that much.. and i have
been trying to get into it..

having an amazing layout with
an even better color scheme is
just what i need :) :) :)

Link | Reply | Thread