/* * This css stylesheet is created * by using Modimaa's Modausgeneraattori. * * * Parser version 1.1 (beta) * Modausgeneraattori author: Tuomas Hatakka */ /*********************************** GENERIC ************************************/ body { color: #808080; font-size: 11px; font-family: Verdana; background: #101010 url(http://www.whokilledbambi.co.uk/public/2011/01/skull.gif) repeat center top; background-attachment: scroll; border: px solid ; } #body { background: transparent; opacity: 1; width: 980px; padding-top: 0px; } #body-content { margin: 0; } #left { width: 245px !important; left: 0px; } #center { position: absolute !important; z-index: 10; width: 743px; left: 237px; padding-top: 8px; background-color: transparent; } #center-center { padding: 0 !important; } #center-content { padding: 0 !important; } #center-footer { margin: 0 !important; } a:link, a:visited, a:hover, a:active { color: inherit /* */; } a:hover { text-decoration: underline; } table, td, th { font-size: 1em; } .peepbox, .peepbox .footer { background: #fff; color: #000; } /** Peepbox (Box when hovering communities or nicknames) */ #infobox_1 { background: #fff; border: 1px solid #aaa; } /** Infobox (The box that appears when hovering user's nickname or community) */ #user-image, #profile-image { padding-bottom: 0 !important; } /*********************************** H1 ************************************/ #h1 { position: relative; width: auto !important; background: #202020 url() no-repeat left top; height: 60px; margin: 0 0 10px; padding: 0; border: 0px solid #ffffff; z-index: 50; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #h1-menu { position: absolute; width: 100%; background: #2c2c2c; } #h1-menu .menulist li { padding-right: 1px; } #h1-actions { position: absolute; height: 28px; top: 32px; background: transparent; width: 100%; } #h1-actions .new-comments .personal { color: #DAAA67; font-weight: bold; } /* New comment link */ #h1-actions .new-comments .channel { color: #60C060; font-weight: bold; } /* New comment on channel/community link */ /*********************************** H2 ************************************/ #h2 { background: #000000; margin: 0 0 0px; border: 00px solid #ffffff; width: auto; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #h2 h2 { color: #28ff8d; font-size: 50px; } /* Your nickname */ #h2 .subtitle:after { content: ' (modaus luotu osoitteessa www.jogurtti.com)'; } #h2-content { padding: 5px 5px 0; } #h2-menu .menulist a { background: #000000; } /* Menu link */ #h2-menu .menulist .selected a { background: #28ff8d; } /* Selected menu link (Profile) */ /*********************************** LEFT SIDE ************************************/ #left .box { position: relative; width: auto !important; background: #000000; width: 245px; margin: 0 0 8px; z-index: 10; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 1px #28ff8d; -moz-box-shadow: 0 0 1px #28ff8d; -webkit-box-shadow: 0 0 1px #28ff8d; } #left .box.first { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 1px #28ff8d; -moz-box-shadow: 0 0 1px #28ff8d; -webkit-box-shadow: 0 0 1px #28ff8d; } #left .box.first .header { min-height: 36px !important; } #left .box.first .header .actions { padding-top: 10px !important; } #left .box.first .header .actions ul { top: 10px !important; } #left .box { border: 0 solid #ffffff; color: #ffffff; } #left .box a { color: #ffffff; } #left .box .header { background: transparent; border: 0 solid #ffffff; border-width: 0px 0px 0; border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; } #left .box .center { padding: 9px 15px !important; border: 0 solid #ffffff; border-width: 0 0px 0px; border-radius: 0 0 0px 0px; -moz-border-radius: 0 0 0px 0px; -webkit-border-radius: 0 0 0px 0px; } #left .box .footer { display: none; visibility: hidden; } #left .box .header h3 { color: #ffffff; } #left .box .header .actions ul li { background: #111111; } /* muoksnapit */ #left .box.under { position: relative; margin: -28px 0 8px !important; padding: 20px 0 0; z-index: 5 !important; border: 0px solid #ffffff; } #left .box.under .center { border-width: 0; } #left dt, .peepbox dt { color: #28ff8d; font-weight: bold; } /* pikkuotsikot */ #left .stamp { color: inherit !important; } /*********************************** RIGHT SIDE ************************************/ #center .box { position: relative; color: #ffffff; background: transparent; margin: 0 0 8px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; box-shadow: 0 0 0px #000000; -moz-box-shadow: 0 0 0px #000000; -webkit-box-shadow: 0 0 0px #000000; } #center .insider { margin-left: 8px; margin-right: 8px; } #center .box a { color: #ffffff; } #center .box .center { border: 0 solid #ffffff; border-width: 0 0px 0px; padding: 9px 15px; border-radius: 0 0 0px 0px; -moz-border-radius: 0 0 0px 0px; -webkit-border-radius: 0 0 0px 0px; } #center .box .header, #center .box .tabs { background: transparent; color: #28ff8d; border: 0 solid #ffffff; border-width: 0px 0px 0; border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; } #center #comments .header { border-width: 0 0px !important; border-radius: 0 0 0 0 !important; -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; } #center .box .tabs { background-color: transparent; } #center .box .tabs li.selected { background-color: transparent; } /* valittu tabi, kommentit tai sydämet */ .layout-left-center #center .box .tabs { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; } #center .box .header .actions ul li { background: #003828; } /* muoksnapit */ #center .imageimage { } /* kuva */ #center #picture-definitions .share { } .thumb .thumbstamp { color: #8398A0; } .thumb .thumbimage { background: white; border: 1px solid #AFB1AA; } #comments .header { background: transparent !important; } #comments .toolbar { } #comments .stamp { color: inherit !important; } .box .tabs ul li { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* Kommentit */ #newcomments { color: #fefefe; } /* new comments väri */ .comments .deleted .comment, #comments .deleted .comment { color: #888 !important; } /* Comments marked to be deleted */ .comments .deletecomment a, #comments .content .deletecomment a { color: #FF6000; } /* Delete comment link */ .comments .owner .comment, .comments .own, .comments .own td.comment, #comments tr.owner { color: #416519; } /* Omien commentsien väri */ .form-comment .admin_comment, #form-comment .admin_comment, .comments .admintext, .comments .personal .comment { color: #AD49D2; }/* Admin's comments' color */ #center .form-comment label.private, #center label.private, .comments .private td, .comments .private .comment { color: #DD3664; } /* Private comments' color */ .comment.private, #comment.private { border-color: #DD3664; } .smileyselector, #smileyselector { background: #111; border: 1px solid #fff; } /* Smileyselector */ .profile-own #box-profile-channels a.channel-own, .profile-own #box-profile-communities a.channel-own { color: inherit !important; } /* yhteisön värit */ #friendtracer-window { background: #ffffff; color: #000000; position: absolute; top: 60px !important; left: 0 !important; } /*********************************** ---------------------------- iSampo ---------------------------- The following is originally created by iSampo, I've just made some cleanup. ************************************/ /*********************************** NOTES ************************************/ #notes .hoverinner { background: url(/img/bashi/1x1trans.gif); } #notes .hover1 { border: 1px solid #fefefe; } #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: #090909; border: 1px solid #fefefe; color: #fefefe; } #notes .sw,#notes .se,#notes .nw,#notes .ne { background-color: white; border: 1px solid black; } /*********************************** 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; color: #130202; } select { background: #FDFFFA; } #left select,#left textarea,#left input.text { border: 0; } .inputerror { background: #E4D7D9; } /* Errors in inputs (text inputs and error messages) */ .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; } span.empty,textarea.empty,input.empty { color: #888; } /* Empty inputs (e.g. comment form when there is nothing typed) */ .ajaxtext { border: 1px solid transparent; background: transparent; } /* Inputs updating via ajax */ #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; } /*********************************** MISC STUFFZ Mostly stuff like notifications and warnings ************************************/ /* Old suggest search */ #search_suggest { background: #111; } /* Friend highlight */ #friendtracer-window .highlight a, #left .nick0 .highlight a, #center .nick0 .highlight a, .highlight a { color: #FF8A92; } .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: #111; color: #130202; } .autocomplete li.selected { background-color: #6d2b45; color: #fefefe; } div.step { color: #6F9624; } span.step { color: #4E4A4A; } .error, #shoutbox-error { color: #E05206; } div.error, div.notification, div.important_information { } #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; } 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: #fefefe; } div.important_information { background-color: #111FCC; 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_dark_white.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; } /* 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; }