/* * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain * profiilisivua ja kuva-arkistoa koskevat määritykset. * * $Id: basestyle.css,v 1.2 2004/12/28 17:47:13 tuner Exp $ */ body { background-color: white; padding: 0; margin: 0; color: #FF36AC; font-family: Franklin Gothic Medium, Franklin Gothic Medium, Sans-Serif; } table { border-collapse: collapse; } #outerbody { margin-left: auto; margin-right: auto; width: 960px; } #headerblock { position: relative; } h1 { background-color: white; margin: 0; display: block; height: 54px; position: relative; background-image: ; background-repeat: no-repeat; background-position: 15px 14px; } h1 .ircgalleria { color: #FF36AC; font-family: Franklin Gothic Medium, Sans-Serif; font-weight: regular; font-size: 10px; display: block; margin: auto; position: absolute; top: 11px; left: 19px; } h1 .separator { display: none; } h1 .title { font-family: Franklin Gothic Medium, Franklin Gothic Medium, Sans-Serif; color: #FF36AC; font-size: 20px; font-weight: regular; display: block; margin: auto; position: absolute; top: 25px; left: 190px; } h1 .title .small { font-weight: regular; } /* --- sivujen alareunan palkki --- * Copyright tiedot saa piilottaa. Tekijänoikeuslaki pätee * vaikka erillistä mainintaa ei olisikaan. */ #footer { background: white; no-repeat 0% 100%; margin-bottom: 40px; border-top: 2px solid #FF36AC; } #footer .innerborder { font-size: 10px; text-align: center; padding: 2px 20px 5px 20px; color: #FF36AC; background: no-repeat 100% 100%; } #footer a { color: #FF36AC; } /* --- 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: white; border: 2px solid #FF36AC; font-size: 11px; font-family: Franklin Gothic Medium, 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: Franklin Gothic Medium, Franklin Gothic Medium, Sans-Serif; letter-spacing: 0px; font-size: 11px; backround-image: } p { line-height: 15px; margin-top: 0; margin-bottom: 10px; } /* --- leipätekstissä ja listoissa olevat boldaukset --- */ p b, li b { color: #FF36AC; } strong { } .error, ul.errors { color: #FF36AC; } .alert { color: #FF36AC; font-weight: regular; } div.smallbox .error { color: #FF36AC; } a { text-decoration: none; font-weight: regular; } a:link { color: #FF36AC; } a:visited { color: #FF36AC; } a:hover { text-decoration: underline; color: #FF36AC; } div.picture a { } div.picture img { border: 2px solid #FF36AC; margin: 0; } input { margin: 0; margin-right: 5px; } input.text, textarea.text, select { background-color: white; border: 2px solid #FF36AC; font-size: 12px; color: #FF36AC; } input.submit { color: #FF36AC; font-size: 10px; letter-spacing: 1px; background-color: white; border-top: 2px solid #FF36AC; border-left: 2px solid #FF36AC; border-bottom: 2px solid #FF36AC; border-right: 2px #FF36AC; } /* --- päävalikko --- */ #mainmenu { background-color: white; margin: 0; float: left; width: 100%; border-top: 2px solid #FF36AC; border-bottom: 2px solid #FF36AC; } #mainmenu .innerborder { float: left; width: 100%; border-top: 2px solid #FF36AC; border-bottom: 2px solid #FF36AC; } #mainmenu ul { list-style: none; border: #FF36AC; margin: 0; padding: 0; padding-left: 10px; padding-right: 10px; } #mainmenu li { display: block; padding: 0; margin: 0; letter-spacing: 0px; font-family: Franklin Gothic Medium, 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: #FF36AC; font-size: 10px; float: left; margin: 0; text-decoration:; text-transform: uppercase; } #mainmenu #mmnewcomments a { color: #FF36AC; font-weight: regular; } #mainmenu li a:hover { color: #FF36AC; background-color: white; } /* --- Alavalikko, esitetään lehdyköinä --- */ #submenu { clear: both; float: left; font-size: 11px; letter-spacing: 0px; font-family: Franklin Gothic Medium, Franklin Gothic Medium, sans-serif; padding-top: 17px; margin-left: 0px; border-bottom: 5px solid #FF36AC; 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-image: >; background-position: 0% 0%; background-repeat: no-repeat; background-color: white; 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; background-image: >; background-position: 100% 0%; background-repeat: no-repeat; color: #FF36AC; float: left; font-size: 10px; } #submenu a:hover { text-decoration: underline; } #submenu li.selected { background-image: >; background-color: white; } #submenu li.selected a { background-image:if>; } /* -------- */ #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 #FF36AC; } /* --- kapeat, kevyillä kehyksillä varustetut boksit --- */ div.smallbox { margin-bottom: 10px; border-top: 2px solid #FF36AC; } div.smallbox div.title { border: 2px solid #FF36AC; border-bottom: none; background-color: white; } div.smallbox div.title h3 { margin: 0; padding: 2px; text-align: center; font-family: Franklin Gothic Medium, Sans-serif; color: #FF36AC; font-size: 10px; font-weight: regular; text-transform: uppercase; letter-spacing: 0px; } div.smallbox .content { border: 1px solid #FF36AC; background-color: white; } div.smallbox .content .innerborder { border: 2px solid #FF36AC; padding: 0 10px 0 10px; } div.smallbox .content div.tabledecorator { margin-top: 10px; margin-bottom: 10px; } div.smallbox .errors { color: #FF36AC; } 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: 3px dashed #FF36AC; border-bottom: 3px dashed #FF36AC; background-color: white; background-image: url(http://img120.imageshack.us/img120/3558/wolfs4ww.jpg); background-repeat: no-repeat; background-position: center; } 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: Franklin Gothic Medium, Sans-Serif; font-size: 10px; color: #FF36AC; white-space: nowrap; } div#newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: regular; color: #FF36AC; } /* --- 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: #FF36AC; } div.commentbox tr.private, .private { color: #FF36AC; } div.commentbox tr.admin, .admin { color: #FF36AC; } div.commentbox tr.user { color: #FF36AC; } 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: regular; text-decoration: underline; } */ #profilebasicinfo .online { color: #FF36AC; font-weight: regular; } .smallbox .network { font-weight: regular; } #profilechannels .spacer, #profilecommunities .spacer { height: 10px; } .smallbox .channellist { margin-left: 9px; } #profileadmintools div.spacer, #profileactions div.spacer { height: 10px; } #profileaphorism .title { display: none; } #profileaphorism .content { background-color: white; } #profileaphorism .content .innerborder { padding: 10px; font-family: "Franklin Gothic Medium", 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: 2px solid #FF36AC; } table.grid div.online img { border: 2px solid #FF36AC; } 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(""); } table.grid b { color: #FF36AC; } table.grid div.caption { padding-top: 3px; } div.thumbnick { margin-top: 1px; margin-bottom: 7px; } div.thumbnick b { font-size: 9px; color: #FF36AC; } 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: 2px solid #FF36AC; } #smileyselector div.smiley, #smileyselector div.smileyclose { text-align: center; height: 25px; width: 31px; float:left; } #smileyselector br { clear: left; } #smileyselector div.smileyclose a { color: #FF36AC; text-decoration: none; font-family: Franklin Gothic Medium, Franklin Gothic Medium, sans-serif; font-weight: regular; font-size: 13px; padding-left: 3px; padding-right: 3px; }