/

*tällä modilla on jo tekiä, enkä adoptoi = )

*http://kotisivuni.org/sites/jjosefiinamo/index.php?pid=1

*Muokkaukseen täytyy muistaa kysyä se lupa !

*

body { background: #FFFFFF; padding: 0; margin: 0; color: #000000; font-family: Courier New; } /* 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: #FFFFFF; padding: 12px 18px 20px 18px; border-top: 1px solid black; } /* generic-taulukko */ table { border-collapse: collapse; } table td { vertical-align: top; } /* perusfontti */ p, td, ol, ul, dl, div { font-family: Courier New; 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: #000000; } /* vierailtu */ a:visited { color: #000000; } /* mouseover */ a:hover { text-decoration: underline; color: #00FFFF; } /* tekstikentät / painikkeet */ input { margin: 0; margin-right: 5px; } /* tekstikentät */ input.text, textarea.text, select { background: #FFFFFF; border: 1px solid black; font-size: 12px; color: white; } /* Lomakkeen lähetyspainike */ input.submit { color: black; font-size: 10px; letter-spacing: 1px; background: #90A2B6; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; } /* * Yläreuna */ /* Yläreunan div, tän sisällä on myös haku */ #headerblock { position: relative; background: #FFFFFF; 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: Block; } /* väliviiva otsikossa, oletuksena piilotettu */ h1 .separator { display: none; } /* Sivun otsikko - Omanick (Omanimi) */ h1 .title { font-family: Courier New; 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: #FFFFFF; margin-bottom: 40px; border-top: 1px solid black; } #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: #FFFFFF; border: 1px solid black; font-size: 9px; font-family: Courier New; 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: #FFFFFF; margin: 0; float: left; width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; } /* 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: 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: #FFFFFF; } /* 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: #00FFFF; background: #FFFFFF; } /* * 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: 1px solid black; width: 100%; background: #FFFFFF; } /* 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: #FFFFFF; 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: 1px solid black; padding: 0; background: #FFFFFF; } div.smallbox:hover { background: #00FFFF; } /* laatikon otsikkoalue */ div.smallbox div.title { border: 1px solid black; border-bottom: none; background: #FFFFFF; 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: 1px solid black; } /* 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: 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: #FFFFFF; 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: #FFFFFF; } /* 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: 1px solid black; background: #FFFFFF; } /* 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: #00FFFF; } /* yksityiset */ div.commentbox tr.private, .private { color: #FF0000; } /* 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: 1px solid black; padding: 0; background: #1F3145; } div.noticebox div.innerborder { border: 1px solid black; 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: #FFFFFF; padding: 8px 5px 10px 5px; margin-bottom: 12px; border-bottom: 1px solid black; border-top: 1px solid black; } /* 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: 1px solid black; } #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: 1px solid black; padding: 0.5em 1.5em; } div#voicecommentbox div#voicecommentnumbermissing { border: 1px solid black; padding: 1em 1em 1em 70px; } div#voicecommentbox a#voicecommentinstructiontoggle { border: 1px solid black; 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: 1px solid black; 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: 1px solid black; } /* huomion sisäreuna */ #notes div.hover1 div.hoverinner { border-color: 1px solid black; } /* huomion ulkoreuna onmouseover */ #notes div.hover2 { border-color: 1px solid black; } /* huomion sisäreuna onmouseover */ #notes div.hover2 div.hoverinner { border-color: 1px solid black; } /* huomion tekstiboksi */ #notes span.text { border: 1px solid 1px solid black; 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 1px solid black; 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 1px solid black; margin: 0; } ul.emphasized li { color: #F68C00; font-weight: bold; margin-bottom: 2px; } #moodfield { display: none; }