?

Log in

No account? Create an account
 
 
29 June 2008 @ 03:48 pm
layout, jaeho themed  
Finally I finished the layout I prommised [info]moon1084




Layout style: flexible squares
Works with navbar
Works with ads (for best view horizontal or between entries)

code:
/* Cleaned CSS: */



body {
background: url(http://pics.livejournal.com/astridlinga/pic/00094b4b) top center no-repeat fixed;
text-align: center;
color: #793425;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}

a, a:link, a:visited {
color: #793425;
text-decoration: underline;
}

a:hover {
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;
text-decoration: underline;
}

p, td, blockquote {
font-size: 11px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 80%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
background-color: #a6c5c8;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
border: none;
padding: 0px;
}

#maincontent {

margin-top: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background: none;
color: #793425;
border-color: #793425;
border-width: 1px;
border-style: solid;
margin-right: 166px;
text-align: right;
}

#sidebar {
padding-top: 0px;
margin: 10px 0px 10px 5px;
display: block;
background-color: none;
border-style: solid;
border-color: #793425;
border-width: 1px;
font-size: 11px;
font-family: "Verdana", sans-serif;
width: 165px;
float: right;
text-align: center;
}

#header {
height: 463px;
background: url(http://pics.livejournal.com/astridlinga/pic/000952h5) top center no-repeat transparent;
margin: 0px;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-width: 1px;
border-color: #793425;
color: #793425;
display: block;
}

#footer {
display: inline;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: none;
color: #793425;
border: none;
z-index: 100;
clear: both;
}

/* header -- links to views; title of journal; subtitle of journal */




div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #793425;
text-decoration: none;


}

div#header a:hover, div#footer a:hover {
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;
text-decoration: none;

}

ul.navheader
{
padding: 324px 25px 10px 10px;;
margin: 0px;
}

ul.navheader li {
display: block;
padding: 0 3px 0 3px;
}

.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 200%;
align: right;
padding-right: 20px;
}

.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
}


/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #793425;
}

div#sidebar a:hover {
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;

text-decoration: none;
}

.defaultuserpic {
margin-top: 15px;
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #ffffff solid;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #793425;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #793425;
border-width: 1px;
border-style: solid;
background-color: none;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem, .tagcloud
{
text-align: center;
padding-left: 15px;
list-style: none;
display: inline;
align: center;
}

li.sbartitle{
text-align: center;
list-style: none;
border-style: solid;
border-width: 1px;
border-color: #793425;
background: none;
margin-bottom: 10px;

}


/* maincontent */

.subcontent {
}

.entry {
padding: 10px;
background-color: none;
margin: 0px 15px 20px 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border: none;
}

.entry ul li
{

padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #793425;
background: none;
padding: 5px;
margin: 10px;
z-index: 15;
float: left;
border-width: 1px;

}

.userpicfriends {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #793425;
background: none;
padding: 5px;
margin: 10px;
z-index: 15;
float: left;
border-width: 1px;
}

.date {
margin-right: 5px;
line-height: 150%;
top: 5px;
background-color: #a6c5c8;
filter: alpha(opacity=85);
opacity: 0.85;
border: none;
font-family: "Verdana", sans-serif;
font-size: 10px;

}

.subject {
font-weight: bold;
margin-right: 5px;
background-color: #a6c5c8;
filter: alpha(opacity=85);
opacity: 0.85;
font-family: "Verdana", sans-serif;
font-size: 12px;
border: none;
}

.subject a, .subject a:link, .subject a:visited {
color: #793425;
}

.subject a:hover {
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;

text-decoration: none;
}

.datesubject {
background: none;
padding: 5px;
}

.currents, .currentmood, .currentmusic {
aling: left;
color: #793425;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 10px 5px 10px 5px;
display: inline;
}

.comments {
padding: 5px;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background: none;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
bottom: 5px;
border: none;

}

div.comments a, div.comments a:link, div.comments a:visited{
color: #793425;
text-decoration: underline;
}

div.comments a:hover {
url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;

text-decoration: underline;
}


/* maincontent -- entry, reply pages */

.datesubjectcomment {
background: none;
padding: 5px;
margin-top: 20px;
color: #793425;
border: none;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #793425;
background: none;
bottom: 20px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
}

.box {
border: none;
padding: 10px;
clear: left;
}

input, textarea {
background: none;
color: #793425;
}

textarea.textbox {
width: 95% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background: none;
color: #793425;
border: none;
}

.replytosubject {
font-weight: bold;
border: none;
}


.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #793425;
border: none;
text-align: left;
}

.commentbox {

border: none;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #793425;
}

.datesubjectcomment a:hover {
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) top center;

text-decoration: underline;
}

.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: none;
}

.commentinfo {
border: none;
background-color: none;
margin-top: 10px;
width: 100%;
}


/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: block;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #793425;
}

table.yeartable td.yearday {
background-color: none;
text-align: center;
}

td.yearmonth {
border-style: none;
}


/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: block;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
}


/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}



.separator{
/* for formatting separators between entries */
margin-top: 10px;
background: url(http://pics.livejournal.com/astridlinga/pic/000aqarw) center center;
height: 12px;

}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #793425;
background-color: none;
}




Instructions:

Choose flexible squares theme (choose a theme acording to the add colors you want)
Go to custimize your theme
In custom css put all options to no
in the space below paste the code
works best in firefox

Please credit if taking. You can modify it as much as you want and I would apreciate if you could upload the images to your own server and then change the urls in the code, but its not a must.

Credit to astridlinga  or lifeminusloveThis is my first time sharing a layout so please gimme feedback and tell me about errors XD
Tags: ,
 
 
Current Location: home
 
 
 
zackery_faelan on June 29th, 2008 11:35 pm (UTC)
Awesome!
I haven't found any problems with your theme! Congratulations on your first post! I've credited for using it in bio.
Thanks for posting it!
lingie: adorkableastridlinga on June 30th, 2008 01:17 am (UTC)
Re: Awesome!
aigoo!! TY!! ♥♥♥
My Obsession, My Love, My  YunJaemoon1084 on June 30th, 2008 03:42 am (UTC)
gaaaaaaaaah i love it! thanks so much! i will use it when i get a chance. its beautiful
feelin_blu: jaehofeelin_blu on July 16th, 2008 05:31 am (UTC)
I love it! Using it now and will credit, of course, thank you!
sheaux  シャオ ウェイ: TOMA ♥♥♥sheaux on July 17th, 2008 09:58 am (UTC)
very pretty~ ♥ but i just changed my layout so i'll give this a miss~ (>.<)