Request Filled - Multi-Fandom Layout

Nov 15, 2009 21:56

Requested by strongpetite1

Preview:





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/Layouts/reqmultiheader1.png
Background 1: http://i975.photobucket.com/albums/ae231/13_illusions/Layouts/reqmultiback1.png
Background 2: http://i975.photobucket.com/albums/ae231/13_illusions/Layouts/reqmultiback2.png
Background 3: http://i975.photobucket.com/albums/ae231/13_illusions/Layouts/reqmultiback3.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", "BACKGROUND 1", "BACKGROUND 2" and "BACKGROUND 3" to the url from YOUR file sharing site (please do not just copy and paste my urls...) The easiest way to do this is to copy and past the code in MS Notebook and use the "Replace with..." option to replace the words.... it's faster than looking for each background place!

The Code:

/* Cleaned CSS: */

body {
background-color: #413e41;
text-align: center;
color: #FBEFEF;
font-family: "Georgia", sans-serif;
font-size: 13px;
margin: 20px 0 20px 0;
background-image:url(BACKGROUND 1);
background-repeat:repeat;
}

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

a:hover {
color: #8A0886;
text-decoration: underline;
}

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

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

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 870px;
margin-left: auto; margin-right: auto;
background-color: #fffae2;
border-width: 1px;
border-style: solid;
border-color: #fffae2;
padding: 15px;
background-image:url(BACKGROUND 2);
background-repeat:repeat;
}

#maincontent {
margin-top: 15px;
font-family: "Georgia", sans-serif;
font-size: 13px;
background-color: transparent;
color: #190707;
border-style: solid;
border-color: transparent;
border-width: 3px;
margin-right: 180px;
text-align: left;
-moz-border-radius: 4.0%;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: transparent;
border-color: transparent;
border-width: 3px;
border-style: solid;
font-size: 13px;
font-family: "Georgia", sans-serif;
color: #FBEFEF;
width: 167px;
float: right;
text-align: left;
-moz-border-radius: 4.0%;
background-image:url(BACKGROUND 2);
background-repeat:repeat;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 3px;
border-style: solid;
border-color: transparent;
border-width: 1px;
background-color: transparent;
color: #FFFFFF;
}

.headerimage {
position: relative;
width: 900px;
height:350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url("HEADER");
background-repeat: no-repeat;
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #610B5E;
}

div#header a:hover, div#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

/*title and subtitle*/
.title {
font-family: "Georgia", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 200%;
top: 10px;
color: #FFFFFF;
}

.subtitle{
font-family: "Georgia", sans-serif;
font-size: 13px;
font-weight: normal;
top: 10px;
color: #FFFFFF;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

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

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

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

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

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #fffae2;
color: #FFFFFF;
font-family: "Georgia", sans-serif;
font-size: 13px;
text-align: left;
border-width: 2px;
border-color: transparent;
border-style: solid;
-moz-border-radius: 4.0%;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

.userpic {
position: relative;
float: left;
background-color: transparent;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 2px;
border-color: transparent;
border-style: solid;
}

.date {
line-height: 200%;
top: 5px;
color: #E6E6E6;
font-family: "Georgia", sans-serif;
font-size: 10px;
background-color: transparent;
}

.subject {
font-weight: normal;
padding: 10px;
color: #F2F2F2;
font-family: "Georgia", sans-serif;
font-size: 30px;
letter-spacing: 5px;
background-color: transparent;
}

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

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

.datesubject {
background-color: transparent;
padding: 5px;
border-width: 10px;
border-color: transparent;
}

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

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

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Georgia", sans-serif;
font-size: 13px;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Georgia", sans-serif;
font-size: 13px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
-moz-border-radius: 4.0%;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #F2F2F2;
font-weight: bold;
}

div.comments a:hover {
color: #F2F2F2;
text-decoration: bold;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
float: left;
background-color: transparent;
padding: 5px;
margin: 10px;
text-align: center;
border-style: dashed;
border-width: 1px;
border-color: transparent;
font-family: "Georgia", sans-serif;
font-size: 13px;
z-index: 15;
}

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

.defaultuserpic {
text-align: center;
}

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

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

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

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

div#sidebar a:hover {
color: #F2F2F2;
text-decoration: none;
}

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

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

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

.sbarcalendarposts {
border-color: #F5A9F2;
border-width: 1px;
border-style: solid;
background-color: #424242;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 13px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 2px;
border-color: transparent;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
color: #FBEFEF;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
-moz-border-radius: 4.0%;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
background-color: transparent;
color: #FBEFEF;
border-color: transparent;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}

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

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

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

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

ul.year li {
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #000000;
background-color: #000000;
color: #E6E6E6;
background-image: url(BACKGROUND 3);
background-repeat: repeat;
}

table.yeartable td.yearday {
color: #E6E6E6;
text-align: center;
background-color: transparent;
border-color: transparent;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 20px;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
color: #D8D8D8;
-moz-border-radius: 4.0%;
}

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

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: transparent;
padding: 10px;
clear: left;
background-color: transparent;
}

input, textarea {
background-color: transparent;
color: #D8D8D8;
}

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

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 13px;
line-height: 125%;
background-color: #fffbe9;
color: #000000;

}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 13px;
font-family: "Georgia", sans-serif;
color: #4e3200;
background-color: #fffbe9;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

.commentbox {

border-color: transparent;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
-moz-border-radius: 4.0%;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

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

.datesubjectcomment a:hover {
color: #E6E6E6;
}

.commentboxpartial {
border-color: transparent;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
-moz-border-radius: 4.0%;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
background-image:url(BACKGROUND 3);
background-repeat:repeat;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {

height: 15px;
}

.ljtags {
margin-top: 25px;
}

graphics: layouts, requests, layouts: multi-fandom

Previous post Next post
Up