PIENI MODAUS

mistä löytää semmosen modauksen, mikä on samanlainen ku se perus galleria juttu, mut vaa fontti on paljo pienempi ja niiden valikoiden laatikot on semmosia teräväkulmaisia, eli kirjaimellisesti laatikoita.
5767
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat

Vai galleriaan modausta...

Oli ihan pakko kysyä, että miten tää liittyy IRC:seen?

Äänestä

Oon ite yrittäny ettii just samaa modii mitä sä täs kysyt, enkä oo löytäny. :s joko oot saanu sen? ja jos oot, nii mist? =)

Äänestä
  • /*
    * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain
    * profiilisivua koskevat määritykset.
    *
    * $Id: basestyle.css,v 1.7 2007/02/02 07:53:11 phadej Exp $
    */

    /*
    * Sekalaista
    */

    /* Sivun pohja, uloin tausta */
    body {
    background-color: #0A0A0A;
    padding: 0; margin: 0;
    color: #DAE6ED;

    font-family: Verdana;
    }

    /* 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: #263E59 url("tabbedgradient.gif") 0% 0% repeat-x;
    padding: 12px 18px 20px 18px;
    border-top: 1px solid #040609;
    }

    /* generic-taulukko */
    table {
    border-collapse: collapse;
    }

    table td {
    vertical-align: top;
    }

    /* perusfontti */
    p, td, ol, ul, dl, div {
    font-family: Verdana;
    letter-spacing: 0px;
    font-size: 9px;
    }

    /* boldaukset */
    p b, li b, label b {
    color: #F68C00;
    }

    /* Linkit */
    a {
    text-decoration: none;
    font-weight: none;
    }

    a:link {
    color: #E5C59A;
    }

    /* vierailtu */
    a:visited {
    color: #C2A378;
    }

    /* mouseover */
    a:hover {
    text-decoration: underline;
    color: #FFDEB0;
    }

    /* tekstikentät / painikkeet */
    input {
    margin: 0;
    margin-right: 5px;
    }

    /* tekstikentät */
    input.text,
    textarea.text,
    select {
    background-color: #162538;
    border: 1px solid #667A8F;
    font-size: 10px;
    color: white;
    }

    /* Lomakkeen lähetyspainike */
    input.submit {
    color: black;
    font-size: 8px;
    letter-spacing: 1px;

    background-color: #90A2B6;

    border-top: 1px solid #B8CFE9;
    border-left: 1px solid #B8CFE9;
    border-bottom: 1px solid #58636F;
    border-right: 1px solid #58636F;
    }

    /*
    * Yläreuna
    */

    /* Yläreunan div, tän sisällä on myös haku */
    #headerblock {
    position: relative;
    background-color: #14273D;
    height: 54px;
    }

    h1 {
    margin: 0;

    display: block;
    height: 54px;

    position: relative;

    background-image: url("irc-galleria2.gif");
    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: none;
    }

    /* väliviiva otsikossa, oletuksena piilotettu */
    h1 .separator { display: none; }

    /* Sivun otsikko - Omanick (Omanimi) */
    h1 .title {
    font-family: Verdana;
    color: #F68C00;
    font-size: 10px;
    font-weight: bold;

    display: block;
    margin: auto;
    position: absolute;
    top: 24px;
    left: 216px;
    }

    /* Sivun otsikkossa (Omanimi) -kohta */
    h1 .title .small {
    font-weight: normal;
    }

    /*
    * Alareuna (Copyright teksti -palkki)
    */
    #footer {
    background: #152E48;
    margin-bottom: 40px;
    border-top: 1px solid black;
    }

    #footer .innerborder {
    font-size: 8px;
    text-align: center;
    padding: 2px 20px 5px 20px;
    color: #33506F;
    }

    #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.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("searchtitle.gif") no-repeat 0px 5px } */ /* Haku */
    /* #search td.nicktitle { height: 11px; background: url("searchnick.gif") no-repeat 1px 0px } */ /* Nimimerkki */
    /* #search td.communitytitle { height: 11px; background: url("searchcommunity.gif") no-repeat 1px 0px } */ /* Yhteisö */
    /* #search td.channeltitle { height: 11px; background: url("searchchannel.gif") no-repeat 1px 0px } */ /* Kanava */

    /* Haun tekstikenttä */
    #search input.text {
    margin: 0;
    background-color: #0F1C2C;
    border: 1px solid #667A8F;
    font-size: 8px;
    font-family: Verdana;
    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-color: #33506F;
    margin: 0;
    float: left;

    width: 100%;

    border-top: 1px solid #667A8F;
    border-bottom: 1px solid #667A8F;
    }

    /* sisemmät reunukset */
    #mainmenu .innerborder {
    float: left;
    width: 100%;

    border-top: 1px solid black;
    border-bottom: 1px solid black;
    }

    /* 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: Verdana;

    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-color: #768BA6;
    }

    /* linkki */
    #mainmenu li a {
    display: block;

    padding: 2px 9px 3px 9px;
    color: #E2EBF1;
    font-size: 8px;

    float: left;
    margin: 0;

    text-decoration: none;
    text-transform: uppercase;
    }

    /* uudet kommentit numerolinkki */
    #mainmenu #mmnewcomments a {
    color: #DAAA67;
    font-weight: none;
    }

    /* linkkien mouseover */
    #mainmenu li a:hover {
    color: #F68C00;
    background-color: #1C2C3C;
    }

    /*
    * Alavalikko, samanlainen merkkaus kuin päävalikolla
    */
    #submenu {
    clear: both;
    float: left;
    font-size: 9px; letter-spacing: 0px;
    font-family: Verdana;
    padding-top: 15px;
    margin-left: 0px;
    border-bottom: 1px solid #708498;
    width: 100%;
    background-color: #263E59;
    }

    /* 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: #3C536D;

    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: #E2EBF1;

    float: left;

    font-size: 8px;
    }

    /* linkin onmouseover */
    #submenu a:hover {
    text-decoration: underline;
    }

    /* "profiili" painike
    #submenu li.selected {
    background: #7F92AB;
    }

    /* "profiili" linkki */
    #submenu li.selected a {

    }

    /*
    * Vasemman reunan laatiokot
    */
    div.smallbox {
    margin-bottom: 10px;
    border-top: 1px solid black;
    padding: 0;
    background-color: #1F3145;
    }

    /* laatikon otsikkoalue */
    div.smallbox div.title {
    border: 1px solid #667A8F;
    border-bottom: none;

    background-color: #445A72;
    background: #3C536D;
    }

    /* laatikon otsikkoteksti */
    div.smallbox div.title h3 {
    margin: 0;
    padding: 2px;

    text-align: center;
    font-family: Verdana;
    color: #E2EBF1;
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0px;

    height: 13px;
    }

    /* laatikon sisältö */
    div.smallbox .content {
    padding: 0;
    border: 1px solid #667A8F;
    }

    /* laatikon sisällön sisäreuna */
    div.smallbox .content .innerborder {
    border: 1px solid black;
    padding: 0 10px 0 10px;
    margin: 0;
    }

    div.smallbox .content div.tabledecorator {
    margin-top: 10px;
    margin-bottom: 10px;
    }

    div.smallbox .errors {
    color: #FF4040;
    }

    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: 9px;
    }

    /* Laatikot:
    #profilebasicinfo Tiedot
    #profileactions Toiminnot
    #trinketactions Sälät
    #profilechannels Kanavat
    #profilecommunities Yhteisöt
    #profilevisitcounter Kävijälaskuri
    #profilevisitorlist Vieraslista
    #profileaphorism Ihkuboksi
    */

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

    /* Verkon tai yhteisöluokitustekstit */
    #profilechannels .network,
    #profilecommunities .network {
    font-weight: bold;
    }

    /* 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("channel_operator_dark.gif") 2px 2px no-repeat;
    }

    div.smallbox div.channellist div.profcommunitymoderator {
    background: url("community_moderator.gif") 2px 1px no-repeat;
    }
    */

    /* Vieraslista */
    div#profilevisitorlist table#visitorlisttable {
    width: 100%;
    margin: 0;
    }

    div#profilevisitorlist tr.visitorlistdate th {
    text-align: left;
    font-weight: none;
    padding-top: 0.5em;
    }

    div#profilevisitorlist td.visitorlistvisitor {
    padding-left: 1em;
    }

    div#profilevisitorlist td.visitorlisttime {
    text-align: right;
    }

    /* Ihkuboksi */

    /* ei näytetä otsikkoa */
    #profileaphorism .title {
    display: none;
    }

    #profileaphorism .content {
    background-color: #4D6072;
    }

    /* monospace fontti */
    #profileaphorism .content .innerborder {
    padding: 10px;
    font-family: Verdana;
    }

    #profileaphorism img {
    border: none;
    }


    /* Pikkukuvat toimintolinkkeihin */
    /*
    div.smallbox div.tool_link a {
    padding-left: 24px;
    }
    */
    /* #profilevisitorlist #showmorevisitors a { background-image: url("visitorlist_showmore.gif"); } */ /* Näytä lisää vierailijoita */
    /* #profilevisitorlist #browsevisitors a { background-image: url("visitorlist_browse.gif"); } */ /* Selaa vierailijoiden kuvia */
    /* #comment_deletion_start a { background-image: url("remove_comm.gif"); } */ /* Poista kommentteja */
    /* #comment_deletion_stop a { background-image: url("stop_remove_comm.gif"); } */ /* Lopeta kommentien poisto */
    /* #prof_blacklist_add a { background-image: url("add_black.gif"); } */ /* Lisää Mustalle Listalle */
    /* #prof_blacklist_remove a { background-image: url("add_black.gif"); } */ /* Poista Mustalle Listalle */
    /* #prof_friends_add a { background-image: url("add_friend.gif"); } */ /* Lisää kaveriryhmään */
    /* #prof_daily_pic a { background-image: url("king_for_a_day.gif"); } */ /* Ehdota Päivän kuvaksi */
    /* #prof_denunciate a { background-image: url("bust_user.gif"); } */ /* Ilmianna käyttäjä */
    /* #prof_away a { background-image: url("away.gif"); } */ /* Aseta poissaoloviesti */
    /* #prof_image_info a { background-image: url("change_info.gif"); } */ /* Muokkaa kuvan tietoja */
    /* #prof_mypicture a { background-image: url("prof_mypicture.gif"); } */ /* LolKek */
    /* #prof_add_note a { background-image: url("add_note.gif"); } */ /* Uusi Huomio */
    /* #prof_addpic a { background-image: url("prof_addpic.gif"); } */ /* Lisää uusi kuva */
    /* #prof_sms_bg a { background-image: url("order_image.gif"); } */ /* Lataa taustakuvaksi */
    /* #trinket_pick_all a { background-image: url("pick_trinkets.gif"); } */ /* Poimi kaikki sälät */
    /* #trinket_edit_start a { background-image: url("start_modification.gif"); } */ /* Muokkaa sälää */
    /* #trinket_edit_stop a { background-image: url("stop_modification.gif"); } */ /* Lopeta sälän muokkaus */

    /*
    * Kommenttilaatikko
    */

    div.commentbox {
    width: 691px;
    border-top: 1px solid #5C6E81;
    border-bottom: 1px solid #5C6E81;
    background-color: #182A3D;
    }

    /* 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: Verdana;
    font-size: 8px;
    color: #B2C1CB;

    white-space: nowrap;
    }

    /* Uudet kommentit teksti */
    #newcomments {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #F68C00;
    }
    /* 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("cicon_user.gif");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    }
    */

    /* arkisto */
    /*
    a.archivelink {
    padding-right: 13px;
    background-image: url("cicon_archive.gif");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    }
    */

    /* blogi */
    /*
    a.bloglink {
    padding-right: 17px;
    background-image: url("cicon_blog.gif");
    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: #F28E00;
    }

    /* yksityiset */
    div.commentbox tr.private, .private {
    color: #E04BC6;
    }

    /* ylläpitokommentit */
    div.commentbox tr.admin, .admin {
    color: #00FFF6;
    }

    /* muiden käyttäjien omat kommentit */
    div.commentbox tr.user {
    color: #95EA48;
    }

    /*
    * Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
    */
    div.noticebox {
    border-top: 1px solid black;
    padding: 0;
    background-color: #1F3145;
    }

    div.noticebox div.innerborder {
    border: 1px solid #667A8F;
    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-color: #182a3d;
    padding: 8px 5px 10px 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #5c6e81;
    border-top: 1px solid #5c6e81;
    }

    /* 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: 7px;
    }

    /* 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-color: #263E59;
    border: 1px solid #667A8F;
    }

    #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: Verdana;
    font-weight: normal;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    }

    /*
    * Äänikommentti-laatikko
    */
    #voicecommentbox {
    }

    div#voicecommentbox div#voicecommentmaximized {
    border: 1px solid #667A8F;
    padding: 0.5em 1.5em;
    }

    div#voicecommentbox div#voicecommentnumbermissing {
    border: 1px solid #667A8F;
    padding: 1em 1em 1em 70px;
    }

    div#voicecommentbox a#voicecommentinstructiontoggle {
    border: solid 1px #667A8F;
    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: normal;
    }

    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("voicecomment_n70.png") no-repeat;
    position: relative;
    }

    div#voicecommentbox span#voicecommentphonenumber {
    display: block;
    position: absolute;
    background: white;
    border: 1px solid #CCCCCC;
    color: black;
    font-size: 8px;
    font-weight: normal;
    left: 20px;
    bottom: 110px;
    width: 67px;
    text-align: right;
    padding: 2px;
    }

    /*
    * Huomiot
    */

    /* huomion ulkoreuna */
    #notes div.hover1 {
    border-color: #90a2b6;
    }

    /* huomion sisäreuna */
    #notes div.hover1 div.hoverinner {
    border-color: #162538;
    }

    /* huomion ulkoreuna onmouseover */
    #notes div.hover2 {
    border-color: white;
    }

    /* huomion sisäreuna onmouseover */
    #notes div.hover2 div.hoverinner {
    border-color: black;
    }

    /* huomion tekstiboksi */
    #notes span.text {
    border: 1px solid #90a2b6;
    background: #162538;
    color: #DAE6ED;
    }

    /*
    * Kurkistus
    */
    /* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
    div.peepboxN {
    background-color: #1F3145;
    width: 180px;
    }

    /* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
    div.peepboxC {
    background-color: #1F3145;
    width: 250px;
    }

    /* kurkistuksen sisäreuna */
    div.peepboxN div.innerborder,
    div.peepboxC div.innerborder {
    border: 1px solid #667A8F;
    padding: 5px 10px 5px 10px;

    color: #DAE6ED;
    font-family: Verdana;
    letter-spacing: 0px;
    font-size: 9px;
    }

    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(online.gif);
    background-repeat: no-repeat;
    background-position: 100% 6px;
    }

    span.birthdaynick {
    padding-right: 17px;
    margin-right: 0px;

    background-image: url(birthday.gif);
    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: 10px;

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

    div.smallbox .error {
    color: red;
    }


    span.nick1 a {
    margin-left: 2px;
    margin-right: 2px;
    }

    div.picture img {
    border: 1px solid #667A8F;
    margin: 0;
    }

    ul.emphasized li {
    color: #F68C00;
    font-weight: normal;
    margin-bottom: 2px;
    }

    Äänestä

  • jooooohjugjf kirjoitti:

    /*
    * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain
    * profiilisivua koskevat määritykset.
    *
    * $Id: basestyle.css,v 1.7 2007/02/02 07:53:11 phadej Exp $
    */

    /*
    * Sekalaista
    */

    /* Sivun pohja, uloin tausta */
    body {
    background-color: #0A0A0A;
    padding: 0; margin: 0;
    color: #DAE6ED;

    font-family: Verdana;
    }

    /* 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: #263E59 url("tabbedgradient.gif") 0% 0% repeat-x;
    padding: 12px 18px 20px 18px;
    border-top: 1px solid #040609;
    }

    /* generic-taulukko */
    table {
    border-collapse: collapse;
    }

    table td {
    vertical-align: top;
    }

    /* perusfontti */
    p, td, ol, ul, dl, div {
    font-family: Verdana;
    letter-spacing: 0px;
    font-size: 9px;
    }

    /* boldaukset */
    p b, li b, label b {
    color: #F68C00;
    }

    /* Linkit */
    a {
    text-decoration: none;
    font-weight: none;
    }

    a:link {
    color: #E5C59A;
    }

    /* vierailtu */
    a:visited {
    color: #C2A378;
    }

    /* mouseover */
    a:hover {
    text-decoration: underline;
    color: #FFDEB0;
    }

    /* tekstikentät / painikkeet */
    input {
    margin: 0;
    margin-right: 5px;
    }

    /* tekstikentät */
    input.text,
    textarea.text,
    select {
    background-color: #162538;
    border: 1px solid #667A8F;
    font-size: 10px;
    color: white;
    }

    /* Lomakkeen lähetyspainike */
    input.submit {
    color: black;
    font-size: 8px;
    letter-spacing: 1px;

    background-color: #90A2B6;

    border-top: 1px solid #B8CFE9;
    border-left: 1px solid #B8CFE9;
    border-bottom: 1px solid #58636F;
    border-right: 1px solid #58636F;
    }

    /*
    * Yläreuna
    */

    /* Yläreunan div, tän sisällä on myös haku */
    #headerblock {
    position: relative;
    background-color: #14273D;
    height: 54px;
    }

    h1 {
    margin: 0;

    display: block;
    height: 54px;

    position: relative;

    background-image: url("irc-galleria2.gif");
    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: none;
    }

    /* väliviiva otsikossa, oletuksena piilotettu */
    h1 .separator { display: none; }

    /* Sivun otsikko - Omanick (Omanimi) */
    h1 .title {
    font-family: Verdana;
    color: #F68C00;
    font-size: 10px;
    font-weight: bold;

    display: block;
    margin: auto;
    position: absolute;
    top: 24px;
    left: 216px;
    }

    /* Sivun otsikkossa (Omanimi) -kohta */
    h1 .title .small {
    font-weight: normal;
    }

    /*
    * Alareuna (Copyright teksti -palkki)
    */
    #footer {
    background: #152E48;
    margin-bottom: 40px;
    border-top: 1px solid black;
    }

    #footer .innerborder {
    font-size: 8px;
    text-align: center;
    padding: 2px 20px 5px 20px;
    color: #33506F;
    }

    #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.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("searchtitle.gif") no-repeat 0px 5px } */ /* Haku */
    /* #search td.nicktitle { height: 11px; background: url("searchnick.gif") no-repeat 1px 0px } */ /* Nimimerkki */
    /* #search td.communitytitle { height: 11px; background: url("searchcommunity.gif") no-repeat 1px 0px } */ /* Yhteisö */
    /* #search td.channeltitle { height: 11px; background: url("searchchannel.gif") no-repeat 1px 0px } */ /* Kanava */

    /* Haun tekstikenttä */
    #search input.text {
    margin: 0;
    background-color: #0F1C2C;
    border: 1px solid #667A8F;
    font-size: 8px;
    font-family: Verdana;
    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-color: #33506F;
    margin: 0;
    float: left;

    width: 100%;

    border-top: 1px solid #667A8F;
    border-bottom: 1px solid #667A8F;
    }

    /* sisemmät reunukset */
    #mainmenu .innerborder {
    float: left;
    width: 100%;

    border-top: 1px solid black;
    border-bottom: 1px solid black;
    }

    /* 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: Verdana;

    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-color: #768BA6;
    }

    /* linkki */
    #mainmenu li a {
    display: block;

    padding: 2px 9px 3px 9px;
    color: #E2EBF1;
    font-size: 8px;

    float: left;
    margin: 0;

    text-decoration: none;
    text-transform: uppercase;
    }

    /* uudet kommentit numerolinkki */
    #mainmenu #mmnewcomments a {
    color: #DAAA67;
    font-weight: none;
    }

    /* linkkien mouseover */
    #mainmenu li a:hover {
    color: #F68C00;
    background-color: #1C2C3C;
    }

    /*
    * Alavalikko, samanlainen merkkaus kuin päävalikolla
    */
    #submenu {
    clear: both;
    float: left;
    font-size: 9px; letter-spacing: 0px;
    font-family: Verdana;
    padding-top: 15px;
    margin-left: 0px;
    border-bottom: 1px solid #708498;
    width: 100%;
    background-color: #263E59;
    }

    /* 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: #3C536D;

    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: #E2EBF1;

    float: left;

    font-size: 8px;
    }

    /* linkin onmouseover */
    #submenu a:hover {
    text-decoration: underline;
    }

    /* "profiili" painike
    #submenu li.selected {
    background: #7F92AB;
    }

    /* "profiili" linkki */
    #submenu li.selected a {

    }

    /*
    * Vasemman reunan laatiokot
    */
    div.smallbox {
    margin-bottom: 10px;
    border-top: 1px solid black;
    padding: 0;
    background-color: #1F3145;
    }

    /* laatikon otsikkoalue */
    div.smallbox div.title {
    border: 1px solid #667A8F;
    border-bottom: none;

    background-color: #445A72;
    background: #3C536D;
    }

    /* laatikon otsikkoteksti */
    div.smallbox div.title h3 {
    margin: 0;
    padding: 2px;

    text-align: center;
    font-family: Verdana;
    color: #E2EBF1;
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0px;

    height: 13px;
    }

    /* laatikon sisältö */
    div.smallbox .content {
    padding: 0;
    border: 1px solid #667A8F;
    }

    /* laatikon sisällön sisäreuna */
    div.smallbox .content .innerborder {
    border: 1px solid black;
    padding: 0 10px 0 10px;
    margin: 0;
    }

    div.smallbox .content div.tabledecorator {
    margin-top: 10px;
    margin-bottom: 10px;
    }

    div.smallbox .errors {
    color: #FF4040;
    }

    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: 9px;
    }

    /* Laatikot:
    #profilebasicinfo Tiedot
    #profileactions Toiminnot
    #trinketactions Sälät
    #profilechannels Kanavat
    #profilecommunities Yhteisöt
    #profilevisitcounter Kävijälaskuri
    #profilevisitorlist Vieraslista
    #profileaphorism Ihkuboksi
    */

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

    /* Verkon tai yhteisöluokitustekstit */
    #profilechannels .network,
    #profilecommunities .network {
    font-weight: bold;
    }

    /* 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("channel_operator_dark.gif") 2px 2px no-repeat;
    }

    div.smallbox div.channellist div.profcommunitymoderator {
    background: url("community_moderator.gif") 2px 1px no-repeat;
    }
    */

    /* Vieraslista */
    div#profilevisitorlist table#visitorlisttable {
    width: 100%;
    margin: 0;
    }

    div#profilevisitorlist tr.visitorlistdate th {
    text-align: left;
    font-weight: none;
    padding-top: 0.5em;
    }

    div#profilevisitorlist td.visitorlistvisitor {
    padding-left: 1em;
    }

    div#profilevisitorlist td.visitorlisttime {
    text-align: right;
    }

    /* Ihkuboksi */

    /* ei näytetä otsikkoa */
    #profileaphorism .title {
    display: none;
    }

    #profileaphorism .content {
    background-color: #4D6072;
    }

    /* monospace fontti */
    #profileaphorism .content .innerborder {
    padding: 10px;
    font-family: Verdana;
    }

    #profileaphorism img {
    border: none;
    }


    /* Pikkukuvat toimintolinkkeihin */
    /*
    div.smallbox div.tool_link a {
    padding-left: 24px;
    }
    */
    /* #profilevisitorlist #showmorevisitors a { background-image: url("visitorlist_showmore.gif"); } */ /* Näytä lisää vierailijoita */
    /* #profilevisitorlist #browsevisitors a { background-image: url("visitorlist_browse.gif"); } */ /* Selaa vierailijoiden kuvia */
    /* #comment_deletion_start a { background-image: url("remove_comm.gif"); } */ /* Poista kommentteja */
    /* #comment_deletion_stop a { background-image: url("stop_remove_comm.gif"); } */ /* Lopeta kommentien poisto */
    /* #prof_blacklist_add a { background-image: url("add_black.gif"); } */ /* Lisää Mustalle Listalle */
    /* #prof_blacklist_remove a { background-image: url("add_black.gif"); } */ /* Poista Mustalle Listalle */
    /* #prof_friends_add a { background-image: url("add_friend.gif"); } */ /* Lisää kaveriryhmään */
    /* #prof_daily_pic a { background-image: url("king_for_a_day.gif"); } */ /* Ehdota Päivän kuvaksi */
    /* #prof_denunciate a { background-image: url("bust_user.gif"); } */ /* Ilmianna käyttäjä */
    /* #prof_away a { background-image: url("away.gif"); } */ /* Aseta poissaoloviesti */
    /* #prof_image_info a { background-image: url("change_info.gif"); } */ /* Muokkaa kuvan tietoja */
    /* #prof_mypicture a { background-image: url("prof_mypicture.gif"); } */ /* LolKek */
    /* #prof_add_note a { background-image: url("add_note.gif"); } */ /* Uusi Huomio */
    /* #prof_addpic a { background-image: url("prof_addpic.gif"); } */ /* Lisää uusi kuva */
    /* #prof_sms_bg a { background-image: url("order_image.gif"); } */ /* Lataa taustakuvaksi */
    /* #trinket_pick_all a { background-image: url("pick_trinkets.gif"); } */ /* Poimi kaikki sälät */
    /* #trinket_edit_start a { background-image: url("start_modification.gif"); } */ /* Muokkaa sälää */
    /* #trinket_edit_stop a { background-image: url("stop_modification.gif"); } */ /* Lopeta sälän muokkaus */

    /*
    * Kommenttilaatikko
    */

    div.commentbox {
    width: 691px;
    border-top: 1px solid #5C6E81;
    border-bottom: 1px solid #5C6E81;
    background-color: #182A3D;
    }

    /* 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: Verdana;
    font-size: 8px;
    color: #B2C1CB;

    white-space: nowrap;
    }

    /* Uudet kommentit teksti */
    #newcomments {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #F68C00;
    }
    /* 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("cicon_user.gif");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    }
    */

    /* arkisto */
    /*
    a.archivelink {
    padding-right: 13px;
    background-image: url("cicon_archive.gif");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    }
    */

    /* blogi */
    /*
    a.bloglink {
    padding-right: 17px;
    background-image: url("cicon_blog.gif");
    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: #F28E00;
    }

    /* yksityiset */
    div.commentbox tr.private, .private {
    color: #E04BC6;
    }

    /* ylläpitokommentit */
    div.commentbox tr.admin, .admin {
    color: #00FFF6;
    }

    /* muiden käyttäjien omat kommentit */
    div.commentbox tr.user {
    color: #95EA48;
    }

    /*
    * Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
    */
    div.noticebox {
    border-top: 1px solid black;
    padding: 0;
    background-color: #1F3145;
    }

    div.noticebox div.innerborder {
    border: 1px solid #667A8F;
    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-color: #182a3d;
    padding: 8px 5px 10px 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #5c6e81;
    border-top: 1px solid #5c6e81;
    }

    /* 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: 7px;
    }

    /* 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-color: #263E59;
    border: 1px solid #667A8F;
    }

    #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: Verdana;
    font-weight: normal;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    }

    /*
    * Äänikommentti-laatikko
    */
    #voicecommentbox {
    }

    div#voicecommentbox div#voicecommentmaximized {
    border: 1px solid #667A8F;
    padding: 0.5em 1.5em;
    }

    div#voicecommentbox div#voicecommentnumbermissing {
    border: 1px solid #667A8F;
    padding: 1em 1em 1em 70px;
    }

    div#voicecommentbox a#voicecommentinstructiontoggle {
    border: solid 1px #667A8F;
    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: normal;
    }

    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("voicecomment_n70.png") no-repeat;
    position: relative;
    }

    div#voicecommentbox span#voicecommentphonenumber {
    display: block;
    position: absolute;
    background: white;
    border: 1px solid #CCCCCC;
    color: black;
    font-size: 8px;
    font-weight: normal;
    left: 20px;
    bottom: 110px;
    width: 67px;
    text-align: right;
    padding: 2px;
    }

    /*
    * Huomiot
    */

    /* huomion ulkoreuna */
    #notes div.hover1 {
    border-color: #90a2b6;
    }

    /* huomion sisäreuna */
    #notes div.hover1 div.hoverinner {
    border-color: #162538;
    }

    /* huomion ulkoreuna onmouseover */
    #notes div.hover2 {
    border-color: white;
    }

    /* huomion sisäreuna onmouseover */
    #notes div.hover2 div.hoverinner {
    border-color: black;
    }

    /* huomion tekstiboksi */
    #notes span.text {
    border: 1px solid #90a2b6;
    background: #162538;
    color: #DAE6ED;
    }

    /*
    * Kurkistus
    */
    /* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
    div.peepboxN {
    background-color: #1F3145;
    width: 180px;
    }

    /* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
    div.peepboxC {
    background-color: #1F3145;
    width: 250px;
    }

    /* kurkistuksen sisäreuna */
    div.peepboxN div.innerborder,
    div.peepboxC div.innerborder {
    border: 1px solid #667A8F;
    padding: 5px 10px 5px 10px;

    color: #DAE6ED;
    font-family: Verdana;
    letter-spacing: 0px;
    font-size: 9px;
    }

    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(online.gif);
    background-repeat: no-repeat;
    background-position: 100% 6px;
    }

    span.birthdaynick {
    padding-right: 17px;
    margin-right: 0px;

    background-image: url(birthday.gif);
    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: 10px;

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

    div.smallbox .error {
    color: red;
    }


    span.nick1 a {
    margin-left: 2px;
    margin-right: 2px;
    }

    div.picture img {
    border: 1px solid #667A8F;
    margin: 0;
    }

    ul.emphasized li {
    color: #F68C00;
    font-weight: normal;
    margin-bottom: 2px;
    }

    joo muuten toi idea, mut noiden tekstien '' profiili, kuva-arkisto, päiväkirja '' fontit on liian epäselviä :(

    Äänestä

niiimpä, mäki haluuun löytää :o

Äänestä

Kommentoi aloitusta


öpöpöpöpöp kirjoitti:

mistä löytää semmosen modauksen, mikä on samanlainen ku se perus galleria juttu, mut vaa fontti on paljo pienempi ja niiden valikoiden laatikot on semmosia teräväkulmaisia, eli kirjaimellisesti laatikoita.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu