➥ ２０４６

[lavaliere]

PREVIEW!

Uploading Instructions:

- Press "Select a New Theme" and type "Flexible Squares" in the search box and select a theme.
- Scroll down to "Choose a Page Setup", and set to sidebar on right.
- Press the "Customize Selected Theme" button.
- Now click "Custom CSS" and change "Use layout's stylesheet(s)" to "no".
- Copy&paste the the css into the "Custom stylesheet" box. (Don't forget to press the "Save changes" button!)

- It's important that BLURB is the first box in the sidebar and the LINK LIST the second. It'll look weird otherwise. You can change the ordering here at the bottom: here.

body {
background: url('http://i41.tinypic.com/i3sax1.jpg') fixed top center repeat #888;
color: #aaaaaa;
font-family: "arial" Helvetica, sans-serif;
font-size: 9px;
text-align: justify;
margin-top: 8px;
}

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

a:hover{
color: #aaaaaa;
}

b, strong {
font-family: tahoma;
}

em, i {
color:#fbb829;
}

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

blockquote {
background-color: #101010;
padding: 10px;
margin: 7px;
font-family: georgia;
font-size: 10.5px;
line-height: 11px;
color: #aaaaaa;
text-align: justify;
}

::-moz-selection {
background-color: #f0f0f0;
color: #333333;
}

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

#content {
width: 700px;
margin-left: 150px; margin-right: auto;
background-color: #121212;
border-left: #c2c2c2 10px solid;
border-right: #c2c2c2 10px solid;
border-bottom: #c2c2c2 10px solid;
}

#maincontent {
margin: 15 auto 0px auto;
}

.subcontent {
padding: 10px 20px 10px 20px;
}

/*-------------------------------
HEADER
-------------------------------*/

#header{
display: none;
}

/*-------------------------------------
HEADERIMAGE
--------------------------------------*/

.headerimage {
position: relative;
width: 700px;
height: 308px;
margin-left: 150px; margin-right: auto;
background-image: url('http://imgur.com/Zmr7W.png');
background-repeat: no-repeat;
border-left: #c2c2c2 10px solid;
border-right: #c2c2c2 10px solid;
}

/*-------------------------------------
TITLE, SUBTITLE
--------------------------------------*/

.title, .subtitle {
display: none;
}

/*-------------------------------
FOOTER
-------------------------------*/

#footer {
background-color:#121212;
margin-top: -40px;
font: normal 13px georgia;
padding: 5px;
text-transform: uppercase;
text-align: center;
}

div#footer a, div#footer a:link, div#footer a:visited {
-moz-border-radius: 3%;
background-color: #333333;
border-right: 1px solid #222222;
border-bottom: 1px solid #222222;
margin: 5px;
padding: 3px 6px 3px 6px;
color: #f0f0f0;
text-transform: lowercase;
}

div#footer a:hover {
-moz-border-radius: 3%;
background-color: #101010;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
color: #333333;
}

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

ul.navfooter li {
display: inline;
}

.clearfoot {
clear: both;
}

#footer .viewing {
display:none;
}

/*-------------------------------
SIDEBAR
-------------------------------*/

#sidebar {
background-color: #121212;
width: 700px;
border-left: #c2c2c2 10px solid;
border-right: #c2c2c2 10px solid;
border-bottom: #c2c2c2 10px solid;
padding: 15px 0 15px 0;
float: center;
font-family: georgia;
font-size:11px;
margin-left: -10px;
line-height: 12px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #aaaaaa;
text-transform:lowercase;
font-family: georgia;
font-size:11px;
}

div#sidebar a:hover {
color: #f0f0f0;
text-decoration: none;
text-transform:lowercase;
font-family: georgia;
font-size:11px;
}

#sidebar_linklist {
width:200px
}

.sbarheader, .sbarbody {
padding: 0px 10px 0px 10px;
margin: 0px 0 0px 0;
}

.sbarbody2 {
width: 300px;
margin: 0px 20px 0 250px;
padding: 0px 10px 0px 10px;
position:absolute;

}

#sidebar_summary,#sidebar_tags,
li.sbartitle, .defaultuserpic, #sidebar_calendar
{
display:none;
}

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

li.sbaritem {
padding: 5px 10px 0 10px;
list-style: none;
line-height: 15px;
border-bottom: 1px solid #1c1c1c;
}

/*-------------------------------
ENTRIES
-------------------------------*/

.entry {
padding: 5px 1px 5px 1px;
color: #aaaaaa;
font-family: georgia;
font-size: 11.5px;
text-align: justify;
}

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

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

.userpic, .userpicfriends {
margin: 0px -165px 10px 10px;
position: relative;
float: right;
background-color: transparent !important;
z-index: 15;
text-align: center;
}

.userpic img, .userpicfriends img {
padding:0px;
border: 10px solid #fbb829;
}

.date {
text-align: center;
color: #888;
font-family: arial;
font-size: 7pt;
text-transform: uppercase;
}

.subject {
margin-top: -3px;
text-align: center;
font: normal 18pt georgia;
color: #f0f0f0;
text-transform: uppercase;
text-decoration: none;
}

.subject a, .subject a:link, .subject a:visited {
font: normal 18pt georgia;
text-transform: uppercase;
color: #f0f0f0;
}

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

.datesubject {
padding:5px;
}

/*-------------------------------------------------------------
CURRENTS, TAGS & COMMENT LINKS
--------------------------------------------------------------*/

.comments {
margin-top: 20px;
padding: 10px 0 10px 0;
position: relative;
background-color: transparent;
font: 8.5pt georgia, sans-serif;
color: #aaaaaa;
text-transform: uppercase;
text-align: right;
}

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

div.comments a:hover {
color: #f0f0f0;

}

.currents {
background-color: #101010;
margin-top: 0px 30px 0px 30px;
}

.currentmood {
background:url(http://i35.tinypic.com/2n8y2vq.jpg) no-repeat left center;
padding:0px 0px 0px 10px;
font-family: arial, sans-serif;
font-size: 9px;
}

.currentmusic {
background:url(http://i37.tinypic.com/2aivdx.jpg) no-repeat left center;
padding:0px 0px 0px 10px;
font-family: arial, sans-serif;
font-size: 9px;
}

.currentlocation {
display: none;
}

.currents strong {
display: none;
}

.ljtags {
background:url(http://i34.tinypic.com/2s1kxlx.jpg) no-repeat left center #101010;
padding:0px 0px 0px 10px;
margin-top: 20px;
text-transform: lowercase;
font-family: arial, sans-serif;
font-size: 9px;
}

div.ljtags a, div.ljtags a:link, div.ljtags a:visited {
color: #a4a4a4;
}

div.ljtags a:hover {
color: #f0f0f0;
text-decoration: none;
}

/*-----------------------------------
COMMENT PAGES
------------------------------------*/

.box {
clear: left;
}

.skiplinks {
background-color: #121212;
text-transform: lowercase;
text-align: center;
padding: 10px;
color: #999999;
margin-bottom: 10px;
}

div.skiplinks a, div.skiplinks a:link, div.skiplinks a:visited {
color: #fbb829;
}

div.skiplinks a:hover {
color: #aaaaaa;
text-decoration: none;
}

.datesubjectcomment {
color: #333333;
padding: 5px;
margin-top: 20px;
text-transform: uppercase;
background-color: #111111;
}

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

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

.userpiccomment {
margin-right: 10px;
position: relative;
float: left;
background-color: transparent !important;
border: 10px solid #fbb829;
z-index: 15;
}

input, textarea {
font-family: georgia;
font-size: 10.5px;
background-color: #000000;
color: #aaaaaa;
-moz-border-radius: 1%;
border: 1px solid #000000;
}

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

form#qrform table
{
border-width: 0px !important;
}

.reply {
padding: 10px;
margin: 10px 10px 10px 10px;
position: relative;
background-color: transparent;
color: #aaaaaa;
font: 10.5px georgia, sans-serif;
text-align: justify;
}

.replytosubject {
background-color: #121212;
color: #aaaaaa;
font-weight: bold;
}

.commentreply {
margin: 10px;
position: relative;
color: #aaaaaa;
font: 10.5px georgia, sans-serif;
text-align: justify;

}

.commentbox {
padding: 10px;
margin: 10px;
}

.commentboxpartial {
color: #aaaaaa;
padding: 5px;
margin: 10px;
background-color: #111111;
-moz-border-radius: 1%;
}

.commentinfo {
width: 100%;
margin-top: 10px;
}

/*-------------------------------
ARCHIVE PAGE
-------------------------------*/

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

ul.year li {
display: inline;
}

table.yeartable {
background-color: #101010;
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #000000;
border-color: #101010;
border-width: 1px;
border-style: solid;
text-align: center;
font: normal 11px georgia;
color: #aaaaaa;
}

table.yeartable td.yearday {
background-color: #f0f0f0;
text-align: center;
font: normal 11px georgia;
color: #101010;
}

td.yearmonth {
border-style: none;
}

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

.ljtaglist {
margin: 20px;
padding: 50px 40px 10px 40px;
background-color: #101010;
list-style-type:none;
color: #f0f0f0;
}

h2 {
display: none;
}

/*-------------------------------
MISC
-------------------------------*/

.separator {
height: 10px;
background: #c2c2c2;
}

.clear {
display: none;

}

/*----------------------------------------
LJ CONTROLSTRIP
----------------------------------------*/

#lj_controlstrip td {
padding: 5px;
background-color: #121212 !important;
}

#lj_controlstrip a {
font-family: georgia !important;
font-size: 11px;
font-style: italic;
color: #aaaaaa! important;
text-transform: lowercase;
}

/*------------------------------------------
CONTEXTUAL POP-UP
--------------------------------------------*/

div.ContextualPopup {
position: relative;
text-align: left;
margin: 10px 0 0 30px;
}

div.ContextualPopup div.Inner {
width: 250px;
padding: 0px;
background-color: transparent !important;
color: #a4a4a4 !important;
font-size: 9px;
font-family: tahoma;
border: 0px;
}

div.ContextualPopup .Content {
background-color: #ffffff;
border: 3px solid #ebebeb;
padding: 5px;
margin: 10px 75px 10px 10px;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
color: #000000 !important;
}

div.ContextualPopup .Userpic {
padding: 3px;
background-color: #ebebeb;
}

/*------------------------------------------
Tiny Icons
--------------------------------------------*/

img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 8px 8px 0px 0px !important; margin-right: 2px;
background: url(http://i40.tinypic.com/11j9klj.jpg);
}

img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 8px 8px 0px 0px !important; margin-right: 2px;
background: url(http://i42.tinypic.com/2i03dr8.jpg);
}

img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{
width: 0;
height: 0; padding: 8px 8px 0px 0px !important; margin-right: 2px;
background: url(http://i40.tinypic.com/11j9klj.jpg);
}

img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{
width: 0;
height: 0;
padding: 11px 11px 0 0px !important;
background: url(http://i41.tinypic.com/2zzsx84.jpg);
}

img[src="http://l-stat.livejournal.com/img/community.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0px !important;
background: url(http://i43.tinypic.com/64nxnp.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_edit.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i40.tinypic.com/24mhm4o.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_del.gif"]{
width: 0;
height: 0;
padding: 10px 9px 0 0 !important;
background: url(http://i39.tinypic.com/122hi50.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_scr.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i41.tinypic.com/29fc8ig.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i42.tinypic.com/htfa8g.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i42.tinypic.com/aolzlv.jpg);
}

img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i39.tinypic.com/e03i84.jpg);
}

img[src="http://l-stat.livejournal.com/img/anonymous.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i42.tinypic.com/52ncp5.jpg);
}

img[src="http://l-stat.livejournal.com/img/openid-profile.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i42.tinypic.com/5typax.jpg);
}

img[src="http://l-stat.livejournal.com/img/help.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i40.tinypic.com/2ljlquh.jpg);
}

img[src="http://l-stat.livejournal.com/img/talk/none.gif"]{
width: 0;
height: 0;
padding: 10px 10px 0 0 !important;
background: url(http://i42.tinypic.com/sbot3c.jpg);
}

If there's any problems, lemme know and I'll try to fix it asap. But I don't think there should be. :)