Someone fancies a Sam/Gabriel Layout?

[bm_shipper]

I was kinda bored and that led me to play around with Photoshop and then I created a Sam/Gabriel Layout... :-) And I thought, I could share it... maybe someone of you wants to use it for his LJ... who knows ;-)

The credit for the layout itself goes to janine42584 who just does incredible layout... I just kinda changed the colors and header and so on and worked a few hours and that's the result ;-)



Picture ♥ Live Preview

How to get the layout in your Journal for using:

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!

I also made a fitting Icon for you to use with the Layout ;-)



The Layout code you have to copy to the "custom stylesheet" area:

body {
background-color: #4A2236;
text-align: center;
color: #9D6380;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}

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

a:hover {
color: #A36D87;
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: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}

#sidebar {
background: url(http://www.abload.de/img/sidebarurleeqa.png) top center no-repeat transparent;
padding-top: 0px;
margin-top: 0px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #9D6380;
width: 950px;
text-align: justify;
height:200px;
}

#header {
background: url(http://www.abload.de/img/sgheader22u6i.png) top center no-repeat transparent;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
color: #6B4055;
height:300px;
}

#footer {
text-align: center;
font-family: "Verdana", sans-serif;
line-height: normal;
text-transform: uppercase;
letter-spacing: .2em;
font-weight:bold;
color: #6B4055;
z-index: 100;
clear: both;
height:35px;
background: url(http://www.abload.de/img/footerurluefd.png) center center no-repeat transparent;
}

/* 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: #6B4055;
}

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

ul.navheader {
margin-top: 0;
height: 150px;
position: relative;
padding-top:50px;
padding-right:40px;
}

ul.navheader li {
text-align: right;
list-style-type: none;
padding: 0 3px;
margin: 3px 0;
color: #6B4055;
font-weight:bold;
font-variant:small-caps;
background: url(http://www.abload.de/img/headernavurl3umi.png) top right no-repeat transparent;
}
.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: #6B4055;
}

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

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

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

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

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

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

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

#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 30px;
padding: 10px;
background-color: #4A2236;
color: #9D6380;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 1px;
border-color: #4A2236;
border-style: solid;
}

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

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

.userpic {
position: relative;
float: right;
background-color: #4A2236;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #4A2236;
border-style: solid;
}

.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #4A2236;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

.date {
border-top: 1px dotted #E1C497;
line-height: 200%;
top: 5px;
color: #E1C497;
font-family: "Verdana", sans-serif;
font-size: 13px;
padding-left:25px;
margin-left:50px;
}

.subject {
border-bottom: 1px dotted #E1C497;
font-weight: bold;
padding: 10px;
padding-left:15px;
margin-left:75px;
margin-right:25px;
color: #E1C497;
font-family: "Verdana", sans-serif;
font-size: 12px;
}

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

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

.datesubject {
background: url(http://www.abload.de/img/datesuburl9fbg.png) top left no-repeat transparent;
padding: 5px;
line-height: normal;
text-transform: uppercase;
letter-spacing: .1em;
margin-right:125px;
}

.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: #6B4055;
}

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

/* maincontent -- entry, reply pages */

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

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

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

input, textarea {
background-color: #4A2236;
color: #9D6380;
}

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: #4A2236;
color: #9D6380;
}

.replytosubject {
font-weight: bold;
}

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

.commentbox {

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

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

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

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

.commentinfo {
background-color: #4A2236;
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: #4A2236;
}

table.yeartable td.yearday {
background-color: #4A2236;
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: #4A2236;
background-color: #4A2236;
}

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

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

#lj_controlstrip {
background-color: #4A2236;
background-image: none;
}

#lj_controlstrip td {
color: #9D6380;
border-bottom: 1px solid #4A2236;
}

#lj_controlstrip_statustext {
color: #9D6380;
}

#lj_controlstrip a {
color: #6B4055;
}

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

#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/pt000000f9f4d8);
}

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