/* * 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: #9CD8E9; padding: 0; margin: 0; color: #ff2280 font-family: Verdana, Arial, Sans-Serif; } table { border-collapse: collapse; } #outerbody { margin-left: auto; margin-right: auto; width: 960px; } #headerblock { position: relative; } h1 { background-color: #9CD8E9; margin: 0; display: block; height: 54px; position: relative; } h1 .ircgalleria { color: #FFFFFF; font-family: Arial, Sans-Serif; font-weight: normal; font-size: 0px; display: block; margin: auto; position: absolute; top: 0px; left: 0px; } h1 .separator { display: none; } h1 .title { font-family: Verdana, Arial, Sans-Serif; color: #FFFFFF; font-size: 0px; font-weight: bold; display: block; margin: auto; position: absolute; top: 0px; left: 0px; down: 0px } h1 .title .small { font-weight: bold; } /* --- sivujen alareunan palkki --- * Copyright tiedot saa piilottaa. Tekijänoikeuslaki pätee * vaikka erillistä mainintaa ei olisikaan. */ #footer { background: #9CD8E9; margin-bottom: 40px; border-top: 1px solid white; } #footer .innerborder { font-size: 9px; text-align: center; padding: 2px 20px 5px 20px; color: #FFFFFF; } #footer a { color: #FFFFFF; } /* --- Oikean yläreunan hakulootat --- */ #search { position: absolute; top: 11px; right: 14px; } #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: #9CD8E9; border: 1px solid #FFFFFF; font-size: 9px; font-family: Verdana, Sans-Serif; padding: 1px; } #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: 9px; } p { line-height: 15px; margin-top: 0; margin-bottom: 10px; } /* --- leipätekstissä ja listoissa olevat boldaukset --- */ p b, li b { color: #FFFFFF; } strong { } .error, ul.errors { color: #FFFFFF; } .alert { color: #FFFFFF; font-weight: bold; } div.smallbox .error { color: red; } a { text-decoration: none; font-weight: bold; } a:link { color: #FFFFFF; } a:visited { color: #FFFFFF; } a:hover { text-decoration: underline; color: #FFFFFF; } div.picture a { } div.picture img { border: 1px solid #FFFFFF; margin: 0; } input { margin: 0; margin-right: 5px; } input.text, textarea.text, select { background-color: #9CD8E9; border: 1px solid #FFFFFF; font-size: 9px; color: #FFFFFF; } input.submit { color: black; font-size: 9px; letter-spacing: 1px; background-color: #9CD8E9; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF } /* --- päävalikko --- */ #mainmenu { background-color: #9CD8E9; margin: 0; float: left; width: 100%; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } #mainmenu .innerborder { float: left; width: 100%; border-top: 1px solid white; border-bottom: 1px solid white; } #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: #9CD8E9; } #mainmenu li a { display: block; padding: 2px 10px 3px 10px; color: #FFFFFF; font-size: 9px; float: left; margin: 0; text-decoration: none; text-transform: uppercase; } #mainmenu #mmnewcomments a { color: #FFFFFF; font-weight: bold; } #mainmenu li a:hover { color: #FFFFFF; background-color: #7DCBE2; } /* --- Alavalikko, esitetään lehdyköinä --- */ #submenu { clear: both; float: left; font-size: 9px; letter-spacing: 0px; font-family: Verdana, Arial, sans-serif; padding-top: 17px; margin-left: 0px; border-bottom: 1px solid #FFFFFF; width: 100%; background-color: #9CD8E9; } #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: #9CD8E9; 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: #FFFFFF; float: left; font-size: 9px; } #submenu a:hover { text-decoration: underline; } #submenu li.selected { background-color: #9CD8E9; } #submenu li.selected a { } /* -------- */ #innerbody { clear: both; background-color: #9CD8E9; padding: 12px 18px 20px 18px; } #tabbedbody { clear: both; background: #7DCBE2 0% 0% repeat-x; padding: 12px 18px 20px 18px; border-top: 1px solid #FFFFFF; } /* --- kapeat, kevyillä kehyksillä varustetut boksit --- */ div.smallbox { margin-bottom: 10px; border-top: 1px solid white; } div.smallbox div.title { border: 1px solid #FFFFFF; border-bottom: none; background-color: #9CD8E9; } div.smallbox div.title h3 { margin: 0; padding: 2px; text-align: center; font-family: Arial, Sans-serif; color: #FFFFFF; font-size: 9px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; } div.smallbox .content { border: 1px solid #FFFFFF; background-color: #9CD8E9; } 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: #FFFFFF; } 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: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #9CD8E9; } 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: 9px; color: #FFFFFF; white-space: nowrap; } div#newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: #FFFFFF; } /* --- view.php:n kommentiboksi. ie:tä varten täytyy määritellä kiinteä leveys. --- */ div#viewcommentbox { width: 686px; } /* kommenttien värit */ div.commentbox tr.owner { color: #FFFFFF; } div.commentbox tr.private, .private { color: #000000; } div.commentbox tr.admin, .admin { color: #FFFFFF; } div.commentbox tr.user { color: #FFFFFF; } 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: #000000; font-weight: bold; } .smallbox .network { font-weight: bold; } #profilechannels .spacer, #profilecommunities .spacer { height: 10px; } .smallbox .channellist { margin-left: 6px; } #profileadmintools div.spacer, #profileactions div.spacer { height: 10px; } #profileaphorism .title { display: none; } #profileaphorism .content { background-color: #9CD8E9; } #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: #9CD8E9; } td#archive table.grid div.default img { border: 1px solid #FFFFFF; } table.grid div.online img { border: 1px solid #FFFFFF; } table.grid div.online { background-color: #9CD8E9; } 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: #FFFFFF; } table.grid div.caption { padding-top: 3px; } div.thumbnick { margin-top: 1px; margin-bottom: 7px; } div.thumbnick b { font-size: 9px; color: white; } 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: #9CD8E9; border: 1px solid #FFFFFF; } #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: 9px; padding-left: 3px; padding-right: 3px; }  	
1