/* /* /* * Copyright (c) 2007 - 2009 Sulake Dynamoid * * IG1 theme remake. * Version 1.0 / iSampo * */ /***** BASE ELEMENTS AND BASE LAYOUT *****/ /* The outer background */ body { background: #0A0A0A; font-family: Tahoma; } p, td, ol, ul, dl, div { font-family: Tahoma; } /* Basic text */ #top, #center, #left { color: #DAE6ED; } /* All normal links */ a:link { color: #E5C59A; font-weight: bold; font-size: 9px; } a:visited { color: #C2A378; font-weight: bold; font-size: 9px;} a:hover { color: #FFDEB0; text-decoration: underline; } a:active { color: #FFDEB0; } /***** /BASE ELEMENTS AND BASE LAYOUT *****/ /***** TOP OF THE PAGE *****/ /*** H1 */ #h1 { background: #0A0A0A; height: 96px; margin-bottom: 0; } #h1 h1 { border-bottom: 1px solid #708498; } #body #h1 #h1-menu h1 { background: #14273D; clear: both; float: left; height: 54px; width: 100%; } #body #h1 h1 a { background: transparent url(http://irc-galleria.net/img/bashi/fi_FI/h1_logo.png) no-repeat 0 0; width: 185px; left:14px; position:absolute; top:17px; } #h1-menu { height: auto; } #h1 #mainmenu { background: #33506F; border-bottom: 1px solid #000; border-top: 1px solid #000; clear: both; height: auto; margin-left: 0; width: 100%; } #h1-menu .menulist li { background: transparent; font-family: Tahoma; float: left; } #h1-menu .menulist li a { color: #E2EBF1; height: auto; font-family: Tahoma; font-size: 10px; font-weight: normal; line-height: 1.2em; margin: 0; padding: 2px 9px 3px 9px; text-decoration: none; text-transform: uppercase; } #h1-menu .menulist li a:hover { background: #1C2C3C; color: #F68C00; text-decoration: none; } #h1-menu .menulist li.selected { margin: 0; padding: 0; } #h1-menu .menulist li.selected a { background: #33506F; padding-right: 9px; } #h1-menu .menulist li.selected a:hover { background: #1C2C3C; } #h1-menu .menulist li.first { margin-left: 9px; } #h1-search { position: absolute; top: 14px; right: 20px; } #h1-search input.text { background: #0F1C2C; border: 1px solid #667A8F; } #h1-actions { background: #1f3145; border-top: 1px solid #708498; border-bottom: 1px solid #708498; clear: both; float: left; /* height: 30px; */ height: 20px; } #h1-actions { height: 24px; } #h1-actions ul.actions-left { margin: 0; padding: 0 0 0 18px; } #h1-actions ul.actions-left li { margin-top: 6px; } #h1-actions ul.actions-left li a { /* border-left: 1px solid #708498; */ } #h1-actions ul.actions-left li.first a { border-width: 0; } #h1-actions ul.actions-right { margin: 0; padding: 0 18px 0 0; } #h1-actions ul.actions-right li { margin-top: 6px; } #h1-actions ul.actions-right li a { /* border-right: 1px solid #708498; */ } #h1-actions ul.actions-right li.last a { border-width: 0; } #h1-actions a { color: #D4F0FF; font-weight: normal; font-size: 9px; } #h1-actions #friendtracer a { background: transparent url(http://irc-galleria.net/img/bashi/icon_bookmark_small.png) no-repeat 7px center; color: #D4F0FF; } #h1-actions .new-comments .personal { background: transparent url(http://irc-galleria.net/img/bashi/icon_comment_small.png) no-repeat 7px center; color: #DAAA67; font-weight: bold; font-size: 9px; } #h1-actions .new-comments .channel { background: transparent url(http://irc-galleria.net/img/bashi/icon_channel_small.png) no-repeat 7px center; color: #60C060; font-weight: bold; font-size: 9px; } #h1-actions .action-friends a { background: transparent url(http://irc-galleria.net/img/bashi/icon_friend_small.png) no-repeat 7px center; color: #D4F0FF; } #h1-actions .action-randomuser a { background: transparent url(http://irc-galleria.net/img/bashi/icon_random_small.png) no-repeat 7px center; } #h1-actions .action-user a { background: transparent url(http://irc-galleria.net/img/bashi/icon_user_small.png) no-repeat 7px center; } #h1-actions .action-pictureadd a { background: transparent url(http://irc-galleria.net/img/bashi/icon_add_image_small.png) no-repeat 7px center; } #h1-actions .action-videoadd a { background: transparent url(http://irc-galleria.net/img/bashi/icon_add_video_small.png) no-repeat 7px center; } #h1-actions .action-blogadd a { background: transparent url(http://irc-galleria.net/img/bashi/icon_add_blog_small.png) no-repeat 7px center; } #h1-actions .action-settingsedit a { background: transparent url(http://irc-galleria.net/img/bashi/icon_settings_small.png) no-repeat 7px center; } /*** /H1 */ /*** H2 (After H1, contains small image, your nickname, mood edit form and H2 menu) */ #h2 { background: #263E59; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 0; } #h2-content { border-bottom: 1px solid #708498; padding: 10px 18px 0; } #h2 h2 { color: #e68c00; font-family: Tahoma; font-size: 10px; line-height: 21px; margin: 0 5px 0 0; } #h2-menu .subtitle { color: #E68C00; } #h2-menu .subtitle input.text { background: transparent url(http://irc-galleria.net/img/bashi/icon_edit_small.png) no-repeat 3px center; border: 0 none; padding-left: 15px; } #h2-menu .subtitle input.text:hover { background-color: #14273D; } /* H2 menu */ #h2-menu .menulist { clear: both; height: 25px; margin-top: 0; } /** H2 menu (Submenu - Profile, Albums, Blog...) */ #h2-menu .menulist li { height: 25px; margin: 0; } #h2-menu .menulist li a { color: #dae6ed; font-family: Tahoma; font-size: 10px; font-weight: bold; font-size: 9px; } #h2-menu .menulist li.selected a { background: #7b98b1; } #h2-menu .menulist li a:hover { text-decoration: underline; } #h2-menu .menulist li a span { height: 18px; padding: 0; } #h2-menu .menulist li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; } #h2-menu .menulist li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; padding: 3px 16px 5px 0; } #h2-menu .menulist li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; } #h2-menu .menulist li.selected a { background: transparent url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat 100% 0; } /*** /H2 */ /***** /TOP OF THE PAGE *****/ #left, #center { background: #263e59; padding-top: 15px; } #center-footer { padding: 15px 0 15px 8px; } .box .center { padding: 9px 0 3px; } /***** BOXES *****/ /*** Left boxes */ #left { width: 260px; z-index: 1; } #left .box { background: #1F3145; border: 1px solid #667a8f; border-top: 1px solid #000; margin: 0 0 10px 20px; width: 220px; } #left .box .center { border: 1px solid #000; padding: 10px; } #left .box .footer { display: none; } /* Box header text color */ #left .box .header { min-height: 0; text-align: center; } #left .box .header .actions, #left .first.box .header .actions { background: #3c5775; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; } #left .box .header .actions h3 { color: #DAEEFF; font-family: Tahoma; font-size: 10px; font-weight: normal; font-size: 10px; height: 13px; text-transform: uppercase; } /* Boxes "under" the other boxes (Little darker by default) */ #left .box.under { background: #182a3d; border-top: 0px none; margin-top: -12px; margin-bottom: 10px; padding-top: 0; } #left .box.under .center { border-top: 0px; padding-bottom: 15px; padding-top: 15px; } /* #left .first .header ul { top: 20px; } #left .box .header .actions ul { right: 5px; } */ #profile .box .header .actions ul li { background: #1F3145; border: 1px solid #667A8F; height: 18px; line-height: 18px; margin: 0 0 0 -1px; } #left .box .header .actions ul, #center .box .header .actions ul { right: -1px; top: 0; } #center #comments .header .actions ul { right: 10px; top: 10px; } /** Misc left boxes stuff */ /* Left menu lists (Add new picture, Add new video...) */ /* Left menu list item */ #left .content .menulist li { background: url(http://irc-galleria.net/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 menu lists */ /* The titles at left box and peepbox (Userinfo titles, community categories...) */ #left dt, .peepbox dt { margin: 0; padding: 2px 0; } #left .box .divider { margin: 0; } /* Values (e.g. visitorcounter) */ #left .value, #center .value { color: #e68c00; font-weight: bold; font-size: 9px; } #left #box-quickstats .value { background: #30465F; clear: both; padding: 3px; text-align: right; width: 55px; } #left #box-quickstats dl.quickstats dd { margin: 10px 0 0; } /* Thumblist (e.g. album listing box at left) */ .thumblist li.hover .itemdesc, .thumblist li.selected .itemdesc, .thumblist li:hover .itemdesc { background: #1c425e; } .thumblist li a { color: #fff; } /** Misc left boxes stuff*/ /* Override for first box */ #left .first .header .actions { padding: 10px 20px 0; } /*** /Left boxes */ /*** Center boxes */ /* Center box */ #center .box .header, #center .box .center, #center .box .footer { background: #182A3D; } /** Paginated boxes */ #center .paginated { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 20px; padding-bottom: 0; } #center .paginated .header { border-top: 1px solid #708498; } #center .paginated .footer { border-bottom: 1px solid #708498; } #center .paginated .header .actions { padding-top: 0; } #center .paginated .prevnext .wrap { padding: 7px 6px 0 0; } #center .prevnext .inactive { font-weight: normal; font-size: 9px; } #center #user-image div.image, #center #profile-image div.image { margin-top: 0; } #center #profile-image { border-top: 0; } #center #profile-image .header { background: transparent url(http://irc-galleria.net/img/idaho/userpic_topheader.gif) repeat-x 0 0; border-top: 0; height: 18px; } #center #profile-image .header .actions { border-top: 0; } #center #profile-image .header .actions ul li { background: transparent; border: 0 none; } #center #profile-image .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; padding-top: 36px; } #center #profile-image .prevnext { margin-top: -18px; padding-top: 0; } #center #profile-image ul.actions-left, #center #profile-image .header ul.actions-right { top: 6px; } #center #profile-image .header ul.actions-left { left: 15px; } #center #profile-image ul.actions-right { right: 15; } /** Other boxes (Comment box, Last.fm box...) */ /* Commentbox */ #center #comments { border: 0 none; } #center #comments .header, #center #comments .center, #center #comments .footer { background: #182A3D; } #center #comments .header { min-height: 36px; } #center #comments .header .actions { background: transparent; border: 0 none; } #center #comments .header .actions h3 { display: none; } #center #comments .center { border: 0 none; } #center #comments .center .content { padding-bottom: 54px; } #center #comments { margin-bottom: 50px; } #form-comments { position: absolute; } /* Box background */ #center div.insider { border: 1px solid #667a8f; border-top: 1px solid #000; margin: 10px 20px 0; padding: 0; } #center div.insider .header, #center div.insider .center, #center div.insider .footer { background: #1F3145; } #center .box .header { min-height: 0; text-align: center; } #center div.insider .header .actions { background: #3c5775; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; } #center div.insider .header h3 { color: #DAEEFF; font-family: Tahoma; font-size: 10px; font-weight: normal; font-size: 9px; height: 13px; padding-bottom: 0; text-transform: uppercase; } #center div.insider .center { border: 1px solid #000; padding: 15px 10px 15px 20px; } #center div.insider .footer { display: none; } .box.insider.lastfm .header .actions h3 { height: 13px; position: static; text-indent: 0; width: auto; } /** /Other boxes */ /** Peepbox (Box when hovering communities or nicknames) */ .peepbox { background: #1F3145; border: 1px solid #667A8F; color: #DAE6ED; padding: 5px 10px 5px 10px; width: 180px; } .peepbox .footer { background: transparent; width: 180px; } .peepbox p { margin-top: 0; margin-bottom: 5px; } .peepbox span { display: inline; } /** /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 */ .comments .stamp { font-family: Tahoma; } /* New comments */ #newcomments { color: #49AFC4; font-size: 9px; } /* Normal comments */ .comments .comment { color: #DAE6ED; font-size: 9px; } /* Comments marked to be deleted */ .comments .deleted .comment, #comments .deleted .comment { color: #888 !important; font-size: 9px; } /* Delete comment link */ .comments .deletecomment a, #comments .content .deletecomment a { color: #49AFC4; font-size: 9px; } /* Own comments */ .comments .owner .comment, .comments .own, .comments .own td.comment, #comments tr.owner { color: #49AFC4; font-size: 9px; } /* Admin's comments */ .form-comment .admin_comment, #form-comment .admin_comment, .comments .admintext, .comments .personal .comment { color: #49AFC4; font-size: 9px; } /* Private comments */ #center .form-comment label.private, #center label.private, .comments .private td, .comments .private .comment { color: #49AFC4; font-size: 9px; } .comment.private, #comment.private { border-color: #E04BC6; } /* Comment form */ .comments input.comment { color: #fff; } .comments input.comment.empty { color: #666; } /* Smileyselector */ .smileyselector, #smileyselector { background: #E6E9E1; border: 1px solid #A4AB97; -moz-border-radius: 5px; } /*** /COMMENTS */ /***** /BOXES *****/ /***** IMAGES *****/ /* Thumb images (e.g. album listing box at left) */ .thumb .thumbstamp { color: #8398A0; } .thumb .thumbimage { background: white; border: 1px solid #AFB1AA; } /***** /IMAGES *****/ /***** NOTES *****/ #note_edit { background: #243C56; border: 1px solid #667A8F; padding: 5px; } #note_edit label { color: #F68C00; } #center #note_edit .header, #center #note_edit .center, #center #note_edit .footer { background: transparent !important; border: 0 none !important; margin: 0; padding: 0; } #center #note_edit .header { height: 30px; } #notes .hoverinner { background: url(http://irc-galleria.net/img/bashi/1x1trans.gif); } #notes .hover1 { border: 1px solid #90A2B6; } #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: #162538; border: 1px solid #90A2B6; color: #DAE6ED; text-align: left !important; } #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(http://irc-galleria.net/img/bashi/button_delete_red.gif) no-repeat left center; } a.delete span { display: none; } #left a.delete { background: url(http://irc-galleria.net/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(http://irc-galleria.net/img/bashi/button_add.gif) no-repeat left center; } .button.expand-down { background: url(http://irc-galleria.net/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-color: #162538; border: 1px solid #667A8F; color: #fff; } select { background: #eee; color: #000; } #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(http://irc-galleria.net/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: #666; } /***** /FORMS *****/ /***** MISC ELEMENTS *****/ /** Mostly stuff like notifications and warnings. These are looking good like this, so it's recommended not to edit. **/ #user-information-actions, #profile-information-actions, #profile-image-actions-left, #profile-image-actions-right, #comments-actions, ul.menulist { z-index: 9999; } /***** OLD SUGGEST SEARCH *****/ #search_suggest { background: url(http://irc-galleria.net/img/bashi/hoverbox_header.png) no-repeat left top; } #search_suggest a { color: #333; } .search_suggest_content { background: url(http://irc-galleria.net/img/bashi/hoverbox_footer.png) no-repeat left bottom; } .suggest_header { background: #DEE3D5; border-bottom: 1px solid #B9BBB3; color: #6C6C6B; } .suggest-header-first { background: none; border: 0; } .search_suggest { background: #DEE3D5 url(http://irc-galleria.net/img/bashi/suggestsearch_item.gif) repeat-x left top; border-bottom: 1px solid #B9BBB3; } .suggest_details, .suggest_members { color: #6C6C6B; } .search_suggest .value { color: #588212; } .search_suggest em { background: #D1D6C6; } .search_suggest_selected { background: #234B6C url(http://irc-galleria.net/img/bashi/suggestsearch_item_selected.gif) repeat-x left top; border-bottom: 1px solid #2E6284; } .search_suggest_selected .suggest_details, .search_suggest_selected .suggest_members { color: #8098AC; } .search_suggest_selected .value { color: #ADC0CF; } .search_suggest_selected em { background: #3F759B; } #search_suggest p { color: #6C6C6B; } /***** /OLD SUGGEST SEARCH *****/ #friendtracer-window .highlight a, #left .nick0 .highlight a, #center .nick0 .highlight a, .highlight a { color: #C9B295; } #friendtracer-container { background: #1F3145; border: 1px solid #667A8F; left: 0; position: absolute; top: 99px; z-index: 200; } /** Login form for not logged in users */ #h1-login button { background: transparent url(http://irc-galleria.net/img/bashi/h1_button_login.gif) no-repeat left top; } #h1-login button span { background: none; } .icon-friend-count { background: transparent url(http://irc-galleria.net/img/bashi/icon_friend_small.png) no-repeat 1px 2px; } .icon-bookmark-count { background: transparent url(http://irc-galleria.net/img/bashi/icon_bookmark_small.png) no-repeat 2px 3px; } .icon-image-count { background: transparent url(http://irc-galleria.net/img/bashi/icon_image_small.png) no-repeat 2px 2px; } .autocomplete { background-color: #EEF2E7; border-radius: 5px; color: #130202; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .autocomplete li.selected { background-color: #002B45; border-radius: 5px; color: #DAEEFF; -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: #234B6C; } #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(http://irc-galleria.net/img/bashi/ajax_dark_background.gif) no-repeat right center; } .stamp { color: #DAE6ED; } #left .stamp, #center-top .stamp { color: #708FA7; } a.returntotop { background: url(http://irc-galleria.net/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(http://irc-galleria.net/img/bashi/toolbar_icons.png); } .site-warning { background: #FFD803 url(http://irc-galleria.net/img/bashi/site-warning.gif) repeat-x left bottom; color: black; } .site-warning a { color: #0094B3; } 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: #DAE6ED; } .box.lastfm .center .pills a { color: #E5C59A; font-weight: bold; font-size: 9px; } .box.lastfm .center .pills a:hover { color: #FFDEB0; } #center .box.lastfm .center .value { color: #667a8f; font-weight: normal; font-size: 9px; } #center .box.lastfm h4 { border-bottom: 1px solid #708498; color: #f28e00; font-size: 1em; } .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(http://irc-galleria.net/img/bashi/light_mini_arrow_up.gif); } .box.lastfm .center .content .right-container #lastfm-pagination a.down { background-image: url(http://irc-galleria.net/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(http://irc-galleria.net/img/bashi/lastfm-eq.gif) no-repeat scroll 5px 5px !important; } .box.lastfm dd.nowplaying .value { font-style: oblique; font-size: 9px; } .box.lastfm .item-container .artist-image { border: 1px solid #DCDCDC; } /** /Last.fm */ /***** BBCODE *****/ /* .toolbar li a, #toolbar li a { background-image: url(http://irc-galleria.net/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(http://irc-galleria.net/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 *****/ /***** /MISC ELEMENTS *****/*/ */