/* 
* 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: #000000; 
padding: 0; margin: 0; 
color: #808080; 
font-family: tahoma; 
} 
table { 
border-collapse: collapse; 
} 
#outerbody { 
margin-left: auto; 
margin-right: auto; 
width: 960px; 
} 
#headerblock { 
position: relative; 
} 
h1 { 
background-color: #000000; 
margin: 0; 
display: block; 
height: 54px; 
position: relative; 
} 
h1 .ircgalleria { 
color: #808080; 
font-family: tahoma; 
font-weight: normal; 
font-size: 19px; 
display: block; 
margin: auto; 
position: absolute; 
top: 11px; 
left: 19px; 
} 
h1 .separator { display: none; } 
h1 .title { 
font-family: tahoma; 
color: #808080; 
font-size: 9px; 
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: #000000; 
margin-bottom: 40px; 
border-top: 1px solid #ffffff; 
} 
#footer .innerborder { 
font-size: 9px; 
text-align: center; 
padding: 2px 20px 5px 20px; 
color: #808080; 
} 
#footer a { 
color: #808080; 
} 
/* --- Oikean yläreunan hakulootat --- */ 
#search { display: none; } 
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: #000000; 
border: 1px solid #ffffff; 
font-size: 9px; 
font-family: tahoma; 
padding: 1px; 
color:#FF69B4; 
} 
#search input.searchsubmit { 
margin-top: 1px; 
margin-left: 1px; 
margin-right: 5px; 
} 
/* --- leipäteksti --- */ 
p, td, ol, ul, dl, div { 
font-family: tahoma; 
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: #808080; 
} 
strong { 
} 
.error, ul.errors { 
color: #808080; 
} 
.alert { 
color: #808080; 
font-weight: normal; 
} 
div.smallbox .error { 
color: red; 
} 
a { 
text-decoration: none; 
font-weight: normal; 
} 
a:link { 
color: #808080; 
} 
a:visited { 
color: #808080; 
} 
a:hover { 
text-decoration: line-through; 
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: #000000; 
border: 1px solid #ffffff; 
font-size: 9px; 
font-family: tahoma; 
color: #808080; 
} 
input.submit { 
color: #808080; 
font-size: 9px; 
letter-spacing: 1px; 
background-color: #000000; 
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: #000000; 
margin: 0; 
float: left; 
width: 100%; 
border-top: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff; 
} 
#mainmenu .innerborder { 
float: left; 
width: 100%; 
border: 1px solid #ffffff; 
} 
#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: tahoma; 
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ 
} 
li#mmlogout { 
float: right; 
} 
#mainmenu li.selected { 
background-color: #000000; 
} 
#mainmenu li a { 
display: block; 
padding: 2px 10px 3px 10px; 
color:#808080; 
font-size: 9px; 
float: left; 
margin: 0; 
text-decoration: none; 
text-transform: normal; 
} 
#mainmenu #mmnewcomments a { 
color: #808080; 
font-weight: normal; 
} 
#mainmenu li a:hover { 
color: #FFFFFF; 
background-color: #000000; 
text-decoration: line-through; 
} 
/* --- Alavalikko, esitetään lehdyköinä --- */ 
#submenu { 
clear: both; 
float: left; 
font-size: 9px; letter-spacing: 0px; 
font-family: tahoma; 
padding-top: 17px; 
margin-left: 0px; 
border-bottom: 1px solid #ffffff; 
width: 100%; 
background-color: #000000; 
} 
#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: #000000; 
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: #808080; 
float: left; 
font-size: 9px; 
} 
#submenu a:hover { 
text-decoration: line-through; 
color: #FFFFFF; 
} 
#submenu li.selected { 
background-color: #000000; 
} 
#submenu li.selected a { 
} 
/* -------- */ 
#innerbody { 
clear: both; 
background-color: #000000; 
padding: 12px 18px 20px 18px; 
} 
#tabbedbody { 
clear: both; 
background: #000000 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: 1px solid #ffffff; 
} 
div.smallbox div.title { 
border: 1px solid #ffffff; 
border-bottom: none; 
text-align: center; 
background-color: #000000; 
} 
div.smallbox div.title h3 { 
margin: 0; 
padding: 2px; 
text-align: center; 
font-family: tahoma; 
color: #808080; 
font-size: 10px; 
font-weight: normal; 
text-transform: normal; 
letter-spacing: 0px; 
} 
div.smallbox .content { 
border: 1px solid #ffffff; 
background-color: #000000; 
text-align: center; 
text-transform: lowercase; 
} 
div.smallbox .content .innerborder { 
border: 1px solid #ffffff; 
padding: 0 10px 0 10px; 
} 
div.smallbox .content div.tabledecorator { 
margin-top: 10px; 
margin-bottom: 10px; 
} 
div.smallbox .errors { 
color: #808080; 
} 
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 #ffffff; 
background-color: #000000; 
} 
div.commentbox .title { 
display: none; 
} 
div.commentbox .content { 
padding: 15px; 
} 
div.commentbox .innerborder div { 
margin-top: 1px; 
margin-bottom: 1px; 
} 
div.commentbox .stamp { display:none} 
font-family: tahoma; 
font-size: 9px; 
color: #808080; 
white-space: nowrap; 
} 
div#newcomments { 
margin-top: 5px; 
margin-bottom: 5px; 
font-weight: normal; 
color: #FF69B4; 
} 
/* --- 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: #FF726E; 
} 
div.commentbox tr.admin, .admin { 
color: #808080; 
} 
div.commentbox tr.user { 
color: #808080; 
} 
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: normal; 
} 
*/ 
#profilebasicinfo .online { 
color: #FFffff; 
font-weight: normal; 
} 
.smallbox .network { 
font-weight: normal; 
} 
#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: #000000; 
} 
#profileaphorism .content .innerborder { 
padding: 10px; 
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: #000000; 
} 
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: #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("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: #FFFFFF; 
} 
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: #263E59; 
border: 1px solid #667A8F; 
} 
#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; 
}