Request Filled - Ever After Layout

[13_illusions]

Requested by cherrygeek86



PLEASE SAVE THESE IMAGES INTO YOUR OWN PHOTO SHARING ACCOUNT... I don't have enough bandwidth to let people just copy and paste the complete code... sorry
Header: http://i975.photobucket.com/albums/ae231/13_illusions/Headers/reqeaheader-1.png

1. Go to the "Journal" dropdown menu on the home page and select "Select Journal Style"
2. In the search box type in "Flexible Squares" and pick which ever one you want... Click "Apply Theme"
3. Go back up to "Journal" and select "Customize Journal Theme" from the drop down menu.
4. on the sidebar select "Custom CSS"
5. Change all 3 options to "No" and place the code below in the "Custom Stylesheet" box
6. Change the spots marked "HEADER" to the url from YOUR file sharing site (please do not just copy and paste my urls...)
7. MAKE SURE YOU CLICK THE "NO" OPTION FOR VISIBLE TAGS!

The Code:

/*------------------------------
General
------------------------------*/

a, a:link, a:visited {
color: #aaa;
text-decoration: none;
}

a:hover {
color: #777;
}

blockquote {
padding: 10px;
border: 1px dashed #444;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

img {
filter: alpha(opacity=90);
moz-opacity: .90;
opacity: .90;
}

/*------------------------------
Body
------------------------------*/

body {
background-color: #000;
text-align: justify;
color: #777;
font-family: arial;
font-size: 11px;
line-height: 20px;
margin: 60px 0 60px 0;
}

.clear {
display: none;
}

#content {
margin: auto;
width: 650px;
}

#maincontent {
margin: auto;
}

.subcontent {
margin: auto;
}

.skiplinks {
text-align: center;
margin-bottom: 20px;
border-top: 1px solid #444;
padding-top: 20px;
color: #222;
background: #222;
font-family: arial;
}

.skiplinks a {
color: #aaa;
}

.skiplinks a:hover {
color: #777;
}

.separator {
height: 50px;
}

/*------------------------------
Header
------------------------------*/
.headerimage{
background: #000000 url(HEADER) no-repeat top center;
padding-top:350px;
}

div#header a, div#header a:link, div#header a:visited {
color: #d0d0d0;
margin-right: 10px;
padding: 8px 16px 8px 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #444;
}

div#header a:hover {
background-color: #333;
}

#header {
font-size: 14px;
text-transform: lowercase;
margin: 0 0 42px 0;
}

li.view {
color: #d0d0d0;
background: #444;
padding: 0;
margin-right: 10px;
padding: 8px 16px 8px 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.subtitle {
display: none;
}

.title {
display: none;
}

ul.navheader {
margin: 0px;
padding: 0px;
text-align: left;
}

ul.navheader li {
display: inline;
list-style-type: none;
}

/*------------------------------
Footer
------------------------------*/

.clearfoot {
display: none;
}

div#footer a, div#footer a:link, div#footer a:visited {
background-color: #444;
padding: 8px 16px 8px 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 20px;
color: #d0d0d0;
}

div#footer a:hover {
background: #333;
}

#footer {
clear: both;
font-size: 14px;
padding: 38px 0 0 0;
border-top: 1px solid #444;
}

li.viewing {
margin: 0 20px 0 0;
color: #777;
}

ul.navfooter {
text-align: left;
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
list-style-type: none;
}

/*------------------------------
Entry
------------------------------*/

.comments {
color: #222;
text-align: right;
text-transform: lowercase;
padding: 20px 0 0 0;
}

.date {
display: none;
float: right;
text-transform: lowercase;
font-size: 9px;
color: #444;
font-family: arial;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #ccc;
font-size: 11px;
padding: 8px 13px 8px 13px;
background-color: #444;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.comments a:hover {
background: #333;
}

.datesubject {
padding: 20px 0 20px 0;
border-top: 1px solid #444;
border-bottom: 1px dashed #444;

}

.entry {
}

.entry_text {
margin-right: 160px;
padding: 30px 0 0 0;
}

.entry ol, .entry ul li {
margin-top: 0px;
margin-bottom: 0px;
}

.ljtags {
background: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/thumbtack.gif) no-repeat left center;
padding-left: 14px;
margin-top: 20px;
font-size: 11px;
}

.ljtaglist {
list-style-type: none;
}

.subject {
font-size: 18px;
color: #aaa;
text-transform: lowercase;
}

.subject a, .subject a:link, .subject a:visited {
font-size: 18px;
color: #aaa;
text-transform: lowercase;
}

.subject a:hover {
color: #888;
}

/*------------------------------
Sidebar
------------------------------*/

#sidebar {
float: top;
margin-bottom: 50px;
border-top: 1px solid #444;
padding-top: 30px;
}

.defaultuserpic {
display: none;
}

li.sbaritem {
list-style-type: none;
}

li.sbaritem a {
display: block;
width: 200px;
padding: 0 0 3px 0;
margin-bottom: 2px;
color: #777;
border-bottom: #444 1px dashed;
list-style-type: none;
text-transform: lowercase;
}

li.sbaritem a:hover {
color: #bbb;
}

li.sbartitle {
display: none;
}

.sbarbody2 {
text-align: justify;
margin: 0 0 0 20px;
width: 420px;
float: right;
}

.calendar {
display: none;
}

.sbarcalendar {
display: none;
}

.sbarcalendarposts {
display: none;
}

.sbarlist {
padding: 0px;
margin: 0px;
}

/*------------------------------
Currents
------------------------------*/

.currents {
margin-right: 160px;
padding: 0 30px 0 0;
font-family: arial;
font-size: 11px;
}

.currentmood {
background: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/heart.gif) no-repeat left center;
padding-left: 14px;
}

.currentmusic {
background: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/music.gif) no-repeat left center;
padding-left: 14px;
}

.currentlocation {
display:none;
}

.currents strong {
font-weight: normal;
}

/*------------------------------
Userpics
------------------------------*/

.userpic, .userpicfriends {
position: relative;
float: right;
text-align: center;
z-index: 15;
background-color: #222 !important;
color: #222;
font-size: 11px;
font-family: arial;
margin-top: 96px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.userpic img, .userpicfriends img {
border: 1px dashed #444;
padding: 15px;
margin-bottom: 10px;
}

.userpicfriends a, .userpicfriends a font {
color: #888;
}

.userpicfriends a:hover, .userpicfriends a:hover font {
color: #aaa;
}

/*------------------------------
Tinyicons
------------------------------*/

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 11px 18px 0px 0px;
background: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/lock.gif);
background-repeat: no-repeat;
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
width: 0;
height: 0;
padding: 11px 18px 0px 0px;
background: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/lock.gif);
background-repeat: no-repeat;
}

.ljuser img {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/cube.gif);
background-repeat: no-repeat;
padding: 15px 11px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/cube.gif);
background-repeat: no-repeat;
padding: 15px 11px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v77/dmgurl89/layouts/corbeau/home.gif);
background-repeat: no-repeat;
padding: 15px 12px 0 0 !important;
}

/*------------------------------
Contextual Popup
------------------------------*/

div.ContextualPopup {
margin: 5px 0 0 20px;
font: normal 11px arial !important;
}

div.ContextualPopup img {
border: 0;
}

div.ContextualPopup div.Inner {
background-color: #222 !important;
color: #777 !important;
border: 1px solid #444;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
width: 20em;
}

div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
margin-right: 50px;
line-height: 1.4;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: normal;
color: #aaa !important;
}

/*------------------------------
Comment Page
------------------------------*/

.box {
clear: left;
background-color: #222;
padding: 30px;
width: auto;
font-family: arial;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top: 1px solid #444;
margin-bottom: 30px;
}

.commentbox {
background-color: #222;
border-bottom: 1px solid #444;
padding: 20px 0 10px 0;
margin: 10px 0 10px 0;
}

.commentboxpartial {
background-color: #222;
border-bottom: 1px solid #444;
padding: 20px 0 10px 0;
margin: 10px 0 10px 0;
}

.commentreply {
margin: 10px 0 0 130px;
}

.datesubjectcomment {
}

input, textarea, select {
font-family: arial;
font-size: 11px;
color: #777 !important;
padding: 2px;
background-color: #222 !important;
border: 1px solid #444;
}

.reply {
position: relative;
}

.userpiccomment {
position: relative;
z-index: 15;
float: left;
margin: 0 15px 0 0;
border-right: 1px dashed #444;
padding-right: 15px;
}

#qrform table {
border: 1px solid #444 !important;
padding: 10px;
margin: 10px auto 20px auto;
}

/*------------------------------
LJ Navigation Bar
------------------------------*/

table#lj_controlstrip td {
background-color: #222;
color: #777;
border: 1px solid #444;
border-left: 0px;
font-size: 9px;
}

#lj_controlstrip a {
color: #aaa;
}

#lj_controlstrip_statustext {
color: #999;
}

/*------------------------------
Tags Page
------------------------------*/

.ljtaglist {
list-style-type: none;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px dashed #444;
padding: 3px 0 3px 0;
}

h2 {
background-color: #222;
text-align: left;
padding: 30px 0 0px 0;
border-top: 1px solid #444;
text-transform: lowercase;
font-size: 18px;
color: #777;
font-weight: normal;
margin-bottom: -19px;
}

ul.ljtaglist {

font-family: arial;
background-color: #222;
color: #777;
text-align: left;
padding: 30px 0 0 0;
}

/*------------------------------------
Calendar Page
------------------------------*/

ul.year {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
padding-top: 30px;
border-top: 1px solid #444;
}

ul.year li {
display: inline;
list-style-type: none;
}

table.yeartable td.yeardate {
border: 1px solid #333;
}

table.yeartable td.yearday{
border: 1px solid #333;
background-color: #333;
text-align: center;
color: #ccc;
font-weight: bold;
text-transform: lowercase;
}

table.yeartable {
background: #222;
padding: 30px;
font-family: arial;
border: 1px dashed #444;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}