/*
* Copyright (c) 2007 - 2009 Sulake Dynamoid
*
* usertheme-basic-white
* Version. 1.0 / iSampo
*
* Contains all necessary CSS selectors and properties for basic theme.
* Learn more about CSS: http://www.w3schools.com/css/css_intro.asp
*
*/
/***** BASE ELEMENTS AND BASE LAYOUT *****/
/* The outer background */
body { background: #e5e5e5; }
/* Basic text */
#top, #center, #left { color: #555; }
/* All normal links */
a:link, a:hover, a:active { color: #555; }
/* Links at center area of the page*/
#center a, #center a:hover, #center a:active { color: #a6a6a6; }
/***** /BASE ELEMENTS AND BASE LAYOUT *****/
/***** TOP OF THE PAGE *****/
/*** H1 */
/** H1 menu (Main menu - Front page, Images, Videos...) */
#h1-menu { background: #f6f6f6; }
/* Main menu list */
#h1-menu .menulist { background: #f8f8f8; }
/* Menu list item */
#h1-menu .menulist li { background: transparent; border-right: 1px solid #f4f4f4; }
/* Menu list item link */
#h1-menu .menulist li a { color: #333; }
/* H1 actions */
#h1-actions { background: #f4f4f4; }
/** H1 actions list (Add image, Add video...) */
#h1-actions a { color: #333; }
/*** /H1 */
/*** H2 (After H1, contains small image, your nickname, mood edit form and H2 menu) */
#h2 { background: #f0f0f0; }
/* Your nickname */
#h2 h2 { color: #333; }
/** H2 menu (Submenu - Profile, Albums, Blog...) */
#h2-menu .menulist a { background: #f6f6f6; color: #333; }
/*** /H2 */
/***** /TOP OF THE PAGE *****/
/***** BOXES *****/
/*** Left boxes */
/* Box background */
#left .box .header,
#left .box .center,
#left .box .footer {
background: #f5f5f5;
}
/* Box header text color */
#left .box .header h3 { color: #555; }
/** Left box actions (e.g. edit button at info-box) */
#left .box .header .actions ul li { background: #fff; }
/* Boxes "under" the other boxes (Little darker by default) */
#left .box.under, #left .box.under .header,
#left .box.under .center, #left .box.under .footer {
background: #f0f0f0;
}
/** Misc left boxes stuff */
/* Left menu lists (Add new picture, Add new video...) */
/* Left menu list item */
#left .content .menulist li {
background: url(/img/bashi/left_menulist_bulletin.gif) no-repeat left 4px;
}
/* Left menu list links */
#left .content .menulist li a { }
/* Left menu list strong text */
#left .content .menulist li a strong { color: #555 !important; }
/* /Left menu lists */
/* The titles at left box and peepbox (Userinfo titles, community categories...) */
#left dt, .peepbox dt { color: #000; }
/* Values (e.g. visitorcounter) */
#left .value, #center .value { color: #000; }
/* Thumblist (e.g. album listing box at left) */
.thumblist li.hover .itemdesc, .thumblist li.selected .itemdesc,
.thumblist li:hover .itemdesc { background: #f0f0f0; }
/** Misc left boxes stuff*/
/* Override for first box */
#left .first .header .actions { padding: 10px 20px 0; }
/*** /Left boxes */
/*** Center boxes */
#center .box { color: #777; background: #fff; }
/* Center box actions (e.g. delete comments button) */
#center .box .header .actions ul li { background: #ddd; }
/** Paginated boxes */
/* Header, contains the "Back to album", "Add new note" and pager links */
#center .paginated .header { background: #e8e8e8; }
/* The pager itself */
#center .paginated .prevnext { background: #fff; }
/** /Paginated boxes*/
/** Other boxes (Comment box, Last.fm box...) */
/* This is the container for the content (Darker by default) */
#center div.insider { background: #dbdbdb; }
/* Box background */
#center div.insider .header,
#center div.insider .center,
#center div.insider .footer { background: #fff; }
/* Box header text color */
#center div.insider .header h3 { color: #555; }
/** /Other boxes */
/** Peepbox (Box when hovering communities or nicknames) */
.peepbox,
.peepbox .footer { background: #6d2b45; color: #555; }
/** /Peepbox */
/** Infobox (The box that appears when hovering user's nickname or community) */
#infobox_1 { background: #fff; border: 1px solid #ccc; }
/** /Infobox */
/*** /Center boxes */
/*** COMMENTS */
/* New comments */
#newcomments { color: #555; }
/* Normal comments */
.comments .comment { color: #575757; }
/* Comments marked to be deleted */
.comments .deleted .comment,
#comments .deleted .comment { color: #888 !important; }
/* Delete comment link */
.comments .deletecomment a,
#comments .content .deletecomment a { color: #FF6000; }
/* Own comments */
.comments .owner .comment,
.comments .own,
.comments .own td.comment,
#comments tr.owner { color: #416519; }
/* Admin's comments */
.form-comment .admin_comment,
#form-comment .admin_comment,
.comments .admintext,
.comments .personal .comment { color: #AD49D2; }
/* Private comments */
#center .form-comment label.private,
#center label.private,
.comments .private td,
.comments .private .comment { color: #DD3664; }
.comment.private,
#comment.private { border-color: #DD3664; }
/* Smileyselector */
.smileyselector, #smileyselector {
background: #fff;
border: 1px solid #dbdbdb;
-moz-border-radius: 5px;
}
/*** /COMMENTS */
/***** /BOXES *****/
/***** IMAGES *****/
/* Imageimage (main profile image) */
#center .imageimage { border: 6px solid #e8e8e8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
/* Thumb images (e.g. album listing box at left) */
.thumb .thumbstamp { color: #8398A0; }
.thumb .thumbimage { background: white; border: 1px solid #AFB1AA; }
/***** /IMAGES *****/
/***** NOTES *****/
#notes .hoverinner { background: url(/img/bashi/1x1trans.gif); }
#notes .hover1 { border: 1px solid #555; }
#notes .hover2 { border: 1px solid white; }
#notes .hover3 { border: 1px dashed white; }
#notes .hover1 .hoverinner { border: 1px solid #162538; }
#notes .hover2 .hoverinner { border: 1px solid black; }
#notes .hover3 .hoverinner { border: 1px dashed black; }
#notes span.notetext { background: #E5E5E5; border: 1px solid #555; color: #555; }
#notes .sw,
#notes .se,
#notes .nw,
#notes .ne { background-color: white; border: 1px solid black; }
/***** /NOTES *****/
/**************
If you are just making basic theme and changing background and text colors
and other basic stuff, you don't need to edit rest of the values started from here.
These are like notifications, errors, warnings
and other stuff that looks good the way they are.
**************/
/***** FORMS *****/
/**
This stuff looks good like it is, so it's recommended to leave these like this
**/
/* Delete links (Do not remove the backgrounds or you won't be able to see links!) */
a.delete { background: url(/img/bashi/button_delete_red.gif) no-repeat left center; }
a.delete span { display: none; }
#left a.delete { background: url(/img/bashi/left_button_delete_red.gif) no-repeat left center; }
/* Add and expand links (small symbol images by default) */
.button.add,
.button.unban { background: url(/img/bashi/button_add.gif) no-repeat left center; }
.button.expand-down { background: url(/img/bashi/center_fat_arrow_down.gif) no-repeat right 5px; }
/* Text inputs (Default nice background image with rounded corners) */
select,
textarea,
input.text { background: #FDFFFA url(/img/bashi/center_input.gif) repeat-x top; border: 1px solid #ACB0A6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #130202; }
select { background: #FDFFFA; }
#left select,
#left textarea,
#left input.text { border: 0; }
/* Errors in inputs (text inputs and error messages) */
.inputerror { background: #E4D7D9; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.inputerror input.text,
.inputerror textarea { border: 1px solid #BDBCC4; }
.errormsg,
.errormsg,
.inputerrormsg { background: url(/img/bashi/form_input_error.gif) 5px center no-repeat; color: #DC1500; }
#left .inputerror { background: #394B6B; }
#left .inputerrormsg { color: #DC6E63; }
/* Empty inputs (e.g. comment form when there is nothing typed) */
span.empty,
textarea.empty,
input.empty { color: #888; }
/* Inputs updating via ajax */
.ajaxtext { border: 1px solid transparent; background: transparent; }
#center .image .ajaxtext { border: 1px solid #D9E4E8; }
#center .image .ajaxtext:hover { border: 1px solid #1E3C53; }
#center .image .ajaxtext:focus { background-color: white; border: 1px solid #1E3C53; color: black; }
/***** /FORMS *****/
/***** MISC ELEMENTS *****/
/**
Mostly stuff like notifications and warnings.
These are looking good like this, so it's recommended not to edit.
**/
/* Old suggest search */
#search_suggest { background: #fff; }
/** Login form for not logged in users */
#h1-login button { background: transparent url(/img/bashi/h1_button_login.gif) no-repeat left top; }
#h1-login button span { background: none; }
.icon-friend-count { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 1px 2px; }
.icon-bookmark-count { background: transparent url(/img/bashi/icon_bookmark_small.png) no-repeat 2px 3px; }
.icon-image-count { background: transparent url(/img/bashi/icon_image_small.png) no-repeat 2px 2px; }
.autocomplete { background-color: #fff; border-radius: 5px; color: #130202; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.autocomplete li.selected { background-color: #6d2b45; border-radius: 5px; color: #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.step { color: #6F9624; }
span.step { color: #4E4A4A; }
.error,
#shoutbox-error { color: #E05206; }
div.error,
div.notification,
div.important_information { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#center div.error { background: #E05206; color: white; }
#left div.notification { background: #183C5C; }
#left .box.under div.notification { background: #ef4b6c; }
#top div.notification,
#center div.notification { background: #81B320; color: white; }
#friends-top div.notification { width: 450px; }
#top .notification a,
#center .notification a { color: #295578; }
.emptyPlaceMarker { background: #C3D8DF; border: 1px dashed white; }
.loader { background: url(/img/bashi/ajax_dark_background.gif) no-repeat right center; }
.stamp { color: #777; }
#left .stamp,
#center-top .stamp { color: #708FA7; }
a.returntotop { background: url(/img/bashi/return_to_top_arrow.gif) no-repeat left center; color: #939A9F !important; }
.tip { color: #7C6D6D; }
#left .notice { color: #94AAAE; }
.adv-debug { background: #FD7E7E; color: black; }
.toolbar li span, #toolbar li span { background-image:url(/img/bashi/toolbar_icons.png); }
.site-warning { background: #FFD803 url(/img/bashi/site-warning.gif) repeat-x left bottom; color: black; }
.site-warning a { color: #a6a6a6; }
div.important_information { background-color: #FFFFCC; border: 1px solid #EEEF59; }
/** Last.fm (Looks good like this, no need to edit much) */
#center .box.lastfm .center .content .items .item-container p a { color: #777; }
.box.lastfm .header .actions h3 { background: transparent url(/img/bashi/lastfm_logo_logo.gif) no-repeat scroll top left !important; }
.box.lastfm .center .content .right-container #lastfm-pagination a { background-color: white; background-repeat: no-repeat; background-position: 50% 50%; }
.box.lastfm .center .content .right-container #lastfm-pagination a.up { background-image: url(/img/bashi/light_mini_arrow_up.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.down { background-image: url(/img/bashi/light_mini_arrow_down.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.disabled:hover { background-color: white; }
.box.lastfm dd.nowplaying { background: white url(/img/bashi/lastfm-eq.gif) no-repeat scroll 5px 5px !important; }
.box.lastfm dd.nowplaying .value { font-style: oblique; }
.box.lastfm .item-container .artist-image { border: 1px solid #DCDCDC; }
/** /Last.fm */
/***** BBCODE *****/
/* .toolbar li a,
#toolbar li a { background-image: url(/img/bashi/toolbar_button.png); }*/
.toolbar li a:hover,
#toolbar li a:hover { background-position: -26px 0; }
.toolbar li span,
#toolbar li span { background-image: url(/img/bashi/toolbar_icons.png); }
.toolbar-italics span,
#toolbar-italics span { background-position: 0 0; }
.toolbar-bold span,
#toolbar-bold span { background-position: 0 -26px; }
.toolbar-link span,
#toolbar-link span { background-position: 0 -52px; }
.toolbar-link span,
#toolbar-picture span { background-position: 0 -78px; }
.toolbar-thumb span,
#toolbar-thumb span { background-position: 0 -104px; }
.toolbar-left span,
#toolbar-left span { background-position: 0 -130px; }
.toolbar-center span,
#toolbar-center span { background-position: 0 -156px; }
.toolbar-right span,
#toolbar-right span { background-position: 0 -182px; }
.toolbar-list span,
#toolbar-list span { background-position: 0 -208px; }
.toolbar-video span,
#toolbar-video span { background-position: 0 -234px; }
.toolbar-smiley span,
#toolbar-smiley span { background-position: 0 -260px; }
/***** /BBCODE *****/
/* Sivun pohja, uloin tausta */
body {
background-repeat:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #707070;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
color: #D9006C;
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
color: # D9006C;
/* Sivun pohja, uloin tausta */
body {
background-image:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #D9006C;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
Color: #D9006C;
text-align:center;
border:1px solid black;
}
/* monospace fontti */
#profileaphorism .content .innerborder {
padding: 1px;
}
#profileaphorism img {
border: none;
}
/* Pikkukuvat toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
padding-left: 24px;
}
*/
/* #profilevisitorlist #showmorevisitors a { background-image: url(""); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image: url(""); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url(""); } */ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url(""); } */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url(""); } */ /* Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url(""); } */ /* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url(""); } */ /* Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url(""); } */ /* Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url(""); } */ /* Ilmianna käyttäjä */
/* #prof_away a { background-image: url(""); } */ /* Aseta poissaoloviesti */
/* #prof_image_info a { background-image: url(""); } */ /* Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url(""); } */ /* LolKek */
/* #prof_add_note a { background-image: url(""); } */ /* Uusi Huomio */
/* #prof_addpic a { background-image: url(""); } */ /* Lisää uusi kuva */
/* #prof_sms_bg a { background-image: url(""); } */ /* Lataa taustakuvaksi */
/* #trinket_pick_all a { background-image: url(""); } */ /* Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url(""); } */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url(""); } */ /* Lopeta sälän muokkaus */
/*
* Kommenttilaatikko
*/
div.commentbox {
width: 460px;
background-color: #fff;
border:1px solid black;
}
/* otsikko, oletuksena piilotettu */
div.commentbox .title {
display: none;
}
/* sisältö */
div.commentbox .content {
padding: 5px;
}
/* sisäreuna */
div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}
/* aikaleima */
div.commentbox .stamp {
color: #fff;
letter-spacing:-7px;
white-space: nowrap;
display: none;
}
/* Uudet kommentit teksti */
#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #99D54C;
letter-spacing:1px;
}
/* kommenttitaulukon solut, sarakkeiden välit tässä */
div.commentbox td {
padding-right: 5px;
}
/* kommentin lähettäjän nimimerkki */
div.commentbox td.sender {
white-space: nowrap;
color:#fff;
}
/* kommentteissa esiintyvät linkit */
div.commentbox td.comment a {
font-weight: normal;
text-decoration: none;
}
/* poistettava kommentti */
div.commentbox tr.deleted td {
text-decoration: line-through;
color: #ff6280;
}
/* palautettu kommentti */
div.commentbox tr.deleted td.undelete {
text-decoration: none
}
/* kommenteissa näkyvät linkit */
/* profiili */
a.viewlink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* arkisto */
a.archivelink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* blogi */
a.bloglink {
padding-right: 17px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* Kommenttointi lomake*/
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}
#commentform td {
vertical-align: middle;
}
#commentform #commentfield {
width: 300px;
border:1px solid #000-,
}
/* Kommentien värit */
/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
color: #707070;
}
/* yksityiset */
div.commentbox tr.private, .private {
color: #D9006C;
}
/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
color: #707070;
}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
color: #707070;
}
/* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille */
div.noticebox {
border:1px solid black;
padding: 0;
background-color: #fff;
}
div.noticebox div.innerborder {
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
div.noticebox div.innerborder {
height: auto;
padding-left: 55px;
}
div.noticebox p {
margin-top: 5px;margin-bottom: 5px;
margin-left: 0;
}
div#todayspicnotice {
width: 691px;
margin-top: 10px;
}
div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}
p#regseductionlink a {
padding-right: 15px;
}
/* Profiilisivuun liittyvät määrree */
#viewtable {
border-collapse: collapse;
}
#viewtable td {
vertical-align: top;
}
/* Vasen palsta */
#viewtableinfo {
width: 180px;
padding: 0;
}
/* Oikea palsta, jossa on kuva */
#viewtableimage {
width: 676px;
padding-top: 0;
padding-left: 18px;
}
/* Kuvan ympäristö */
#viewimagearea {
width: 150px;
background-color: #f7f7f7;
padding: 8px 5px 10px 5px;
margin-bottom: 12px;
text-align:left;
}
/* Kuvan div */
#viewimage {
margin-left: auto;
margin-right: auto;
}
/* käyttäjän kuva */
#viewimage img {
border: 0;
}
/* kuvateksti */
#viewcaption {
margin: 3px 10px 20px 1px;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
/* Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
height: 10px;
text-align: left;
padding-bottom: 7px;
position:relative;
}
#viewtableimage div.prevnextpagination div.innerborder {
position: relative;
top: -6px;

}
#viewtableimage div.prevnextpagination .prevnextpagination a {
padding-bottom: 3px;
}
/* erotin "- (x/y) -" */
#viewtableimage div.prevnextpagination .prevnextpagination .separator {
}
/* edellinen */
#viewtableimage div.prevnextpagination .prevlink {
}
/* seuraava */
#viewtableimage div.prevnextpagination .nextlink {
}
/* Hymiö-selektori */
/* Muuta vain näitä värejä jottei mikään hajoisi */
#smileyselector {
background-color: #fff;
border:1px solid black;
}
#smileyselector {
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
z-index: 1000;
}
#smileys {
position: relative;
width: 30px;
}
#smileybutton {
margin-left: 4px;
margin-right: 4px;
}
#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:7pt tahoma;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}
/* Äänikommentti-laatikko*/
#voicecommentbox {
}
div#voicecommentbox div#voicecommentmaximized {
border:1px solid black;
padding: 0.5em 1.5em;
}
div#voicecommentbox div#voicecommentnumbermissing {
border:1px solid black;
padding: 1em 1em 1em 70px;
}
div#voicecommentbox a#voicecommentinstructiontoggle {
border:1px solid black;
display: block;
padding: 1em 1em 1em 70px;
font-weight: normal;
text-decoration: none;
}
div#voicecommentbox a#voicecommentinstructiontoggle b {
display: block;
margin-bottom: 0.5em;
font-weight: bold;
}
div#voicecommentbox div#voicecommentmaximized h4 {
}
div#voicecommentbox div#voicecommentmaximized ol {
list-type: decimal;
margin: 1em 0 1em 3em;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li {
margin: 1em 0;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li p {
margin: 0.5em 0 !important;
}
div#voicecommentbox div#voicecommentphone {
width: 114px;
height: 237px;
float: right;
margin: 0 0 1em 1em;
background: url("") no-repeat;
position: relative;
}
div#voicecommentbox span#voicecommentphonenumber {
display: block;
position: absolute;
background: #fff;
border:1px solid black;
color: black;
font-size: 10px;
font-weight: bold;
left: 20px;
bottom: 110px;
width: 67px;
text-align: right;
padding: 2px;
}
/* Huomiot */
/* huomion ulkoreuna */
#notes div.hover1 {
border:1px solid black;
}
/* huomion sisäreuna */
#notes div.hover1 div.hoverinner {
border:1px solid #fff;}
/* huomion ulkoreuna onmouseover */
#notes div.hover2 {
border:1px solid #fff;
}
/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner {
border:1px solid black;
}
/* huomion tekstiboksi */
#notes span.text {
border:1px solid black;
background-color: #fff;
color:#D9006C;
}
/* Kurkistus */
/* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN {
background-color: #fff;
width: 180px;
color:#000000;
}
/* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxC {
background-color: #ffffff;
width: 250px;
}
/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder {
border: 1px solid #000;
padding: 5px 10px 5px 10px;
letter-spacing: 0px;
font:7pt tahoma;
color:#000;
}
div.peepboxN p,
div.peepboxC p {
margin-top: 0;
margin-bottom: 5px;
}
div.peepboxN span,
div.peepboxC span {
display: block;
margin-left: 9px;
}
/*
* Kaverit, kirjautunut-tähti ja synttärisankarisydän
*/
/* Kaverit vaaleanpunaisella */
span.friend a:link, span.friend a:visited{
color: #707070;
}
span.friend a:hover{
color: #afafaf;
}
/* Kommentoitu pois, oletuksena näyttävät ihan hyviltä
span.onlinenick {
padding-right: 7px;
margin-right: 2px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 6px;
}
span.birthdaynick {
padding-right: 17px;
margin-right: 0px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 0px;
}
*/
/*
* Tosi sekalaista
*/
/* Pikkuotsikko - Sälähallinta */
h4 {
margin-top: 0;
padding:0;
font-weight:normal;
}
form table th {
text-align: left;
vertical-align: top;
}
/* checkboxit ja radio buttonit labelin sisällä */
label input {
vertical-align: bottom;
}
strong {
}
.error, ul.errors {
color: #ff6280;
}
.alert {
color: #ff6280;
font-weight: normal;
}
div.smallbox .error {
color: #ff6280;
}
span.nick1 a {
margin-left: 2px;
margin-right: 2px;
}
div.picture img {
border:1px solid black;
margin: 0;
}
ul.emphasized li {
font-weight: bold;
margin-bottom: 2px;
}
/* Sivun pohja, uloin tausta */
body {
background-image:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #707070;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
color: #
/* Sivun pohja, uloin tausta */
body {
background-image:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #707070;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
Color: #D9006C;
text-align:center;
border:1px solid black;
}
/* monospace fontti */
#profileaphorism .content .innerborder {
padding: 1px;
}
#profileaphorism img {
border: none;
}
/* Pikkukuvat toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
padding-left: 24px;
}
*/
/* #profilevisitorlist #showmorevisitors a { background-image: url(""); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image: url(""); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url(""); } */ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url(""); } */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url(""); } */ /* Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url(""); } */ /* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url(""); } */ /* Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url(""); } */ /* Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url(""); } */ /* Ilmianna käyttäjä */
/* #prof_away a { background-image: url(""); } */ /* Aseta poissaoloviesti */
/* #prof_image_info a { background-image: url(""); } */ /* Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url(""); } */ /* LolKek */
/* #prof_add_note a { background-image: url(""); } */ /* Uusi Huomio */
/* #prof_addpic a { background-image: url(""); } */ /* Lisää uusi kuva */
/* #prof_sms_bg a { background-image: url(""); } */ /* Lataa taustakuvaksi */
/* #trinket_pick_all a { background-image: url(""); } */ /* Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url(""); } */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url(""); } */ /* Lopeta sälän muokkaus */
/*
* Kommenttilaatikko
*/
div.commentbox {
width: 460px;
background-color: #fff;
border:1px solid black;
}
/* otsikko, oletuksena piilotettu */
div.commentbox .title {
display: none;
}
/* sisältö */
div.commentbox .content {
padding: 5px;
}
/* sisäreuna */
div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}
/* aikaleima */
div.commentbox .stamp {
color: #fff;
letter-spacing:-7px;
white-space: nowrap;
}
/* Uudet kommentit teksti */
#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #99D54C;
letter-spacing:1px;
}
/* kommenttitaulukon solut, sarakkeiden välit tässä */
div.commentbox td {
padding-right: 5px;
}
/* kommentin lähettäjän nimimerkki */
div.commentbox td.sender {
white-space: nowrap;
color:#fff;
}
/* kommentteissa esiintyvät linkit */
div.commentbox td.comment a {
font-weight: normal;
text-decoration: none;
}
/* poistettava kommentti */
div.commentbox tr.deleted td {
text-decoration: line-through;
color: #ff6280;
}
/* palautettu kommentti */
div.commentbox tr.deleted td.undelete {
text-decoration: none
}
/* kommenteissa näkyvät linkit */
/* profiili */
a.viewlink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* arkisto */
a.archivelink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* blogi */
a.bloglink {
padding-right: 17px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* Kommenttointi lomake*/
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}
#commentform td {
vertical-align: middle;
}
#commentform #commentfield {
width: 300px;
border:1px solid #000-,
}
/* Kommentien värit */
/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
color: #707070;
}
/* yksityiset */
div.commentbox tr.private, .private {
color: #D9006C;
}
/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
color: #707070;
}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
color: #707070;
}
/* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille */
div.noticebox {
border:1px solid black;
padding: 0;
background-color: #fff;
}
div.noticebox div.innerborder {
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
div.noticebox div.innerborder {
height: auto;
padding-left: 55px;
}
div.noticebox p {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
}
div#todayspicnotice {
width: 691px;
margin-top: 10px;
}
div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}
p#regseductionlink a {
padding-right: 15px;
}
/* Profiilisivuun liittyvät määrree */
#viewtable {
border-collapse: collapse;
}
#viewtable td {
vertical-align: top;
}
/* Vasen palsta */
#viewtableinfo {
width: 180px;
padding: 0;
}
/* Oikea palsta, jossa on kuva */
#viewtableimage {
width: 676px;
padding-top: 0;
padding-left: 18px;
}
/* Kuvan ympäristö */
#viewimagearea {
width: 150px;
background-color: #f7f7f7;
padding: 8px 5px 10px 5px;
margin-bottom: 12px;
text-align:left;
}
/* Kuvan div */
#viewimage {
margin-left: auto;
margin-right: auto;
}
/* käyttäjän kuva */
#viewimage img {
border: 0;
}
/* kuvateksti */
#viewcaption {
margin: 3px 10px 20px 1px;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
/* Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
height: 10px;
text-align: left;
padding-bottom: 7px;
position:relative;
}
#viewtableimage div.prevnextpagination div.innerborder {
position: relative;
top: -6px;
}
#viewtableimage div.prevnextpagination .prevnextpagination a {
padding-bottom: 3px;
}
/* erotin "- (x/y) -" */
#viewtableimage div.prevnextpagination .prevnextpagination .separator {
}
/* edellinen */
#viewtableimage div.prevnextpagination .prevlink {
}
/* seuraava */
#viewtableimage div.prevnextpagination .nextlink {
}
/* Hymiö-selektori */
/* Muuta vain näitä värejä jottei mikään hajoisi */
#smileyselector {
background-color: #fff;
border:1px solid black;
}
#smileyselector {
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
z-index: 1000;
}
#smileys {
position: relative;
width: 30px;
}
#smileybutton {
margin-left: 4px;
margin-right: 4px;
}
#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:7pt tahoma;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}
/* Äänikommentti-laatikko*/
#voicecommentbox {
}
div#voicecommentbox div#voicecommentmaximized {
border:1px solid black;
padding: 0.5em 1.5em;
}
div#voicecommentbox div#voicecommentnumbermissing {
border:1px solid black;
padding: 1em 1em 1em 70px;
}
div#voicecommentbox a#voicecommentinstructiontoggle {
border:1px solid black;
display: block;
padding: 1em 1em 1em 70px;
font-weight: normal;
text-decoration: none;
}
div#voicecommentbox a#voicecommentinstructiontoggle b {
display: block;
margin-bottom: 0.5em;
font-weight: bold;
}
div#voicecommentbox div#voicecommentmaximized h4 {
}
div#voicecommentbox div#voicecommentmaximized ol {
list-type: decimal;
margin: 1em 0 1em 3em;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li {
margin: 1em 0;
padding: 0;
}
div#voicecommentbox div#voicecommentmaximized ol li p {
margin: 0.5em 0 !important;
}
div#voicecommentbox div#voicecommentphone {
width: 114px;
height: 237px;
float: right;
margin: 0 0 1em 1em;
background: url("") no-repeat;
position: relative;
}
div#voicecommentbox span#voicecommentphonenumber {
display: block;
position: absolute;
background: #fff;
border:1px solid black;
color: black;
font-size: 10px;
font-weight: bold;
left: 20px;
bottom: 110px;
width: 67px;
text-align: right;
padding: 2px;
}
/* Huomiot */
/* huomion ulkoreuna */
#notes div.hover1 {
border:1px solid black;
}
/* huomion sisäreuna */
#notes div.hover1 div.hoverinner {
border:1px solid #fff;}
/* huomion ulkoreuna onmouseover */
#notes div.hover2 {
border:1px solid #fff;
}
/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner {
border:1px solid black;
}
/* huomion tekstiboksi */
#notes span.text {
border:1px solid black;
background-color: #fff;
color:#D9006C;
}
/* Kurkistus */
/* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN {
background-color: #fff;
width: 180px;
color:#D9006C;
}
/* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxC {
background-color: #ffffff;
width: 250px;
}
/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder {
border: 1px solid #000;
padding: 5px 10px 5px 10px;
letter-spacing: 0px;
font:7pt tahoma;
color:#000;
}
div.peepboxN p,
div.peepboxC p {
margin-top: 0;
margin-bottom: 5px;
}
div.peepboxN span,
div.peepboxC span {
display: block;
margin-left: 9px;
}
/*
* Kaverit, kirjautunut-tähti ja synttärisankarisydän
*/
/* Kaverit vaaleanpunaisella */
span.friend a:link, span.friend a:visited{
color: #707070;
}
span.friend a:hover{
color: #afafaf;
}
/* Kommentoitu pois, oletuksena näyttävät ihan hyviltä
span.onlinenick {
padding-right: 7px;
margin-right: 2px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 6px;
}
span.birthdaynick {
padding-right: 17px;
margin-right: 0px;
background-image: url();
background-repeat: no-repeat;
background-position: 100% 0px;
}
*/
/*
* Tosi sekalaista
*/
/* Pikkuotsikko - Sälähallinta */
h4 {
margin-top: 0;
padding:0;
font-weight:normal;
}
form table th {
text-align: left;
vertical-align: top;
}
/* checkboxit ja radio buttonit labelin sisällä */
label input {
vertical-align: bottom;
}
strong {
}
.error, ul.errors {
color: #ff6280;
}
.alert {
color: #ff6280;
font-weight: normal;
}
div.smallbox .error {
color: #ff6280;
}
span.nick1 a {
margin-left: 2px;
margin-right: 2px;
}
div.picture img {
border:1px solid black;
margin: 0;
}
ul.emphasized li {
font-weight: bold;
margin-bottom: 2px;
}
*/
sampo.name 2007-2008
Modded code from http://www.sampo.name
TILA - BOKSI
*/
/*
--------------------------------------------------------------------------------
TILA -BOKSI
--------------------------------------------------------------------------------
*/
/* Menee ärsyttävästi nimimerkin alle, pistetään inlinellä sen viereen se. Kannattaa laittaa tämä jokaiseen modaukseen. */
#moodedit, #moodedit * {display: inline;}
/* TILA - boksin muut määritykset */
#moodform { display: inline; }
#moodfield { color: #F68C00; background: no-repeat left center; padding: 0; width: 250px; }
#moodfield.empty { color: #33506F; }
#moodfield:hover { width: 200px; }
#moodfield:focus { color: white; background-image: none; font-style: normal; width: 200px; }
/* ///// TILA -BOKSI ///// */
/*
sampo.name 2007-2008
Modded code from http://marikajau.wippiespace.com
Valvoja-tähti näkyviin.
*/
.smallbox .chann
/***** /MISC ELEMENTS *****/
19maalis
2010
17:53SANILLE !

    * Ilmoita ylläpidolle
    * Näytä kommentit

täs tää modi , joutuu laittaa kahes osas blogii q 1 ei mahtunu -.-
mut täs eka osa ja sit kopioit tost seuraavast merkinnäst tän ekan koodin perää vaa ton (; toivottavasti tajusit :D

/*
* Copyright (c) 2007 - 2009 Sulake Dynamoid
*
* usertheme-basic-white
* Version. 1.0 / iSampo
*
* Contains all necessary CSS selectors and properties for basic theme.
* Learn more about CSS: http://www.w3schools.com/css/css_intro.asp
*
*/
/***** BASE ELEMENTS AND BASE LAYOUT *****/
/* The outer background */
body { background: #e5e5e5; }
/* Basic text */
#top, #center, #left { color: #555; }
/* All normal links */
a:link, a:hover, a:active { color: #555; }
/* Links at center area of the page*/
#center a, #center a:hover, #center a:active { color: #a6a6a6; }
/***** /BASE ELEMENTS AND BASE LAYOUT *****/
/***** TOP OF THE PAGE *****/
/*** H1 */
/** H1 menu (Main menu - Front page, Images, Videos...) */
#h1-menu { background: #f6f6f6; }
/* Main menu list */
#h1-menu .menulist { background: #f8f8f8; }
/* Menu list item */
#h1-menu .menulist li { background: transparent; border-right: 1px solid #f4f4f4; }
/* Menu list item link */
#h1-menu .menulist li a { color: #333; }
/* H1 actions */
#h1-actions { background: #f4f4f4; }
/** H1 actions list (Add image, Add video...) */
#h1-actions a { color: #333; }
/*** /H1 */
/*** H2 (After H1, contains small image, your nickname, mood edit form and H2 menu) */
#h2 { background: #f0f0f0; }
/* Your nickname */
#h2 h2 { color: #333; }
/** H2 menu (Submenu - Profile, Albums, Blog...) */
#h2-menu .menulist a { background: #f6f6f6; color: #333; }
/*** /H2 */
/***** /TOP OF THE PAGE *****/
/***** BOXES *****/
/*** Left boxes */
/* Box background */
#left .box .header,
#left .box .center,
#left .box .footer {
background: #f5f5f5;
}
/* Box header text color */
#left .box .header h3 { color: #555; }
/** Left box actions (e.g. edit button at info-box) */
#left .box .header .actions ul li { background: #fff; }
/* Boxes "under" the other boxes (Little darker by default) */
#left .box.under, #left .box.under .header,
#left .box.under .center, #left .box.under .footer {
background: #f0f0f0;
}
/** Misc left boxes stuff */
/* Left menu lists (Add new picture, Add new video...) */
/* Left menu list item */
#left .content .menulist li {
background: url(/img/bashi/left_menulist_bulletin.gif) no-repeat left 4px;
}
/* Left menu list links */
#left .content .menulist li a { }
/* Left menu list strong text */
#left .content .menulist li a strong { color: #555 !important; }
/* /Left menu lists */
/* The titles at left box and peepbox (Userinfo titles, community categories...) */
#left dt, .peepbox dt { color: #000; }
/* Values (e.g. visitorcounter) */
#left .value, #center .value { color: #000; }
/* Thumblist (e.g. album listing box at left) */
.thumblist li.hover .itemdesc, .thumblist li.selected .itemdesc,
.thumblist li:hover .itemdesc { background: #f0f0f0; }
/** Misc left boxes stuff*/
/* Override for first box */
#left .first .header .actions { padding: 10px 20px 0; }
/*** /Left boxes */
/*** Center boxes */
#center .box { color: #777; background: #fff; }
/* Center box actions (e.g. delete comments button) */
#center .box .header .actions ul li { background: #ddd; }
/** Paginated boxes */
/* Header, contains the "Back to album", "Add new note" and pager links */
#center .paginated .header { background: #e8e8e8; }
/* The pager itself */
#center .paginated .prevnext { background: #fff; }
/** /Paginated boxes*/
/** Other boxes (Comment box, Last.fm box...) */
/* This is the container for the content (Darker by default) */
#center div.insider { background: #dbdbdb; }
/* Box background */
#center div.insider .header,
#center div.insider .center,
#center div.insider .footer { background: #fff; }
/* Box header text color */
#center div.insider .header h3 { color: #555; }
/** /Other boxes */
/** Peepbox (Box when hovering communities or nicknames) */
.peepbox,
.peepbox .footer { background: #6d2b45; color: #555; }
/** /Peepbox */
/** Infobox (The box that appears when hovering user's nickname or community) */
#infobox_1 { background: #fff; border: 1px solid #ccc; }
/** /Infobox */
/*** /Center boxes */
/*** COMMENTS */
/* New comments */
#newcomments { color: #555; }
/* Normal comments */
.comments .comment { color: #575757; }
/* Comments marked to be deleted */
.comments .deleted .comment,
#comments .deleted .comment { color: #888 !important; }
/* Delete comment link */
.comments .deletecomment a,
#comments .content .deletecomment a { color: #FF6000; }
/* Own comments */
.comments .owner .comment,
.comments .own,
.comments .own td.comment,
#comments tr.owner { color: #416519; }
/* Admin's comments */
.form-comment .admin_comment,
#form-comment .admin_comment,
.comments .admintext,
.comments .personal .comment { color: #AD49D2; }
/* Private comments */
#center .form-comment label.private,
#center label.private,
.comments .private td,
.comments .private .comment { color: #DD3664; }
.comment.private,
#comment.private { border-color: #DD3664; }
/* Smileyselector */
.smileyselector, #smileyselector {
background: #fff;
border: 1px solid #dbdbdb;
-moz-border-radius: 5px;
}
/*** /COMMENTS */
/***** /BOXES *****/
/***** IMAGES *****/
/* Imageimage (main profile image) */
#center .imageimage { border: 6px solid #e8e8e8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
/* Thumb images (e.g. album listing box at left) */
.thumb .thumbstamp { color: #8398A0; }
.thumb .thumbimage { background: white; border: 1px solid #AFB1AA; }
/***** /IMAGES *****/
/***** NOTES *****/
#notes .hoverinner { background: url(/img/bashi/1x1trans.gif); }
#notes .hover1 { border: 1px solid #555; }
#notes .hover2 { border: 1px solid white; }
#notes .hover3 { border: 1px dashed white; }
#notes .hover1 .hoverinner { border: 1px solid #162538; }
#notes .hover2 .hoverinner { border: 1px solid black; }
#notes .hover3 .hoverinner { border: 1px dashed black; }
#notes span.notetext { background: #E5E5E5; border: 1px solid #555; color: #555; }
#notes .sw,
#notes .se,
#notes .nw,
#notes .ne { background-color: white; border: 1px solid black; }
/***** /NOTES *****/
/**************
If you are just making basic theme and changing background and text colors
and other basic stuff, you don't need to edit rest of the values started from here.
These are like notifications, errors, warnings
and other stuff that looks good the way they are.
**************/
/***** FORMS *****/
/**
This stuff looks good like it is, so it's recommended to leave these like this
**/
/* Delete links (Do not remove the backgrounds or you won't be able to see links!) */
a.delete { background: url(/img/bashi/button_delete_red.gif) no-repeat left center; }
a.delete span { display: none; }
#left a.delete { background: url(/img/bashi/left_button_delete_red.gif) no-repeat left center; }
/* Add and expand links (small symbol images by default) */
.button.add,
.button.unban { background: url(/img/bashi/button_add.gif) no-repeat left center; }
.button.expand-down { background: url(/img/bashi/center_fat_arrow_down.gif) no-repeat right 5px; }
/* Text inputs (Default nice background image with rounded corners) */
select,
textarea,
input.text { background: #FDFFFA url(/img/bashi/center_input.gif) repeat-x top; border: 1px solid #ACB0A6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #130202; }
select { background: #FDFFFA; }
#left select,
#left textarea,
#left input.text { border: 0; }
/* Errors in inputs (text inputs and error messages) */
.inputerror { background: #E4D7D9; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.inputerror input.text,
.inputerror textarea { border: 1px solid #BDBCC4; }
.errormsg,
.errormsg,
.inputerrormsg { background: url(/img/bashi/form_input_error.gif) 5px center no-repeat; color: #DC1500; }
#left .inputerror { background: #394B6B; }
#left .inputerrormsg { color: #DC6E63; }
/* Empty inputs (e.g. comment form when there is nothing typed) */
span.empty,
textarea.empty,
input.empty { color: #888; }
/* Inputs updating via ajax */
.ajaxtext { border: 1px solid transparent; background: transparent; }
#center .image .ajaxtext { border: 1px solid #D9E4E8; }
#center .image .ajaxtext:hover { border: 1px solid #1E3C53; }
#center .image .ajaxtext:focus { background-color: white; border: 1px solid #1E3C53; color: black; }
/***** /FORMS *****/
/***** MISC ELEMENTS *****/
/**
Mostly stuff like notifications and warnings.
These are looking good like this, so it's recommended not to edit.
**/
/* Old suggest search */
#search_suggest { background: #fff; }
/** Login form for not logged in users */
#h1-login button { background: transparent url(/img/bashi/h1_button_login.gif) no-repeat left top; }
#h1-login button span { background: none; }
.icon-friend-count { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 1px 2px; }
.icon-bookmark-count { background: transparent url(/img/bashi/icon_bookmark_small.png) no-repeat 2px 3px; }
.icon-image-count { background: transparent url(/img/bashi/icon_image_small.png) no-repeat 2px 2px; }
.autocomplete { background-color: #fff; border-radius: 5px; color: #130202; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.autocomplete li.selected { background-color: #6d2b45; border-radius: 5px; color: #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.step { color: #6F9624; }
span.step { color: #4E4A4A; }
.error,
#shoutbox-error { color: #E05206; }
div.error,
div.notification,
div.important_information { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#center div.error { background: #E05206; color: white; }
#left div.notification { background: #183C5C; }
#left .box.under div.notification { background: #ef4b6c; }
#top div.notification,
#center div.notification { background: #81B320; color: white; }
#friends-top div.notification { width: 450px; }
#top .notification a,
#center .notification a { color: #295578; }
.emptyPlaceMarker { background: #C3D8DF; border: 1px dashed white; }
.loader { background: url(/img/bashi/ajax_dark_background.gif) no-repeat right center; }
.stamp { color: #777; }
#left .stamp,
#center-top .stamp { color: #708FA7; }
a.returntotop { background: url(/img/bashi/return_to_top_arrow.gif) no-repeat left center; color: #939A9F !important; }
.tip { color: #7C6D6D; }
#left .notice { color: #94AAAE; }
.adv-debug { background: #FD7E7E; color: black; }
.toolbar li span, #toolbar li span { background-image:url(/img/bashi/toolbar_icons.png); }
.site-warning { background: #FFD803 url(/img/bashi/site-warning.gif) repeat-x left bottom; color: black; }
.site-warning a { color: #a6a6a6; }
div.important_information { background-color: #FFFFCC; border: 1px solid #EEEF59; }
/** Last.fm (Looks good like this, no need to edit much) */
#center .box.lastfm .center .content .items .item-container p a { color: #777; }
.box.lastfm .header .actions h3 { background: transparent url(/img/bashi/lastfm_logo_logo.gif) no-repeat scroll top left !important; }
.box.lastfm .center .content .right-container #lastfm-pagination a { background-color: white; background-repeat: no-repeat; background-position: 50% 50%; }
.box.lastfm .center .content .right-container #lastfm-pagination a.up { background-image: url(/img/bashi/light_mini_arrow_up.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.down { background-image: url(/img/bashi/light_mini_arrow_down.gif); }
.box.lastfm .center .content .right-container #lastfm-pagination a.disabled:hover { background-color: white; }
.box.lastfm dd.nowplaying { background: white url(/img/bashi/lastfm-eq.gif) no-repeat scroll 5px 5px !important; }
.box.lastfm dd.nowplaying .value { font-style: oblique; }
.box.lastfm .item-container .artist-image { border: 1px solid #DCDCDC; }
/** /Last.fm */
/***** BBCODE *****/
/* .toolbar li a,
#toolbar li a { background-image: url(/img/bashi/toolbar_button.png); }*/
.toolbar li a:hover,
#toolbar li a:hover { background-position: -26px 0; }
.toolbar li span,
#toolbar li span { background-image: url(/img/bashi/toolbar_icons.png); }
.toolbar-italics span,
#toolbar-italics span { background-position: 0 0; }
.toolbar-bold span,
#toolbar-bold span { background-position: 0 -26px; }
.toolbar-link span,
#toolbar-link span { background-position: 0 -52px; }
.toolbar-link span,
#toolbar-picture span { background-position: 0 -78px; }
.toolbar-thumb span,
#toolbar-thumb span { background-position: 0 -104px; }
.toolbar-left span,
#toolbar-left span { background-position: 0 -130px; }
.toolbar-center span,
#toolbar-center span { background-position: 0 -156px; }
.toolbar-right span,
#toolbar-right span { background-position: 0 -182px; }
.toolbar-list span,
#toolbar-list span { background-position: 0 -208px; }
.toolbar-video span,
#toolbar-video span { background-position: 0 -234px; }
.toolbar-smiley span,
#toolbar-smiley span { background-position: 0 -260px; }
/***** /BBCODE *****/
/* Sivun pohja, uloin tausta */
body {
background-repeat:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #707070;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
color: #D9006C;
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
color: # D9006C;
/* Sivun pohja, uloin tausta */
body {
background-image:url(http://i17.tinypic.com/44lv8s6.jpg);
font:7pt tahoma;
}
/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
margin-left: auto;
margin-right: auto;
width: 855px;
position: relative;
}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
clear: both;
background: #f7f7f7;
padding: 12px 18px 20px 18px;
border:1px solid #000;
}
/* generic-taulukko */
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
/* perusfontti */
p, td, ol, ul, dl, div {
font:7pt tahoma;
}
/* boldaukset */
p b, li b, label b {
color: #000000;
}
/* Linkit */
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #000;
}
/* vierailtu */
a:visited {
color: #000;
}
/* mouseover */
a:hover {
text-decoration: none;
color: #afafaf;
cursor:crosshair;
}
/* tekstikentät / painikkeet */
input {
margin: 0;
margin-right: 5px;
}
/* tekstikentät */
input.text,
textarea.text,
select {
background-color: #fff;
border: 1px solid #000;
font:7pt verdana;
color: #D9006C;
}
/* Lomakkeen lähetyspainike */
input.submit {
color: #fff;
font:2pt verdana;
letter-spacing: -1px;
height:16px;
background-color: #fff;
border:1px solid #000;
}
/*
* Yläreuna
*/
/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
position: relative;
background-color:none;
height: 100px;
border:0
}
h1 {
margin: 0;
display: block;
height: 100px;
position: relative;
background-color:none;
color:afafaf;
}
/* Etusivulinkkialue */
h1 a {
display: block;
position: absolute;
height: 25px;
top: 14px;
left: 14px;
width: 185px;
text-decoration: none !important;
}
/* IRC-Galleria -teksti, oletuksena piilotettu */
h1 .ircgalleria {
display: none;
}
/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }
/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
font:7pt tahoma;
text-transform:uppercase;
letter-spacing:3px;
color: #000;
background-color:707070;
display: block;
margin: auto;
position: absolute;
top: 87px;
left: 5px;
}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
font-weight: normal;
}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer {
background: #fff;
margin-bottom: 40px;
}
#footer .innerborder {
font:5pt small fonts;
text-transform:uppercase;
text-align: center;
padding: 2px 20px 5px 20px;
color: #ccc;
}
#footer a {
color: #000;
}
/*
* Yläreunan hakulomakkeet
*/
#search {
display:none;
}
/*
* Päävalikko
*/
#mainmenu {
background-color: #fff;
margin: 0;
float: left;
width: 854px;
padding-bottom:3px;
}
/* sisemmät reunukset */
#mainmenu .innerborder {
float: left;
width: 100%;
border:1px solid black;
}
/* lista */
#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;
padding-left: 9px;
padding-right: 10px;
}
/* painikkeet */
#mainmenu li {
display: block;
padding: 0;
margin: 0;
letter-spacing: 0px;
font-family: verdana;
float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}
/* Pois! -painike */
li#mmlogout {
float: right;
}
/* "Oma" -painike */
#mainmenu li.selected {
background-color: #707070;
color:e4e0d6
}
/* linkki */
#mainmenu li a {
display: block;
padding: 2px 9px 3px 9px;
color: #afafaf;
font-size: 10px;
float: left;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
color: #ff6280;
font-weight: normal;
}
/* linkkien mouseover */
#mainmenu li a:hover {
color: #000;
background-color: #fff;
}
/* Alavalikko */
#submenu {
display:none;
}
/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */
div.smallbox {
margin-bottom: 10px;
border-top: 0px solid black;
}
div.smallbox div.title { display: none; }
border: 1px solid #000000;
border-bottom: none;
background-color: #fff;
}
div.smallbox div.title h3 {
margin: 0;
padding: 2px;
text-align: center;
font:7pt verdana;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
div.smallbox .content {
border: 1px solid #000000;
background: #fff;
}
div.smallbox .content div.tabledecorator {
margin-top: 10px;
margin-bottom: 10px;
}
div.smallbox .errors {
color: #e74e9a
}
div.smallbox ul {
margin-left: 25px;
padding-left: 0;
}
div.smallbox p {
margin-top: 10px;
}
#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profilevisitorlist div.innerborder,
#profilebasicinfo div.innerborder {
padding: 10px;
}
#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
padding-top: 6px;
padding-bottom: 6px;
}
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
padding-left: 11px;
}
div.smallbox div.channellist div.profircchanneloperator {
background: url("") 2px 2px no-repeat;
}
div.smallbox div.channellist div.profcommunitymoderator {
background: url("") 2px 1px no-repeat;
}
/* Vieraslista */
div#profilevisitorlist table#visitorlisttable {
width: 100%;
margin: 0;
}
div#profilevisitorlist tr.visitorlistdate th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilevisitorlist td.visitorlistvisitor {
padding-left: 1em;
}
div#profilevisitorlist td.visitorlisttime {
text-align: right;
}
/* TJ-laskuri */
div#profilecountdown table#countdowntable {
width: 100%;
margin: 0;
margin-bottom: 0.8em;
}
div#profilecountdown tr.countdowndescription th {
text-align: left;
font-weight: bold;
padding-top: 0.5em;
}
div#profilecountdown form#countdownadd {
margin: 0;
}
div#profilecountdown tbody.countdownentryprivate {
}
div#profilecountdown tbody.countdownentryfriends {
}
div#profilecountdown tbody.countdownentrylogged {
}
div#profilecountdown tbody.countdownentrypublic {
}
div#profilecountdown tr.countdowndays td {
padding-left: 2em;
}
div#profilecountdown tr.countdownweeks td {
padding-left: 2em;
}
div#profilecountdown tr.countdownentryedit td {
padding-left: 2em;
}
div#profilecountdown select#countdownvisibility {
width: 100%;
}
div#profilecountdown div.countdownprogressouter {
position: relative;
height: 1.3em;
border: solid 1px black;
}
div#profilecountdown div.countdownprogressbar {
top: 0;
left: 0;
height: 100%;
background-color: #fff;
position: absolute;
}
div#profilecountdown div.countdownprogresspercent {
top: 0;
left: 0;
width: 100%;
line-height: 1.3em;
text-align: center;
position: absolute;
}
div#profilecountdown .spacer {
margin-top: 1.0em;
margin-bottom: 0.3em;
background: url() repeat-x left center;
}
/* Ihkuboksi */
/* ei näytetä otsikkoa */
#profileaphorism .title {
display:none;
}
#profileaphorism .content {
background-color: #fff;
Color: #D9006C;
text-align:center;
border:1px solid black;
}
/* monospace fontti */
#profileaphorism .content .innerborder {
padding: 1px;
}
#profileaphorism img {
border: none;
}
/* Pikkukuvat toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
padding-left: 24px;
}
*/
/* #profilevisitorlist #showmorevisitors a { background-image: url(""); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image: url(""); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url(""); } */ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url(""); } */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url(""); } */ /* Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url(""); } */ /* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url(""); } */ /* Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url(""); } */ /* Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url(""); } */ /* Ilmianna käyttäjä */
/* #prof_away a { background-image: url(""); } */ /* Aseta poissaoloviesti */
/* #prof_image_info a { background-image: url(""); } */ /* Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url(""); } */ /* LolKek */
/* #prof_add_note a { background-image: url(""); } */ /* Uusi Huomio */
/* #prof_addpic a { background-image: url(""); } */ /* Lisää uusi kuva */
/* #prof_sms_bg a { background-image: url(""); } */ /* Lataa taustakuvaksi */
/* #trinket_pick_all a { background-image: url(""); } */ /* Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url(""); } */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url(""); } */ /* Lopeta sälän muokkaus */
/*
* Kommenttilaatikko
*/
div.commentbox {
width: 460px;
background-color: #fff;
border:1px solid black;
}
/* otsikko, oletuksena piilotettu */
div.commentbox .title {
display: none;
}
/* sisältö */
div.commentbox .content {
padding: 5px;
}
/* sisäreuna */
div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}
/* aikaleima */
div.commentbox .stamp {
color: #fff;
letter-spacing:-7px;
white-space: nowrap;
display: none;
}
/* Uudet kommentit teksti */
#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #99D54C;
letter-spacing:1px;
}
/* kommenttitaulukon solut, sarakkeiden välit tässä */
div.commentbox td {
padding-right: 5px;
}
/* kommentin lähettäjän nimimerkki */
div.commentbox td.sender {
white-space: nowrap;
color:#fff;
}
/* kommentteissa esiintyvät linkit */
div.commentbox td.comment a {
font-weight: normal;
text-decoration: none;
}
/* poistettava kommentti */
div.commentbox tr.deleted td {
text-decoration: line-through;
color: #ff6280;
}
/* palautettu kommentti */
div.commentbox tr.deleted td.undelete {
text-decoration: none
}
/* kommenteissa näkyvät linkit */
/* profiili */
a.viewlink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* arkisto */
a.archivelink {
padding-right: 13px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* blogi */
a.bloglink {
padding-right: 17px;
background-image: url("");
background-repeat: no-repeat;
background-position: 100% 100%;
}
/* Kommenttointi lomake*/
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}
#commentform td {
vertical-align: middle;
}
#commentform #commentfield {
width: 300px;
border:1px solid #000-,
}
/* Kommentien värit */
/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
color: #707070;
}
/* yksityiset */
div.commentbox tr.private, .private {
color: #D9006C;
}
/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
color: #707070;
}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
color: #707070;
}
/* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille */
div.noticebox {
border:1px solid black;
padding: 0;
background-color: #fff;
}
div.noticebox div.innerborder {
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
div.noticebox div.innerborder {
height: auto;
padding-left: 55px;
}
div.noticebox p {
margin-top: 5px;margin-bottom: 5px;
margin-left: 0;
}
div#todayspicnotice {
width: 691px;
margin-top: 10px;
}
div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}
p#regseductionlink a {
padding-right: 15px;
}
/* Profiilisivuun liittyvät määrree */
#viewtable {
border-collapse: collapse;
}
#viewtable td {
vertical-align: top;
}
/* Vasen palsta */
#viewtableinfo {
width: 180px;
padding: 0;
}
/* Oikea palsta, jossa on kuva */
#viewtableimage {
width: 676px;
padding-top: 0;
padding-left: 18px;
}
/* Kuvan ympäristö */
#viewimagearea {
width: 150px;
background-color: #f7f7f7;
padding: 8px 5px 10px 5px;
margin-bottom: 12px;
text-align:left;
}
/* Kuvan div */
#viewimage {
margin-left: auto;
margin-right: auto;
}
/* käyttäjän kuva */
#viewimage img {
border: 0;
}
/* kuvateksti */
#viewcaption {
margin: 3px 10px 20px 1px;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
/* Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
height: 10px;
text-align: left;
padding-bottom: 7px;
position:relative;
}
#viewtableimage div.prevnextpagination div.innerborder {
position: relative;
top: -6px;