/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
/************************************************************************/
/* ipb_styles.css */
/************************************************************************/
/*
[ color ]
[ font ]
[ borders ]
[ padding ]
[ margin ]
[ sizing ]
[ other ]
*/
/************************************************************************/
/* RESET (Thanks to YUI) */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
margin: 0;
padding: 0;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img
{
border: 0;
}
address, caption, cite, code, dfn, th, var
{
font-style: normal;
font-weight: normal;
}
ol, ul
{
list-style: none;
}
caption, th
{
text-align: left;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}
q:before, q:after
{
content: '';
}
abbr, acronym
{
border: 0;
}
hr
{
display: none;
}
address
{
display: inline;
}
/************************************************************************/
/* ELEMENT STYLES */
body
{
background: #fff;
color: #1c2837;
font: normal 13px arial, verdana, tahoma, sans-serif;
position: relative;
}
h3, h4, h5, h6, strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
img, .input_check, .input_radio
{
vertical-align: middle;
}
legend
{
display: none;
}
table
{
width: 100%;
}
td
{
padding: 3px;
}
h2
{
font-size: 1.6em;
font-weight: normal;
margin: 0 0 8px 0;
clear: both;
}
body h3
{
font-weight: bold;
font-size: 1.1em;
padding: 5px 8px 3px 8px;
color: #1d3652;
}
h3 img
{
margin-top: -2px;
}
h3 a
{
text-decoration: none;
}
a
{
color: #284b72;
}
a:hover
{
color: #528f6c;
text-decoration: underline;
}
#copyright
{
float: right;
}
#copyright a
{
text-decoration: none;
}
#copyright a:hover
{
text-decoration: underline;
}
/************************************************************************/
/* COLORS */
.row1, .row1 td, .post_block.row1
{
background-color: #fafbfc; /* Very light blue */
}
.row1 .altrow, .row1.altrow, .personal_info, .general_box
{
background-color: #eef3f8; /* Slightly darker than row1 */
}
.row2, .row2 td, .post_block.row2, .message
{
background-color: #f1f4f7; /* Light blue */
}
.row2 .altrow, .row2.altrow, /* ul.post_controls,*/ ul.topic_moderation
{
background-color: #e4ebf2; /* Slightly darker than row2 */
}
.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, body td.moderated, body td.moderated
{
background-color: #f2e4e7; /* Light red */
}
.moderated, .moderated a
{
color: #6f3642;
}
body .maintitle
{
background: #1d3652 url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x left 50%;
color: #fff;
}
body .maintitle a
{
color: #fff;
}
.post_controls1
{
background-color: #e4ebf3;
text-align:right;
background-image: url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png);
background-repeat: repeat-x;
background-position: 40%;
font-size: 1em;
text-align: right;
padding: 6px 10px 20px 6px;
clear: both;
}
ul.post_controls, div.post_controls
{
background-color: #e4ebf3;
}
/* Bar */
.bar
{
background: #d5dde5 url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x 50%;
}
.altbar
{
background: #b6c7db;
color: #1d3652;
}
/* Table column headers */
.header
{
background: #b6c7db;
color: #1d3652;
}
body .ipb_table .header a, body .topic_options a
{
color: #1d3652;
}
/* General block */
.general_box
{
background-color: #eef3f8;
border: 1px solid #d5dde5;
border-bottom: 4px solid #d5dde5;
padding: 10px;
}
.general_box h3
{
background: #d5dde5;
color: #1d3652;
}
/* Post background */
.post_block
{
background: #fafbfc;
border-bottom: 6px solid #B5C0CF;
}
.post_block h3
{
background: #d5dee5;
}
/* Post screen background */
div.post_form fieldset
{
background-color: #f1f4f7;
}
/* Dates */
.date, .poll_question .votes
{
color: #a9a9a9;
font-size: 0.8em;
}
/* "No Messages" message */
.no_messages
{
background-color: #f6f8fa;
color: #1c2837;
padding: 25px 30px;
}
/* Tab bars */
.tab_bar
{
background-color: #e4ebf2;
color: #4a6784;
}
.tab_bar li.active
{
background-color: #243f5c;
}
.tab_bar.no_title.mini
{
border-bottom: 8px solid #243f5c;
}
/* Filter & moderation bars */
.filter_bar
{
background-color: #1d3652;
color: #d5dde5;
}
.filter_bar a, .filter_bar label
{
color: #d5dde5;
}
.moderation_bar
{
background: #d5dde5;
}
/* Comments */
.comment_wrap .comment.by_author, .comment_wrap .comment.by_author.row1
{
background: #f2f8f5;
border-top: 1px solid #528f6c;
border-bottom: 1px solid #528f6c;
}
.comment_wrap .comment.row1
{
border-top: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
}
.comment_wrap .comment.draft
{
border-top: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
background: #f6ecee;
}
/* Topic prefix */
.topic_prefix
{
background-color: #daede2;
color: #528f6c;
}
/* Toggle for the sidebar */
.sidebar_toggle
{
background-color: #d5dde5;
}
/* Menu popups */
.ipbmenu_content, .ipb_autocomplete
{
background-color: #eef3f8;
border: 1px solid #d5dde5;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
}
.ipbmenu_content li, .ipb_autocomplete li
{
border-bottom: 1px solid #d5dde5;
}
.ipb_autocomplete li.active
{
background: #d5dde5;
}
/* Forms */
.input_submit
{
background-color: #1d3652;
color: #fff;
border-color: #4f7298 #113051 #113051 #4f7298;
}
.input_submit:hover
{
background: #2e4968;
}
.input_submit.alt
{
background-color: #eef3f8;
border-color: #fafbfc #bfcbd8 #bfcbd8 #fafbfc;
color: #1d3652;
}
.input_submit.alt:hover
{
background: #e4ebf2;
color: #1d3652;
}
.input_submit.delete
{
background-color: #ad2930;
border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
color: #fff;
}
.input_submit.delete:hover
{
background: #bf3631;
color: #fff;
}
body#ipboard_body fieldset.submit, body#ipboard_body p.submit
{
background-color: #d5dde5;
}
/************************************************************************/
/* HEADER */
h1, #content_jump
{
text-indent: -9999px;
height: 0px;
width: 0px;
}
#header
{
position: relative;
}
#branding
{
background: #1d3652 url(http://www.gimptalk.com/public/style_images/master/branding_bg.png) repeat-x top;
min-height: 80px;
}
#admin_bar
{
background: #2e2e2e url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x 50%;
color: #d2d2d2;
font-size: 0.8em;
padding: 7px;
height: 14px;
}
#admin_bar li
{
color: #767676;
padding: 0 3px 0 5px;
}
#admin_bar li.active, #admin_bar li.active a
{
color: #e74242;
}
/* Navigation */
#primary_nav
{
background: #192b40 url(http://www.gimptalk.com/public/style_images/master/primarynav_bg.png) no-repeat;
font-size: 0.95em;
border-bottom: 5px solid #528f6c;
padding-left: 10px;
height: 31px;
}
#primary_nav ul li, #primary_nav ul li a
{
color: #9bb2c8;
text-decoration: none;
}
#primary_nav ul li
{
font-size: 0.95em;
padding: 8px 8px;
margin-left: 6px;
}
#primary_nav ul li.active
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/tab_left.png) no-repeat top left;
font-size: 1.05em;
font-weight: bold;
padding: 0;
margin: -4px 0px auto 5px;
position: relative;
}
#primary_nav ul li.active a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/tab_right.png) no-repeat top right;
padding: 10px 15px 10px 10px;
margin-left: 6px;
display: block;
}
#primary_nav ul li a
{
color: #9bb2c8;
text-decoration: none;
}
#user_navigation
{
background: #2b4f74;
font-size: 0.9em;
border-width: 0 2px 2px 2px;
border-style: solid;
border-color: #1c334e;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
position: absolute;
width: 284px;
top: 7px;
right: 10px;
float: right;
z-index: 9999;
}
#user_navigation .photo
{
border: 1px solid #1d3652;
margin: 6px 10px 6px 6px;
float: left;
}
#user_info
{
margin-left: 60px;
margin-right: 15px;
}
/* Sign in services icons (Facebook, twitter, etc) */
.services img
{
margin-top: -2px;
}
#user_navigation p
{
color: #d9e3ed;
margin-top: 6px;
white-space: nowrap;
}
#user_navigation p a
{
color: #a1bad3;
}
#user_navigation #new_msg_count
{
background-color: #528f6c;
font-weight: bold;
font-size: 0.9em;
padding: 3px 7px;
top: 0px;
left: 45px;
position: absolute;
}
#user_navigation ul
{
font-size: 0.88em;
margin-top: 4px;
}
#user_navigation ul a
{
color: #d5dde5;
}
#user_navigation ul#user_other
{
margin-left: 0px;
top: 35px;
position: absolute;
}
#user_navigation ul#user_other li
{
float: left;
padding: 0 0 0 8px;
}
#user_navigation ul#user_link_menucontent
{
background: #d5dde5;
border: 1px solid #1d3652;
margin-top: 0px;
width: 170px;
float: right;
z-index: 10000;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}
#user_navigation ul#user_link_menucontent li
{
padding: 1px;
float: none;
}
#user_navigation ul#user_link_menucontent a
{
color: #1d3652;
text-decoration: none;
padding: 5px 5px 5px 15px;
display: block;
}
#user_navigation ul#user_link_menucontent a:hover
{
background: #e4ebf2;
}
#user_navigation #user_link
{
background: #1d3652 url(http://www.gimptalk.com/public/style_images/master/th_bg.png) repeat-x 50%;
border: 1px solid #1d3652;
padding: 3px 26px 3px 8px;
margin: 6px 5px 0px 8px;
min-width: 110px;
outline: 0px;
position: absolute;
display: inline-block;
overflow: hidden;
right: 66px;
height: 15px;
}
#user_navigation #user_link img
{
right: 5px;
top: 8px;
position: absolute;
}
#user_navigation #user_link span
{
display: inline-block;
overflow: hidden;
max-width: 110px;
}
#user_navigation.logged_in
{
height: 63px;
}
#user_navigation.not_logged_in
{
font-size: 1em;
padding: 5px 15px 10px;
}
#user_navigation.not_logged_in .links
{
margin: 8px 8px 0;
font-size: 11px;
display: block;
color: #d5dde5;
}
#user_navigation.not_logged_in .links a
{
font-weight: bold;
}
#user_navigation.not_logged_in #register_link
{
border-bottom: 1px dotted;
}
#user_navigation.not_logged_in #sign_in
{
background: #1d3652;
padding: 8px;
display: block;
min-width: 250px;
margin: 0;
padding-right: 8px;
}
#user_navigation.not_logged_in #sign_in:hover
{
text-decoration: underline;
}
/* Notifications */
#user_navigation #user_notifications_link
{
background: #1d3652 url(http://www.gimptalk.com/public/style_images/master/th_bg.png) repeat-x 50%;
border: 1px solid #1d3652;
padding: 3px 17px 3px 5px;
margin: 6px 0 0px 0px;
min-width: 30px;
outline: 0px;
position: relative;
display: inline-block;
overflow: hidden;
float: right;
white-space: nowrap;
text-decoration: none;
height: 15px;
}
#user_navigation #user_notifications_link img#notify-down-arrow
{
right: 5px;
top: 8px;
position: absolute;
}
#user_navigation #user_notifications_link small
{
position: relative;
background-color: #d5dde5;
color: #000;
font-weight: bold;
top: 0px;
right: 0px;
padding: 1px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#user_navigation #user_notifications.no-new small
{
background-color: transparent;
color: #fff;
}
#user_navigation #user_notifications.no-new small:hover
{
background-color: #d5dde5;
color: #000;
}
#user_notifications_link_menucontent
{
border: 1px solid #1d3652;
margin-top: 3px;
min-width: 325px;
float: right;
z-index: 10000;
font-size: 0.85em;
}
#user_notifications_link_menucontent li
{
padding: 5px 10px 5px 8px;
float: none;
clear: both; /*border-top: thin solid #000;*/
}
#user_notifications_link_menucontent li a
{
/*text-decoration: none;*/
}
#user_notifications_link_menucontent li.view-all
{
text-align: center;
background-color: #d5dde5;
font-weight: bold;
}
#user_notifications_link_menucontent li.no-notifications
{
text-align: center;
font-style: italic;
}
#user_notifications_link_menucontent img
{
float: left;
margin: 5px 7px 0 0;
}
#user_notifications_link_menucontent li.notify:hover
{
background: #e4ebf2;
}
#user_notifications_link_menucontent li p
{
display: inline;
margin-left: 0px;
}
#user_notifications_link_menucontent li span.desc
{
font-size: 0.8em;
padding-top: 2px;
}
#user_notifications_link_menucontent .unread, #user_notifications_link_menucontent .unread a
{
font-weight: bold;
}
/* End notifications */
#search
{
color: #556b85;
font-size: 0.85em;
margin: 5px 4px auto auto;
position: relative;
right: 0px;
float: right;
z-index: 5000;
min-width: 260px;
}
#search .submit_input
{
background: #528f6c url(http://www.gimptalk.com/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
width: 25px;
height: 21px;
border: 1px solid #1a2735;
padding: 0;
float: left;
}
#search input#main_search
{
padding: 0;
border: 0;
width: 165px;
font-size: 11px;
background-color: #fff;
}
#search input#main_search.inactive
{
color: #a9a9a9;
font-style: italic;
}
#search_wrap
{
background: #fff;
border: 1px solid #1a2735;
padding: 3px;
float: left;
white-space: nowrap;
}
#search .choice
{
background: url(http://www.gimptalk.com/public/style_images/master/search_expand.png) no-repeat right;
border-left: 1px solid #afafaf;
padding: 0 9px 0 7px;
color: #888888;
min-width: 60px;
height: 11px;
display: inline-block;
}
#search_options_menucontent
{
background: #fff;
font-size: 13px;
border: 1px solid #3c3c3c;
margin-top: 4px;
min-width: 150px;
display: inline-block;
z-index: 1000;
}
#search_options_menucontent li
{
color: #3c3c3c !important;
margin: 0 !important;
padding: 9px 5px 9px 10px !important;
}
#search_options_menucontent li.special
{
background: #e4ebf2;
}
#search_options_menucontent li.special + li.app, #search_options_menucontent li.title + li.special
{
border-top: 1px solid #cbcbcb;
}
#search_options_menucontent li input
{
margin-right: 5px;
}
#adv_search
{
width: 25px;
height: 20px;
margin: 1px;
background: url(http://www.gimptalk.com/public/style_images/master/advanced_search.png) no-repeat 50%;
text-indent: -3000em;
float: left;
display: inline-block;
}
#adv_search:hover
{
background-color: #2b4f74;
}
#secondary_nav
{
color: #878787;
font-size: 0.9em;
padding: 12px 15px 12px 25px;
clear: both;
}
#secondary_nav li
{
padding-right: 7px;
float: left;
}
#secondary_nav #section_links li
{
padding: 0 5px;
}
#secondary_nav a
{
color: #393939;
text-decoration: none;
}
#rss_menu
{
background-color: #ffdfbe;
border: 1px solid #ff7600;
padding: 1px;
width: 200px;
display: block;
z-index: 500;
}
#secondary_nav #section_links #rss_menu li
{
padding: 0;
display: block;
float: none;
}
#rss_menu a
{
display: block;
padding: 3px;
color: #ff7600;
}
#rss_menu a:hover
{
background-color: #ff7600;
color: #fff;
}
#pm_notification
{
background: url(http://www.gimptalk.com/public/style_images/master/trans_bg.png);
color: #515151;
padding: 0;
margin: 15px 20% 0;
width: 60%;
position: fixed;
z-index: 2000;
}
#pm_notification #pm_wrap
{
background: #f3f3f3;
padding: 0px 0 0px 0;
margin: 10px;
}
#pm_notification h2
{
font-size: 1.1em;
font-weight: bold;
clear: none;
padding-left: 18px;
margin: -8px 0 0 10px;
color: #1c2837;
}
#pm_notification.open h2
{
background: url(http://www.gimptalk.com/public/style_images/master/folder_open.png ) no-repeat 2px 2px;
}
#pm_notification.closed h2
{
background: url(http://www.gimptalk.com/public/style_images/master/folder_closed.png ) no-repeat 2px 2px;
}
#pm_notification p.excerpt
{
margin: 15px 20px 0;
line-height: 150%;
overflow: auto;
max-height: 400px;
}
#pm_notification p.desc
{
margin: 0px 15px 0;
float: right;
}
body#ipboard_body #pm_notification p.submit
{
margin: 15px 0 0;
padding-left: 15px;
text-align: left;
}
#pm_notification a.configure
{
font-size: 0.9em;
float: right;
margin-right: 15px;
}
#pm_notification .ok_thanks
{
text-align: center;
padding: 6px;
clear: both;
}
#pm_notification h3
{
background-color: #dae4ed;
font-size: 1.2em;
padding: 6px;
margin-bottom: 2px;
}
#pm_notification h3 a
{
text-decoration: underline;
}
#pm_notification h3 img
{
margin-right: 6px;
}
/************************************************************************/
/* FOOTER */
#board_footer
{
color: #606060;
font-size: 0.85em;
border-top: 1px solid #dedede;
padding: 8px 8px 15px 8px;
margin: 10px 15px 20px;
top: 20px;
clear: both;
}
#board_footer ul#utility_links li
{
float: left;
padding-right: 8px;
}
#board_footer p
{
text-align: right;
}
#board_footer a
{
color: #606060;
}
#footer_utilities
{
background: #192b40 url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x 50%;
color: #fff;
font-size: 0.8em;
padding: 4px 15px;
margin: 25px 15px 0 15px;
}
#footer_utilities form
{
margin: 7px 5px 0 5px;
}
#footer_utilities ul
{
padding: 2px 0;
margin: 8px 0 0 0;
}
#footer_utilities ul li:first-child
{
color: #d5dde5;
}
#footer_utilities li
{
float: right;
padding: 0 8px 4px 8px;
}
/************************************************************************/
/* GENERAL CONTENT */
#content
{
padding: 20px 15px 0px 15px;
clear: both;
}
#ajax_loading
{
background-color: #6f8f52;
color: #fff;
text-align: center;
padding: 5px;
width: 8%;
top: 0px;
left: 46%;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
z-index: 10000;
position: fixed;
}
#ipboard_body.redirector
{
width: 500px;
margin: 150px auto 0 auto;
}
.topic_options, .generic_bar, .tab_filters
{
color: #1d3652;
font-size: 0.85em;
font-weight: bold;
height: 33px;
}
.generic_bar, .tab_filters
{
background: #b6c7db;
}
.generic_bar
{
display: none;
}
.tab_filters
{
background: #1d3652 url(http://www.gimptalk.com/public/style_images/master/th_bg.png) repeat-x top;
color: #fff;
}
.topic_options
{
background: #d5dee5;
}
.topic_options li
{
padding: 10px;
float: right;
}
.topic_options a
{
text-decoration: none;
}
.general_box h3
{
font-size: 1em;
border: 0;
padding: 5px;
margin: -10px -10px 5px -10px;
}
#index_stats .general_box
{
margin-bottom: 10px;
overflow: hidden;
padding: 0px;
}
#index_stats .general_box h3
{
margin: 0px;
padding: 5px;
}
#index_stats.portal .general_box div.inner_portal_box
{
padding: 5px;
}
.general_box.alt
{
padding: 0px;
}
.general_box.alt h3
{
margin: 0 0 5px 0;
}
.general_box a
{
text-decoration: none;
}
.general_box .block_list
{
font-size: 0.9em;
padding-top: 5px;
margin: 0;
}
.general_box .block_list li
{
padding: 6px;
margin: 0; /* -8px;*/
}
.progress_bar
{
background-color: #fff;
border: 1px solid #d5dde5;
}
.progress_bar span
{
background: #243f5c url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x left 50%;
color: #fff;
font-size: 0em;
font-weight: bold;
text-align: center;
text-indent: -2000em; /* Safari fix */
height: 10px;
display: block;
overflow: hidden;
}
.progress_bar.limit span
{
background: #b82929 url(http://www.gimptalk.com/public/style_images/master/progressbar_warning.png) repeat-x center;
}
.progress_bar span span
{
display: none;
}
.progress_bar.user_warn
{
margin: 0 auto;
width: 80%;
}
.progress_bar.user_warn span
{
height: 6px;
}
.progress_bar.topic_poll
{
border: 1px solid #d5dde5;
margin-top: 2px;
width: 40%;
}
img.resized
{
display: block;
}
.resized_img img
{
border-style: solid;
border-color: #777;
border-width: 3px 3px 6px 3px;
margin-bottom: 5px;
}
.resized_img span
{
background: #777;
color: #fff;
padding: 4px 8px;
font-size: 11px;
}
.resized_img
{
clear: right;
}
li.rating a
{
outline: 0;
}
.antispam_img
{
margin-left: 215px;
margin-bottom: 3px;
}
.tagList
{
list-style-type: none;
margin: 0;
padding: 0;
}
.tagList li
{
display: inline;
}
li.level1
{
font-size: 12px;
}
li.level2
{
font-size: 14px;
}
li.level3
{
font-size: 16px;
}
li.level4
{
font-size: 18px;
}
li.level5
{
font-size: 20px;
}
li.level6
{
font-size: 22px;
}
span.error
{
color: #ad2930;
font-weight: bold;
clear: both;
}
.maintitle .desc
{
font-size: 0.7em;
color: #b6c7db;
}
/************************************************************************/
/* GENERIC REPEATED STYLES */
/* Inline lists */
#admin_bar ul, #admin_bar li, #stat_links li, .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label, .user_controls li
{
display: inline;
}
/* Floats */
.right
{
float: right;
}
.left
{
float: left;
}
/* Visibility */
.hide
{
display: none;
}
/* Bullets */
.bullets ul, .bullets ol, ul.bullets, ol.bullets
{
list-style: disc;
margin-left: 30px;
line-height: 150%;
list-style-image: none;
}
/* Rounded corners */
#user_navigation #new_msg_count, .message, .popupWrapper, .poll_question h4, .reputation, .rounded
{
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
/* Center */
.short
{
text-align: center;
}
/* Description */
.desc, p.posted_info, .warn_panel strong
{
font-size: 0.8em;
color: #606060;
}
/* Cancel */
.cancel
{
color: #ad2930;
font-size: 0.9em;
font-weight: bold;
}
/* Maintitle */
body .maintitle
{
font-size: 17px;
font-weight: normal;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding: 8px !important;
margin: 0 !important;
overflow: hidden;
}
/* Photo */
.photo
{
border: 1px solid #d8d8d8;
}
/* Moderation */
em.moderated
{
background: transparent;
font-size: 0.8em;
font-weight: bold;
margin-top: 8px;
display: block;
clear: both;
}
/* Positive/Negative */
.positive
{
color: #6f8f52;
}
.negative
{
color: #c7172b;
}
/* Clickable */
.clickable
{
cursor: pointer;
}
/* Clear */
.clear
{
clear: both;
}
.clearfix, .stats_list
{
overflow: auto;
}
/* Block wrap */
.block_wrap
{
padding: 5px 0;
margin-bottom: 10px;
}
/* White links */
#admin_bar a, #stat_links a, #primary_nav ul li.active, #primary_nav ul li a:hover, #primary_nav ul li.active a, #user_navigation.not_logged_in, #user_navigation.not_logged_in a, #user_navigation #user_link, #user_navigation #new_msg_count, #user_navigation ul, #user_navigation ul#user_link_menucontent, #search .submit_input, .message.user_status #update_status, table.ipb_table th a, .topic_buttons li a, .topic_buttons li span, .message.user_status #update_status, .tab_bar li.active, .tab_bar li.active a, .members li.positive a, .members li.negative a, #footer_utilities a, a.input_submit:hover
{
color: #fff;
text-decoration: none;
}
/* Search highlighting */
.searchlite
{
background-color: yellow;
color: red;
font-size: 14px;
}
/* Users posting */
.activeuserposting
{
font-style: italic;
}
/************************************************************************/
/* COLUMN WIDTHS FOR TABLES */
.col_f_icon, .col_f_picon, .col_m_status, .col_r_icon
{
width: 3%;
}
.col_c_icon
{
width: 53px;
}
.col_m_replies
{
width: 5%;
}
.col_m_to, .col_m_from
{
width: 15%;
}
.col_f_topic, .col_m_subject
{
width: 49%;
}
.col_f_views, .col_f_starter, .col_r_total, .col_r_comments
{
width: 10%;
}
.col_f_post, .col_m_date, .col_r_updated, .col_r_section
{
width: 18%;
}
.col_c_stats
{
width: 15%;
}
.col_c_post
{
width: 30%;
}
.col_c_forum
{
width: 55%;
}
.col_mod, .col_f_mod, .col_r_mod
{
width: 3%;
}
.col_r_title
{
width: 26%;
}
/************************************************************************/
/* TABLE STYLES */
table.ipb_table
{
line-height: 120%;
border-bottom: 4px solid #d5dde5; /*table-layout: fixed;*/
}
table.ipb_table a
{
text-decoration: none;
}
table.ipb_table a:hover, body table.ipb_table th a
{
text-decoration: underline;
}
table.ipb_table caption span.desc
{
font-size: 0.6em;
}
table.ipb_table h4, table.ipb_table .topic_title
{
font-size: 1.1em;
font-weight: normal;
display: inline;
}
table.ipb_table tr td
{
/*border-bottom: 1px solid #d8e1ea;*/
padding: 10px 8px 8px 8px;
border-bottom: 1px solid #fff; /*border-bottom: 2px solid #fff;*/
}
table.ipb_table tr .stats
{
text-align: right;
white-space: nowrap;
}
body table.ipb_table tr td p
{
font-size: 0.9em;
}
table.ipb_table th, div#current_calendar ol#week_view li.month_bar
{
font-size: 0.85em;
font-weight: bold;
padding: 6px;
}
table.ipb_table ol.subforums
{
padding-top: 6px;
margin-top: 5px;
}
table.ipb_table ol.subforums li
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/bullet_black.png) no-repeat 3px 4px;
color: #1d3652;
font-size: 0.85em;
padding: 0 4px 0 15px;
float: left;
}
table.ipb_table ol.subforums li.newposts
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/bullet_green.png) no-repeat 0px 0px;
color: #1d3652;
font-size: 0.85em;
padding: 0 4px 0 16px;
float: left;
}
table.ipb_table tr.announcement td
{
font-weight: bold;
font-size: 1.1em;
}
table.ipb_table tr.subhead th
{
font-weight: bold;
font-size: 1.1em;
padding: 8px;
}
table.ipb_table ul li
{
font-size: 0.95em;
}
/************************************************************************/
/* FORM STYLES */
body#ipboard_body fieldset.submit, body#ipboard_body p.submit
{
padding: 15px 6px 15px 6px;
text-align: center;
}
body#ipboard_body fieldset.submit .left-align
{
text-align: left;
}
.input_text
{
background: #fff url(http://www.gimptalk.com/public/style_images/master/input_text.png) repeat-x;
font-size: 0.9em;
font-family: arial, verdana, tahoma, sans-serif;
border: 1px solid #9f9f9f;
padding: 2px;
}
.input_text.error
{
background-color: #f3dddd;
}
.input_text.accept
{
background-color: #f1f6ec;
}
.input_text.email, .input_text.password
{
width: 18em;
}
.input_submit
{
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 3px 7px;
cursor: pointer;
}
.input_submit.alt
{
text-decoration: none;
}
p.field
{
padding: 15px;
}
li.field
{
padding: 5px;
margin-left: 27px;
}
li.field label, li.field span.desc
{
display: block;
}
li.field.error
{
color: #ad2930;
}
li.field.error label
{
font-weight: bold;
}
li.field.checkbox, li.field.cbox
{
margin-left: 0;
}
li.field.checkbox .input_check, li.field.checkbox .input_radio, li.field.cbox .input_check, li.field.cbox .input_radio
{
margin-right: 10px;
vertical-align: middle;
}
li.field.checkbox label, li.field.cbox label
{
width: auto;
float: none;
display: inline;
}
li.field.checkbox p, li.field.cbox p
{
position: relative;
left: 245px;
display: block;
}
li.field.checkbox span.desc, li.field.cbox span.desc
{
padding-left: 27px;
margin-left: auto;
display: block;
}
/************************************************************************/
/* MESSAGE STYLES */
.message
{
background: #f1f6ec url(http://www.gimptalk.com/public/style_images/master/information.png) no-repeat 8px 10px;
padding: 10px 10px 10px 30px;
border: 1px solid #b0ce94;
color: #3e4934;
line-height: 150%;
}
.message h3
{
padding: 0;
color: #323232;
}
.message.error
{
background-color: #f3dddd;
background-image: url(http://www.gimptalk.com/public/style_images/master/exclamation.png);
border-color: #deb7b7;
color: #281b1b;
font-size: 1.1em;
}
.message.error.usercp
{
background-image: none;
padding: 4px;
float: right;
}
.message.unspecific
{
background-color: #f3f3f3;
border-color: #d4d4d4;
color: #515151;
margin: 0 0 10px 0;
clear: both;
}
.message.user_status
{
background: #f9f7e0;
color: #6c6141;
font-size: 1em;
border: 1px solid #eadca0;
padding: 5px 5px 5px 15px;
margin-bottom: 10px;
}
.message.user_status.in_profile
{
font-size: 1.2em;
position: relative;
padding-left: 15px;
overflow: auto;
}
.message.user_status #update_status
{
background: #243f5c;
font-size: 0.8em;
font-weight: bold;
padding: 3px 8px;
margin-left: 10px;
}
.message.user_status .cancel
{
font-size: 0.75em;
}
/************************************************************************/
/* MENU & POPUP STYLES */
.ipbmenu_content, .ipb_autocomplete
{
font-size: 0.9em;
min-width: 85px;
padding: 5px;
z-index: 2000;
}
.ipbmenu_content li, .ipb_autocomplete li
{
padding: 5px;
}
.ipbmenu_content li:last-child
{
border-bottom: 0;
padding-bottom: 0px;
}
.ipbmenu_content li:first-child
{
padding-top: 0px;
}
.ipbmenu_content a
{
text-decoration: none;
}
.popupWrapper
{
background-color: rgba(0,0,0,0.58); /*url(http://www.gimptalk.com/public/style_images/master/trans_bg.png);*/
color: #fff;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 );
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.popupInner
{
background: #f1f4f7;
color: #000;
border: 3px solid #d5dde5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 8px;
width: 500px;
overflow: auto;
}
.popupInner.black_mode
{
background: #000;
border: 3px solid #b3bbc3;
color: #eee;
border: 3px solid #555;
}
.popupInner.warning_mode
{
border: 3px solid #7D1B1B;
}
.popupInner h3
{
background-color: #dae4ed;
font-size: 1em;
border: 0;
padding-left: 24px;
}
.popupInner.black_mode h3
{
background-color: #545C66;
color: #ddd;
}
.popupInner.warning_mode h3
{
background-color: #7D1B1B;
padding-top: 6px;
padding-bottom: 6px;
color: #fff;
}
.popupInner.warning_mode input.input_submit
{
background-color: #7D1B1B;
}
.popupClose
{
position: absolute;
left: 12px;
top: 12px;
}
.popupClose.light_close_button
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/close_popup_light.png) no-repeat top left;
opacity: 0.8;
width: 13px;
height: 13px;
top: 18px;
left: 16px;
}
.popupClose.light_close_button img
{
display: none;
}
.popup_footer
{
padding: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.popup_body
{
padding: 10px;
}
.stem
{
width: 31px;
height: 16px;
position: absolute;
}
.stem.topleft
{
background-image: url(http://www.gimptalk.com/public/style_images/master/stems/topleft.png);
}
.stem.topright
{
background-image: url(http://www.gimptalk.com/public/style_images/master/stems/topright.png);
}
.stem.bottomleft
{
background-image: url(http://www.gimptalk.com/public/style_images/master/stems/bottomleft.png);
}
.stem.bottomright
{
background-image: url(http://www.gimptalk.com/public/style_images/master/stems/bottomright.png);
}
.modal
{
background-color: #3e3e3e;
}
.userpopup
{
padding-bottom: 25px;
overflow: hidden;
position: relative;
font-size: 0.9em;
}
.userpopup .info
{
position: relative;
}
.userpopup h3
{
font-size: 1.2em;
}
.userpopup > div
{
padding: 8px;
}
.userpopup dl
{
border-bottom: 1px solid #d4d4d4;
padding-bottom: 10px;
margin-bottom: 4px;
}
.userpopup .photo
{
top: 0px;
right: 0px;
position: absolute;
}
.userpopup .user_controls
{
left: 10px;
position: absolute;
}
.userpopup .reputation
{
right: 4px;
position: absolute;
}
.info dt
{
float: left;
font-weight: bold;
padding: 3px 6px;
clear: both;
width: 30%;
}
.info dd
{
padding: 3px 6px;
width: 60%;
margin-left: 35%;
}
/************************************************************************/
/* TOPIC/POST BUTTONS STYLES */
.topic_controls
{
min-height: 30px;
}
.topic_buttons li
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_left.png) no-repeat top left;
padding: 0;
margin: 0px 10px 10px 0px;
float: right;
}
.topic_buttons li a, .topic_buttons li span
{
font-size: 0.9em;
display: block;
margin: auto 0px auto 6px;
outline: 0;
}
.topic_buttons li span
{
padding: 8px 12px 7px 3px;
}
.topic_buttons li a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_right.png) no-repeat top right;
padding: 7px 12px 6px 3px;
}
.topic_buttons li a img, .topic_buttons li span img
{
margin: -1px 5px 1px 0;
}
.topic_buttons li a img.arrow
{
margin-right: -3px;
}
.topic_buttons li:hover
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_left_hover.png) no-repeat top left;
}
.topic_buttons li:hover a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_right_hover.png) no-repeat top right;
}
.topic_buttons li.disabled
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_left_disabled.png) no-repeat top left;
}
.topic_buttons li.disabled a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_right_disabled.png) no-repeat top right;
color: #555555;
}
.topic_buttons li.disabled span
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_right_disabled.png) no-repeat top right;
color: #8f8e8e;
}
.topic_buttons li.closed
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_left_closed.png) no-repeat top left;
}
.topic_buttons li.closed span, .topic_buttons li.closed a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/topic_button_right_closed.png) no-repeat top right;
}
ul.post_controls1
{
background-image: url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png);
background-repeat: repeat-x;
font-size: 0.8em;
text-align: right;
clear: both;
}
ul.post_controls li
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/post_button_left.png) no-repeat top left;
padding: 0;
margin: 0 4px;
float: right;
}
ul.post_controls li.report, ul.post_controls li.top, ul.post_controls.left li
{
float: left;
}
ul.post_controls a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/post_button_right.png) no-repeat top right;
color: #1d3652;
text-decoration: none;
padding: 6px 9px 3px 4px;
margin-left: 4px;
display: block;
}
ul.post_controls a img
{
margin-top: -2px;
}
ul.post_controls a:hover
{
color: #3d70a3;
}
/* Selected button */
ul.post_controls li.selected
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/post_button_left_selected.png) no-repeat top left;
}
ul.post_controls li.selected a
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/post_button_right_selected.png) no-repeat top right;
color: #fff;
}
body .topic_buttons li a:hover, body ul.post_controls a:hover
{
text-decoration: none;
}
/************************************************************************/
/* PAGINATION STYLES */
span.pagination.no_pages
{
color: #acacac;
font-size: 0.9em;
padding: 10px;
height: 15px;
display: block;
}
ul.pagination.top
{
padding: 0 0 5px 0;
margin-bottom: 15px;
height: 18px;
}
ul.pagination.bottom
{
padding: 5px 0 0 0;
margin-top: 15px;
height: 18px;
}
ul.pagination a, ul.pagination li.active, ul.pagination li.pagejump, ul.pagination li.total
{
text-decoration: none;
padding: 1px 4px;
display: block;
}
ul.pagination li.pagejump img
{
margin-top: -4px;
}
ul.pagination li
{
background: #fff;
font-size: 0.9em;
border: 1px solid #cfcfcf;
margin: 0 1px 0 1px;
float: left;
}
ul.pagination li.total, ul.pagination li.active
{
background: none;
border: 0;
margin-left: 0px;
}
ul.pagination li.active
{
color: #528f6c;
font-size: 1em;
font-weight: bold;
}
ul.mini_pagination
{
font-size: 0.75em;
display: inline;
margin-left: 7px;
}
ul.mini_pagination li a
{
border: 1px solid #d3d3d3;
padding: 1px 3px;
}
ul.mini_pagination li
{
display: inline;
margin: 0px 2px;
}
/************************************************************************/
/* MODERATION & FILTER STYLES */
.moderation_bar
{
text-align: right;
padding: 6px 35px 6px 10px;
margin: 10px 0 0 0;
}
.moderation_bar.with_action
{
background-image: url(http://www.gimptalk.com/public/style_images/master/topic_mod_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}
#topic_mod_2
{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
padding-top: 10px;
margin-top: -10px;
}
#topic_mod p
{
padding: 7px;
font-size: 0.9em;
}
#topic_mod #forum_mod_options_menucontent
{
text-align: left;
}
.filter_bar
{
font-size: 0.8em;
text-align: center;
margin: 6px 0 0 0;
padding: 6px;
}
.filter_bar select
{
margin-right: 10px;
}
.filter_bar span.clickable
{
display: block;
}
/************************************************************************/
/* TAB BAR STYLES */
.tab_bar
{
font-size: 0.9em;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
padding: 7px 15px 25px 15px;
}
.tab_bar.no_title
{
background-image: url(http://www.gimptalk.com/public/style_images/master/th_bg.png);
background-repeat: repeat-x;
background-position: bottom;
padding: 7px 15px 56px 15px;
}
.tab_bar.no_title.mini
{
background: transparent;
padding: 7px 15px 25px 15px;
}
.tab_bar li
{
float: left;
padding: 2px 10px;
}
.tab_bar li a
{
color: #4a6784;
text-decoration: none;
}
.tab_bar li.active
{
font-weight: bold;
font-size: 1.1em;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
padding: 7px 10px;
margin: -2px 10px 0 10px;
}
.tab_filters
{
padding: 0 10px;
}
.tab_filters ul
{
padding-top: 10px;
}
.tab_filters a
{
color: #cfd9e4;
text-decoration: none;
font-weight: normal;
}
.tab_filters li
{
color: #cfd9e4;
padding: 0 4px;
}
.tab_filters li.active, .tab_filters li.active a
{
font-weight: bold;
color: #fff;
}
/************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */
.author_info
{
text-align: left;
font-size: 0.9em;
border-right: 1px solid #e4ebf3;
margin: 15px -5px 10px 0px;
width: 225px;
float: left;
}
.authornew
{
text-align: left;
font-size: 0.9em;
border-right: 1px solid #e4ebf3;
margin: 15px -5px 10px 0px;
width: 225px;
float: left;
}
.author_info.no_rep
{
margin-bottom: 15px;
}
.author_info li.avatar, .author_info li.group_icon, .author_info li.title
{
text-align: center;
}
.author_info ul.user_fields li
{
clear: both;
font-size: 0.9em;
color: #718a96;
padding-bottom: 2px;
overflow: hidden;
}
.author_info ul.user_fields
{
clear: both;
}
.author_info ul.user_fields li span.ft, .author_info ul.user_fields li span.fc
{
display: block;
float: left;
}
.author_info ul.user_fields li span.ft
{
width: 38%;
text-align: right;
font-weight: bold;
padding: 0 0 0 8px;
}
.author_info ul.user_fields li span.fc
{
padding: 0 8px 0 8px;
max-width: 50%;
word-wrap: break-word;
}
/*.author_info dl {
font-size: 0.9em;
margin: 8px 8px 15px 8px;
}
.author_info dt,
.author_info dd {
display: inline-block;
color: #718a96;
vertical-align: top;
}
.author_info dt {
font-weight: bold;
text-align: right;
clear: both;
}
.author_info dd {
text-align: left;
background: red;
}*/
.author_info .title
{
margin-top: 4px;
}
.user_controls
{
text-align: center;
margin: 6px 0;
}
.user_controls li
{
margin: 0 2px;
display: inline;
}
.user_controls li a
{
display: inline-block;
background-color: #d5dee5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px;
color: #1d3652;
}
.warn_panel
{
text-align: left;
padding: 6px;
margin: 0 10px;
}
.warn_panel .warn_link
{
padding-left: 10%;
text-decoration: none;
}
.warn_panel .warn_edit
{
float: right;
}
.warn_panel .warn_edit.up
{
margin-right: 10%;
}
.rating_mode.user_warn
{
margin: 0 auto;
width: 80%;
font-size: 0.9em;
}
.rating_mode .warn_edit.down
{
float: none;
margin-right: 3px;
}
.rating_mode .warn_edit.up
{
float: none;
margin-left: 2px;
}
/************************************************************************/
/* BOARD INDEX STYLES */
a.toggle
{
background: url(http://www.gimptalk.com/public/style_images/master/cat_minimize.png) no-repeat;
text-indent: -3000em;
padding-bottom: 2px;
width: 25px;
height: 100%;
display: block;
outline: 0;
}
#latest_news
{
color: #1d3652;
font-size: 0.9em;
border: 1px solid #d5dde5;
padding: 10px;
margin: 0 4px 6px;
}
#latest_news a
{
text-decoration: none;
}
div#categories
{
width: 76%;
overflow: hidden;
}
div#categories.no_sidebar
{
width: 100%;
float: none;
}
#index_stats
{
padding-bottom: 25px;
margin-bottom: 20px;
margin-top: 0px;
width: 22%;
}
.sidebar_toggle
{
text-align: right;
padding: 4px 3px;
height: 18px;
width: 10px;
right: 4px;
position: absolute;
outline: 0;
}
#open_sidebar.sidebar_toggle
{
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-top-right: 0;
-moz-border-radius-bottom-right: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
#open_sidebar, #close_sidebar
{
outline: none;
}
.category_block h3.collapsed
{
border-bottom: 8px solid #b6c7db;
}
.category_block h3.collapsed a.toggle
{
background-image: url(http://www.gimptalk.com/public/style_images/master/cat_maximize.png); /*padding-bottom: 6px;*/
}
.index_stats_collapse
{
text-indent: -3000em;
padding-bottom: 2px;
width: 15px;
height: 15px;
display: block;
float: right;
outline: 0;
}
.index_stats_collapse.open
{
background-image: url(http://www.gimptalk.com/public/style_images/master/cat_minimize_small.png);
opacity: 0.6;
}
.index_stats_collapse.close
{
background-image: url(http://www.gimptalk.com/public/style_images/master/cat_maximize_small.png);
opacity: 0.6;
}
.statistics
{
padding: 15px;
margin: 10px 0px 0 0px;
min-height: 160px;
}
.statistics h2
{
font-size: 1.1em;
font-weight: bold;
}
.statistics h2 span
{
font-size: 0.8em;
font-weight: normal;
color: #425365;
}
.statistics #active_users, .statistics #forum_active_users
{
border-top: 0;
padding-top: 0;
}
body #topic_stats.statistics
{
min-height: 50px;
}
body .stats_list
{
border-top: 1px solid #e4ebf2;
margin-bottom: 10px;
padding: 10px 5px 0 0;
float: left;
width: 60%;
line-height: 140%;
overflow: hidden;
}
.stats_list li, .active_users li
{
float: left;
font-size: 0.9em;
padding: 0 5px 0 0;
margin-top: 4px;
}
.stats_list ul, .stats_list p
{
margin-left: 15px;
}
.stats_list span.desc
{
font-weight: normal;
}
.active_users span.name
{
font-size: 0.9em;
padding: 0 5px 0 0;
margin-top: 4px;
}
.active_users p
{
margin-left: 15px;
}
#stats
{
border-left: 1px solid #e4ebf2;
padding-left: 20px;
width: 33%;
float: right;
}
#stats dl
{
margin-left: 10px;
}
#stats dt, #stats dd
{
border-top: 1px solid #dedede;
font-size: 0.85em;
padding: 6px 2px;
float: left;
width: 45%;
}
#stats dt
{
font-weight: bold;
clear: both;
}
#stats .extra
{
color: #a2a2a2;
font-size: 0.9em;
}
#stat_links
{
color: #69727b;
font-size: 0.85em;
text-align: center !important;
margin-top: 25px;
}
#stat_links li
{
padding: 2px 6px;
}
.friend_list ul li, #top_posters li
{
text-align: center;
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
float: left;
}
.friend_list ul li span.name, #top_posters li span.name
{
font-size: 0.8em;
}
#hook_watched_items ul li
{
padding: 8px;
}
body#ipboard_body #hook_watched_items fieldset.submit
{
padding: 8px;
}
/************************************************************************/
/* FORUM VIEW (& RELATED) STYLES */
.topic_preview, ul.topic_moderation
{
margin-top: -2px;
z-index: 300;
}
ul.topic_moderation li
{
float: left;
}
.topic_preview a, ul.topic_moderation li a
{
padding: 0 3px;
display: block;
float: left;
}
span.mini_rate
{
margin-right: 12px;
display: inline-block;
}
img.mini_rate
{
margin-right: -5px;
}
.topic_prefix
{
font-size: 0.8em;
font-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0px 4px;
float: left;
display: block;
}
#forum_legend
{
width: 39%;
}
#forum_legend dl
{
font-size: 0.9em;
margin-top: 15px;
}
#forum_legend dt, #forum_legend dd
{
font-size: 0.9em;
border-top: 1px solid #dedede;
padding: 6px 2px;
height: 20px;
float: left;
}
#forum_legend dt
{
text-align: center;
width: 9%;
}
#forum_legend dd
{
width: 38%;
max-width: 200px;
}
.message.forum_rules
{
margin-bottom: 20px;
}
.rules
{
line-height: 150%;
}
#forum_table .maintitle .main_forum_title
{
float: left;
}
#forum_table .maintitle .desc
{
float: right;
}
#forum_table .maintitle .desc a
{
color: #d5dde5;
}
#filter_form input.input_submit
{
margin-left: 4px;
}
.maintitle .desclinks
{
color: #d5dde5;
font-size: 0.6em;
padding-top: 4px;
}
.maintitle .desclinks a
{
text-decoration: none;
}
/************************************************************************/
/* TOPIC VIEW (& RELATED) STYLES */
ul.topic_jump
{
font-size: 0.8em;
padding-top: 4px;
margin: 0px auto 15px auto;
}
ul.topic_jump li
{
padding: 1px 7px;
float: left;
}
ul.topic_jump li a
{
text-decoration: none;
}
ul.topic_jump li.previous
{
border-right: 1px solid #8f8f8f;
}
ul.topic_jump li.next
{
border-left: 1px solid #8f8f8f;
}
/*#ipboard_body .post_block h3,*/
.poll h3
{
background: #B5C0CF url(http://www.gimptalk.com/public/style_images/master/gradient_bg.png) repeat-x 50%;
}
body .ip
{
color: #475769;
font-style: italic;
font-weight: normal;
font-size: 11px;
padding-top: 4px;
margin-right: 10px;
margin-left: 15px;
}
span.post_id
{
font-size: 11px;
font-weight: normal;
padding-top: 4px;
display: block;
float: right;
}
input.post_mod
{
float: right;
margin: 0px 6px 0 15px;
}
.signature
{
color: #8e8e8e;
font-size: 11px;
border-top: 1px solid #d5dde5;
padding: 8px;
margin: 10px 10px 0 6px;
}
.signature a
{
text-decoration: underline;
}
.post_block
{
margin: 0 0 1px 0;
position: relative;
}
.post_block.no_sidebar
{
background-image: none;
}
.post_block h3
{
padding: 8px;
}
.post_block address
{
font-weight: bold;
}
.post_wrap
{
top: 0px;
}
.post_block.topic_summary h3
{
padding: 4px;
}
.post_block.topic_summary .posted_info
{
margin-left: 10px;
}
.post_block.topic_summary .post_body .post
{
padding: 3px 10px 15px;
margin-top: -15px;
}
.postbody
{
padding: 3px 10px 15px;
margin-top: -15px;
}
.postnew
{
padding: 10px 5px 7px 7px;
margin-left: -3px;
margin-bottom: -10px;
}
.postbody
{
margin-left: 235px;
line-height: 100%;
}
.post_block.with_rep .post_body
{
margin-bottom: 25px;
}
.post_body
{
margin-left: 235px;
line-height: 100%;
}
.post_block.no_sidebar .post_body
{
margin-left: 0px;
}
.post_body .post
{
margin-top: 3px;
padding: 10px;
line-height: 150%;
}
.post_ignore
{
background: #fafbfc;
color: #777;
font-size: 0.9em;
padding: 15px;
}
.post_ignore .reputation
{
text-align: center;
padding: 2px 6px;
float: none;
display: inline;
}
.rep_bar
{
background: #e4ebf2;
font-size: 0.8em;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
padding: 0 10px;
right: 0;
bottom: 32px;
position: absolute;
}
/* .post_block.rep_highlight .rep_bar {
max-width: 140px;
}*/
.rep_bar ul
{
margin-top: 8px;
float: left;
}
.rep_bar ul li
{
float: left;
}
p.rep_highlight
{
float: right;
display: inline-block;
margin: 5px 10px 10px 10px;
background: #D5DEE5;
color: #1d3652;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}
p.rep_highlight img
{
margin-bottom: 4px;
}
p.posted_info
{
padding: 10px 5px 7px 7px;
margin-left: -3px;
margin-bottom: -10px;
}
p.posted_info strong.event
{
color: #1c2837;
font-size: 1.2em;
}
p.edit
{
background-color: #f3f3f3;
color: #515151;
font-size: 0.9em;
line-height: 120%;
padding: 10px;
margin-top: 10px;
}
div.threaded_view ul ul
{
margin-left: -25px;
}
div.threaded_view ul li
{
padding: 0px 0 0px 25px;
}
div.threaded_view
{
line-height: 140%;
padding: 5px 0 15px 0;
}
div.threaded_view .post_title
{
font-style: italic;
}
.topic_share
{
font-size: 0.9em;
padding: 3px;
margin-top: 4px;
}
.topic_share li
{
float: left;
margin: 0 5px;
}
.poll
{
border-bottom: 7px solid #1d3652;
margin-bottom: 5px;
}
.poll fieldset
{
padding: 9px;
}
.poll_question
{
padding: 10px;
margin: 10px 10px 10px 20px;
}
.poll_question h4
{
background-color: #e4ebf2;
margin: 0 -7px;
padding: 5px;
}
.poll_question ol
{
padding: 8px;
background-color: #fafbfc;
}
.poll_question li
{
font-size: 0.9em;
margin: 6px 0;
}
.poll_question .votes
{
margin-left: 5px;
}
.snapback
{
margin-right: 5px;
padding: 1px 0 1px 1px;
}
.topic .main_topic_title
{
float: left;
}
.maintitle .rating
{
font-size: 11px;
margin: 4px 0 0 15px;
float: right;
}
.maintitle .rating img
{
margin-top: -2px;
}
/************************************************************************/
/* POSTING FORM (& RELATED) STYLES */
div.post_form label
{
text-align: right;
padding-right: 15px;
width: 275px;
float: left;
clear: both;
}
div.post_form span.desc, fieldset#poll_wrap span.desc
{
margin-left: 290px;
display: block;
clear: both;
}
div.post_form .checkbox input.input_check, #mod_form .checkbox input.input_check
{
margin-left: 315px;
}
div.post_form .antispam_img
{
margin-left: 290px;
}
div.post_form .captcha .input_text
{
float: left;
}
div.post_form fieldset
{
padding-bottom: 15px;
}
div.post_form h3
{
margin-bottom: 10px;
}
fieldset.with_subhead
{
margin-bottom: 0;
padding-bottom: 0;
}
fieldset.with_subhead h4
{
text-align: right;
margin-top: 6px;
width: 300px;
float: left;
}
fieldset.with_subhead ul
{
border-bottom: 1px solid #d5dde5;
padding-bottom: 6px;
margin: 0 15px 6px 320px;
}
fieldset.with_subhead span.desc, fieldset.with_subhead label
{
margin: 0;
width: auto;
}
fieldset.with_subhead #post_icons
{
border: 0;
margin-left: 326px;
}
fieldset.with_subhead #post_icons li
{
margin-right: 15px;
margin-bottom: 6px;
float: left;
}
fieldset.with_subhead .checkbox input.input_check
{
margin-left: 0px;
}
#toggle_post_options
{
background: transparent url(http://www.gimptalk.com/public/style_images/master/add.png) no-repeat;
font-size: 0.9em;
padding: 2px 0 2px 22px;
margin: 15px;
display: block;
}
.post_form #poll_wrap .question
{
margin-bottom: 10px;
}
.post_form #poll_wrap .question .wrap
{
background-color: #e4ebf2;
padding: 10px;
margin-left: 290px;
margin-right: 12px;
}
.post_form #poll_wrap .question .wrap ol
{
margin-left: 25px;
margin-top: 16px;
list-style: decimal;
}
.post_form #poll_wrap .question .wrap ol li
{
margin: 5px;
}
.post_form #poll_wrap .question .wrap input.input_check, .post_form #poll_wrap .question .wrap label, .post_form #poll_wrap .question .wrap span.desc
{
text-align: left;
margin-left: 0;
display: inline;
width: auto;
clear: none;
float: none;
}
.post_form #poll_wrap .question ul.post_controls
{
text-align: left;
}
.post_form .question_title
{
font-weight: bold;
}
.post_form #poll_form .topic_buttons
{
margin-left: 315px;
}
.post_form #poll_form .topic_buttons li, .post_form #poll_form .post_controls li
{
float: left;
}
.post_form #poll_form #poll_stats.desc
{
margin-left: 320px;
margin-bottom: 8px;
}
/************************************************************************/
/* ATTACHMENT MANAGER (& RELATED) STYLES */
.swfupload
{
position: absolute;
z-index: 1;
}
#attachments
{
margin: 15px;
}
#attachments li
{
background-color: #e4ebf2;
border: 1px solid #d5dde5;
padding: 6px 20px 6px 42px;
margin-bottom: 10px;
position: relative;
}
#attachments li p.info
{
color: #69727b;
font-size: 0.8em;
width: 300px;
}
#attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar
{
display: none;
}
#attachments li.complete .links
{
font-size: 0.9em;
margin-right: 15px;
right: 0px;
top: 12px;
display: block;
position: absolute;
}
#attachments li .progress_bar
{
margin-right: 15px;
width: 200px;
right: 0px;
top: 15px;
position: absolute;
}
#attachments li.complete, #attachments li.in_progress, #attachments li.error
{
background-repeat: no-repeat;
background-position: 12px 12px;
}
#attachments li.in_progress
{
background-image: url(http://www.gimptalk.com/public/style_images/master/loading.gif);
}
#attachments li.error
{
background-image: url(http://www.gimptalk.com/public/style_images/master/exclamation.png);
background-color: #e8caca;
border: 1px solid #ddafaf;
}
#attachments li.error .info
{
color: #8f2d2d;
}
#attachments li.complete
{
background-image: url(http://www.gimptalk.com/public/style_images/master/accept.png);
}
#attachments li .thumb_img
{
left: 6px;
top: 6px;
width: 30px;
height: 30px;
overflow: hidden;
position: absolute;
}
fieldset.attachments .input_submit, fieldset.attachments .swfupload, fieldset.attachments .input_upload
{
margin-left: 15px;
}
div.post_form fieldset.attachments span.desc
{
margin: 0 0 0 15px;
display: inline;
clear: none;
}
#attach_wrap
{
background: #eef3f8;
padding: 6px;
margin-top: 8px;
}
#attach_wrap h4
{
font-size: 1em;
font-weight: bold;
}
#attach_wrap li
{
margin: 5px 6px;
float: left;
}
#attach_wrap .desc.info
{
margin-left: 24px;
}
/************************************************************************/
/* COMMENTS (& RELATED) STYLES */
#comment_list
{
margin-top: 10px;
}
#comment_innerwrap .no-form
{
margin-top: 4px;
}
.comment_wrap .comment
{
line-height: 150%;
padding: 5px;
}
.comment_wrap
{
position: relative;
}
.comment_wrap .rep_bar
{
position: static;
margin: -10px -5px -5px 0;
}
.comment_wrap .comment .photo
{
float: left;
margin: 0 10px 10px 0;
}
.comment_wrap .comment h4, .comment_wrap .posted_date, .comment_wrap .comment .comment_content
{
margin-left: 65px;
}
.comment_wrap .posted_date
{
display: block;
}
.comment_wrap .comment h4
{
font-size: 1.1em;
margin-bottom: -3px;
clear: none !important;
}
.comment_wrap .comment h4 a
{
text-decoration: none;
}
.comment_wrap .comment .comment_content
{
padding: 10px 5px;
}
.comment_options
{
float: right;
}
.comment_options li
{
font-size: 0.8em;
font-weight: bold;
margin: 0 5px;
float: left;
}
.comment_options li a, .comment .cleft a
{
text-decoration: none;
}
#commentReply
{
margin-left: 70px;
}
#commentUser
{
padding-top: 0px;
padding-left: 10px;
float: left;
}
#commentButtons
{
margin: 0px 0px 10px 0px;
text-align: right;
}
/* New comment styles */
.comment .post_wrap .cleft
{
float: left;
margin-left: 65px;
padding-left: 5px;
position: absolute;
display: inline-box;
}
.comment_wrap .comment.gallery_row_off, .comment_wrap .comment.row1, .comment_wrap .comment.row2
{
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
border-bottom: 0px;
}
.comment_wrap .comment.row2
{
padding-top: 5px;
}
.comment_content
{
padding: 10px 0px 10px 0px;
}
/************************************************************************/
/* REPUTATION STYLES */
.reputation /*.post_block .rep_highlight*/
{
font-weight: bold;
padding: 3px 8px;
margin: 6px;
display: block;
float: right;
}
.reputation.positive, .members li.positive
{
background: #6f8f52;
}
.reputation.negative, .members li.negative
{
background: #b82929;
}
.reputation.positive, .reputation.negative
{
color: #fff;
}
.reputation.zero
{
background: #dedede;
color: #6e6e6e;
}
/*body .post_block .rep_highlight {
font-size: 1.1em;
float: left;
}*/
/************************************************************************/
/* PORTAL STYLES */
#index_stats.portal
{
margin-top: 0px;
}
#portal_articles
{
width: 76%;
margin-right: 2%;
}
#portal_active_users ul, #portal_active_users li
{
float: left;
padding: 3px;
}
#portal_active_users ul
{
margin-bottom: 15px;
}
/************************************************************************/
/* Status updates */
#status_recent_actions
{
width: 20%;
}
.status_profile_page
{
width: 65%;
margin-right: 10px;
float: left;
}
.status_profile_actions
{
width: 30%;
padding: 10px;
float: left;
}
.status_action_left
{
margin-left: 4px;
float: left;
}
.status_action_right
{
margin-left: 35px;
}
#status_standalone_page
{
width: 76%;
}
#status_wrapper
{
}
#status_wrapper .right
{
padding-bottom: 8px;
padding-right: 8px;
}
#status_wrapper p.no-status, .status_profile_actions p.no-status
{
padding: 10px;
text-align: center;
font-size: 1.1em;
}
.status_profile_actions p.no-status
{
padding: 4px;
}
.status_main_wrap
{
margin-bottom: 20px;
margin: 10px;
padding: 15px;
background: #fff;
-moz-box-shadow: #e5e5e5 2px 2px 2px;
-webkit-box-shadow: #e5e5e5 2px 2px 2px;
}
.status_main_wrap a
{
text-decoration: none;
}
.status_main_photo
{
float: left;
}
.status_main_content
{
margin-left: 65px;
word-wrap: break-word;
}
.status_main_content h4
{
font-weight: normal;
font-size: 1.2em;
}
.status_main_content h4 .su_links a
{
font-weight: normal;
}
.status_main_content p
{
padding: 6px 0px 6px 0px;
}
.status_main_content h4 a
{
font-weight: bold;
text-decoration: none;
}
.status_mini_wrap
{
padding: 7px;
font-size: 0.95em;
margin-top: 2px;
}
.status_mini_photo
{
float: left;
}
.status_mini_content
{
margin-left: 35px;
}
.status_mini_content p
{
font-size: 10px;
padding: 4px 0px 4px 0px;
}
.status_mini_content h5
{
font-weight: normal;
padding-top: 4px;
font-size: 1.0em;
}
.status_mini_content h5 a
{
font-weight: bold;
}
.status_textarea
{
width: 99%;
}
.status_submit
{
padding-right: 5px;
text-align: right;
}
.status_replies_many
{
height: 300px;
overflow: auto;
}
.status_update
{
background: #2b4f74;
color: #fff;
padding: 15px 12px;
}
.status_update input
{
font-size: 1.1em;
}
.status_update .desc
{
color: #FFFFFF;
}
.status_profile_actions div
{
padding: 5px 0px 5px 0px;
}
.status_main_content h4 a.su_links
{
font-weight: normal;
}
/* Fiddle with some stuffs for the status hook */
#statusHook
{
background: #FFFFFF;
padding: 0px;
}
#statusHook h3
{
margin: 0px;
padding: 5px;
}
#statusHook .status_main_photo
{
padding: 6px;
}
#statusHook .status_main_content
{
margin-left: 0px;
}
#statusHook .status_main_content h4
{
font-size: 0.95em;
padding: 2px 6px 0px 6px;
margin-left: 28px;
line-height: 125%;
}
#statusHook .status_main_content p
{
padding: 2px 6px 2px 6px;
margin-left: 28px;
}
#statusHook .status_update
{
margin-bottom: 0px;
padding: 6px;
}
#statusHook .status_main_wrap
{
margin: 0;
background-color: #f1f4f7;
border-bottom: 2px solid #e4ebf2;
padding: 4px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#statusHook .status_mini_wrap
{
background-color: #fafbfc !important;
}
#statusHook .status_mini_wrap h5
{
color: #606060;
font-size: 0.9em;
}
#statusHook .status_mini_content
{
margin-left: 45px;
}
#statusHook #statusUpdate, #statusHook #statusSubmit
{
font-size: 0.9em !important;
}
#statusUpdate
{
padding: 2px;
}
#statusHook .status_feedback
{
/*border-left: 2px solid #e4ebf2;*/
margin: 0 -4px -4px 10px;
}
#statusHook .status_update .desc
{
color: #606060;
}
.status_inactive
{
color: gray;
}
.status_smallspace
{
font-size: 1.0em;
}
#notificationlog table td a, #likesList table td a
{
text-decoration: underline;
}
#chat-tab-count
{
background-color: #d5dde5;
font-weight: bold;
font-size: 0.8em;
padding: 2px 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #000;
text-decoration: none;
z-index: 5000;
}
/* Favorites */
.ips_like
{
background-color: #f1f4f7;
padding: 8px 4px 4px 4px;
color: #878787;
font-size: 1em;
min-height: 18px;
font-size: 0.9em;
line-height: 130%;
clear: both;
}
.ips_like a
{
color: #878787;
}
.ips_like a.ftoggle
{
float: right; /*background: #e4ebf2 url(http://www.gimptalk.com/public/style_images/master/icons/thumb_up.png) no-repeat left 2px;*/
border: 1px solid #CBCBCB;
padding: 3px 4px 2px 4px;
color: #656565;
font-size: 0.8em;
text-decoration: none;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
margin-top: -4px;
}
.ips_like a.ftoggle.on
{
/*background: #e4ebf2 url(http://www.gimptalk.com/public/style_images/master/icons/fave_on_small.png) no-repeat left 2px;*/
}
.ips_like a.ftoggle._newline, .ips_like a.ftoggle.on._newline
{
float: none;
margin-top: 5px;
margin-left: auto;
margin-right: 0;
display: block;
width: 70px;
text-align: center;
}
.ips_like a:hover.ftoggle.on, .ips_like a:hover.ftoggle
{
background-color: #d5dde5;
}
/* Fave pop-up */
.likepop
{
padding: 4px;
}
.likepop div
{
min-height: 60px;
display: block;
}
.likepop img
{
float: left;
margin-top: 4px;
margin-left: 4px;
}
.likepop div em
{
float: right;
padding-top: 8px;
padding-right: 8px;
}
.likepop div div
{
margin-left: 62px;
padding-top: 8px;
}
.likepop div div strong
{
font-size: 1.1em;
}
.likepop div div p
{
margin-top: 6px;
line-height: 150%;
}
/* reduce images in topic pop-up */
#topicPreview img
{
max-width: 200px;
max-height: 200px;
clear: both;
}
.facebook-like
{
float: left;
}
.boxShadow
{
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.64) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}