?

Log in

 
 
26 February 2008 @ 05:58 pm
winter layout  
for _charon



body {
        background-color: #3C4D7B;
       
        text-align: center;
        color: #3A4B6F;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

    a, a:link, a:visited {
        color: #3A4B6F;
        text-decoration: none;
cursor: help;
text-transform: lowercase;
        }

    a:hover {
        color: #D4D8E0;
        text-decoration: none;
cursor: help;
text-transform: lowercase;
        }

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

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

    #content
    {
        width: 700px;
        margin-left: auto; margin-right: auto;
        background-color: #ffffff;
        padding: 0px;
    }

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

    #sidebar {

        padding-top: 15px;
        margin-top: 15px;
        background-color: #ffffff;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #3A4B6F;
        width: 160px;
        float: left;
        text-align: left;
margin-left: 10px;
        }

    #header {
display: none;
        }

    #footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 1px;
        background-color: #ffffff;
        color: #3A4B6F;
        z-index: 100;
        clear: both;
        }

    /* 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: #3A4B6F;
cursor: help;
text-transform: lowercase;
    }

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

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

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

    .title, .subtitle    {
    display: none;
        }


    /* sidebar */

    div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #3A4B6F;
cursor: help;
text-transform: lowercase;
    }

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

    .defaultuserpic {
        text-align: center;
        }

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

    .sbarbody {
        padding: 0px 5px 5px 5px;
background-color: #EBECF1;
background-image: url("http://home.arcor.de/plasticstears/chris-lj/hallo/sidebar.jpg");
        background-position: bottom right;
        background-repeat: no-repeat;
        }

    .sbarbody2 {
        padding: 0 15px 15px 15px;
background-color: #EBECF1;
background-image: url("http://home.arcor.de/plasticstears/chris-lj/hallo/sidebar.jpg");
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    #sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #C8CCD7 solid;
    }

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

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

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

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

    li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
line-height: 180%;
  border-bottom: 1px #C8CCD7 solid;
    }

    li.sbartitle
    {
       
padding-left: 15px;
        list-style: none;
        background-color: #ffffff;
        margin-bottom: 10px;
        margin-top: 10px;
padding-top: 10px;
   padding-bottom: 10px;
background-image: url(http://home.arcor.de/plasticstears/chris-lj/hallo/sb.jpg);
background-position: center;
background-repeat: no-repeat;
color: #C8CCD7;
border-bottom: 0px solid #C8CCD7;
text-align: center;
margin-right: -5px;
margin-left: -5px;
text-transform: lowercase;
    }


    /* maincontent */

    .subcontent {
background-image: url("http://home.arcor.de/plasticstears/chris-lj/hallo/entry.jpg");
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    .entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: transparent;
        color: #3A4B6F;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        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: 0px;
        margin: 10px;
        z-index: 15;
        }
 .userpic img{
        border-width: 1px;
        border-color: #3A4B6F;
        border-style: solid;
        }

    .userpicfriends {
        position: relative;
        float: right;
        padding: 0px;
        margin: 10px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
background-color: #ffffff !important;
color: #FFFFFF;
        }
  .userpicfriends img{
  border-style: solid;
        border-width: 1px;
        border-color: #3A4B6F;
        }
.userpicfriends a font {color: #C8CCD7;}
.userpicfriends a:hover font {color: #3A4B6F;}
.userpicfriends font {color: #FFFFFF;}

    .date {
        line-height: 100%;
        top: 5px;
padding-left: 40px;
        color: #C8CCD7;
        font-family: "Verdana", sans-serif;
        font-size: 10px;
        }

    .subject {
        font-weight: normal;
        padding: 5px 5px 0px 42px;
        color: #3A4B6F;
        font-family: "Verdana", sans-serif;
        font-size: 14px;
text-transform: lowercase;
        }

    .subject a, .subject a:link, .subject a:visited {
        color: #3A4B6F;
cursor: help;
text-transform: lowercase;
        }

    .subject a:hover {
        color: #b0b9c8;
cursor: help;
text-transform: lowercase;
        }

.datesubject {
        background-color: #ffffff;
        padding: 10px 5px 10px 5px;
margin-left: 10px;
        margin-right: 10px;
background-image: url("http://home.arcor.de/plasticstears/chris-lj/hallo/subject.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        }

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

    .comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: transparent;
        padding: 0px 5px 0px 5px;
margin-right: 38px;
        position: relative;
        top: 15px;
border-bottom: 0px solid #C8CCD7;
color: #ffffff;
        }

    div.comments a, div.comments a:link, div.comments a:visited{
        color: #C8CCD7;
cursor: help;
text-transform: lowercase;
    }

    div.comments a:hover {
        color: #3A4B6F;
        text-decoration: none;
cursor: help;
text-transform: lowercase;
    }


    /* maincontent --  entry, reply pages */

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

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

    .box {
        padding: 10px;
        clear: right;
        }

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

    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: #ffffff;
        color: #3A4B6F;
        }

    .replytosubject {
        font-weight: bold;
        }


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

    .commentbox {

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

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

    .datesubjectcomment a:hover {
        color: #3A4B6F;
        }

    .commentboxpartial {
        border-color: #999999;
        border-width: 0px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #EBECF1;
        }

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

    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: both;
        }


    /* misc  */

    .clear {
        height: 15px;
        }

    .skiplinks {
        text-align: center;
        }

   .headerimage {
        position: relative;
        align: center;
        width:  700px; /* Width of the banner, in pixels */
    height: 300px; /* Height of the banner, in pixels */
        margin-bottom: 0px;
         margin-top: 0px;
        background-image: url("http://pics.livejournal.com/_charon/pic/000pr9gs");
        background-position: center;
        background-repeat: no-repeat;
        margin-left: auto; margin-right: auto;
        }

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

    * 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: #999999;
        background-color: #ffffff;
    }

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

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

/* Unbold Cut */

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

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

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

.box center {margin: 20px; }
.box center b {color: #ffffff;}
.box center b a {font-weight: normal;
text-transform: lowercase;
}
.box center {color: #C8CCD7;}

::-moz-selection { background-color: #3A4B6F; color: #C8CCD7; }

commentlinks { background-color: #ffffff; }