?

Log in

 
 
14 November 2006 @ 10:27 pm
Rocky Horror Picture Show layout - for Halloween  
For: _charon
Style: Flexiblesquares
 body {
        background-color: #000000;
        text-align: center;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px 0 30px 0;
background-image: url(http://xs108.xs.to/xs108/06445/bg.jpg) !important;
background-position: center;
background-repeat: repeat-y;
        }

    a, a:link, a:visited {
        color: #7F0202;
        text-decoration: none;
cursor: help;
text-transform: uppercase;
        }

    a:hover {
        color: #B50000;
        text-decoration: none;
cursor: help;
text-transform: uppercase;
        }

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

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

    #content
    {
        width: 730px;
        margin-left: auto; margin-right: auto;
        background-color: #CCCCCC;
        padding: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
    }

     #maincontent {
        margin-top: 0px;
margin-bottom: 0px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #ffffff;
        color: #000000;
        margin-left: 180px;
        text-align: left;
padding: 0px;
        }

    #sidebar {

        padding-top: 5px;
        margin-top: 0px;
        background-color: #CCCCCC;
        font-size: 10px;
        font-family: "Verdana", sans-serif;
        color: #000000;
        width: 180px;
        float: left;
        text-align: left;
background: url(http://xs108.xs.to/xs108/06445/sbback.jpg) bottom center no-repeat;
padding-bottom: 150px;
        }

    #header {
 display: none;
        }

    #footer {
        width: 550px;
        text-align: right;
        font-family: "Verdana", sans-serif;
        font-size: 9px;
        font-weight: normal;
       letter-spacing: 0px;
        background-color: #ffffff;
        color: #000000;
        z-index: 100;
        clear: none;
float: right;
text-transform: uppercase;
margin: 0px;
        }

    /* 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: #7F0202;
cursor: help;
text-transform: uppercase;
    }

    div#header a:hover, div#footer a:hover {
        color: #B50000;
        text-decoration: none;
cursor: help;
text-transform: uppercase;
    }

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

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

    .title    {
     display: none;
        }

    .subtitle{
 display: none;
        }


    /* sidebar */

    div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #7F0202;
cursor: help;
text-transform: uppercase;
    }

    div#sidebar a:hover {
        color: #B50000;
        text-decoration: none;
cursor: help;
text-transform: uppercase;
    }

    .defaultuserpic {
        text-align: center;
        }

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

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

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

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

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

    .sbarcalendarposts {
        border-color:  #000000;
        border-width: 1px;
        border-style: solid;
        background-color: #ffffff;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

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

    li.sbartitle
    {font-size: 0px;
        padding-left: 15px;
        list-style: none;
        background-color: #CCCCCC;
        margin-bottom: 10px;
        margin-top: 10px;
   padding-top: 15px;
   padding-bottom: 15px;
background-image: url(http://xs108.xs.to/xs108/06445/sb.jpg);
background-position: center;
background-repeat: no-repeat;}


    /* maincontent */

    .subcontent {
    }

    .entry    {
        margin: 0px 10px 10px 10px;
        padding: 5px;
        background-color: #ffffff;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 9px;
        text-align: left;
        }

    .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: #ffffff;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #7F0202;
        border-style: solid;
font-size: 9px;
        }

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

    .date {
        line-height: 60%;        
    top: 0px;
        color: #cccccc;
        font-family: "Verdana", sans-serif;
        font-size: 9px;
text-transform: uppercase;
    padding: 5px;
        }

    .subject {
        padding: 5px;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
text-transform: uppercase;
font-weight: normal;
        }

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

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

    .datesubject {
        background-color: #ffffff;
        padding: 5px;
border-width: 0px 0px 2px 0px;
        border-style: dashed;
        border-color: #7F0202;
margin-left: 10px;
        margin-right: 10px;
        }

    .currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 9px;
font-weight: normal !important;
text-transform: uppercase;

        }

    .comments {
        font-family: "Verdana", sans-serif;
        font-size: 10px;
        text-align: right;
        background-color: #ffffff;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
text-transform: uppercase;
        }

    div.comments a, div.comments a:link, div.comments a:visited{
        color: #7F0202;
cursor: help;
text-transform: uppercase;
    }

    div.comments a:hover {
        color: #B50000;
        text-decoration: none;
cursor: help;
text-transform: uppercase;
    }


    /* maincontent --  entry, reply pages */

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

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

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

    input, textarea {
        background-color: #ffffff;
        color: #000000;
        }

    textarea.textbox  {
          width: 100% !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: #ffffff;
        color: #000000;
        }

    .replytosubject {
        font-weight: normal;
        }


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

    .commentbox {

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

    .datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #7F0202;
cursor: help;
text-transform: uppercase;
        }

    .datesubjectcomment a:hover {
        color: #B50000;
cursor: help;
text-transform: uppercase;
        }

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

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

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


    /* misc  */

    .clear {
        height: 15px;
        }

    .skiplinks {
        text-align: center;
        }

.headerimage {
        position: relative;
        align: center;
        width:  730px; /* Width of the banner, in pixels */
    height: 448px; /* Height of the banner, in pixels */
        margin-bottom: 0px;
         margin-top: 0px;
        background-image: url("http://xs108.xs.to/xs108/06445/vt.jpg");
        background-position: center;
        background-repeat: no-repeat;
        margin-left: auto; margin-right: auto;
        }

    .separator{
        /* for formatting separators between entries */
        height: 30px;
background-color: #FFFFFF;
background-image: url("http://home.arcor.de/plasticstears/chris-lj/hallo/sep.jpg");
        background-position: center;
        background-repeat: no-repeat;
    }

/* Changing Userinfo picture: */    
    
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://home.arcor.de/plasticstears/chris-lj/hallo/userinfo.gif);
padding: 19px 19px 0px 0px;
}

.ljuser b {
font-weight: normal !important;
    text-transform: uppercase;
 }


/* Exterminating Control Strip: */


table#lj_controlstrip td {
display: none;
    }
#lj_controlstrip a, #lj_controlstrip_statustext {
display: none;
    }


/* Formating Comment box */    

input, textarea, select {
font-family:"Verdana", sans serif;
background-color: #FFFFFF;
border: 1px solid #000000;
font-size: 11px;
color: #7F0202;
padding: 1px;
margin: 2px;
}


/* Unbold Cut */

.entry .entry_text div b {
  font-weight: normal;
text-transform: uppercase;
  }

/* Unbold Links */
.entry .entry_text b a {
  font-weight: normal;
text-transform: uppercase;
  }

h2 {
font-size:12px;
margin-left:20px;
font-weight:normal;
}

.clearfoot {height: 0px;}

div.ljtags {
font-size: 9px;
font-weight: normal;
text-transform: upperrcase }

.currents strong{
font-weight:normal;
}

::-moz-selection { background-color: #7F0202; color: #FFFFFF; }