*
* Mospohjaksi 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 $
*/dau
body { background-color: #F4F4F4; color: #63798C; padding: 0; margin: 0; font-size: 7pt; font-family: Tahoma; }
table { border-collapse: collapse; }
#outerbody { margin-left: auto; margin-right: auto; width: 960px; }
#headerblock { position: relative; }
h1 { background-color: #FFFFFF; color: #63798C; margin: 0; border: 1px solid #63798C; border-top: 0px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; display: block; height: 54px; width: 958px; position: relative; }
h1 .ircgalleria { color: #63798C; font-family: Tahoma; font-weight: normal; font-size: 28px;
display: block; margin: auto; position: absolute; top: 11px; left: 19px;
}
h1 .separator { display: none; }
h1 .title { font-family: Tahoma; color: #63798C; font-size: 12px; font-weight: normal;
display: block; 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: #E7E7E7 url() no-repeat 0% 100%;
margin-bottom: 40px; border-top: 1px solid white; }
#footer .innerborder { font-size: 10px; text-align: center; padding: 2px 20px 5px 20px; color: #828282;
background: url() no-repeat 100% 100%;
}
#footer a { color: #63798C; }
#footer a:hover { color: #FF0000; }
/* --- leipäteksti --- */
p, td, ol, ul, dl, div { font-family: Tahoma; letter-spacing: 0px; font-size: 7pt; }
p { line-height: 15px;
margin-top: 0; margin-bottom: 10px; }
/* --- leipätekstissä ja listoissa olevat boldaukset --- */
p b, li b { color: #63798C; }
strong { }
.error, ul.errors { color: #63798C; }
.alert { color: #63798C; font-weight: normal; text-decoration: underline; }
div.smallbox .error { color: red; }
a { text-decoration: none; font-weight: normal; font-family: tahoma; font-size: 7pt; }
a:link { color: #63798C; }
a:visited { color: #63798C; }
a:hover { text-decoration: none; color: #FF0000; }
div.picture a { }
div.picture img { border: 0px solid #667A8F; margin: 0; }
input { margin: 0; margin-right: 5px; }
input.submit { background-color: #FFFFFF; border: 1px solid #63798C; font-size: 7pt; color: #63798C; }
/* --- päävalikko --- */
#mainmenu { background-color: #F4F4F4; margin: 0; float: left; padding: 0px; width: 958px; border: 1px solid #63798C; }
#mainmenu .innerborder { float: left; width: 100%; padding: 3px; border-top: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; }
#mainmenu ul { list-style: none; border: none; padding: 0px; margin: 0; }
#mainmenu li { display: block; padding: 0; margin: 0; padding: 0px; letter-spacing: 0px; font-family: Tahoma; float: left; }
#mainmenu li.selected { background-color: #F4F4F4; }
#mainmenu li a { display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; color: #63798C; font-size: 7pt; float: left; margin: 0; text-decoration: none; text-transform: uppercase; }
#mainmenu #mmnewcomments a { color: #63798C; font-weight: normal; }
#mainmenu #mmnewcomments a:hover { color: #FF0000; font-weight: normal; }
#mainmenu li a:hover { color: #FF0000; background-color: #F4F4F4; }
/* --- Alavalikko, esitetään lehdyköinä --- */
#submenu { clear: both; float: left; font-size: 11px; letter-spacing: 0px; font-family: Verdana; padding-top: 17px; margin-left: 0px; border: 1px solid #63798C; border-top: 0px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 958px; background-color: #FFFFFF; }
#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: #FFFFFF; float: left; }
#submenu a { display: block; margin: 0; padding: 0; padding-right: 16px; padding-top: 5px; padding-bottom: 5px; color: #63798C; float: left; font-size: 8pt; }
#submenu a:hover { color: #63798C; text-decoration: underline; }
#submenu li.selected { color: #63798C; background-color: #FFFFFF; }
#submenu li.selected a { }
#innerbody { clear: both; border: 1px solid #667A8F; background-color: #FFFFFF; padding: 12px 18px 20px 18px; }
#tabbedbody { clear: both; background--color: #FFFFFF; padding: 15px; border: 1px solid #667A8F; }
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox { margin-bottom: 10px; border-top: 0px solid black; }
div.smallbox div.title { border: 0px solid #667A8F; border-bottom: none;
background-color: #445A72; }
div.smallbox div.title h3 { margin: 0; padding: 2px; display: none; text-align: center; border: 0px solid black; font-family: Arial, Sans-serif; color: #E2EBF1; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; }
div.smallbox .content { border: 1px solid #63798C; background-color: #FFFFFF; }
div.smallbox .content .innerborder { border: 0px solid #F4F4F4; padding: 0 10px 0 10px; }
div.smallbox .content div.tabledecorator { margin-top: 10px; margin-bottom: 10px; }
div.smallbox .errors { color: #63798C; }
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: 1px solid #63798C; background-color: #FFFFFF; }
div.commentbox .title { display: none; }
div.commentbox .content { padding: 10px; }
div.commentbox .innerborder div { margin-top: 1px; margin-bottom: 1px; }
div.commentbox .stamp { font-family: Tahoma; font-size: 10px; color: #63798C; white-space: nowrap; }
div#newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: Normal; text-decoration: underline; color: #FF0000; }
/* --- 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: #FF0000; }
div.commentbox tr.private, .private { color: #000000; }
div.commentbox tr.admin, .admin { color: #63798C; }
div.commentbox tr.user { color: #63798C; }
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; font-weight: normal; color: #516373; text-decoration: underline; }
#profilebasicinfo span { display: block; margin-left: 9px; }
/* #profilebasicinfo .content a { font-weight: normal; text-decoration: underline; } */
#profilebasicinfo .online { color: #516373; font-weight: normal; font-size: 10px; }
.smallbox .network { font-weight: normal; color: #516373; text-decoration: underline; }
#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: #FFFFFF; }
#profileaphorism .content .innerborder { padding: 8pt; font-family: Tahoma; }
#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: #364C64; }
td#archive table.grid div.default img { border: 1px solid #F28E00; }
table.grid div.online img { border: 1px solid #33FF33; }
table.grid div.online { background-color: #227022; }
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: #F68C00; }
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; display: none; }
a#smileybutton { margin-left: 4px; margin-right: 4px; display: none; }
#smileyselector { display: none; position: absolute; bottom: 20px; right: -5px; display: none; width: 93px; padding-top: 5px; background-color: #263E59; border: 1px solid #667A8F; }
#smileyselector div.smiley, #smileyselector div.smileyclose { text-align: center; height: 25px; width: 31px; float:left; display: none; }
#smileyselector br { clear: left; display: none; }
#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; display: none; }
#profilechannels a { font-family: Tahoma; font-size: 7pt; color: #63798C; }
#profilechannels a:hover { font-family: Tahoma; font-size: 7pt; color: #FF0000; }
table.smallstats { width: 100%; cursor: default; padding: 5px; }
#profilevisitcounter .content a { display: none; }
table.smallstats td { color: #63798C; cursor: default; text-align: left; vertical-align: middle;
}
table.smallstats td.value { text-align: right; cursor: default; } table.smallstats td.value b {
background-color: #FFFFFF; color: #63798C; font-weight: normal;
display: block; letter-spacing: 2px; border: 0px solid #31516B; margin: auto; padding: 0px; width: 55px; cursor: default;
float: right; }
#profilebasicinfo .online:after { content: "Ehkä."; color: #63798C; cursor: default; font-size: 7pt; font-family: Tahoma; }
input.text, textarea.text, select { background-color: #FFFFFF; border: 1px solid #63798C; font-size: 7pt; color: #63798C; width: 450px; }
#search td.searchtitle div { font-size: 0px; }
#search td.searchtitle div:after { content: "Kirjota tähän"; font-size: 0px;
}
#search td.nicktitle div { font-size: 0px; }
#search td.nicktitle div:after { content: "Nickname"; font-size: 10px; font-family: "Lucida Console", Monospace; }
#search td.communitytitle div { font-size: 0px; }
#search td.communitytitle div:after { content: "Turhaa :S"; font-size: 10px; }
#search td.channeltitle div { font-size: 0px; }
#search td.channeltitle div:after { content: "#Kanavat"; font-size: 10px; }
#search { position: absolute; top: 210px; cursor: default; right: 10px; display: none; }
#search table { border-collapse: collapse; cursor: default; }
#search table td { vertical-align: top; cursor: default; padding: 1px;
}
#search table tr.titles img { margin-bottom: 4px; cursor: default; margin-left: 1px; }
#search table td.title img { margin-top: 5px; cursor: default; margin-right: 8px; }
#search input { margin: 0; cursor: default; }
#search input.text { background-color: #FFFFFF; border: 1px solid #000000; font-size: 7pt; font-family: Tahoma; cursor: default; padding: 1px; }
#search input.searchsubmit { margin-top: 1px; margin-left: 1px; margin-right: 5px; cursor: default; }