/* * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain * profiilisivua ja kuva-arkistoa koskevat määritykset. * * $Id: basestyle.css,v 1.3 2004/12/29 13:19:58 tuner Exp $ */ body { background-color: White; padding: 0; margin: 0; color: #000000; font-family: Verdana, Arial, Sans-Serif; } table { border-collapse: collapse; } #outerbody { margin-left: auto; margin-right: auto; width: 900px; } #headerblock { position: relative; background: transparent url("http://i20.photobucket.com/albums/b245/nella_chic/background.jpg") no-repeat center; } h1 { background-color: #; margin: 0; display: block; height: 200px; position: relative; } h1 .ircgalleria { color: White; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 5px; display: none; margin: auto; position: absolute; top: 12px; left: 20px; } h1 .separator { display: none; } h1 .title { font-family: Verdana, Arial, Sans-Serif; color: #000000; font-size: 11px; font-weight: bold; display: none; margin: auto; position: absolute; top: 25px; left: 190px; } h1 .title .small { font-weight: normal; } /* --- sivujen alareunan palkki --- * Copyright tiedot saa piilottaa. Tekijänoikeuslaki pätee * vaikka erillistä mainintaa ei olisikaan. */ #footer { background: #; margin-bottom: 40px; border-top: 1px solid black; display: none; } #footer .innerborder { font-size: 10px; text-align: center; padding: 2px 20px 5px 20px; color: #000000; display: none; } #footer a { color: #000000; display: none; } /* --- Oikean yläreunan hakulootat --- */ #search { position: absolute; top: 11px; right: 14px; display: none; } #search table { border-collapse: collapse; } #search table td { vertical-align: top; padding: 0; } #search table tr.titles img { margin-bottom: 4px; margin-left: 1px; } #search table td.title img { margin-top: 5px; margin-right: 8px; } #search input { margin: 0; } #search input.text { background-color: White; border: 1px solid White; font-size: 9px; font-family: Verdana, Sans-Serif; padding: 1px; display: none; } #search input.searchsubmit { margin-top: 1px; margin-left: 1px; margin-right: 5px; } /* --- leipäteksti --- */ p, td, ol, ul, dl, div { font-family: Verdana, Arial, Sans-Serif; letter-spacing: 0px; font-size: 10px; } p { line-height: 15px; margin-top: 0; margin-bottom: 10px; } /* --- leipätekstissä ja listoissa olevat boldaukset --- */ p b, li b { color: #000000; } strong { } .error, ul.errors { color: #000000; } .alert { color: #000000; font-weight: bold; } div.smallbox .error { color: black; } a { text-decoration: none; font-weight: bold; } a:link { color: #000000; } a:visited { color: #000000; } a:hover { text-decoration: underline; color: #000000; } div.picture a { } div.picture img { border: 1px solid #000000; margin: 0; } input { margin: 0; margin-right: 5px; } input.text, textarea.text, select { background-color: White; border: 1px solid #000000; font-size: 10px; color: black; } input.submit { color: black; font-size: 10px; letter-spacing: 1px; background-color: White; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; } /* --- päävalikko --- */ #mainmenu { background-color: White; margin: 0; float: left; width: 100%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid black; border-right: 1px solid black; } #mainmenu .innerborder { float: left; width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; } #mainmenu ul { list-style: none; border: none; margin: 0; padding: 0; padding-left: 10px; padding-right: 10px; } #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ä */ } li#mmlogout { float: right; } #mainmenu li.selected { background-color: White; } #mainmenu li a { display: block; padding: 2px 10px 3px 10px; color: #000000; font-size: 10px; float: left; margin: 0; text-decoration: none; text-transform: uppercase; } #mainmenu #mmnewcomments a { color: #000000; font-weight: bold; } #mainmenu li a:hover { color: #000000; background-color: White; } /* --- Alavalikko, esitetään lehdyköinä --- */ #submenu { clear: both; float: left; font-size: 11px; letter-spacing: 0px; font-family: Verdana, Arial, sans-serif; padding-top: 17px; margin-left: 0px; border-bottom: 1px solid White; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; width: 100%; background-color: White; } #submenu ul { margin: 0; padding: 0; list-style: none; padding-left: 19px; } #submenu li { vertical-align: middle; margin: 0 2px 0 0; padding: 0; padding-left: 15px; background-color: White; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ } #submenu a { display: block; margin: 0; padding: 0; padding-right: 16px; padding-top: 5px; padding-bottom: 5px; color: #000000; float: left; font-size: 10px; } #submenu a:hover { text-decoration: underline; } #submenu li.selected { background-color: White; } #submenu li.selected a { } /* -------- */ #innerbody { clear: both; background-color: White; padding: 12px 18px 20px 18px; } #tabbedbody { clear: both; background: White 0% 0% repeat-x; padding: 12px 18px 20px 18px; border-top: 2px solid #000000; border-bottom: 2px solid black; border-left: 2px solid black; border-right: 2px solid black; } /* --- kapeat, kevyillä kehyksillä varustetut boksit --- */ div.smallbox { margin-bottom: 10px; border-top: 1px solid black; } div.smallbox div.title { border: 1px solid #000000; border-bottom: block; background-color: White; } div.smallbox div.title h3 { margin: 0; padding: 2px; text-align: center; font-family: Arial, Sans-serif; color: #000000; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; } div.smallbox .content { border: 1px solid White; background-color: White; } div.smallbox .content .innerborder { border: 1px solid White; padding: 0 10px 0 10px; } div.smallbox .content div.tabledecorator { margin-top: 10px; margin-bottom: 10px; } div.smallbox .errors { color: #000000; } div.smallbox ul { margin-left: 25px; padding-left: 0; } div.smallbox p { margin-top: 10px; } #profilechannels .content .innerborder, #profilecommunities .content .innerborder, #profileactions .content .innerborder, #profileadmintools .content .innerborder { padding: 10px; } /* --- kommenttiboksi --- */ div.commentbox { border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid black; border-right: 2px solid black; background-color: White; } div.commentbox .title { display: none; } div.commentbox .content { padding: 15px; } div.commentbox .innerborder div { margin-top: 1px; margin-bottom: 1px; } div.commentbox .stamp { font-family: Arial, Sans-Serif; font-size: 10px; color: #000000; white-space: nowrap; display: none; } div#newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: #000000; } /* --- view.php:n kommentiboksi. ie:tä varten täytyy määritellä kiinteä leveys. --- */ div#viewcommentbox { width: 678px; } /* kommenttien värit */ div.commentbox tr.owner { color: Hotpink; } div.commentbox tr.private, .private { color: Pink; } div.commentbox tr.admin, .admin { color: #000000; } div.commentbox tr.user { color: #696969; } div.commentbox td { padding-right: 5px; } div.commentbox td.sender { white-space: nowrap; } #commentform { margin-top: 10px; margin-bottom: 10px; } #commentform td { vertical-align: middle; } /* --- käyttäjän profiilisivu --- */ #viewtable { border-collapse: collapse; } #viewtable td { vertical-align: top; } #viewtableinfo { width: 213px; } #viewtableimage { width: 686px; padding-left: 20px; } #viewtableimage img { border: 0; } #viewcaption { margin: 3px 10px 20px 1px; } #profilebasicinfo .content .innerborder { padding: 8px 10px 8px 10px; } #profilebasicinfo .content .innerborder div { padding: 2px 0 2px 0; } #profilebasicinfo .content span { white-space: nowrap; } #profilebasicinfo b { display: block; } #profilebasicinfo span { display: block; margin-left: 9px; } /* #profilebasicinfo .content a { font-weight: normal; text-decoration: underline; } */ #profilebasicinfo .online { color: Hotpink; font-weight: bold; } .smallbox .network { font-weight: bold; } #profilechannels .spacer, #profilecommunities .spacer { height: 10px; } .smallbox .channellist { margin-left: 9px; } #profileadmintools div.spacer, #profileactions div.spacer { height: 10px; } #profileaphorism .title { display: block; } #profileaphorism .content { background-color: White; } #profileaphorism .content .innerborder { padding: 10px; font-family: "Lucida Console", Monospace; } #profileadmintools .title h3 { text-transform: none; } /* --- Kuva-arkiston tyylit --- */ table.grid { border-collapse: collapse; } table.grid td { vertical-align: top; width: 172px; padding: 1px; padding-bottom: 10px; } table#archivetable, table#bookmarktable { width: 100%; } table.grid td div { padding-top: 2px; padding-bottom: 4px; text-align: center; } table.grid td div div { padding: 0; } td#archive table.grid div.default { background-color: White; } td#archive table.grid div.default img { border: 1px solid White; } table.grid div.online img { border: 1px solid #000000; } table.grid div.online { background-color: White; } table.grid div.invisible img { filter: Alpha(opacity=40) Gray(); -moz-opacity: .30; opacity: 0.3; } table.grid { } table.grid div.tools { margin-bottom: 3px; } table.grid div.stamp { margin-bottom: 1px; font-size: 9px; } table.grid div.picture { position: relative; text-align: left; } table.grid div.picture div { } table.grid div.mask { position: absolute; display: block; width: 172px; } table.grid div.mask div { display: block; margin-left: auto; margin-right: auto; margin-top: 1px; margin-bottom: 1px; opacity: 0.5; filter: Alpha(opacity=20); /* background: url("hiddenlayer.gif"); */ } table.grid b { color: #000000; } table.grid div.caption { padding-top: 3px; } div.thumbnick { margin-top: 1px; margin-bottom: 7px; } div.thumbnick b { font-size: 9px; color: black; } table#bookmarktable td { vertical-align: top; } #indexlastlogin div.thumbnick { margin-bottom: 15px; } /* --- Smiley-selektori --- */ #smileys { position: relative; } a#smileybutton { margin-left: 4px; margin-right: 4px; } #smileyselector { display: none; position: absolute; bottom: 20px; right: -5px; width: 93px; padding-top: 5px; background-color: White; border: 1px solid #000000; } #smileyselector div.smiley, #smileyselector div.smileyclose { text-align: center; height: 25px; width: 31px; float:left; } #smileyselector br { clear: left; } #smileyselector div.smileyclose a { color: black; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding-left: 3px; padding-right: 3px; } Copyright net.sootihq.com 2005