/******************************************************* IRC-GALLERIA | MODAUS * Värit: black / gray * Tekijä: Masi Aro / tyhja 2005 * *****************************************************************************/ body { background-color: black; padding: 0; margin: 0; color: gray; 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: black; margin: 0; display: block; height: 54px; position: relative; background-image: url(http://mace.pp.fi/irc/irc-galleria_b220.gif); background-repeat: no-repeat; background-position: 0px 0px; } h1 .ircgalleria { display: none; } h1 .separator { display: none; } h1 .title { font-family: Verdana, Arial, Sans-Serif; color: gray; font-size: 12px; font-weight: bold; display: block; margin: auto; position: absolute; top: 24px; left: 220px; } h1 .title .small { font-weight: normal; } /************************************************** SIVUJEN ALAREUNAN PALKKI */ #footer { display: none; } #footer .innerborder { display: none; } #footer a { display: none; } /*********************************************** OIKEAN YLÄREUNAN HAKULOOTAT */

#search {
	display: none;
	position: absolute;
	top: 11px;
	right: 585px;
}

#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: #0F1C2C;
	border: 1px solid #667A8F;
	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: 11px; } p { line-height: 15px; margin-top: 0; margin-bottom: 10px; } /***************************** LEIPÄTEKSTISSÄ JA LISTOISSA OLEVAT BOLDAUKSET */ p b, li b { color: gray; } strong { } .error, ul.errors { color: #red; } .alert { color: red; font-weight: bold; } div.smallbox .error { color: red; } a { text-decoration: none; font-weight: bold; } a:link { color: gray; } a:visited { color: gray; } a:hover { text-decoration: underline; color: orange; } div.picture a { border: 10px solid gray; } div.picture img { border: 10px solid gray; margin: 10px; } input { margin: 0; margin-right: 5px; } input.text, textarea.text, select { background-color: black; border: 1px solid gray; font-size: 12px; color: gray; } input.submit { color: gray; font-size: 10px; letter-spacing: 1px; background-color: black; border-top: 1px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; } /**************************************************************** PÄÄVALIKKO */ #mainmenu { background-color: black; margin: 0; float: left; width: 100%; border-top: 0px solid #667A8F; border-bottom: 0px solid #667A8F; } #mainmenu .innerborder { float: left; width: 100%; border-top: 0px solid black; border-bottom: 0px solid black; } #mainmenu ul { list-style: none; border: none; margin: 0; padding: 0; } #mainmenu li { display: block; padding: 0; margin: 0; letter-spacing: 0px; font-family: Arial, sans-serif; float: left; } li#mmlogout { float: left; } #mainmenu li.selected { color: black; background-color: gray; } #mainmenu li a { color: gray; background-color: black; padding: 2px 10px 3px 10px; font-size: 10px; float: left; margin: 0; text-decoration: none; text-transform: uppercase; } #mainmenu #mmnewcomments a { color: res; font-weight: bold; } #mainmenu li a:hover { color: black; background-color: gray; } /**************************************************************** VÄLILEHDET */ #submenu { clear: both; float: right; font-size: 11px; letter-spacing: 0px; font-family: Verdana, Arial, sans-serif; padding-top: 0px; margin-left: 0px; border-bottom: 0px solid #708498; width: 100%; background-color: black; } #submenu ul { margin: 0; padding: 0; list-style: none; } #submenu li { vertical-align: middle; margin: 0; padding: 0; margin-right: 0; background-image: url(\"tab_left.gif\"); background-position: 0% 0%; background-repeat: no-repeat; background-color: transparent; float: left; } #submenu a { display: block; margin: 0; padding: 2px 10px 3px 10px; background-position: 100% 0%; background-repeat: no-repeat; color: gray; float: left; text-decoration: none; text-transform: uppercase; font-size: 10px; font-family: Arial, sans-serif; } #submenu a:hover { color: black; background-color: gray; } #submenu li.selected { color: black; background-color: gray; } #submenu li.selected a { color: black; background-color: gray; } /**************************************************************** SISÄTAUSTA */ #innerbody { clear: both; background-color: #263E59; padding: 12px 18px 20px 18px; } #tabbedbody { clear: both; background: black url(\"\") 0% 0% repeat-x; padding: 12px 18px 20px 18px; border-top: 0px solid #040609; } /******************** JÄREÄT, PÄÄSÄÄNNÖISESTI LEIPÄTEKSTIÄ SISÄLTÄVÄT BOKSIT */ div.box { margin-bottom: 10px; } div.box div.title { border-bottom: 0px solid #808a94; background-image: url(\"curvedtitlebackground_trans.gif\"); background-repeat: no-repeat; background-position: 0% -0%; } div.box div.title h3 { margin: 0; padding-left: 10px; padding-top: 6px; padding-bottom: 3px; font-family: Arial, Sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #E2EBF1; } div.box .content { border-top: 1px solid #667A8F; background-color: #3C556F; color: black; } div.box .content .innerborder { border-top: 1px solid #14263A; padding: 0 10px 10px 10px; } div.box .boxfooterleft { display: block; margin: 1px 0 0 0; padding: 0; background: #314964 url(\"boxfooterleft.gif\") no-repeat 0% 100%; } div.box .boxfooterright { display: block; margin: 0; height: 10px; padding: 0; background: url(\"boxfooterright.gif\") no-repeat 100% 100%; font-size: 0; /* ie kludge vaikka ei edes sisällä tekstiä */ } div.box .content .text, div.box .content select { background-color: #263E59; } div.box .content .innerborder table { margin-top: 10px; } div.box .content p { margin-top: 10px; margin-left: 20px; } /***************************** KAPEAT, KEVYILLÄ KEHYKSILLÄ VARUSTETUT BOKSIT */ div.smallbox { margin-bottom: 10px; } div.smallbox div.title { border-bottom: none; background-color: gray; } div.smallbox div.title h3 { margin: 0; padding: 2px; text-align: right; padding-top: 3px; padding-right: 5px; font-family: Arial, Sans-serif; color: black; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; } div.smallbox .content { border: 1px solid gray; background-color: black; } div.smallbox .content .innerborder { border: 0px solid black; padding: 0 10px 0 10px; } div.smallbox .content div.tabledecorator { margin-top: 10px; margin-bottom: 10px; } div.smallbox .errors { color: #FF4040; } 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 gray; border-left: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; background: url(\"commentgradient_upper.gif\") 0% 0% repeat-x; background-color: black; } div.commentbox .title { display: none; } div.commentbox .content { padding: 15px; background: url(\"commentgradient_lower.gif\") 0% 100% repeat-x; } div.commentbox .innerborder div { margin-top: 1px; margin-bottom: 1px; } div.commentbox .stamp { font-family: Arial, Sans-Serif; font-size: 10px; color: gray; black-space: nowrap; } div#newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: red; } /**************************************************** VIEW.PHP:N KOMMENTTIBOKSI * IE:TÄ VARTEN TÄYTYY MÄÄRITELLÄ KIINTEÄ LEVEYS *****************************************************************************/ div#viewcommentbox { width: 640px; } /**************************************************** KÄYTTÄJÄN PROFIILISIVU */ #viewtable { border-collapse: collapse; } #viewtable td { vertical-align: top; } #viewtableinfo { width: 213px; } #viewtableimage { width: 640px; padding-left: 20px; } #viewtableimage img { border: 0px solid gray; } #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 { black-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: #69F251; font-weight: bold; } .smallbox .network { font-weight: bold; } #profilechannels .spacer, #profilecommunities .spacer { height: 21px; background: url(\"dotline.gif\") 0% 50% repeat-x; } .smallbox .channellist { margin-left: 9px; } #profileadmintools div.spacer, #profileactions div.spacer { height: 10px; } #profileaphorism .title { color: black; background-color: gray; } #profileaphorism .content { background-color: black; } #profileaphorism .content .innerborder { padding: 10px; font-family: \"Lucida Console\", Monospace; } #profileadmintools .title h3 { text-transform: none; } /********************************************************** SMILEY-POPIKKUNA */ #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: gray; border: 1px solid gray; } #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; } div.commentbox tr.private, .private { color: red; }