RyoDa Layout: miruiki

miruiki

RyoDa Layout

May 23, 2009 10:29

/*---------------------------------------------------------------------
   Layout by jasperislove
------------------------------------------------------------------------*/

body    {
        text-align: center;
        color: #010101;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 11px;
        margin: 10px 0 10px 0;
background: url('http://i18.photobucket.com/albums/b139/miruiki/ryoda-bg.jpg') no-repeat #83d5ff;
background-attachment: fixed;
background-position:350px 150px;
        }

a, a:link, a:visited {
        color: #4954e6;
        text-decoration: none;
        }

a:hover {
        color: #60a3ff;
        text-transform: uppercase;
        }

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
    {
        width: 50%;
        margin-left: 0%;
        background-color: #83d5ff;
        border-width: 0px;
        border-style: solid;
        border-color: #999999;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
font-family: Verdana;
        font-size: 11px;
        color: #000000;
        border-style: none;
        margin-left: 190px;
        text-align: left;
        background-color: #83d5ff;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #83d5ff;
        border-style: none;
        font-size: 11px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
        color: #010101;
        width: 200px;
        float: left;
        text-align: justify;
        }

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #4954e6;
    }

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

.title    {
        display:none;
        }

.subtitle{
        display:none;
        }

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

ul.navheader
        {
        padding: 0px;
        margin: 0px;
padding-bottom: 10px;
font-size: 16px;
font-family: Tahoma;
        }

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

/*-----------------------------------------------------------------------------
   Entry
------------------------------------------------------------------------*/

.subcontent {
    }

.entry    {
padding-right: 15px;
        background-color: #83d5ff;
        color: #010101;
font-family: Tahoma;
        font-size: 11px;
        text-align: justify;
padding-left: 135px;
        }

.userpic {
position: relative;
        float: left;
        background-color: #ffffff;

margin: -5px 0px 0px 10px;
        z-index: 15;
        border-width: 0px;
        border-color: #e8e3ba;
        border-style: solid;
        border-left: none;
        border-top: none;
padding: 4px
        }

.date {
        line-height: 70%;
        top: 5px;
        color: #7a8a97;
text-align: right;
font-family: Tahoma;
        font-size: 9px;
        letter-spacing: 1px;
        }

.subject {
        line-height: 85%;

color: #589ed4;
font-family: "Verdana", serif;
text-align: right;
padding-bottom: 5px;

font-size: 16px;
        letter-spacing: 2px;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #589ed4;
        }

.subject a:hover {
        color: #2171af;
text-transform: uppercase;
        }

.datesubject {
        background-color: #83d5ff;
        padding: 5px;
margin: 0px 0px -5px 0px;
        }

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

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

/*---------------------------------------------------------------------
Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmusic, .currentmood {
        font-family: "Tahoma", sans-serif;
        font-size: 10px;
        text-transform: lowercase;
        }

.currentlocation {
        padding: 5px 0px 5px 18px;
        background: url("http://i18.photobucket.com/albums/b139/miruiki/copy-1.png") no-repeat;
        background-position: center left;
        }

.currentmusic {
        padding: 5px 0px 5px 18px;
        background: url("http://i39.tinypic.com/30ufel4.gif") no-repeat;
        background-position: center left;
        }
.currentmood {
        padding: 5px 0px 5px 18px;
        background: url("http://i255.photobucket.com/albums/hh125/shaney_yamada22/emoji_02_003.gif") no-repeat;
        background-position: center left;
        }

.ljtags {
        display: none
}

/*---------------------------------------------------------------------
Entry - Comments
------------------------------------------------------------------------*/

.comments {
        font-family: "Georgia", Serif;
        font-size: 15px;
        text-align: center;
        background-color: #83d5ff;
        padding: 0px 5px 0px 5px;
        position: right;
        text-transform: lowercase;
        }

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

div.comments a:hover {
        color: #4954e6;
        text-decoration: none;
        text-transform: uppercase;
    }

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{

height: 10px;
    }

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
        float: right;
        background-color: #ffffff !important;
        border-width: 0px;
        border-color: #e8e3ba;
        border-style: solid;
        border-left: none;
        border-top: none;
        padding: 4px;
margin: -15px -55px 0 10px;
        text-align: center;
        font-family: "Arial", sans-serif #555555;
        font-size: 11px;
        z-index: 15;
        }

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
        text-align: center;
        }

.defaultuserpic img{
padding:8px;
background-color:#ffffff;
border-width: 0px;
        border-color: #e8e3ba;
        border-style: solid;
        border-left: none;
        border-top: none;

}

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

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

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

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
                 color: #4954e6;
         }

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

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

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

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

.sbarcalendarposts {
        border-color: #2f2f2f;
        border-width: 1px;
        border-style: solid;
        background-color: #83d5ff;
        text-align: center;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        }

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

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

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        margin-bottom: 5px;
        margin-top: 5px;
font-size: 16px;
font-family: "Georgia", Serif;
        color: #b2b2b1;
    }

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
        width: 100%;
        text-align: right;
font-family: "Verdana", Serif;
        font-size: 15px;
        letter-spacing: 3px;
        text-transform: lowercase;
        background-color: #83d5ff;
        color: #000000;
        z-index: 100;
        clear: both;
        }

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

ul.navfooter li {
        display: inline;
        margin: 0 5px 0 5px;
        }

.clearfoot {
        clear: both;
        }

/*----------------------------------------------------
Archive 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: #999999;
        }

table.yeartable td.yearday {
        background-color: #83d5ff;
        text-align: center;
        }

td.yearmonth {
        border-style: none;
        }

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
            background-color: #83d5ff;
            padding: 5px;
margin: -10px 0px 0px -10px;
            }

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

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

input, textarea {
        background-color: #83d5ff;
        color: #b2b2b1;
        }

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

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: justify;
        font-family: "Arial", sans-serif;
        font-size: 11px;
        line-height: 125%;
        background-color: #83d5ff;
        color: #000000;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial", sans-serif;
        color: #010101;
        text-align: justify;

}

.commentbox {

border-style: none;
        padding: 10px;
        margin: 20px;
        background-color: #83d5ff;
        }

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

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

.commentboxpartial {
        border-color: #555555;
        border-width: 0px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #83d5ff;
        }

.commentinfo {
        background-color: #83d5ff;
        margin-top: 10px;
        width: 100%;
        }

.skiplinks {
        text-align: center;
        }

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
        height: 15px;
        }

/*--------------------------------------------
icons
-----------------------------------------*/

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
        width: 0;
        height: 0;
        padding: 16px 14px 0 2px !important;
        background: url(http://i200.photobucket.com/albums/aa182/aquario86/3498cbp.png);
        }

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
        width: 0;
        height: 0;
        padding: 16px 14px 0 2px !important;
        background: url(http://i200.photobucket.com/albums/aa182/aquario86/1zhnk5.png);
        }
.ljuser img {
        width: 0;
        height: 0;
        background-repeat: no-repeat;
        background-color:transparent;
        background-image: url(http://i39.tinypic.com/x0tfgl.png);
        padding: 14px 14px 0 2px !important;
        }

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
        background-color:transparent;
        background-image: url(http://i39.tinypic.com/x0tfgl.png);
        padding: 10px 10px 5px 5px !important;
        }

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
        background-color:transparent;
        background-image: url(http://i39.tinypic.com/x0tfgl.png);
        padding: 5px 5px 5px 5px !important;
        }

img[src="http://p-stat.livejournal.com/img/btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/25a21ia.png); }

img[src="http://p-stat.livejournal.com/img/btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/2u7vtdu.png);}

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/6pt1zn.png); }

img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/i3usmf.png); }

img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/2n659u8.png); }

img[src="http://p-stat.livejournal.com/img/btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/v5guxh.png); }

img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/9gcwvq.png); }

img[src="http://p-stat.livejournal.com/img/btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/dwcjn7.png); }

img[src="http://p-stat.livejournal.com/img/anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/14b42dy.png); }

img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/2a8s4e0.png); }

img[src="http://p-stat.livejournal.com/img/talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/2drcr46.png); }

img[src="http://p-stat.livejournal.com/img/help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/1e5mo1.png); }

img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i200.photobucket.com/albums/aa182/aquario86/15q25vb.png); }

/*--------------------------------------------
contexual pop-up ( codes edited from Cartonage [http://community.livejournal.com/cartonage/7581.html])
-----------------------------------------*/

div.ContextualPopup {
        position: relative;
        margin: 10px 0 0 30px;
        text-align: left;
        font: normal 9px "Tahoma" !important;
        }

div.ContextualPopup div.Inner {
        background:transparent !important;
        color: #434343 !important;
        border: 0px;
        padding: 10px;
        width: 300px;
        }

div.ContextualPopup .Userpic {
        padding: 2px;
        margin-left: 12px;
        background:#83d5ff;
        border: 0px solid #83d5ff;
        }

div.ContextualPopup .Content {
        padding: 5px;
        border: 0px solid #83d5ff;
        margin: 4px 80px 4px 4px;
        background:#83d5ff;
        }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
        text-decoration: none !important;
        font-weight: bold;
        color: #4954e6 !important;
        }

div.ContextualPopup .Relation {
        font-variant:small-caps;
        font-size:12px;
        color:#4954e6;
        }

credits to jasperislove for the raw layout :].

ryoda, layout