/*box-todayspicture#leaderboard, .advbuffer, #image-defs {display: none;}*/
/*
* Copyright (c) 2007 - 2009 Sulake Dynamoid
*
* IG1 theme remake.
* Version 1.3 / iSampo
*
* Contains MANY MANY overrides so be careful when editing.
*/
/***** BASE ELEMENTS AND BASE LAYOUT *****/
/* The outer background */
body { background: #0A0A0A; color: #DAE6ED; font-family: Verdana, Arial, sans-serif; }
#body { background: #263E59; }
#body-content { /*background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0;*/ padding-bottom: 20px; }
#index #body-content { background: transparent; }
#index #body { background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0; }
body.layout-index #center { left: 5px; }
#center-center { padding-bottom: 20px; }
p, td, ol, ul, dl, div { font-family: Verdana, Arial, sans-serif; }
/* Basic text */
#top, #center, #left { color: #DAE6ED; }
.description { font-size: 1em; }
/* All normal links */
a:link { color: #E5C59A; font-weight: bold; }
a:visited { color: #C2A378; font-weight: bold; }
a:hover { color: #FFDEB0; text-decoration: underline; }
a:active { color: #FFDEB0; }
/***** /BASE ELEMENTS AND BASE LAYOUT *****/
/***** TOP OF THE PAGE *****/
#leaderboard { margin-top: 10px; }
/*** 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 { width: 185px; left:14px; position:absolute; top:17px; }
body.fi #body #h1 h1 a { background: transparent url(http://irc-galleria.net/img/bashi/fi_FI/h1_logo.png) no-repeat 0 0; }
body.de #body #h1 h1 a { background: transparent url(http://irc-galleria.net/img/bashi/de_DE/h1_logo.png) no-repeat 0 0; }
#h1-menu { height: 74px; }
#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: Arial, sans-serif; float: left; }
#h1-menu .menulist li a { color: #E2EBF1; height: auto; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; 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; }
#h1-actions #friendtracer a { background: transparent url(http://irc-galleria.net/img/bashi/icon_bookmark_small.png) no-repeat 7px center; color: #FF8080; }
#h1-actions .new-notifications a { background: transparent url(http://irc-galleria.net/img/bashi/icon_exclamation_small.png) no-repeat 7px center; font-weight: bold; }
#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; }
#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; }
#h1-actions .action-friends a { background: transparent url(http://irc-galleria.net/img/bashi/icon_friend_small.png) no-repeat 7px center; }
#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: Verdana, Arial, sans-serif; font-size: 12px; 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: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
#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 *****/
/* Footer */
body #center #center-footer { background: #182A3D; margin: 20px auto; padding: 15px 0; width: 666px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; }
/* Ultimate hackfooter, cannot use cause bottom:0px; isn't
enough when #left has more content than the #center area.
body #center #center-footer { background: #182A3D; bottom: 0; left: -232px; margin: 20px auto 0; padding: 15px 0; position: relative; width: 980px; }
.layout-index #center #center-footer { left: -10px; }
*/
#left, #center-content { background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0; padding-top: 15px; }
#center-footer { padding: 15px 0 15px 8px; }
.box .center { padding: 9px 0 3px; }
.box .header li a:hover { text-decoration: underline; }
#center .box .header .actions ul { right: -1px; /* top: 1px; */top: 0px; }
#profile #center .box .header .actions { border-bottom: 0 none; }
#profile #center .box .header .actions ul { right: -1px; top: 0px; }
.box .header .actions ul li { background: #1F3145; border: 1px solid #667A8F; height: 18px; line-height: 18px; margin: 0 0 0 -1px; }
.blog.box .header .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: 5px 0 0 -1px; }
#left .box .header .actions ul li { margin: -1px 0 0 -1px; }
#comments.box .header .actions ul li { background: #1F3145; border: 1px solid #667A8F; height: 18px; line-height: 18px; margin: 0 0 0 -1px; }
#center .box .header ul.actions-left { left: 15px !important; top: 5px !important; }
#center .box .header ul.actions-right { right: 15px !important; top: 5px !important; }
#center .tabbed .header .actions { height: auto; }
.tabbed .header .actions ul li,
.tabbed-special .header .actions ul li { height: 22px; line-height: 22px; }
#center .tabbed-special .header .actions ul li a { /* margin-top: -3px !important; */ }
.paginated.box .header .actions ul li { background: transparent; border: 0 none; line-height: 26px; }
.friendlist .box .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: -1px 0 0 -1px; }
#center #friends_tabbed .box .header .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: -1px 0 0 -1px; }
/***** BOXES *****/
/* Front page boxes to IG1 style with these (doesn't work with #body-content gradient)
body #center #browse-pictures .tabs { border-bottom: 1px solid #708498; }
body #center #browse-pictures .menulist { clear: both; height: 25px; margin-top: 0; }
body #center #browse-pictures .menulist li { height: 25px; margin: 0; }
body #center #browse-pictures .menulist li a { color: #dae6ed; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
body #center #browse-pictures .menulist li.selected a { background: #7b98b1; }
body #center #browse-pictures .menulist li a:hover { text-decoration: underline; }
body #center #browse-pictures .menulist li a span { height: 18px; padding: 0; }
body #center #browse-pictures .menulist li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; }
body #center #browse-pictures .menulist li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; margin: 0; padding: 7px 16px 5px 0;-moz-border-radius: 0 !important; }
body #center #browse-pictures .menulist li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
body #center #browse-pictures .menulist li.selected a { background: transparent url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat 100% 0; }
body #center .box-blue-tabbed .tabs { border-bottom: 1px solid #708498; }
body #center .box-blue-tabbed .menulist { border-bottom: 1px solid #708498; clear: both; height: 25px; margin-top: 0; }
body #center .box-blue-tabbed .menulist li { height: 25px; margin: 0; }
body #center .box-blue-tabbed .menulist li a { color: #dae6ed; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
body #center .box-blue-tabbed .menulist li.selected a { background: #7b98b1; }
body #center .box-blue-tabbed .menulist li a:hover { text-decoration: underline; }
body #center .box-blue-tabbed .menulist li a span { height: 18px; padding: 0; }
body #center .box-blue-tabbed .menulist li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; }
body #center .box-blue-tabbed .menulist li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; margin: 0; padding: 7px 16px 5px 0;-moz-border-radius: 0 !important; }
body #center .box-blue-tabbed .menulist li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
body #center .box-blue-tabbed .menulist li.selected a { background: transparent url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat 100% 0; }
*/
body #box-visitorlist #visitorlist-thumbs .thumb { margin-right: 0; }
body.layout-index #browse-pictures .thumb { padding: 0 13px;}
/* body #center .box2 .tabs ul { overflow: visible; } */
body #center .box2 .pills { border-bottom: 0 none; }
body #center .box2 .pills li,
body #center .box2 .pills li a,
body #center .box2 .pills li.selected,
body #center .box2 .pills li.selected a { background: transparent !important; }
body #center .box2 .pills li a { font-weight: normal; }
body #center .box2 .pills li.selected a { font-weight: bold; }
body #center .box-blue-tabbed .header .actions ul li a { color: #DAE6ED; font-weight: normal; }
body #center .box-blue-tabbed .header .actions ul li.selected { background: none; }
body #center .box-blue-tabbed .header .actions ul li.selected a { font-weight: bold; }
body #center .box-blue a,
body #center .box-green a { color: #E5C59A; }
body #center .box-blue dt,
body #center .box-green dt { color: #DAE6ED; font-weight: bold; }
/*** Overrides for frontpage blue tabbed boxes */
body #center .box-blue-tabbed .tabs li a { background: #314964; color: #DAEEFF; font-family:Verdana,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
body #center .box-blue-tabbed .tabs li a:hover { text-decoration: none; }
body #center .box-blue-tabbed .tabs li.selected a { background: #3C556F; color: white; }
body .box-blue-tabbed .center { background: #3C556F; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-blue-tabbed .center .content { background: #1F3145; border-radius: 0px; color: #DAE6ED; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-blue-tabbed .center .content h4 { border-bottom: 1px solid #AAA; }
body .box-blue-tabbed .center .content .darker { background: #1F3145; }
body .box-blue-tabbed .center .content .darker h4 { border-color: #AAA; }
body #box-visitorlist #visitorlist-show-more { background: #1F3145; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
body .box-blue-tabbed ul.menulist.pills li a { color: #DAE6ED; font-weight: normal; }
body .box-blue-tabbed ul.menulist.pills li.selected a { font-weight: bold; }
body #center #box-news .inner .bbcode {color:#ffffff; }
body #center #box-news .inner .header .header-content,
body #center #box-news .inner .header .bubble-bottom,
body #center #box-news .inner .header .bubble-bottom div,
body #center #box-news .inner .header .bubble-right { background: none; }
/*** Overrides for frontpage green tabbed boxes */
body #center .box-green-tabbed .tabs li a { background: #314964; color: #DAEEFF; font-family:Verdana,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
body #center .box-green-tabbed .tabs li a:hover { text-decoration: none; }
body #center .box-green-tabbed .tabs li.selected a { background: #3C556F; color: white; }
body .box-green-tabbed .center { background: #3C556F; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-green-tabbed .center .content { background: #314964; border-radius: 0px; color: #DAE6ED; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-green-tabbed .center .content h4 { border-bottom: 1px solid #AAA; }
body .box-green-tabbed .center .content .darker { background: #1F3145; }
body .box-green-tabbed .center .content .darker h4 { border-color: #AAA; }
body #box-visitorlist #visitorlist-show-more { background: #1F3145; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
/*** Left boxes and frontpage blue boxes */
/* Dirty hack to make the content always have fullwidth & height background, even if the sidebar continues over the content */
#left { width: 980px; z-index: 0; }
body #center .box-white { color: #DAE6ED; }
body #center .box-blue .header,
body #center .box-white .header { padding: 0; }
body #center .box-blue .header,
body #center .box-blue .center,
body #center .box-green .header,
body #center .box-green .center,
body #center .box-white .header,
body #center .box-white .center { background: #1F3145; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#left .box { margin: 0 0 10px 18px; width: 220px; }
#left .box,
body #center .box-blue,
body #center .box-green,
body #center .box-white { background: #1F3145; border: 1px solid #667a8f; border-top: 1px solid #000; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#left .box .center,
body #center .box-blue .center,
body #center .box-green .center,
body #center .box-white .center { border: 1px solid #000; padding: 10px; }
#left .box .footer,
body #center .box-blue .footer,
body #center .box-green .footer,
body #center .box-white .footer { display: none; }
/* Box header text color */
#left .box .header,
body #center .box-blue .header,
body #center .box-green .header,
body #center .box-white .header { min-height: 0; padding: 0; text-align: center; }
#left .box .header ul{ right: -1px; top: 1px; }
#left .box .header .actions,
body #center .box-blue .header .actions,
body #center .box-green .header .actions,
body #center .box-white .header .actions { background: #445A72 url(http://irc-galleria.net/img/idaho/smallboxtitlegradient.gif) repeat-x scroll 0 0; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; }
#left .box .header .actions h3,
body #center .box-blue .header .actions h3,
body #center .box-green .header .actions h3,
body #center .box-white .header .actions h3 { color: #DAEEFF; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; height: 13px; text-transform: uppercase; }
body #center #box-mypicture,
body #center #box-todayspicture { float: left; margin-right: 10px; overflow: hidden; }
body #center #box-blog-topics { margin-right: 8px; }
body #center .box-green .center .content { background: transparent; color: #DAE6ED; }
body #box-todayspicture .center { height: 165px; }
body #center #box-todayspicture p { position: absolute; bottom: 20px; }
/* 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; }
/** Misc left boxes stuff */
/* Left menu lists (Add new picture, Add new video...) */
#left .content .menulist li { background: url(http://irc-galleria.net/img/bashi/left_menulist_bulletin.gif) no-repeat left 4px; }
#left .content .menulist li a { }
/* /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; }
#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: #3C5775; }
.thumblist li a:hover { text-decoration: none; }
/** 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: #3C556F; margin: 0 14px; min-height: 0;}
#center .box .header { /* background: #182A3E; */ background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -135px 0; border-bottom: 1px solid #667A8F; min-height: 22px; }
#center .box .header .actions { border-bottom: 3px solid #182A3E; }
/* The swooshbox borders. If used, need to override a lot from other places
#center .box .center { border-top: 1px solid #68798F; }
#center .box .center .content { border-top: 1px solid #182A3E; }
*/
#center #communities-browse.box .content .header { background: #182a3e; margin: 0; padding:0}
#center #communities-browse.box .content .center { margin: 0; padding:0}
#center .box.sub_item .header,
#center .box.sub_item .center,
#center .box.sub_item .footer { background: #243C56; }
/* Blog headers need more space */
body #center .light.blog.box { margin: 0px 10px 25px; /* background: #3C556F; */ }
body #center .light.blog.box .header { /* background: #20374F url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -25px 0; */ margin: 0; padding: 0; min-height: 22px; position: relative; z-index: 9999; }
#community #center .light.blog.box { padding: 0; }
#community #center .light.blog.box .header { background: #19293E; height: 25px; }
#community #center .light.blog.box .center { margin: 0; }
#browse #center .light.blog.box .header .actions { background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat scroll 110px 0; }
body #center .light.blog.box .header .actions { padding: 0 20px; }
body #center .light.blog.box .header .actions h4 { padding: 7px 200px 0 0; }
body #center .light.blog.box .center { background: #3C556F; /* margin-top: 10px; */ margin: 0; padding: 10px 15px 0 15px }
body #center .light.blog.box .center .content { background: #314964; }
body #center .light.blog.box .footer { background: #3C556F; margin: 0; }
body #center #profile-settings.box {margin:0px 10px 25px; }
body #center #profile-settings.box .header {background: #263E59; padding-bottom: 5px; }
body #center #profile-settings.box .center {border-top: solid 3px #182A3E; background: #3C556F; }
#center .blog .header { background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -25px 0; }
#profile #center .box .header,
#community #center .blog .header { border-bottom: 0 none; }
#center .box .header .actions { padding: 6px 10px 0; }
#center .box .header h3 { font-family: Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px; }
#center .box .center { padding-top: 0; }
#center .box .content .box { background: #243c56; border: 1px solid #667A8F; margin: 0 0 10px 0; }
/*
#center .box .content .box .header,
#center .box .content .box .center,
#center .box .content .box .footer { background: #243C56; }
*/
#center .box .center .content { padding: 20px 20px 10px; }
#center .light .header .actions { padding: 0 10px; }
#center .light .header .actions ul { top: 0; }
#center .light .center .content { padding: 10px 20px 10px 5px; }
/* Center box of the profile page */
#profile #center .box .header,
#profile #center .box .center,
#profile #center .box .footer { background: #182A3D; margin-left: 0; margin-right: 0; }
#profile #center .box .header { min-height: 0; text-align: center; }
#profile #center .box .center .content { padding: 0; }
/* Profile edit form overrides */
#profile #center #profile-settings .header,
#profile #center #profile-settings .center,
#profile #center #profile-settings .footer { margin: 0 14px; }
#profile #center #profile-settings .center { padding: 10px 20px }
#center .picture-selector { top: 10px; }
#center .picture-selector,
#center .blog .image-uploader { right: 5px; }
/** Paginated boxes */
#center .pagination-top { height: 54px; padding-bottom: 0; }
#center .pagination-top .header,
#center .pagination-top .center,
#center .pagination-top .footer { background: transparent; }
#center .paginated { padding-bottom: 0; }
#profile #center .paginated { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 18px; }
#center .paginated .header { background: transparent; height: 54px; }
#profile #center .paginated .header { border-top: 1px solid #708498; }
#profile #center .paginated .footer { border-bottom: 1px solid #708498; }
#center .paginated .header .actions { padding-top: 0; }
#center .paginated .prevnext { padding: 15px 0 0 0; }
#center .paginated .prevnext .wrap { padding: 7px 6px 0 0; }
#profile #center #profile-image { border-top: 0; }
#profile #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; }
#profile #center #profile-image .header .actions { border-top: 0; }
#profile #center #profile-image .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; padding-top: 36px; }
#profile #center #profile-image .prevnext { margin-top: -18px; padding-top: 0; }
#profile #center #profile-image .ul.actions-left,
#profile #center #profile-image .ul.actions-right { top: 6; }
#center .prevnext .inactive { font-weight: normal; }
#center .prevnext a:hover { text-decoration: underline; }
#center .pagination .prevnext { width: 400px; }
#blog #center .pagination-top,
#browse #center .pagination-top { height: 40px; }
#blog #center .pagination-top .content,
#browse #center .pagination-top .content { padding-top: 0; }
#blog #center .pagination-top .content .prevnext .wrap,
#browse #center .pagination-top .content .prevnext .wrap { padding: 6px 6px 0 0; }
#browse #center .clearbox { padding-bottom: 0; padding-top: 0; }
#center #user-image div.image,
#center #profile-image div.image { margin-left: -3px; margin-top: 0; }
#center .imagedesc input.text { background: transparent; border: 0 none; padding-left: 15px; }
#center .imagedesc input.text:hover { background-color: #14273D; }
/* Tabbed boxes */
#center .tabbed .header { margin: 0 14px; }
#center .tabbed .center { margin: 0 14px; padding: 0 0 15px; }
#center .tabbed .footer { margin: 1px 14px 0 14px; background-color: #314964; height: 10px;}
#center #communities-browse .box .header,
#vip #center .box .header { background: #182A3E; }
#center #communities-browse .prevnext .footer { background: transparent; }
#center .tabbed,
#center .tabbed-special { margin-top: 10px; }
#center .tabbed .header .actions,
#center .tabbed-special .header .actions { height: 17px; }
#center .tabbed .header .actions ul,
#center .tabbed-special .header .actions ul { line-height: 2em; right: 0; top: -1px; }
#center .tabbed .header .actions ul li,
#center .tabbed-special .header .actions ul li { background: transparent; border: 0 none; margin: 0; padding: 0; }
#center .tabbed .header .actions ul li a,
#center .tabbed-special .header .actions ul li a { background: #314964; color: #DAEEFF; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#center .tabbed .header .actions ul li a:hover,
#center .tabbed-special .header .actions ul li a:hover { text-decoration: none; }
#center .tabbed .header .actions ul li.selected a,
#center .tabbed-special .header .actions ul li.selected a { background: #3C556F; color: white; }
/*
#center .tabbed .header .actions ul li,
#center .tabbed-special .header .actions ul li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; border: 0; height: 25px;}
#center .tabbed .header .actions ul li a,
#center .tabbed-special .header .actions ul li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; padding: 3px 16px 5px 0 !important; }
#center .tabbed .inner .header,
#center .tabbed-special .inner .header { border: 0 none; }
#center .tabbed .header .actions ul li.selected,
#center .tabbed-special .header .actions ul li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
#center .tabbed .header .actions ul li.selected a,
#center .tabbed-special .header .actions ul li.selected a { background: url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat right top; color: #E2EBF1; padding: 3px 16px 5px 0; }
*/
/** Other boxes (Comment box, Last.fm box...) */
/* Commentbox */
#center #comments .header,
#center #comments .center,
#center #comments .footer { background: #182A3D; }
#center #center-center #comments { border: 0 none; }
#center #comments .header { border-top: 1px solid #000; border-left: 1px solid #667A8F; border-right: 1px solid #667A8F; border-bottom:0; min-height: 20px; }
#center #comments .header { text-align: center; }
#center #comments .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; border: 1px solid #667A8F; border-top: 0; padding: 15px 10px 0 20px; }
#profile #center #comments { }
#profile #center #comments .header { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_upper.gif) repeat-x 0 100%; min-height: 15px; border-left: 0 none; border-right: 0 none; z-index: 9999; }
#profile #center #comments .header .actions { background: transparent; border-bottom: 0; }
#profile #center #comments .header .actions h3 { display: none; }
#profile #center #comments .header { }
#profile #center #comments #comments-actions { right: 7px; top: 7px; }
#profile #center #comments .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; border-width: 0 0 1px; padding-top: 20px; }
/* #center #comments .header .actions { background: transparent; border: 0 none; } */
/* #center #comments .header .actions h3 { display: none; } */
#center #comments .center .content { padding-bottom: 0; }
#center #comments td.comment { font-size: 1em; }
#center #center-center #comments { margin-bottom: 50px; }
#form-comments,
.comments .readonly { position: relative; bottom: -40px; padding-top: 20px; }
/* Chatbox */
#center #community-chat { margin: 10px 14px 0; }
#center #community-chat .header { border-bottom: 0; min-height: 20px; text-align: center; }
#center .chat .header,
#center .chat .center,
#center .chat .footer { margin: 0; }
#center .chat .center .content { padding-top: 0; }
/* Box background */
#center div.insider { border: 1px solid #667a8f; border-top: 1px solid #000; margin: 10px 0 0; padding: 0; }
#profile #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 div.insider .header .actions { background: #445A72 url(http://irc-galleria.net/img/idaho/smallboxtitlegradient.gif) repeat-x scroll 0 0; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; }
#center div.insider .header h3 { color: #DAEEFF; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; 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 */
/** Blog stuff **/
#center .blog { margin: 10px 0 25px 0; padding: 0; }
#browse #center .blog { margin: 10px 20px 20px 20px; padding: 0; }
#center .blog .center .content { color: #DAE6ED; }
#center .blog .header .title { color: #F68C00; }
#center .blog .header .date br { display: none; }
#center .blog .header .date,
#center .blog .header .date .day,
#center .blog .header .date .month,
#center .blog .header .date .year,
#center .blog .header .date .time { float: left; font-size: 1em !important; line-height: 1em !important; margin-right: 3px; text-transform: none; }
#center .blog .header .thumb { display: none; margin-top: -32px; }
#community #center .blog .header .thumb { margin-top: -7px; }
body #center .blog .header .actions h4 { padding: 8px 200px 0 0; }
#center .blog .header .actions { min-height: 22px; }
#center .blog .header .title,
#center .blog .header .privileges,
#center .blog .header .visibility { position: absolute; z-index: 9999 !important; }
#center .blog .header .title { left: 50px; top: 50px; }
#center .blog .header .privileges { right: 50px; top: 65px; }
#center .blog .header .visibility { right: 50px; top: 50px; }
#center .blog .content,
#center .blog .center,
#center .blog .blog-content { position: relative; }
#community #center .blog .header .title { left: 40px; top: 45px; }
#community #center .blog .header .privileges { right: 50px; top: 50px; }
#community #center .blog .header .visibility { right: 50px; top: 45px; }
#center .form-blog,
#center .form-blog-delete { background: #314964; position: relative; z-index: 9999; }
#center .form-blog-delete { position: absolute; top: 35px; }
.form-blog button.preview { right: 0; }
.blog .blog-content { background: #314964; overflow: hidden; padding: 40px 30px 10px; position: relative; z-index: 5; }
/* Community stuff */
#center #community-general,
#center #community-description { min-height: 0px; }
#center #community-pictures .header .actions,
#center #community-blogs .header .actions { border: 0 none; }
#center #community-pictures .thumbedit { padding: 0; position: absolute; top: 14px; z-index: 9999; }
#center #community-pictures .thumbedit ul li { background: #1F3145; border: 1px solid #667A8F; font-size: 0.8em; line-height: 14px; margin-left: 5px; padding: 0 2px; }
/* VIP page stuff */
#vip-promotion .image-header-box .promotion-text { padding: 22px 150px 10px 0px; }
#vip-promotion .image-header-box { height: 50px; }
#vip-promotion .image-header-box .promotion-text strong { font-size: 2.2em; }
#vip-promotion .image-header-box .promotion-text span { font-size: 1.0em; font-weight: bold; }
#center #vip-promotion div.box-order { left: 300px; }
#center #vip-promotion .box .header { background: transparent; border-bottom: 0; padding-top: 10px; }
table#feature-comparison th.config-column { }
table#feature-comparison th.config-column span { }
table#feature-comparison td.config-column { border-left: 1px solid #708498; }
table#feature-comparison tbody tr { border: 1px solid #708498; }
table#feature-comparison tbody td { padding: 14px 10px 10px 10px; }
table#feature-comparison .config-column-vip { background: #33506F; border: 1px solid #708498; }
table#feature-comparison th.config-column-vip { background: #33506F; }
table#feature-comparison td span.feature-config-value.boolean.true { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_yestick.png) no-repeat center top; }
table#feature-comparison td.feature-column h5 { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_feature_star.png) no-repeat left top; }
table#feature-comparison td.feature-column.has-thumb div.feature-thumb-frame { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_feature_frame.png) no-repeat left top; }
/* Store stuff */
#center .box .product { background: #314964; border-color: #667A8F; }
#center .box .product .price { background: #fff url(http://irc-galleria.net/img/bashi/store/icon_credits.png) no-repeat 2px 4px; height: 15px; padding: 4px 2px 3px 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#center .box .product .divider { background: #667A8F; bottom: 40px; }
#center .box .product .input button { bottom: 10px; }
#left #store-feedback .menulist { padding-right: 40px; } /* the cart image width */
#left #store-feedback .cart { top: 5px; }
body #center #store-header .center { width: 712px; }
body #center #store-header .center .content { width: 692px; }
#center #store-content .box { padding-bottom: 10px; padding-top: 10px; }
#center #store-content .box .header, #center #product-order .header,
#center #store-content .box .center, #center #product-order .center,
#center #store-content .box .footer, #center #product-order .footer { background: transparent; }
#center #store-content .box .header .actions,
#center #product-order .header .actions { border: 0 none; }
/* Order + payment boxes */
#center #order .header,
#center #order-summary .header { background-position: 0 0; }
#center .box .content .box-order { margin-right: 10px; }
#center .box .content .box-order { width: 342px; }
#center .box .content .box-payment { width: 315px; }
#center .box .content .box-order .center,
#center .box .content .box-payment .center { background: #243C56; margin: 0; }
#center .box .content .box-order .center .content,
#center .box .content .box-payment .center .content { padding: 0; }
#center .box .content .box-order .footer,
#center .box .content .box-payment .footer { background: #243C56; }
#center .box .content #gift { border: 0 none; }
#center .box .content #gift .header,
#center .box .content #gift .header .actions { border: 0 none; }
#center .box .content #gift .footer { margin: 0; }
#center .box .order .product .price { top: 68px; }
#center .box .order .product .divider { top: 10px; }
#center .box .content .box-payment .total { width: 276px; }
#center .box .content .payment-method #credits { background: #3C556F; top: 10px; }
#center .box .content .payment-method #credits .content { background-position: 20px 4px; padding: 10px 18px 0; }
#center .box .product a#wishlist-add,
#center .box .product a#wishlist-delete { background-color: #fff; background-position: center center; background-repeat: no-repeat; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/** 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: Arial, sans-serif; }
/* New comments */
#newcomments { color: #5E9050; }
/* Normal comments */
.comments .comment { color: #DAE6ED; }
/* 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: #F28E00; }
/* Admin's comments */
.form-comment .admin_comment,
#form-comment .admin_comment,
.comments .admintext,
.comments .personal .comment { color: #00FFF6; }
/* Private comments */
#center .form-comment label.private,
#center label.private,
.comments .private td,
.comments .private .comment { color: #E04BC6; }
.comment.private,
#comment.private { border-color: #E04BC6; }
/* Comment form */
.comments input.comment { color: #fff; }
.comments input.comment.empty { color: #666; }
/* Smileyselector */
.smileyselector, #smileyselector {
background-color: #263E59;
border: 1px solid #667A8F;
}
/*** /COMMENTS */
/***** /BOXES *****/
/***** IMAGES *****/
/* Imageimage (main profile image) */
#center .imageimage { border: 0 none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#center #picture-definitions dd,
#center .imagedesc { padding: 0 0 4px; }
/* Thumb images (e.g. album listing box at left) */
.album-container .thumb.polaroid { padding: 0 5px; }
.thumb .thumbstamp { color: #8398A0; }
.thumb .thumbimage,
.thumb.polaroid .thumbimage { border: 1px solid #667A8F; margin: 0 auto; padding: 0; }
#album #center .thumb.default .thumbimage { border: 1px solid #F28E00; }
.thumb.polaroid .thumbdesc { padding: 5px 0; }
.thumb .thumbedit { display: block; position: static; }
#albums-album .thumb.default { background: #364C64; } /* Put the border to the wrapper div cause there is no real img */
/***** /IMAGES *****/
/***** NOTES *****/
#note_edit { background: #3C556F; border: 1px solid #182A3E; 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
**/
#comments-submit { background: #90A2B6; border: 1px solid; border-color: #B8CFE9 #58636F #58636F #B8CFE9; margin-top: 2px; }
#comments-submit span { background: transparent; }
#comments-submit span span { color: black; font-weight: normal; letter-spacing: 1px; line-height: 1.2em; }
/* 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; display: inline-block; }
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; color: #000; margin: 0 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.inputerror input.text,
.inputerror textarea { border: 1px solid #BDBCC4; }
#center .form-blog .inputerror { width: 420px; }
.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; }
#center .content ul.inputhelp,
.dialog_content ul.inputhelp { list-style-image: none; list-style-position: inside; list-style-type: disc; }
#left a.channel-own,
#center a.channel-own,
#friendtracer-window .highlight a,
#left .nick0 .highlight a,
#center .nick0 .highlight a,
.nick0 .highlight a
#left .nick1 .highlight a,
#center .nick1 .highlight a,
.nick1 .highlight a { color: #FF8A92; }
.profile-own #box-profile-channels a.channel-own,
.profile-own #box-profile-communities a.channel-own,
#center .prevnext a.channel-own { color: #E5C59A;�}
#friendtracer-container { left: 0; }
#friendtracer-window { background: #1F3145; border: 1px solid #667A8F; margin-top: 28px; }
.friendtracer-dismiss-verify,
.dismiss-verify { background: #3C556F; }
.community-network { font-weight: bold; }
/***** 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 *****/
/** 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 { color: #fff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#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; }
/* Otherwise the white matte images aren't lookin so good */
#toolbar { background: #fff; }
.toolbar li span, #toolbar li span { background-image:url(img/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: #263E59; border: 0;}
/** 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; }
.box.lastfm .center .pills a:hover { color: #FFDEB0; }
#center .box.lastfm .center .value { color: #667a8f; font-weight: normal; }
#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: #30465F url(http://irc-galleria.net/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(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(img/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 *****/
/* Friends list */
#friends-friendgroups .friend-actions li.action-delete a,
#friends-friendlist .friend-actions a.action-delete { background: transparent url(http://irc-galleria.net/img/bashi/icon_delete.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendgroups .friend-actions li.action-edit a,
#friends-friendlist .friend-actions a.action-edit { background: transparent url(http://irc-galleria.net/img/bashi/icon_edit.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendlist .friend-actions a.action-add { background: transparent url(http://irc-galleria.net/img/bashi/icon_plus.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendlist li.hover,
#friends-friendgroups li.hover { background: #314964; }
#friends-friendgroups li.list-item,
#friends-friendlist li.list-item { border-bottom: 1px solid #5C6E81; }
#friends-friendgroups li.list-item:last-child,
#friends-friendlist li.list-item:last-child { border-bottom: 0; }
#friends-friendlist li.list-item .seen,
#friends-friendlist li.list-item .name { color: #AFAFAF; }
#friends-friendlist li.list-item .seen.loggedin { color: #69F251; }
.loggedin { color: #69F251; font-weight: bold; }
#friends-friendlist .pagination .prevnext .wrap { margin-bottom: 0; }
fieldset.pills label,
.dialog fieldset.pills label,
#center fieldset.pills label { background: #DCDCDC; border-radius: 5px; color: #777; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.pills label:hover,
.dialog fieldset.pills label:hover,
#center fieldset.pills label:hover { background: #EFEFEF; }
fieldset.pills label.checked,
.dialog fieldset.pills label.checked,
#center fieldset.pills label.checked { background: #0094B3; color: white; }
/***** /MISC ELEMENTS *****/
/* Add picture */
#center #add-picture-choose div.header, #center #add-video-choose div.header { display: none; }
body #center .box.light .center, body #center .box.light .footer { background: #243C56; }
/* Suggest search */
/*
#suggest-search .header, #suggest-search .footer {display: none;}
#suggest-search .header, #suggest-search .center .content {background: #314964; padding: 7px 0; }
#suggest-search .content ul li.suggest-result { background: #3c556f; color: #fff; border-color:#182a3e;}
#suggest-search .content ul.last li {border-right:0 none;}
#suggest-search .content li.last {border-bottom:1px solid #182a3e;}
#suggest-search .content span { color: #fff;}
#suggest-search .content span.title { color: #e5c58e; background: none;}
*/
/***** ON AIR *****/
body #center .box-on_air { border: 0; }
body #center .box-on_air .center { padding: 0; }
body #center .box-on_air #on_air_arrow { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
/***** /ON AIR *****/
/***** NEWSFEED *****/
body #box-newsfeed #newsfeed-header { border-bottom: 1px solid #3C556F; }
body #box-newsfeed .newsfeed-item { border-color: #3C556F; }
body .newsfeed-item-mood .newsfeed-item-topic { color: white; }
body #box-newsfeed .newsfeed-item-tools { color: #DAE6ED; }
body #box-newsfeed .newsfeed-item-tools a { font-weight: normal; }
/*
* Copyright (c) 2007 - 2009 Sulake Dynamoid
*
* IG1 theme remake.
* Version 1.3 / iSampo
*
* Contains MANY MANY overrides so be careful when editing.
*/
/***** BASE ELEMENTS AND BASE LAYOUT *****/
/* The outer background */
body { background: #0A0A0A; color: #DAE6ED; font-family: Verdana, Arial, sans-serif; }
#body { background: #263E59; }
#body-content { /*background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0;*/ padding-bottom: 20px; }
#index #body-content { background: transparent; }
#index #body { background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0; }
body.layout-index #center { left: 5px; }
#center-center { padding-bottom: 20px; }
p, td, ol, ul, dl, div { font-family: Verdana, Arial, sans-serif; }
/* Basic text */
#top, #center, #left { color: #DAE6ED; }
.description { font-size: 1em; }
/* All normal links */
a:link { color: #E5C59A; font-weight: bold; }
a:visited { color: #C2A378; font-weight: bold; }
a:hover { color: #FFDEB0; text-decoration: underline; }
a:active { color: #FFDEB0; }
/***** /BASE ELEMENTS AND BASE LAYOUT *****/
/***** TOP OF THE PAGE *****/
#leaderboard { margin-top: 10px; }
/*** 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 { width: 185px; left:14px; position:absolute; top:17px; }
body.fi #body #h1 h1 a { background: transparent url(http://irc-galleria.net/img/bashi/fi_FI/h1_logo.png) no-repeat 0 0; }
body.de #body #h1 h1 a { background: transparent url(http://irc-galleria.net/img/bashi/de_DE/h1_logo.png) no-repeat 0 0; }
#h1-menu { height: 74px; }
#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: Arial, sans-serif; float: left; }
#h1-menu .menulist li a { color: #E2EBF1; height: auto; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; 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; }
#h1-actions #friendtracer a { background: transparent url(http://irc-galleria.net/img/bashi/icon_bookmark_small.png) no-repeat 7px center; color: #FF8080; }
#h1-actions .new-notifications a { background: transparent url(http://irc-galleria.net/img/bashi/icon_exclamation_small.png) no-repeat 7px center; font-weight: bold; }
#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; }
#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; }
#h1-actions .action-friends a { background: transparent url(http://irc-galleria.net/img/bashi/icon_friend_small.png) no-repeat 7px center; }
#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: Verdana, Arial, sans-serif; font-size: 12px; 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: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
#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 *****/
/* Footer */
body #center #center-footer { background: #182A3D; margin: 20px auto; padding: 15px 0; width: 666px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; }
/* Ultimate hackfooter, cannot use cause bottom:0px; isn't
enough when #left has more content than the #center area.
body #center #center-footer { background: #182A3D; bottom: 0; left: -232px; margin: 20px auto 0; padding: 15px 0; position: relative; width: 980px; }
.layout-index #center #center-footer { left: -10px; }
*/
#left, #center-content { background: #263E59 url(http://irc-galleria.net/img/idaho/tabbedgradient.gif) repeat-x 0 0; padding-top: 15px; }
#center-footer { padding: 15px 0 15px 8px; }
.box .center { padding: 9px 0 3px; }
.box .header li a:hover { text-decoration: underline; }
#center .box .header .actions ul { right: -1px; /* top: 1px; */top: 0px; }
#profile #center .box .header .actions { border-bottom: 0 none; }
#profile #center .box .header .actions ul { right: -1px; top: 0px; }
.box .header .actions ul li { background: #1F3145; border: 1px solid #667A8F; height: 18px; line-height: 18px; margin: 0 0 0 -1px; }
.blog.box .header .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: 5px 0 0 -1px; }
#left .box .header .actions ul li { margin: -1px 0 0 -1px; }
#comments.box .header .actions ul li { background: #1F3145; border: 1px solid #667A8F; height: 18px; line-height: 18px; margin: 0 0 0 -1px; }
#center .box .header ul.actions-left { left: 15px !important; top: 5px !important; }
#center .box .header ul.actions-right { right: 15px !important; top: 5px !important; }
#center .tabbed .header .actions { height: auto; }
.tabbed .header .actions ul li,
.tabbed-special .header .actions ul li { height: 22px; line-height: 22px; }
#center .tabbed-special .header .actions ul li a { /* margin-top: -3px !important; */ }
.paginated.box .header .actions ul li { background: transparent; border: 0 none; line-height: 26px; }
.friendlist .box .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: -1px 0 0 -1px; }
#center #friends_tabbed .box .header .actions ul li { background: none; border: 0; height: 18px; line-height: 18px; margin: -1px 0 0 -1px; }
/***** BOXES *****/
/* Front page boxes to IG1 style with these (doesn't work with #body-content gradient)
body #center #browse-pictures .tabs { border-bottom: 1px solid #708498; }
body #center #browse-pictures .menulist { clear: both; height: 25px; margin-top: 0; }
body #center #browse-pictures .menulist li { height: 25px; margin: 0; }
body #center #browse-pictures .menulist li a { color: #dae6ed; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
body #center #browse-pictures .menulist li.selected a { background: #7b98b1; }
body #center #browse-pictures .menulist li a:hover { text-decoration: underline; }
body #center #browse-pictures .menulist li a span { height: 18px; padding: 0; }
body #center #browse-pictures .menulist li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; }
body #center #browse-pictures .menulist li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; margin: 0; padding: 7px 16px 5px 0;-moz-border-radius: 0 !important; }
body #center #browse-pictures .menulist li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
body #center #browse-pictures .menulist li.selected a { background: transparent url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat 100% 0; }
body #center .box-blue-tabbed .tabs { border-bottom: 1px solid #708498; }
body #center .box-blue-tabbed .menulist { border-bottom: 1px solid #708498; clear: both; height: 25px; margin-top: 0; }
body #center .box-blue-tabbed .menulist li { height: 25px; margin: 0; }
body #center .box-blue-tabbed .menulist li a { color: #dae6ed; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
body #center .box-blue-tabbed .menulist li.selected a { background: #7b98b1; }
body #center .box-blue-tabbed .menulist li a:hover { text-decoration: underline; }
body #center .box-blue-tabbed .menulist li a span { height: 18px; padding: 0; }
body #center .box-blue-tabbed .menulist li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; }
body #center .box-blue-tabbed .menulist li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; margin: 0; padding: 7px 16px 5px 0;-moz-border-radius: 0 !important; }
body #center .box-blue-tabbed .menulist li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
body #center .box-blue-tabbed .menulist li.selected a { background: transparent url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat 100% 0; }
*/
body #box-visitorlist #visitorlist-thumbs .thumb { margin-right: 0; }
body.layout-index #browse-pictures .thumb { padding: 0 13px;}
/* body #center .box2 .tabs ul { overflow: visible; } */
body #center .box2 .pills { border-bottom: 0 none; }
body #center .box2 .pills li,
body #center .box2 .pills li a,
body #center .box2 .pills li.selected,
body #center .box2 .pills li.selected a { background: transparent !important; }
body #center .box2 .pills li a { font-weight: normal; }
body #center .box2 .pills li.selected a { font-weight: bold; }
body #center .box-blue-tabbed .header .actions ul li a { color: #DAE6ED; font-weight: normal; }
body #center .box-blue-tabbed .header .actions ul li.selected { background: none; }
body #center .box-blue-tabbed .header .actions ul li.selected a { font-weight: bold; }
body #center .box-blue a,
body #center .box-green a { color: #E5C59A; }
body #center .box-blue dt,
body #center .box-green dt { color: #DAE6ED; font-weight: bold; }
/*** Overrides for frontpage blue tabbed boxes */
body #center .box-blue-tabbed .tabs li a { background: #314964; color: #DAEEFF; font-family:Verdana,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
body #center .box-blue-tabbed .tabs li a:hover { text-decoration: none; }
body #center .box-blue-tabbed .tabs li.selected a { background: #3C556F; color: white; }
body .box-blue-tabbed .center { background: #3C556F; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-blue-tabbed .center .content { background: #1F3145; border-radius: 0px; color: #DAE6ED; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-blue-tabbed .center .content h4 { border-bottom: 1px solid #AAA; }
body .box-blue-tabbed .center .content .darker { background: #1F3145; }
body .box-blue-tabbed .center .content .darker h4 { border-color: #AAA; }
body #box-visitorlist #visitorlist-show-more { background: #1F3145; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
body .box-blue-tabbed ul.menulist.pills li a { color: #DAE6ED; font-weight: normal; }
body .box-blue-tabbed ul.menulist.pills li.selected a { font-weight: bold; }
body #center #box-news .inner .bbcode {color:#ffffff; }
body #center #box-news .inner .header .header-content,
body #center #box-news .inner .header .bubble-bottom,
body #center #box-news .inner .header .bubble-bottom div,
body #center #box-news .inner .header .bubble-right { background: none; }
/*** Overrides for frontpage green tabbed boxes */
body #center .box-green-tabbed .tabs li a { background: #314964; color: #DAEEFF; font-family:Verdana,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
body #center .box-green-tabbed .tabs li a:hover { text-decoration: none; }
body #center .box-green-tabbed .tabs li.selected a { background: #3C556F; color: white; }
body .box-green-tabbed .center { background: #3C556F; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-green-tabbed .center .content { background: #314964; border-radius: 0px; color: #DAE6ED; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .box-green-tabbed .center .content h4 { border-bottom: 1px solid #AAA; }
body .box-green-tabbed .center .content .darker { background: #1F3145; }
body .box-green-tabbed .center .content .darker h4 { border-color: #AAA; }
body #box-visitorlist #visitorlist-show-more { background: #1F3145; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
/*** Left boxes and frontpage blue boxes */
/* Dirty hack to make the content always have fullwidth & height background, even if the sidebar continues over the content */
#left { width: 980px; z-index: 0; }
body #center .box-white { color: #DAE6ED; }
body #center .box-blue .header,
body #center .box-white .header { padding: 0; }
body #center .box-blue .header,
body #center .box-blue .center,
body #center .box-green .header,
body #center .box-green .center,
body #center .box-white .header,
body #center .box-white .center { background: #1F3145; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#left .box { margin: 0 0 10px 18px; width: 220px; }
#left .box,
body #center .box-blue,
body #center .box-green,
body #center .box-white { background: #1F3145; border: 1px solid #667a8f; border-top: 1px solid #000; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#left .box .center,
body #center .box-blue .center,
body #center .box-green .center,
body #center .box-white .center { border: 1px solid #000; padding: 10px; }
#left .box .footer,
body #center .box-blue .footer,
body #center .box-green .footer,
body #center .box-white .footer { display: none; }
/* Box header text color */
#left .box .header,
body #center .box-blue .header,
body #center .box-green .header,
body #center .box-white .header { min-height: 0; padding: 0; text-align: center; }
#left .box .header ul{ right: -1px; top: 1px; }
#left .box .header .actions,
body #center .box-blue .header .actions,
body #center .box-green .header .actions,
body #center .box-white .header .actions { background: #445A72 url(http://irc-galleria.net/img/idaho/smallboxtitlegradient.gif) repeat-x scroll 0 0; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; }
#left .box .header .actions h3,
body #center .box-blue .header .actions h3,
body #center .box-green .header .actions h3,
body #center .box-white .header .actions h3 { color: #DAEEFF; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; height: 13px; text-transform: uppercase; }
body #center #box-mypicture,
body #center #box-todayspicture { float: left; margin-right: 10px; overflow: hidden; }
body #center #box-blog-topics { margin-right: 8px; }
body #center .box-green .center .content { background: transparent; color: #DAE6ED; }
body #box-todayspicture .center { height: 165px; }
body #center #box-todayspicture p { position: absolute; bottom: 20px; }
/* 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; }
/** Misc left boxes stuff */
/* Left menu lists (Add new picture, Add new video...) */
#left .content .menulist li { background: url(http://irc-galleria.net/img/bashi/left_menulist_bulletin.gif) no-repeat left 4px; }
#left .content .menulist li a { }
/* /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; }
#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: #3C5775; }
.thumblist li a:hover { text-decoration: none; }
/** 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: #3C556F; margin: 0 14px; min-height: 0;}
#center .box .header { /* background: #182A3E; */ background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -135px 0; border-bottom: 1px solid #667A8F; min-height: 22px; }
#center .box .header .actions { border-bottom: 3px solid #182A3E; }
/* The swooshbox borders. If used, need to override a lot from other places
#center .box .center { border-top: 1px solid #68798F; }
#center .box .center .content { border-top: 1px solid #182A3E; }
*/
#center #communities-browse.box .content .header { background: #182a3e; margin: 0; padding:0}
#center #communities-browse.box .content .center { margin: 0; padding:0}
#center .box.sub_item .header,
#center .box.sub_item .center,
#center .box.sub_item .footer { background: #243C56; }
/* Blog headers need more space */
body #center .light.blog.box { margin: 0px 10px 25px; /* background: #3C556F; */ }
body #center .light.blog.box .header { /* background: #20374F url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -25px 0; */ margin: 0; padding: 0; min-height: 22px; position: relative; z-index: 9999; }
#community #center .light.blog.box { padding: 0; }
#community #center .light.blog.box .header { background: #19293E; height: 25px; }
#community #center .light.blog.box .center { margin: 0; }
#browse #center .light.blog.box .header .actions { background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat scroll 110px 0; }
body #center .light.blog.box .header .actions { padding: 0 20px; }
body #center .light.blog.box .header .actions h4 { padding: 7px 200px 0 0; }
body #center .light.blog.box .center { background: #3C556F; /* margin-top: 10px; */ margin: 0; padding: 10px 15px 0 15px }
body #center .light.blog.box .center .content { background: #314964; }
body #center .light.blog.box .footer { background: #3C556F; margin: 0; }
body #center #profile-settings.box {margin:0px 10px 25px; }
body #center #profile-settings.box .header {background: #263E59; padding-bottom: 5px; }
body #center #profile-settings.box .center {border-top: solid 3px #182A3E; background: #3C556F; }
#center .blog .header { background: transparent url(http://irc-galleria.net/img/idaho/curvedtitlebackground_trans.gif) no-repeat -25px 0; }
#profile #center .box .header,
#community #center .blog .header { border-bottom: 0 none; }
#center .box .header .actions { padding: 6px 10px 0; }
#center .box .header h3 { font-family: Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px; }
#center .box .center { padding-top: 0; }
#center .box .content .box { background: #243c56; border: 1px solid #667A8F; margin: 0 0 10px 0; }
/*
#center .box .content .box .header,
#center .box .content .box .center,
#center .box .content .box .footer { background: #243C56; }
*/
#center .box .center .content { padding: 20px 20px 10px; }
#center .light .header .actions { padding: 0 10px; }
#center .light .header .actions ul { top: 0; }
#center .light .center .content { padding: 10px 20px 10px 5px; }
/* Center box of the profile page */
#profile #center .box .header,
#profile #center .box .center,
#profile #center .box .footer { background: #182A3D; margin-left: 0; margin-right: 0; }
#profile #center .box .header { min-height: 0; text-align: center; }
#profile #center .box .center .content { padding: 0; }
/* Profile edit form overrides */
#profile #center #profile-settings .header,
#profile #center #profile-settings .center,
#profile #center #profile-settings .footer { margin: 0 14px; }
#profile #center #profile-settings .center { padding: 10px 20px }
#center .picture-selector { top: 10px; }
#center .picture-selector,
#center .blog .image-uploader { right: 5px; }
/** Paginated boxes */
#center .pagination-top { height: 54px; padding-bottom: 0; }
#center .pagination-top .header,
#center .pagination-top .center,
#center .pagination-top .footer { background: transparent; }
#center .paginated { padding-bottom: 0; }
#profile #center .paginated { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 18px; }
#center .paginated .header { background: transparent; height: 54px; }
#profile #center .paginated .header { border-top: 1px solid #708498; }
#profile #center .paginated .footer { border-bottom: 1px solid #708498; }
#center .paginated .header .actions { padding-top: 0; }
#center .paginated .prevnext { padding: 15px 0 0 0; }
#center .paginated .prevnext .wrap { padding: 7px 6px 0 0; }
#profile #center #profile-image { border-top: 0; }
#profile #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; }
#profile #center #profile-image .header .actions { border-top: 0; }
#profile #center #profile-image .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; padding-top: 36px; }
#profile #center #profile-image .prevnext { margin-top: -18px; padding-top: 0; }
#profile #center #profile-image .ul.actions-left,
#profile #center #profile-image .ul.actions-right { top: 6; }
#center .prevnext .inactive { font-weight: normal; }
#center .prevnext a:hover { text-decoration: underline; }
#center .pagination .prevnext { width: 400px; }
#blog #center .pagination-top,
#browse #center .pagination-top { height: 40px; }
#blog #center .pagination-top .content,
#browse #center .pagination-top .content { padding-top: 0; }
#blog #center .pagination-top .content .prevnext .wrap,
#browse #center .pagination-top .content .prevnext .wrap { padding: 6px 6px 0 0; }
#browse #center .clearbox { padding-bottom: 0; padding-top: 0; }
#center #user-image div.image,
#center #profile-image div.image { margin-left: -3px; margin-top: 0; }
#center .imagedesc input.text { background: transparent; border: 0 none; padding-left: 15px; }
#center .imagedesc input.text:hover { background-color: #14273D; }
/* Tabbed boxes */
#center .tabbed .header { margin: 0 14px; }
#center .tabbed .center { margin: 0 14px; padding: 0 0 15px; }
#center .tabbed .footer { margin: 1px 14px 0 14px; background-color: #314964; height: 10px;}
#center #communities-browse .box .header,
#vip #center .box .header { background: #182A3E; }
#center #communities-browse .prevnext .footer { background: transparent; }
#center .tabbed,
#center .tabbed-special { margin-top: 10px; }
#center .tabbed .header .actions,
#center .tabbed-special .header .actions { height: 17px; }
#center .tabbed .header .actions ul,
#center .tabbed-special .header .actions ul { line-height: 2em; right: 0; top: -1px; }
#center .tabbed .header .actions ul li,
#center .tabbed-special .header .actions ul li { background: transparent; border: 0 none; margin: 0; padding: 0; }
#center .tabbed .header .actions ul li a,
#center .tabbed-special .header .actions ul li a { background: #314964; color: #DAEEFF; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5em; margin-right: 4px; padding: 4px 15px 5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#center .tabbed .header .actions ul li a:hover,
#center .tabbed-special .header .actions ul li a:hover { text-decoration: none; }
#center .tabbed .header .actions ul li.selected a,
#center .tabbed-special .header .actions ul li.selected a { background: #3C556F; color: white; }
/*
#center .tabbed .header .actions ul li,
#center .tabbed-special .header .actions ul li { background: #3C536D url(http://irc-galleria.net/img/idaho/tab_left.gif) no-repeat left top; padding: 0 0 0 15px; border: 0; height: 25px;}
#center .tabbed .header .actions ul li a,
#center .tabbed-special .header .actions ul li a { background: url(http://irc-galleria.net/img/idaho/tab_right.gif) no-repeat right top; color: #E2EBF1; padding: 3px 16px 5px 0 !important; }
#center .tabbed .inner .header,
#center .tabbed-special .inner .header { border: 0 none; }
#center .tabbed .header .actions ul li.selected,
#center .tabbed-special .header .actions ul li.selected { background: #7F92AB url(http://irc-galleria.net/img/idaho/tab_left_active.gif) no-repeat 0 0; }
#center .tabbed .header .actions ul li.selected a,
#center .tabbed-special .header .actions ul li.selected a { background: url(http://irc-galleria.net/img/idaho/tab_right_active.gif) no-repeat right top; color: #E2EBF1; padding: 3px 16px 5px 0; }
*/
/** Other boxes (Comment box, Last.fm box...) */
/* Commentbox */
#center #comments .header,
#center #comments .center,
#center #comments .footer { background: #182A3D; }
#center #center-center #comments { border: 0 none; }
#center #comments .header { border-top: 1px solid #000; border-left: 1px solid #667A8F; border-right: 1px solid #667A8F; border-bottom:0; min-height: 20px; }
#center #comments .header { text-align: center; }
#center #comments .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; border: 1px solid #667A8F; border-top: 0; padding: 15px 10px 0 20px; }
#profile #center #comments { }
#profile #center #comments .header { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_upper.gif) repeat-x 0 100%; min-height: 15px; border-left: 0 none; border-right: 0 none; z-index: 9999; }
#profile #center #comments .header .actions { background: transparent; border-bottom: 0; }
#profile #center #comments .header .actions h3 { display: none; }
#profile #center #comments .header { }
#profile #center #comments #comments-actions { right: 7px; top: 7px; }
#profile #center #comments .center { background: #182A3D url(http://irc-galleria.net/img/idaho/commentgradient_lower.gif) repeat-x 0 100%; border-width: 0 0 1px; padding-top: 20px; }
/* #center #comments .header .actions { background: transparent; border: 0 none; } */
/* #center #comments .header .actions h3 { display: none; } */
#center #comments .center .content { padding-bottom: 0; }
#center #comments td.comment { font-size: 1em; }
#center #center-center #comments { margin-bottom: 50px; }
#form-comments,
.comments .readonly { position: relative; bottom: -40px; padding-top: 20px; }
/* Chatbox */
#center #community-chat { margin: 10px 14px 0; }
#center #community-chat .header { border-bottom: 0; min-height: 20px; text-align: center; }
#center .chat .header,
#center .chat .center,
#center .chat .footer { margin: 0; }
#center .chat .center .content { padding-top: 0; }
/* Box background */
#center div.insider { border: 1px solid #667a8f; border-top: 1px solid #000; margin: 10px 0 0; padding: 0; }
#profile #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 div.insider .header .actions { background: #445A72 url(http://irc-galleria.net/img/idaho/smallboxtitlegradient.gif) repeat-x scroll 0 0; border-top: 1px solid #667a8f; border-bottom: 1px solid #667a8f; padding: 2px; }
#center div.insider .header h3 { color: #DAEEFF; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; 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 */
/** Blog stuff **/
#center .blog { margin: 10px 0 25px 0; padding: 0; }
#browse #center .blog { margin: 10px 20px 20px 20px; padding: 0; }
#center .blog .center .content { color: #DAE6ED; }
#center .blog .header .title { color: #F68C00; }
#center .blog .header .date br { display: none; }
#center .blog .header .date,
#center .blog .header .date .day,
#center .blog .header .date .month,
#center .blog .header .date .year,
#center .blog .header .date .time { float: left; font-size: 1em !important; line-height: 1em !important; margin-right: 3px; text-transform: none; }
#center .blog .header .thumb { display: none; margin-top: -32px; }
#community #center .blog .header .thumb { margin-top: -7px; }
body #center .blog .header .actions h4 { padding: 8px 200px 0 0; }
#center .blog .header .actions { min-height: 22px; }
#center .blog .header .title,
#center .blog .header .privileges,
#center .blog .header .visibility { position: absolute; z-index: 9999 !important; }
#center .blog .header .title { left: 50px; top: 50px; }
#center .blog .header .privileges { right: 50px; top: 65px; }
#center .blog .header .visibility { right: 50px; top: 50px; }
#center .blog .content,
#center .blog .center,
#center .blog .blog-content { position: relative; }
#community #center .blog .header .title { left: 40px; top: 45px; }
#community #center .blog .header .privileges { right: 50px; top: 50px; }
#community #center .blog .header .visibility { right: 50px; top: 45px; }
#center .form-blog,
#center .form-blog-delete { background: #314964; position: relative; z-index: 9999; }
#center .form-blog-delete { position: absolute; top: 35px; }
.form-blog button.preview { right: 0; }
.blog .blog-content { background: #314964; overflow: hidden; padding: 40px 30px 10px; position: relative; z-index: 5; }
/* Community stuff */
#center #community-general,
#center #community-description { min-height: 0px; }
#center #community-pictures .header .actions,
#center #community-blogs .header .actions { border: 0 none; }
#center #community-pictures .thumbedit { padding: 0; position: absolute; top: 14px; z-index: 9999; }
#center #community-pictures .thumbedit ul li { background: #1F3145; border: 1px solid #667A8F; font-size: 0.8em; line-height: 14px; margin-left: 5px; padding: 0 2px; }
/* VIP page stuff */
#vip-promotion .image-header-box .promotion-text { padding: 22px 150px 10px 0px; }
#vip-promotion .image-header-box { height: 50px; }
#vip-promotion .image-header-box .promotion-text strong { font-size: 2.2em; }
#vip-promotion .image-header-box .promotion-text span { font-size: 1.0em; font-weight: bold; }
#center #vip-promotion div.box-order { left: 300px; }
#center #vip-promotion .box .header { background: transparent; border-bottom: 0; padding-top: 10px; }
table#feature-comparison th.config-column { }
table#feature-comparison th.config-column span { }
table#feature-comparison td.config-column { border-left: 1px solid #708498; }
table#feature-comparison tbody tr { border: 1px solid #708498; }
table#feature-comparison tbody td { padding: 14px 10px 10px 10px; }
table#feature-comparison .config-column-vip { background: #33506F; border: 1px solid #708498; }
table#feature-comparison th.config-column-vip { background: #33506F; }
table#feature-comparison td span.feature-config-value.boolean.true { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_yestick.png) no-repeat center top; }
table#feature-comparison td.feature-column h5 { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_feature_star.png) no-repeat left top; }
table#feature-comparison td.feature-column.has-thumb div.feature-thumb-frame { background: transparent url(http://irc-galleria.net/img/bashi/feature_comparison_feature_frame.png) no-repeat left top; }
/* Store stuff */
#center .box .product { background: #314964; border-color: #667A8F; }
#center .box .product .price { background: #fff url(http://irc-galleria.net/img/bashi/store/icon_credits.png) no-repeat 2px 4px; height: 15px; padding: 4px 2px 3px 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#center .box .product .divider { background: #667A8F; bottom: 40px; }
#center .box .product .input button { bottom: 10px; }
#left #store-feedback .menulist { padding-right: 40px; } /* the cart image width */
#left #store-feedback .cart { top: 5px; }
body #center #store-header .center { width: 712px; }
body #center #store-header .center .content { width: 692px; }
#center #store-content .box { padding-bottom: 10px; padding-top: 10px; }
#center #store-content .box .header, #center #product-order .header,
#center #store-content .box .center, #center #product-order .center,
#center #store-content .box .footer, #center #product-order .footer { background: transparent; }
#center #store-content .box .header .actions,
#center #product-order .header .actions { border: 0 none; }
/* Order + payment boxes */
#center #order .header,
#center #order-summary .header { background-position: 0 0; }
#center .box .content .box-order { margin-right: 10px; }
#center .box .content .box-order { width: 342px; }
#center .box .content .box-payment { width: 315px; }
#center .box .content .box-order .center,
#center .box .content .box-payment .center { background: #243C56; margin: 0; }
#center .box .content .box-order .center .content,
#center .box .content .box-payment .center .content { padding: 0; }
#center .box .content .box-order .footer,
#center .box .content .box-payment .footer { background: #243C56; }
#center .box .content #gift { border: 0 none; }
#center .box .content #gift .header,
#center .box .content #gift .header .actions { border: 0 none; }
#center .box .content #gift .footer { margin: 0; }
#center .box .order .product .price { top: 68px; }
#center .box .order .product .divider { top: 10px; }
#center .box .content .box-payment .total { width: 276px; }
#center .box .content .payment-method #credits { background: #3C556F; top: 10px; }
#center .box .content .payment-method #credits .content { background-position: 20px 4px; padding: 10px 18px 0; }
#center .box .product a#wishlist-add,
#center .box .product a#wishlist-delete { background-color: #fff; background-position: center center; background-repeat: no-repeat; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/** 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: Arial, sans-serif; }
/* New comments */
#newcomments { color: #5E9050; }
/* Normal comments */
.comments .comment { color: #DAE6ED; }
/* 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: #F28E00; }
/* Admin's comments */
.form-comment .admin_comment,
#form-comment .admin_comment,
.comments .admintext,
.comments .personal .comment { color: #00FFF6; }
/* Private comments */
#center .form-comment label.private,
#center label.private,
.comments .private td,
.comments .private .comment { color: #E04BC6; }
.comment.private,
#comment.private { border-color: #E04BC6; }
/* Comment form */
.comments input.comment { color: #fff; }
.comments input.comment.empty { color: #666; }
/* Smileyselector */
.smileyselector, #smileyselector {
background-color: #263E59;
border: 1px solid #667A8F;
}
/*** /COMMENTS */
/***** /BOXES *****/
/***** IMAGES *****/
/* Imageimage (main profile image) */
#center .imageimage { border: 0 none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#center #picture-definitions dd,
#center .imagedesc { padding: 0 0 4px; }
/* Thumb images (e.g. album listing box at left) */
.album-container .thumb.polaroid { padding: 0 5px; }
.thumb .thumbstamp { color: #8398A0; }
.thumb .thumbimage,
.thumb.polaroid .thumbimage { border: 1px solid #667A8F; margin: 0 auto; padding: 0; }
#album #center .thumb.default .thumbimage { border: 1px solid #F28E00; }
.thumb.polaroid .thumbdesc { padding: 5px 0; }
.thumb .thumbedit { display: block; position: static; }
#albums-album .thumb.default { background: #364C64; } /* Put the border to the wrapper div cause there is no real img */
/***** /IMAGES *****/
/***** NOTES *****/
#note_edit { background: #3C556F; border: 1px solid #182A3E; 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
**/
#comments-submit { background: #90A2B6; border: 1px solid; border-color: #B8CFE9 #58636F #58636F #B8CFE9; margin-top: 2px; }
#comments-submit span { background: transparent; }
#comments-submit span span { color: black; font-weight: normal; letter-spacing: 1px; line-height: 1.2em; }
/* 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; display: inline-block; }
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; color: #000; margin: 0 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.inputerror input.text,
.inputerror textarea { border: 1px solid #BDBCC4; }
#center .form-blog .inputerror { width: 420px; }
.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; }
#center .content ul.inputhelp,
.dialog_content ul.inputhelp { list-style-image: none; list-style-position: inside; list-style-type: disc; }
#left a.channel-own,
#center a.channel-own,
#friendtracer-window .highlight a,
#left .nick0 .highlight a,
#center .nick0 .highlight a,
.nick0 .highlight a
#left .nick1 .highlight a,
#center .nick1 .highlight a,
.nick1 .highlight a { color: #FF8A92; }
.profile-own #box-profile-channels a.channel-own,
.profile-own #box-profile-communities a.channel-own,
#center .prevnext a.channel-own { color: #E5C59A;�}
#friendtracer-container { left: 0; }
#friendtracer-window { background: #1F3145; border: 1px solid #667A8F; margin-top: 28px; }
.friendtracer-dismiss-verify,
.dismiss-verify { background: #3C556F; }
.community-network { font-weight: bold; }
/***** 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 *****/
/** 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 { color: #fff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#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; }
/* Otherwise the white matte images aren't lookin so good */
#toolbar { background: #fff; }
.toolbar li span, #toolbar li span { background-image:url(img/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: #263E59; border: 0;}
/** 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; }
.box.lastfm .center .pills a:hover { color: #FFDEB0; }
#center .box.lastfm .center .value { color: #667a8f; font-weight: normal; }
#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: #30465F url(http://irc-galleria.net/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(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(img/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 *****/
/* Friends list */
#friends-friendgroups .friend-actions li.action-delete a,
#friends-friendlist .friend-actions a.action-delete { background: transparent url(http://irc-galleria.net/img/bashi/icon_delete.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendgroups .friend-actions li.action-edit a,
#friends-friendlist .friend-actions a.action-edit { background: transparent url(http://irc-galleria.net/img/bashi/icon_edit.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendlist .friend-actions a.action-add { background: transparent url(http://irc-galleria.net/img/bashi/icon_plus.png) no-repeat bottom left; text-indent: -9999em; }
#friends-friendlist li.hover,
#friends-friendgroups li.hover { background: #314964; }
#friends-friendgroups li.list-item,
#friends-friendlist li.list-item { border-bottom: 1px solid #5C6E81; }
#friends-friendgroups li.list-item:last-child,
#friends-friendlist li.list-item:last-child { border-bottom: 0; }
#friends-friendlist li.list-item .seen,
#friends-friendlist li.list-item .name { color: #AFAFAF; }
#friends-friendlist li.list-item .seen.loggedin { color: #69F251; }
.loggedin { color: #69F251; font-weight: bold; }
#friends-friendlist .pagination .prevnext .wrap { margin-bottom: 0; }
fieldset.pills label,
.dialog fieldset.pills label,
#center fieldset.pills label { background: #DCDCDC; border-radius: 5px; color: #777; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.pills label:hover,
.dialog fieldset.pills label:hover,
#center fieldset.pills label:hover { background: #EFEFEF; }
fieldset.pills label.checked,
.dialog fieldset.pills label.checked,
#center fieldset.pills label.checked { background: #0094B3; color: white; }
/***** /MISC ELEMENTS *****/
/* Add picture */
#center #add-picture-choose div.header, #center #add-video-choose div.header { display: none; }
body #center .box.light .center, body #center .box.light .footer { background: #243C56; }
/* Suggest search */
/*
#suggest-search .header, #suggest-search .footer {display: none;}
#suggest-search .header, #suggest-search .center .content {background: #314964; padding: 7px 0; }
#suggest-search .content ul li.suggest-result { background: #3c556f; color: #fff; border-color:#182a3e;}
#suggest-search .content ul.last li {border-right:0 none;}
#suggest-search .content li.last {border-bottom:1px solid #182a3e;}
#suggest-search .content span { color: #fff;}
#suggest-search .content span.title { color: #e5c58e; background: none;}
*/
/***** ON AIR *****/
body #center .box-on_air { border: 0; }
body #center .box-on_air .center { padding: 0; }
body #center .box-on_air #on_air_arrow { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
/***** /ON AIR *****/
/***** NEWSFEED *****/
body #box-newsfeed #newsfeed-header { border-bottom: 1px solid #3C556F; }
body #box-newsfeed .newsfeed-item { border-color: #3C556F; }
body .newsfeed-item-mood .newsfeed-item-topic { color: white; }
body #box-newsfeed .newsfeed-item-tools { color: #DAE6ED; }
body #box-newsfeed .newsfeed-item-tools a { font-weight: normal; }
