IRC-Galleria

/*

GREYISH-MOD
- IRC-Gallerian oletustyylitiedostoon perustuva mustanharmaaksi muokattu modaus.

_________________________________________________

Modi käyttää oletuksena IRC-Gallerian idahotheme-tyylitiedostoa.

Modi kopioitu osoitteesta www.sampo.name

Modia saa vapaasti muokata, vaadin kuitenkin että pitäisitte H1:n taustakuvana olevan IRC-galleria + www.sampo.name -kuvan paikallaan. :)

*/

@import url("http://disko.irc-galleria.net/idaho/idahotheme.css");
body {
background-color: #070707;
padding: 0; margin: 0;
font-family: Verdana, Arial, Sans-Serif;
}
#headerblock {
position: relative;
background-color: #070707;
height: 54px;
}
#moodfield { border: 0px solid #000; font-weight: bold; color: #fff; }
#moodfield:hover { font-weight: bold; color: #fff; border: 1px solid #2e2e2e; background: #0d0d0d;}
h1 { height: 54px; background: #070707 url("http://i213.photobucket.com/albums/cc272/samponame/irk.png") no-repeat; }
h1 .title {
font-family: Verdana, Arial, Sans-Serif;
color: #fff;
font-size: 12px;
font-weight: bold;
display: block;
margin: auto;
position: absolute;
top: 24px;
left: 216px;
}
#footer {
width: 960px;
background: #121212 url("") no-repeat 0% 100%;
margin-bottom: 40px;
border-top: 1px solid black;
}
#footer .innerborder {
font-size: 10px;
text-align: center;
padding: 2px 20px 5px 20px;
color: #fff;
background: url("") no-repeat 100% 100%;
}
#footer a {
color: #fff;
}
#search input.text {
background-color: #0d0d0d;
border: 1px solid #2e2e2e;
font-size: 9px;
font-family: Verdana, Sans-Serif;
padding: 1px;
}
#search form a {
text-decoration: none;
background: url("") left top no-repeat;
display: block;
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
cursor: pointer;
}
a:link {
color: #fff;
}
a:visited {
color: #fff;
}
a:hover {
text-decoration: underline;
color: #fff;}
input.text,
textarea.text,
select {
background-color: #0d0d0d;
border: 1px solid #2e2e2e;
font-size: 12px;
color: #fff;
}
input.submit {
color: #fff;
font-size: 10px;
letter-spacing: 1px;
background-color: #0d0d0d;
border-top: 1px solid #ffffcb;
border-left: 1px solid #ffffcb;
border-bottom: 1px solid #2e2e2e;
border-right: 1px solid #2e2e2e;
}
#mainmenu {
background-color: #1c1c1c;
margin: 0;
float: left;
width: 100%;
border-top: 1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
}
#mainmenu .innerborder {
float: left;
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#mainmenu li.selected {
background-color: #393939;
}
#mainmenu li a:hover {
color: #fff;
background-color: #000;
}
#submenu, #subsubmenu {
clear: both;
float: left;
font-size: 11px; letter-spacing: 0px;
font-family: Verdana, Arial, sans-serif;
padding-top: 15px;
margin-left: 0px;
border-bottom: 1px solid #393939;
width: 100%;
background-color: #1c1c1c;
}

#profilelastfm .lastfmtime { color: #fff!important}
#profilelastfm .lastfmtrack { color: #fff!important}
#profilelastfm ol.lastfmtopartists, #profilelastfm ol.lastfmtoptracks ol { color: #fff !important}
#profilelastfm #lastfmmenu a { display: block; padding: 0.5em; border: solid #fff; border-width: 0 0 1px 0; text-align: center !important}
#profilelastfm #lastfmmenu a#lastfmmenutopartists,
#profilelastfm #lastfmmenu a#lastfmmenutoptracks,
#profilelastfm #lastfmmenu a#lastfmmenurecenttracks {border-bottom: 1px solid #fff; border-left: 1px solid #fff !important}
#profilelastfm #lastfmmenu a.lastfmmenuselected { border-bottom: 0 !important}

.spacer { display:none;}

#submenu li, #subsubmenu li {
vertical-align: middle;
margin: 0; padding: 0;
padding-left: 15px;
margin-right: 0;
background-image: url("");
background-position: 0% 0%;
background-repeat: no-repeat;
background-color: #1c1c1c;
}
#submenu a, #subsubmenu a {
display: block;
margin: 0; padding: 0;
padding-right: 16px;
padding-top: 7px;
padding-bottom: 5px;
background-image: url("");
background-position: 100% 0%;
background-repeat: no-repeat;
color: #fff;
}
#submenu li.selected, #subsubmenu li.selected {
background-image: url("");
background-color: #393939;
}
#submenu li.selected a, #subsubmenu li.selected a {
background-image: url("");
}
#innerbody {
clear: both;
background-color: #141414;
padding: 12px 18px 20px 18px;
}
#tabbedbody {
clear: both;
background: #141414 url("") 0% 0% repeat-x;
padding: 12px 18px 20px 18px;
border-top: 0px solid #393939;
}

/*
span.onlinenick {
padding-right: 7px;
margin-right: 2px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 6px;
}*/

div.smallbox div.tool_link a {
display: block;
background: transparent url("fa") no-repeat left;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
margin-top: 1px;
margin-bottom: 1px;
font-size: 11px;
}


#profilevisitorlist #showmorevisitors a { background-image: url("visitorlist_showmore.gif"); }
#profilevisitorlist #browsevisitors a { background-image: url("visitorlist_browse.gif"); }
#comment_deletion_start a { background-image: url("remove_comm.gif"); }
#comment_deletion_stop a { background-image: url("stop_remove_comm.gif"); }
#prof_blacklist_add a { background-image: url("add_black.gif"); }
#prof_blacklist_remove a { background-image: url("add_black.gif"); }
#prof_friends_add a { background-image: url("add_friend.gif"); }
#prof_daily_pic a { background-image: url("king_for_a_day.gif"); }
#prof_denunciate a { background-image: url("bust_user.gif"); }
#prof_away a { background-image: url("away.gif"); }
#prof_image_info a { background-image: url("change_info.gif"); }
#prof_mypicture a { background-image: url("prof_mypicture.gif"); }
#prof_add_note a { background-image: url("add_note.gif"); }
#prof_addpic a { background-image: url("prof_addpic.gif"); }
#prof_sms_bg a { background-image: url("order_image.gif"); }
#trinket_pick_all a { background-image: url("pick_trinkets.gif"); }
#trinket_edit_start a { background-image: url("start_modification.gif"); }
#trinket_edit_stop a { background-image: url("stop_modification.gif"); }

div.smallbox {
margin-bottom: 10px;
border-top: 1px solid black;
padding: 0;
background-color: #131313;
}
div.smallbox div.title {
border: 1px solid #2e2e2e;
border-bottom: none;
background: #393939;
}
div.smallbox .content {
padding: 0;
border: 1px solid #2e2e2e;
}
div.commentbox {
border-top: 1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
background: url("") 0% 0% repeat-x;
background-color: #111111;
}
div.commentbox .content {
padding: 15px;
background: url("") 0% 100% repeat-x;
}
div.commentbox .stamp {
font-family: Arial, Sans-Serif;
font-size: 10px;
color: #fff;
}
div#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #fff;
}
div.commentbox tr.owner {
color: #FFF;
}
div.commentbox tr.private, .private {
color: grey;
font-style: italic;
}
div.commentbox tr.admin, .admin {
color: cyan;
}
div.commentbox tr.user {
color: #fff;
}
span.friend {
color: #fff;
}
td#viewtableimage div.prevnextpagination {
height: 10px;
background-image: url("");
background-position: 0px 0px;
}
div#viewimagearea {
background: url("") 0% 100% repeat-x;
background-color: #111111;
padding: 8px 5px 10px 5px;
margin-bottom: 12px;
border-bottom: 1px solid #2e2e2e;
}
#blogwriterspacer,
#profilechannels .spacer,
#profilecommunities .spacer { display:none;
height: 21px;
background: url("") 0% 50% repeat-x;
}
#profileadmintools div.spacer,
#profileactions div.spacer {
height: 10px;
background: transparent;
background: url("") left center repeat-x;
}
#profileaphorism .title {
display: block;
}
#profileaphorism .content {
background-color: #131313;
}
#smileyselector {-moz-border-radius: 12px 12px 12px 12px;
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
background-color: #131313;
border: 1px solid #2e2e2e;
z-index: 1000;
}

/*LINKKIKUVAT KOMMALAATIKOS KAWAIII SATNATAWAWÃ…
a.viewlink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}

a.archivelink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
a.bloglink {
padding-right: 17px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
a.channellink {
padding-right: 20px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}*/
.prevlink {
padding-left: 15px;
padding-right: 2px;
background-image: url("");
background-repeat: no-repeat;
background-position: 0% 4px;
}
.nextlink {
padding-left: 2px;
padding-right: 15px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 4px;
}
table.smallstats td.value b {-moz-border-radius: 12px 13px 12px 13px;
background-color: #202020;
color: #fff;
}
div.peepboxC {
background-color: #202020;
width: 250px;
}
div.peepboxN {
background-color: #202020;
width: 180px;
}
div#banbox div.innerborder,
div.peepboxN div.innerborder,
div.peepboxC div.innerborder {
border: 1px solid #fff;
}
/*NOTES made by iSampo ;) */
#notes div.hover1 {
border-color: #000000;
background: url("http://i213.photobucket.com/albums/cc272/samponame/elite/note_heart.png") no-repeat left top;
border: 0px solid #fff;
}
/* NOTES made by iSampo ;) */
#notes div.hover1 div.hoverinner {
border-color: #000000;
border: 0px solid #fff;
}
/* NOTES made by iSampo ;) */
#notes div.hover2 {
border-color: white;
background: url("http://i213.photobucket.com/albums/cc272/samponame/elite/note_heart_hover.png") no-repeat left top;
border: 0px solid #fff;
}
/* NOTES made by iSampo ;) */
#notes div.hover2 div.hoverinner {
border-color: black;
border: 0px solid #fff;
}
#notes span.text {
border: 1px solid #fff;
background: #000;
color: #fff;
}

#note_edit {background: #000; color: #fff;}

#profilecommunities .spacer, #profileactions .spacer {display:none;}
#profilecommunities .network {display:none;}
div.smallbox a.helplink {display: none;}
div.noticebox {display:none;}



#imagechannels .imagechannelnetwork { display:none; }
#imagechannels ul { list-style:none; }

/*

sampo.name 2007-2008

Modded code from www.sampo.name

Kirjautumisen "KYLLÄ"-tekstin vaihto
Kirjautumisesta aikaa "2 tuntia, 2 päivää"-tekstin vaihto


Määrittelyihin voi myös lisätä haluamiaan tekstivärejä ym.

*/

/* KYLLÄ-teksti*/
/* Alta vanha "Kyllä"-teksti pois */
#profilebasicinfo .online {
font-size: 0px;
}

/* Uusi teksti tilalle*/
#profilebasicinfo .online:after {
content: ";)";
font-size: 10px;
}

/* 2 tuntia, 2 päivää-teksti */

/* Alta vanha esim. "2 tuntia"-teksti pois */
#profilebasicinfo .offline {
font-size: 0px;
}

/* Uusi teksti tilalle*/
#profilebasicinfo .offline:after {
content: "48";
font-size: 10px;
}