IRC-Galleria

body {
background: #000000;
padding: 0; margin: 0;
color: Vihreä;
font-family: Iso;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #000000;
padding: 12px 18px 20px 18px;
border-top: #FF0000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font-family: Iso;
letter-spacing: 0px;
font-size: 11px;
}
/* boldaukset */
p b, li b, label b {
color: black;
}
/* Linkit */
a {
text-decoration: none;
font-weight: bold;
}
a:link {
color: #00FFFF;
}
/* vierailtu */
a:visited {
color: ;
}
/* mouseover */
a:hover {
text-decoration: underline;
color: ;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background: #006633;
border: #FF0000;
font-size: 12px;
color: white;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: black;
font-size: 10px;
letter-spacing: 1px;
background: #90A2B6;
border-top: #FF0000;
border-left: #FF0000;
border-bottom: #FF0000;
border-right: #FF0000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background: #000000;
height: 80px;
}
h1 {
margin: 0;
display: block;
height: 80px;
position: relative;
background-image: none;
background-repeat: no-repeat;
background-position: 14px 14px;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: ;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font-family: Iso;
color: white;
font-size: 20px;
font-weight: bold;
display: block;
margin: auto;
position: absolute;
top: 24px;
left: 226px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #000000;
margin-bottom: 40px;
border-top: #FF0000;
}
#footer .innerborder {
font-size: 10px;
text-align: center;
padding: 2px 20px 5px 20px;
color: black;
}
#footer a {
color: #33506F;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
position: absolute;
top: 11px;
right: 14px;
}
#search table {
border-collapse: collapse;
}
#search table td {
vertical-align: top;
padding: 0;
}
/* Hakulomakkeet tekstit */
#search td.searchtitle div { display: block; } /* Haku */
#search td.searchtitle { width: 30px; background: url("") no-repeat 0px 5px } */ /* Haku */
#search td.nicktitle div { display: block; } /* Nimimerkki */
#search td.communitytitle div { display: block; } /* Yhteisö */
#search td.channeltitle div { display: block; } /* Kanava */
/* Voi piilottaa ylemmät ja tilalle laittaa kuvat */
/* #search td.searchtitle { width: 30px; background: url("") no-repeat 0px 5px } */ /* Haku */
/* #search td.nicktitle { height: 11px; background: url("") no-repeat 1px 0px } */ /* Nimimerkki */
/* #search td.communitytitle { height: 11px; background: url("") no-repeat 1px 0px } */ /* Yhteisö */
/* #search td.channeltitle { height: 11px; background: url("") no-repeat 1px 0px } */ /* Kanava */
/* Haun tekstikenttä */
#search input.text {
margin: 0;
background: #006633;
border: #FF0000;
font-size: 9px;
font-family: Iso;
padding: 1px;
}
/* Haun noulipainike */
#search a, #search a:hover {
text-decoration: none;
}
#search a span {
font-size: 11px;
padding-left: 3px;
}
/*
* Päävalikko
*/
#mainmenu {
background: #FF0000;
margin: 0;
float: left;
width: 100%;
border-top: #FF0000;
border-bottom: #FF0000;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border-top: #FF0000;
border-bottom: #FF0000;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: Arial, sans-serif;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background: #663399;
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #000000;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #000000;
font-weight: bold;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: ;
background: #000000;
}
/*
* Alavalikko, samanlainen merkkaus kuin päävalikolla
*/
#submenu {
clear: both;
float: left;
font-size: 11px; letter-spacing: 0px;
font-family: Verdana, Arial, sans-serif;
padding-top: 15px;
margin-left: 0px;
border-bottom: #FF0000;
width: 100%;
background: #FF0000;
}
/* lista */
#submenu ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 17px;
}
/* painike */
#submenu li {
vertical-align: middle;
margin: 0; padding: 0;
padding-left: 15px;
margin-right: 0;
background: ;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* linkki */
#submenu a {
display: block;
margin: 0; padding: 0;
padding-right: 16px;
padding-top: 7px;
padding-bottom: 5px;
color: #000000;
float: left;
font-size: 10px;
}
/* linkin onmouseover */
#submenu a:hover {
text-decoration: underline;
color: #000000;
}
/* "profiili" painike
#submenu li.selected {
background: #7F92AB;
}
/* "profiili" linkki */
#submenu li.selected a {
}
/*
* Vasemman reunan laatiokot
*/
div.smallbox {
margin-bottom: 10px;
border-top: #FF0000;
padding: 0;
background: #FF0000;
}
div.smallbox:hover {
background: #000000;
}
/* laatikon otsikkoalue */
div.smallbox div.title {
border: #FF0000;
border-bottom: none;
background: #FF0000;
asdbackground: #3C536D;
}
/* laatikon otsikkoteksti */
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font-family: Arial, Sans-serif;
color: black;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
height: 13px;
}
/* laatikon sisältö */
div.smallbox .content {
padding: 0;
border: #FF0000;
}
/* laatikon sisällön sisäreuna */
div.smallbox .content .innerborder {
border: #FF0000;
padding: 0 10px 0 10px;
margin: 0;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: black;
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
/* laatikon ohje-nappula, piilotettu */
div.smallbox a.helplink {
display: block;
position: absolute;
height: 17px;
width: 21px;
top: 0px;
right: 0px;
display: hidden;
}
/* linkit jossa on kuva edessä, lisää padding-leftia pikkukuvia varten */
div.smallbox div.tool_link a {
display: block;
background-repeat: no-repeat;
background-position: center left;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
margin-top: 1px;
margin-bottom: 1px;
font-size: 11px;
}
/* Laatikot:
#profilebasicinfo Tiedot
#profileactions Toiminnot
#trinketactions Sälät
#profilechannels Kanavat
#profilecommunities Yhteisöt
#profilevisitcounter Kävijälaskuri
#profilevisitorlist Vieraslista
#profileaphorism Ihkuboksi
#profilecountdown TJ-laskuri
*/
#profilebasicinfo .content .innerborder {
padding: 8px 10px 8px 10px;
}
#profilebasicinfo .content .innerborder div {
padding: 2px 0 2px 0;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
/* Erottimet */
#profilechannels .spacer,
#profilecommunities .spacer {
height: 21px;
}
#profileactions div.spacer {
height: 10px;
}
#profilevisitorlist div.spacer {
height: 17px;
}
/* Tiedot -laatikko */
#profilebasicinfo .content span {
white-space: nowrap;
}
/* Kotisivu yms -tekstit */
#profilebasicinfo b {
display: block;
}
/* varsinaiset tiedot */
#profilebasicinfo span {
display: block;
margin-left: 9px;
}
/* Kyllä (kirjautunut) -teksti */
#profilebasicinfo .online {
color: #69F251;
font-weight: bold;
}
/* Verkon tai yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network {
font-weight: bold;
color: #000000;
display: block;
background: #FF0000;
text-align: center;
padding-top: 5;
padding-bottom: 5;
}
/* Yhteisö / Kanava listauksiin padding oppi/valvojamerkkiä varten */
/*
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
*/
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display: none;
}
#profileaphorism .content {
background: #FF0000;
}
/* monospace fontti */
#profileaphorism .content .innerborder {
padding: 10px;
font-family: "Lucida Console", monospace;
}
#profileaphorism img {
border: none;
}
/* Pikkukuvat toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
padding-left: 24px;
}
*/
/* #profilevisitorlist #showmorevisitors a { background-image: url(""); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image: url(""); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url(""); } */ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url(""); } */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url(""); } */ /* Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url(""); } */ /* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url(""); } */ /* Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url(""); } */ /* Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url(""); } */ /* Ilmianna käyttäjä */
/* #prof_away a { background-image: url(""); } */ /* Aseta poissaoloviesti */
/* #prof_image_info a { background-image: url(""); } */ /* Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url(""); } */ /* LolKek */
/* #prof_add_note a { background-image: url(""); } */ /* Uusi Huomio */
/* #prof_addpic a { background-image: url(""); } */ /* Lisää uusi kuva */
/* #prof_sms_bg a { background-image: url(""); } */ /* Lataa taustakuvaksi */
/* #trinket_pick_all a { background-image: url(""); } */ /* Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url(""); } */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url(""); } */ /* Lopeta sälän muokkaus */
/*
* Kommenttilaatikko
*/
div.commentbox {
width: 691px;
border: #FF0000;
background: #FF0000;
}
/* otsikko, oletuksena piilotettu */
div.commentbox .title {
display: none;
}
/* sisältö */
div.commentbox .content {
padding: 15px;
}
/* sisäreuna */
div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}
/* aikaleima */
div.commentbox .stamp {
font-family: Arial, Sans-Serif;
font-size: 10px;
white-space: nowrap;
}
/* Uudet kommentit teksti */
#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
}
/* kommenttitaulukon solut, sarakkeiden välit tässä */
div.commentbox td {
padding-right: 5px;
}
/* kommentin lähettäjän nimimerkki */
div.commentbox td.sender {
white-space: nowrap;
}
/* kommentteissa esiintyvät linkit */
div.commentbox td.comment a {
font-weight: normal;
text-decoration: underline;
}
/* poistettava kommentti */
div.commentbox tr.deleted td {
text-decoration: line-through;
color: #A0A0A0;
}
/* palautettu kommentti */
div.commentbox tr.deleted td.undelete {
text-decoration: none
}
/* kommenteissa näkyvät linkit */
/* profiili */
/*
a.viewlink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/
/* arkisto */
/*
a.archivelink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/
/* blogi */
/*
a.bloglink {
padding-right: 17px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
*/
/*
* Kommenttointi lomake
*/
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}
#commentform td {
vertical-align: middle;
}
#commentform #commentfield {
width: 390px;
}
/*
* Kommentien värit
*/
/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
color: #9966FF;
}
/* yksityiset */
div.commentbox tr.private, .private {
color: #336633;
}
/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
color: #00FFF6;
}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
color: lightgreen;
}
/*
* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
*/
div.noticebox {
border-top: #FF0000;
padding: 0;
background: #1F3145;
}
div.noticebox div.innerborder {
border: #FF0000;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
div.noticebox div.innerborder {
height: auto;
padding-left: 55px;
}
div.noticebox p {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
}
div#todayspicnotice {
width: 691px;
margin-top: 10px;
}
div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}
p#regseductionlink a {
padding-right: 15px;
}
/*
* Profiilisivuun liittyvät määrreet
*/
#viewtable {
border-collapse: collapse;
}
#viewtable td {
vertical-align: top;
}
/* Vasen palsta */
#viewtableinfo {
width: 214px;
padding: 0;
}
/* Oikea palsta, jossa on kuva */
#viewtableimage {
width: 691px;
padding-top: 0;
padding-left: 18px;
}
/* Kuvan ympäristö */
#viewimagearea {
background: #000000;
padding: 8px 5px 10px 5px;
margin-bottom: 12px;
border-bottom: #FF0000;
border-top: #FF0000;
}
/* Kuvan div */
#viewimage {
margin-left: auto;
margin-right: auto;
}
/* käyttäjän kuva */
#viewimage img {
border: 0;
}
/* kuvateksti */
#viewcaption {
margin: 3px 10px 20px 1px;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
}
/* Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
height: 10px;
text-align: center;
padding-bottom: 7px;
}
#viewtableimage div.prevnextpagination div.innerborder {
position: relative;
top: -6px;
}
#viewtableimage div.prevnextpagination .prevnextpagination a {
padding-bottom: 3px;
}
/* erotin "- (x/y) -" */
#viewtableimage div.prevnextpagination .prevnextpagination .separator {
font-size: 9px;
}
/* edellinen */
#viewtableimage div.prevnextpagination .prevlink {
padding: 0;
padding-left: 15px;
padding-right: 2px;
}
/* seuraava */
#viewtableimage div.prevnextpagination .nextlink {
padding: 0;
padding-left: 2px;
padding-right: 15px;
}
/*
* Hymiö-selektori
*/
/* Muuta vain näitä värejä jottei mikään hajoisi */
#smileyselector {
background: #263E59;
border: #FF0000;
}
#smileyselector {
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
z-index: 1000;
}
#smileys {
position: relative;
width: 30px;
}
#smileybutton {
margin-left: 4px;
margin-right: 4px;
}
#smileyselector div.smiley, #smileyselector div.smileyclose {
text-align: center;
height: 25px;
width: 31px;
float:left;
}
#smileyselector br {
clear: left;
}
#smileyselector div.smileyclose a {
color: white;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
padding-left: 3px;
padding-right: 3px;
}
/*
* Äänikommentti-laatikko
*/
#voicecommentbox {
}
div#voicecommentbox div#voicecommentmaximized {
border: #FF0000;
padding: 0.5em 1.5em;
}
div#voicecommentbox div#voicecommentnumbermissing {
border: #FF0000;
padding: 1em 1em 1em 70px;
}
div#voicecommentbox a#voicecommentinstructiontoggle {
border: #FF0000;
display: block;
padding: 1em 1em 1em 70px;
color: #D3E6E6;
font-weight: normal;
text-decoration: none;
}
div#voicecommentbox a#voicecommentinstructiontoggle b {
display: block;
margin-bottom: 0.5em;
color: #F68C00;
font-weight: bold;
}
div#voicecommentbox div#voicecommentmaximized h4 {
color: #F68C00;
}
div#voicecommentbox div#voicecommentmaximized ol {
list-type: decimal;
margin: 1em 0 1em 3em;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li {
margin: 1em 0;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li p {
margin: 0.5em 0 !important;
}
div#voicecommentbox div#voicecommentphone {
width: 114px;
height: 237px;
float: right;
margin: 0 0 1em 1em;
background: url("") no-repeat;
position: relative;
}
div#voicecommentbox span#voicecommentphonenumber {
display: block;
position: absolute;
background: white;
border: #FF0000;
color: black;
font-size: 10px;
font-weight: bold;
left: 20px;
bottom: 110px;
width: 67px;
text-align: right;
padding: 2px;
}
/*
* Huomiot
*/
/* huomion ulkoreuna */
#notes div.hover1 {
border-color: #FF0000;
}
/* huomion sisäreuna */
#notes div.hover1 div.hoverinner {
border-color: #FF0000;
}
/* huomion ulkoreuna onmouseover */
#notes div.hover2 {
border-color: #FF0000;
}
/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner {
border-color: #FF0000;
}
/* huomion tekstiboksi */
#notes span.text {
border: 1px solid #FF0000;
background: #162538;
color: #DAE6ED;
}
/*
* Kurkistus
*/
/* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN {
background: #1F3145;
width: 180px;
}
/* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxC {
background: #1F3145;
width: 250px;
}
/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder {
border: 1px solid #FF0000;
padding: 5px 10px 5px 10px;
color: #DAE6ED;
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0px;
font-size: 11px;
}
div.peepboxN p,
div.peepboxC p {
margin-top: 0;
margin-bottom: 5px;
}
div.peepboxN span,
div.peepboxC span {
display: block;
margin-left: 9px;
}
/*
* Kaverit, kirjautunut-pallo ja syntärisankarikakku
*/
/* Kaverit vaaleanpunaisella */
span.friend a:link,
span.friend a:visited {
color: #FF8A92;
}
/* Kommentoitu pois, oletuksena näyttävät ihan hyviltä
span.onlinenick {
padding-right: 7px;
margin-right: 2px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 6px;
}
span.birthdaynick {
padding-right: 17px;
margin-right: 0px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 0px;
}
*/
/*
* Tosi sekalaista
*/
p {
line-height: 15px;
margin-top: 0;
margin-bottom: 10px;
}
/* Pikkuotsikko - Sälähallinta */
h4 {
font-size: 12px;
padding-top: 10px;
margin-top: 0;
margin-bottom: 5px;
}
form table th {
text-align: left;
vertical-align: top;
}
/* checkboxit ja radio buttonit labelin sisällä */
label input {
vertical-align: bottom;
}
strong {
}
.error, ul.errors {
color: #FF7070;
}
.alert {
color: #FF3030;
font-weight: bold;
}
div.smallbox .error {
color: red;
}
span.nick1 a {
margin-left: 2px;
margin-right: 2px;
}
div.picture img {
border: 1px solid #FF0000;
margin: 0;
}
ul.emphasized li {
color: #F68C00;
font-weight: bold;
margin-bottom: 2px;
}
#moodfield {
display: none;
}