LiveJournal Layout - Game of Thrones: Kings Landing

[janine42584]

~Please Comment if Taking
~Please Credit janine42584 if using





Made this awhile back, posting because GoT season 2 is almost here!!!! That and I was going to ponder what the point is of having a chair in a bathroom ... but I've decided to scratch that part of the post :P

*It's been awhile since I posted a layout ... if there are problems with anything please let me know*

NEW INSTRUCTIONS

CODE STEP 1:
Copy Code into Notepad (or some other program similar)

There are four images in this layout:
BODYURL
HEADERURL
SIDEBARURL
USERPICURL

CODE STEP 2:
HOST THESE IMAGES TO YOUR OWN SERVER (Photobuck // ImageShack // TinyPic // etc.)
***If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.***

CODE STEP 3:
Find and replace each new URL with their corrisponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be BODYURL and "replace with" would be your new URL -> Click "Replace All" (do this for each image url)

BLURB BOX
This isn't needed, but it will make the blurb text look better (more centered)
1. Copy Code to Notepad
2. Replace "BLURB TEXT HERE" with whatever you want it to say in the box
3. Copy Code (with text) and paste in blurb box

BLURB TEXT HERE

USING THE OVERRIDE CODE

1. Click "Journal Style"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste your code with your image URLs
8. Click "Save Changes" and there you have it!

IMPORTANT - In order to use the layout below you must have a "Default User Pic" something written in your "Blurb Box" a list of "Links" and "Tags"

1. Click "Journal Style"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. At the bottom of the page select "2 Column (sidebar on left)"
5. If you have a basic/plus account - make sure ad placement is "Horizontal"
6. Click "Customize Selected Theme"
7. Under "Customize Your Theme" Select "Sidebar"
8. Make sure ALL dropdowns in the first section "Setup" say "Yes"
9. Scroll Down to the Bottom where is says "Ordering"
10. Your Ordering should be as such:
Default Userpic
Blurb
Link List
Tags
Page Summary
Calendar
11. Click "Save Changes"
12. Now select "Custom CSS" (the last link on the side list)
13. Make sure all dropdown boxes say "NO"
14. Copy and paste the override code into the box provided
15. Click "Save Changes" and there you have it!




Override Code

/* Layout Created By Janine - http://janine42584.livejournal.com */
/* Cleaned CSS: */

body {
background: url(BODYURL) top center repeat-y #766c73;
text-align: center;
color: #685e66;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}

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

a:hover {
color: #4d2d2c;
text-decoration: underline;
}

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

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

#content
{
width: 950px;
margin-left: auto; margin-right: auto;
padding: 0px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}

#sidebar {
background: url(SIDEBARURL) top center no-repeat transparent;
padding-top: 0px;
margin-top: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #685e66;
width: 950px;
float: justify;
text-align: left;
height: 290px;
}

#header {
height:210px;
background: url(HEADERURL) top center no-repeat transparent;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight: bold;
color: #867c80;
}

#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #685e66;
z-index: 100;
clear: both;
text-transform: uppercase;
line-height: normal;
}

/* 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: #867c80;
}

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

ul.navheader
{
padding-top:495px;
padding-right:5px;
color: #867c80;
font-family: "Verdana", sans-serif;
line-height: normal;
text-transform: uppercase;
margin-right:50px;
margin-top:0px
}

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

.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
display:none;
}

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

/* sidebar */

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

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

.defaultuserpic {
text-align: center;
float:left;
padding-top:0px;
padding-right:25px;
padding-left:25px;
margin-top:-160px;
}

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

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

.sbarbody2 {
width:380px;
padding-left:10px;
padding-top:10px;
padding-right:5px;
float:left;
height:165px;
overflow:auto;
margin-top:-190px;
margin-left:150px;
}

.sbarbody#sidebar_linklist {
width:170px;
height:165px;
text-align: left;
float:left;
padding-left:10px;
padding-right:5px;
margin-top:-190px;
margin-left:555px;
}

.sbarbody#sidebar_tags {
width:200px;
overflow:auto;
height:165px;
float:right;
text-align: left;
padding-left:5px;
padding-right:5px;
margin-right:5px;
margin-top:-190px;
margin-left:55px;
}

#sidebar_summary li.sbaritem {
display:none;
}

table.calendar {
display:none;
}

.sbarcalendar {
display:none;
}

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

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

li.sbartitle
{
display:none;
}

/* maincontent */

.subcontent {
}

.entry {
margin: 0px 10px 10px 45px;
padding: 10px;
background-color: #dbdadf;
color: #685e66;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry_text {
overflow: hidden;
}
.entry_text .ljtags {
clear: both;
}

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

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

.userpic {
position: relative;
float: right;
padding: 5px;
margin: 75px 10px 10px 10px;
z-index: 15;
background: url(USERPICURL) top center no-repeat transparent;
width:112px;
text-align:center;
}

.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
z-index: 15;
background: url(USERPICURL) top center no-repeat transparent;
width:112px;
text-align:center;
}

.date {
line-height: 200%;
top: 5px;
color: #3d2e34;
font-family: "Verdana", sans-serif;
font-size: 11px;
border-top: 1px dotted #3d2e34;
margin-right: 40px;
padding-left:5px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #3d2e34;
font-family: "Verdana", sans-serif;
font-size: 12px;
border-bottom: 1px dotted #3d2e34;
margin-right: 25px;
text-transform: uppercase;
margin-left: 15px;
letter-spacing:1px;
}

.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #3d2e34;
/*color: #000000;*/
text-decoration: none;
}

/*.subject a:hover {
color: #4d2d2c;
}*/

.datesubject {
padding: 5px;
margin-left: 20px;
}

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

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

div.comments a, div.comments a:link, div.comments a:visited{
color: #000000;
}

div.comments a:hover {
color: #4d2d2c;
text-decoration: none;
}

/* maincontent -- entry, reply pages */

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

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

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #c6c8d0;
padding: 10px;
clear: right;
}

input, textarea {
background-color: #dbdadf;
color: #685e66;
}

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-color: #dbdadf;
color: #685e66;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #685e66;
}

.commentbox {

border-color: #c6c8d0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dbdadf;
}

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

.datesubjectcomment a:hover {
color: #4d2d2c;
}

.commentboxpartial {
border-color: #c6c8d0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dbdadf;
}

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

/* maincontent -- year/achive 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: #c6c8d0;
}

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

td.yearmonth {
border-style: none;
}

/* footer */

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

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

.clearfoot {
clear: both;
}

/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}

.headerimage {
/* for formatting header image */
}

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

* 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: #c6c8d0;
background-color: #766c73;
}

div.ljtags {
margin: 10px 0px 0px 0px;
font-weight: bold;
}

.userpicfriends {
background-color:#dbdadf !important;
}

.userpicfriends a font {
color:#000000;
}

.entry img {
max-width: 650px; overflow: hidden;
}

#lj_controlstrip {
background-color: #766c73;
background-image: none;
}

#lj_controlstrip td {
color: #685e66;
border-bottom: 1px solid #c6c8d0;
}

#lj_controlstrip_statustext {
color: #685e66;
}

#lj_controlstrip a {
color: #000000;
}

#lj_controlstrip_user,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
border-right: 1px solid #c6c8d0;
}

#lj_controlstrip_login td {
border-bottom: 0;
}

#lj_controlstrip td td {
border-bottom: 0;
}

#lj_controlstrip_userpic {
background-image: url(http://l-stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptdbdadf685e66);
}

#lj_controlstrip_loggedout_userpic {
background-image: url(http://l-stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptdbdadf685e66);
}

/* Cleaned CSS for new ControlStrip */
.w-cs {
background: #766c73;
color: #dbdadf;

}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:hover,
.w-cs A:active {
color: #dbdadf !important;
}
/* User info */
.w-cs .w-cs-userinfo {
background: #766c73;
border-color: #c6c8d0;
}
/* Summary */
.w-cs .w-cs-summary {
background: #766c73;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-color: #c6c8d0;
}