Fuesch's graphics & layouts - Vote Saxon layout

House Rules

~~Driver picks the music, shotgun shuts his cakehole.~~

Everything is snaggable - no need to ask.

Please credit.
<lj user=fuesch>

Comments are great.

Nominations are awesome.

If you find a typo, please let me know!

If you'd like a graphic customized, just ask - please don't edit it yourself.

I don't mind if you adjust layouts a bit.

Got a question? Don't be afraid to ask. But keep it on topic.

If your question/comment doesn't fit into any entry, please send me a message.

Tags

Page Summary

lydzi.livejournal.com — (no subject) [+0]

October 2025

Previous | Memories | Tell Someone | Next

fuesch

28 May 2011 @ 02:59 pm

Vote Saxon layout

Vote Saxon

Click here for live preview, then click on the layout's icon.

info

Based on Flexible Squares.
Works for all account types.
Tested in Firefox 3, Google Chrome 9 and Internet Explorer 8 and only properly working in one of them. Apparently I lost my ability to make layouts that work, because there's a minor problem with the comments and their icons in Chrome and a big IE problem where the sidebar gets cut off. DX

how to

Go to the Customize Journal page.

Make sure Style System is S2.

Choose the Flexible Squares layout.

Go to Custom CSS
» Use layout's stylesheet(s): No
» Use layout's stylesheet(s) when including custom external stylesheet: No
» Use external stylesheets: No
insert custom stylesheet

/* Vote Saxon
http://fuesch.livejournal.com/24893.html */

body {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/bg.jpg) top left;
text-align: center;
color: #443E37;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}

a, a:link {
color: #925C54;
text-decoration: none;
}

a:active {
color: #C22912;
}

a:visited {
color: #AC8C7E;
}

a:hover {
background: #925C54;
color: #FFFFFF;
}

code, kbd, pre, tt {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}

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

blockquote {
padding: 10px;
background: #FFFFFF;
border: 3px solid #000000;
}

q {
font-style: italic;
}

/* GENERAL ----------------------------------------------------------------------------------------------------------------------------------------------------- */

.clear {
height: 15px;
}

#content {
margin: 100px;
background: #ffffff url(http://fatfrog.info/Ma/A/layout/votesaxon/content.png);
padding: 0px 20px 20px 20px;
border-right: 1px solid #ABA09C;
border-bottom: 1px solid #ABA09C;
}

#header {
margin: 0px 0px 50px 126px;
padding-top: 50px;
font-size: 20px;
color: #EAE7E4;
font-weight: bold;
text-transform: uppercase;
text-align: left;
z-index: 100;
clear: both;
}

ul.navheader {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul.navheader li {
display: inline;
margin-right: 30px;
}

div#header a, div#header a:link, div#header a:visited {
color: #000000;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/keinKreuz.gif) center left no-repeat;
padding-left: 23px;
}

div#header a:hover {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/Kreuz.gif) center left no-repeat;
padding-left: 23px;
color: #000000;
text-decoration: none;
}

.view {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/Kreuz.gif) center left no-repeat;
padding-left: 23px;
color: #000000;
}

.title {
font-size: 24px;
}

.subtitle {
font-size: 12px;
}

#sidebar {
margin: -12px 0px 0px 0px;
width: 200px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

.sbarbody {
margin: 0px 0px 25px 0px;
padding: 0px;
}

.sbarbody2 {
margin: -24px 0px 25px 0px;
padding: 5px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

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

li.sbartitle {
margin: 0px 0px -10px 0px;
padding: 10px;
list-style: none;
background: #000000;
color: #FFFFFF;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
text-align: center;
}

.tagcloud {
padding: 0px;
list-style: none;
}

li.sbaritem {
margin: 0px 0px 1px 0px;
padding: 5px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

.count {
font-size: 9px;
}

.defaultuserpic {
text-align: center;
}

.defaultuserpic img {
padding: 5px;
border: 3px solid #000000;
}

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

.sbarcalendar {
padding: 2px 4px;
border: #F7F6F6 2px solid;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
text-align: center;
font-size: 11px;
}

.sbarcalendarposts {
padding: 3px;
border: #000000 2px solid;
background-color: #FFFFFF;
text-align: center;
font-size: 11px;
font-weight: bold;
}

.sbarcalendarposts:hover {
background: #925C54;
}

.sbarcalendarposts:hover a {
color: #FFFFFF;
}

#maincontent {
margin: 0px 230px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

#footer {
margin-left: 126px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
z-index: 100;
clear: both;
}

ul.navfooter{
margin: 0px;
padding: 0px;
text-align: left;
list-style-type: none;
}

ul.navfooter li {
display: inline;
margin-right: 30px;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #000000;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/keinKreuz.gif) center left no-repeat;
padding-left: 23px;
}

div#footer a:hover {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/Kreuz.gif) center left no-repeat;
padding-left: 23px;
color: #000000;
text-decoration: none;
}

.viewing {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/Kreuz.gif) center left no-repeat;
padding-left: 23px;
color: #000000;
}

.clearfoot {
clear: both;
}

/* ENTRIES & FRIENDS ------------------------------------------------------------------------------------------------------------------------------------------- */

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

.userpic {
position: relative;
float: left;
margin: 0px 10px 10px 0px;
top: 0px;
left: 0px;
padding: 5px;
background: #ffffff;
border: 3px solid #000000;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
margin: 0px 10px 10px 0px;
top: 0px;
left: 0px;
padding: 5px 5px 3px 5px;
background: #ffffff!important;
border: 3px solid #000000;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 15;
}

.userpicfriends img {
margin-bottom: 2px;
}

.userpicfriends, .userpicfriends font {
color: #000000;
}

.userpicfriends font:hover {
color: #FFFFFF;
}

.datesubject {
margin: 0px 0px 0px 126px;
background: #000000;
}

.date {
float: right;
margin: 10px 0px 10px 10px;
padding: 10px;
text-align: center;
color: #9D9A95;
border-left: 2px solid #9D9A95;
}

.subject {
margin: 0px;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
font-variant: small-caps;
}

.subject a, .subject a:link {
color: #ffffff;
}

.subject a:visited {
color: #F7F6F6;
}

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

.entry {
margin: 0px 0px 0px 126px;
padding: 10px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

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

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

.ljtags {
margin-top: 15px;
color: #000000;
font-size: 10px;
}

.currents {
margin-top: -15px;
color: #000000;
font-size: 10px;
}

.comments {
margin: 0px -10px 0px 0px;
text-align: right;
color: #F7F6F6;
text-transform: uppercase;
font-size: 10px;
position: relative;
}

div.comments a, div.comments a:link {
margin-left: -9px;
padding: 10px;
border-left: 2px solid #443E37;
font-weight: bold;
}

div.comments a:visited {
color: #AC8C7E;
}

div.comments a:hover {
background: #925C54;
color: #FFFFFF;
border-left: 2px solid #443E37;
}

.separator {
height: 35px;
}

/* COMMENTS ---------------------------------------------------------------------------------------------------------------------------------------------------- */

.skiplinks {
margin: 0px 0px -6px 0px;
text-align: right;
color: #FFFFFF;
text-transform: uppercase;
font-size: 10px;
}

.skiplinks a, .skiplinks a:link {
margin-left: -9px;
padding: 10px;
border-left: 2px solid #443E37;
font-weight: bold;
}

.skiplinks a:hover {
text-decoration: none;
background: #000000;
color: #FFFFFF;
}

.box {
clear: left;
}

.commentbox {
margin: 20px 0px;
padding: 0px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

.datesubjectcomment {
margin: 0px;
padding: 10px;
background: #000000;
color: #9D9A95;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
}

.datesubjectcomment strong {
color: #ffffff;
font-size: 16px;
}

.userpiccomment {
position: relative;
float: left;
margin: -5px 10px 10px -5px;
top: 0px;
left: 0px;
padding: 5px;
background: #ffffff;
border: 3px solid #000000;
z-index: 15;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.commentboxpartial {
margin: 20px 10px;
padding: 10px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

#content + div {
background-color: transparent!important;
border: none!important;
}

/* COMMENTING ------------------------------------------------------------------------------------------------------------------------------------------------- */

.replytoposter {
margin: 0px;
padding: 10px;
background: #000000;
color: #9D9A95;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
}

.replytosubject {
color: #ffffff;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
padding: 0px 10px 10px 10px;
}

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

input, textarea {
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
color: #443E37;
}

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

/* CALENDAR ---------------------------------------------------------------------------------------------------------------------------------------------------- */

.lj-view-month .entry {
margin: 0px;
}

ul.year {
padding-bottom: 40px;
text-align: center;
font-size: 16px;
font-weight: bold;
}

ul.year li {
display: inline;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
padding: 10px;
}

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

td.yearmonth {
border-style: none;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

table.yeartable td.yearday {
background: #000000;
padding: 10px;
text-align: center;
font-size: 16px;
color: #ffffff;
font-weight: bold;
font-variant: small-caps;
}

table.yeartable td.yeardate {
padding: 5px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

table.yeartable td.yeardate a {
font-weight: bold;
}

/* TAGS -------------------------------------------------------------------------------------------------------------------------------------------------------- */

.lj-view-tags #maincontent {
padding: 0px 50px;
}

.ljtaglist {
margin-left: -40px;
}

ul.ljtaglist {
list-style: none;
}

ul.ljtaglist li {
margin-bottom: 5px;
padding: 5px;
background: url(http://fatfrog.info/Ma/A/layout/votesaxon/entry.png);
}

/* EXTRAS ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.caption img {
margin-bottom: 2px;
}

.caption {
padding: 5px;
background: #FFFFFF;
border: 3px solid #000000;
font-size: 11px;
text-align: left;
}

.captionless img {
padding: 5px;
background: #FFFFFF;
border: 3px solid #000000;
}

.spoiler {
padding: 2px;
background: #000000;
color: #000000;
}

.spoiler a, .spoiler a:link, .spoiler a:active, .spoiler a:visited, .spoiler a:hover {
color: #000000!important;
}

The ads of a plus account take their color from the Custom Options. If you want to adjust the colors, go to Style and change Page - Background color of the outer table and Entries - Border color of the content and header/footer boxes.

Tags: - layouts, doctor who

1 comment | Leave a comment

( Post a new comment )

lydzi.livejournal.com on August 29th, 2011 03:38 pm (UTC)

Oh oh shiny! Using and crediting in my profile :). Thanks a lot for sharing <3

(Reply) (Link)