Posted 20 апреля, 20168 yr comment_105516 Здравствуйте. Помогите разобраться с отображением шапки форума. На маленьких разрешениях отображается только изначально видимая область - остальное обрезается при прокрутке. Для наглядности: http://webmark.com.ua/mobile/?url=http%3A%2F%2Flocobiz.pw%2F Код IPB_styles.css: <hide> /************************************************************************/ /* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services */ /* Enhanced and modified by Ehren // http://www.ipbforumskins.com */ /************************************************************************/ /* ipb_styles.css */ /************************************************************************/ /************************************************************************/ /* 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-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; border: 0; } address{ display: inline; } /************************************************************************/ /* CORE ELEMENT STYLES */ body { background: #121212; color: #bcbcbc; font: normal 11px tahoma, helvetica, arial, sans-serif; position: relative; padding-bottom: 20px; } /* body#ipboard_body.redirector { background: #fff !important; } */ input, select, textarea { font: normal 12px tahoma, helvetica, arial, sans-serif; } h3, 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; } a { color: #fff; text-decoration: none; } a:hover { color: #b4eeff; } ::-moz-selection { color: #fff; background: #757575; } ::selection { color: #fff; background: #757575; } /************************************************************************/ /* LISTS */ .ipsList_inline > li { display: inline-block; margin: 0 3px; } .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; } .ipsList_withmediumphoto > li .list_content { margin-left: 60px; } .ipsList_withminiphoto > li .list_content { margin-left: 44px; } #index_stats .ipsList_withtinyphoto .list_content, .ipsList_withtinyphoto > li .list_content { margin-left: 32px; } .list_content { word-wrap: break-word; } .ipsList_data li { padding: 6px; line-height: 1.3; } .ipsList_data .row_data { display: inline-block; word-wrap: break-word; max-width: 100%; } .ipsList_data .row_title, .ipsList_data .ft { display: inline-block; float: left; width: 120px; font-weight: bold; text-align: right; padding-right: 10px; } .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft { width: 80px; } /************************************************************************/ /* TYPOGRAPHY */ .ipsType_pagetitle, .ipsType_subtitle { font: 300 26px/1.4 Helvetica, Arial, sans-serif; color: #eaeaea; } .ipsType_subtitle { font-size: 18px; } .ipsType_sectiontitle { font-size: 16px; font-weight: normal; color: #e0e0e0; padding: 5px 0; } .ipsType_pagedesc { color: #e0e0e0; line-height: 1.5; } .ipsType_pagedesc a { text-decoration: underline; } .ipsType_textblock { line-height: 1.7; } .ipsType_small { font-size: 11px; } .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; } .ipsType_smallest, .ipsType_smallest a { font-size: 10px !important; } .ipsBox_container .ipsType_pagetitle{ margin-bottom: 6px; } .ipsReset { margin: 0px !important; padding: 0px !important; } /************************************************************************/ /* LAYOUT */ .wrapper{ margin: 0 auto; min-width: 980px; max-width: 1200px; width: 90%; } #content { padding: 10px 0px; line-height: 120%; } /* Animate by ipbforumskins.com */ .box{ background: #1f1f1f url("{style_images_url}/box_pattern.png") repeat; border: 1px solid #282828; border-top: 1px solid #363636; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; } .inset_content, .inset_row{ background: #181818; -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px; -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px; box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px; border: 1px solid #282828; border-bottom: 1px solid #343434; } .inset_row{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*.inset_row.f_row:hover{ -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px; -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px; box-shadow: inset rgba(0,0,0,0.7) 0px 1px 15px; }*/ .inset_padding{ padding: 4px; } .f_row{ padding: 10px 0px 10px 10px; margin-bottom: 5px; } .f_row_table{ display: table; width: 100%; } .box .f_row:last-of-type{ margin-bottom: 0; } .f_icon{ width: 36px; padding-right: 10px; text-align: center; display: table-cell; vertical-align: middle; } .f_name{ width: 50%; display: table-cell; vertical-align: middle; } .f_stats{ width: 15%; padding-right: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; padding-left: 5px; } .f_stats li{ text-align: right; } .f_latest{ width: 30%; display: table-cell; vertical-align: middle; } /************************************************************************/ /* COLORS */ .row1, .post_block.row1 { background-color: #181818; } .row2, .post_block.row2 { background-color: #181818; } /*.unread { background-color: #f7fbfc; } .unread .altrow, .unread.altrow { background-color: #E2E9F0; }*/ .unread .highlight_unread{ font-weight: bold; } #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #252525; border-bottom: 1px solid #111111; } .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, #announcements tr:first-of-type td, #forum_table tr:nth-of-type(2) td{ border-top: 0; } .ipsSideMenu ul, #register_form hr, #login_form hr, .ipsSettings_section, #index_stats div[id*="statusReply"]:first-of-type{ border-top: 1px solid #111111; } .articles .type-1x2x2 .article_row:last-of-type, .store_categories ul:last-of-type li:last-of-type, #idm_categories li:last-of-type a, #idm_category .idm_category_row:last-of-type, .sideVerticalList li:last-of-type, #index_stats div[id*="statusReply"].status_reply, .ipsList_withminiphoto li:last-of-type, .member_entry:last-of-type, .ipsList_data li:last-of-type, #help_topics li:last-of-type, table.ipb_table tr:last-of-type td{ border-bottom: 0; } /* primarily used for topic preview header */ .highlighted, .highlighted .altrow { background-color: #232323; } .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: #181818; } #idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table tr td{ background-image: url("{style_images_url}/row_gradient.png"); background-repeat: repeat-x; background-position: 0 0; } .ipsBox_container { border: 1px solid #2d2d2d; } .ipsBox { background: #212121; } .ipsBox_container.moderated { background: #36120e; border: 1px solid #4b1f1a; } .ipsBox_notice, .ipsBox_highlight { background: #222222; border-bottom: 1px solid #393939; } .border{ border: 1px solid #282828; } .removeDefault .ipsBox, .removeDefault.ipsBox{ padding: 0; background: none transparent; } .removeDefault .ipsBox_container, .removeDefault.ipsBox_container{ border: 0; } .removeStyles{ padding: 0 !important; border: 0 !important; background: none transparent !important; } .maintitle { background: #1f1f1f url("{style_images_url}/box_pattern.png") repeat; border: 1px solid #282828; border-top: 1px solid #363636; border-bottom: 0; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; padding: 12px; font-size: 12px; font-weight: 300; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; overflow: hidden; } h3.maintitle{ font-weight: bold; } .maintitle a { color: #fff; } .maintitle a:hover{ text-shadow: #fff 0px 0px 3px; } .collapsed .maintitle { opacity: 0.2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .collapsed .maintitle:hover { opacity: 0.4; } .maintitle .toggle { visibility: hidden; background: url('{style_images_url}/cat_minimize.png') no-repeat; text-indent: -3000em; width: 32px; height: 22px; margin: -5px -5px -10px 0; display: block; outline: 0; } .maintitle:hover .toggle { visibility: visible; } .collapsed .toggle { background-image: url('{style_images_url}/cat_maximize.png'); } .header_left{ background: url('{style_images_url}/header_left.png') no-repeat 0 0; } .header_right{ background: url('{style_images_url}/header_right.png') no-repeat 100% 0; } .maintitle_base{ background: #363636 url('{style_images_url}/maintitle_base.png') repeat-x 0 0; } .box .maintitle{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; padding: 9px 9px 14px 9px; background: none transparent; } /* mini badges */ a.ipsBadge:hover { color: #fff; } .ipsBadge_green { background: #7ba60d; } .ipsBadge_purple { background: #af286d; } .ipsBadge_grey { background: #515151; } .ipsBadge_lightgrey { background: #848484; } .ipsBadge_orange { background: #ED7710; } .ipsBadge_red { background: #bf1d00; } .bar { } .bar.altbar { /*background: #b6c7db; color: #1d3652;*/ } .header { color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #101010; } .header th{ padding: 6px !important; } body .ipb_table .header a, body .topic_options a { color: #fff; } .bbc_url, .bbc_email { color: #b4eeff; text-decoration: underline; } /* Dates */ .date, .poll_question .votes { color: #747474; font-size: 11px; } .no_messages { padding: 15px 10px; } /* Tab bars */ .tab_bar { background-color: #2a2a2a; color: #818181; } .tab_bar li.active { background-color: #454545; color: #fff; } .tab_bar.no_title.mini { border-bottom: 8px solid #454545; } /* Menu popups */ .ipbmenu_content, .ipb_autocomplete { background: #1a1a1a; border: 1px solid #393939; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; } .ipbmenu_content li, .ipb_autocomplete li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } .ipb_autocomplete li{ padding: 3px; } .ipb_autocomplete li.active { background-color: #252525; } .ipbmenu_content a{ color: #fff; } .ipbmenu_content a:hover { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } /* Forms */ .input_submit { background: #646464 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #3f3f3f; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .input_submit:hover { background-color: #6f6f6f; color: #fff; } .input_submit.alt { background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #585858; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; } .input_submit.alt:hover { background-color: #434343; color: #fff; } .input_submit.delete { background: #ad2930 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; border-color: #962D29; color: #fff; text-shadow: #771c20 0px -1px 0px; } .input_submit.delete:hover { background-color: #bf3631; color: #fff; } .input_submit:active{ -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; position: relative; top: 1px; } .input_submit.alt:active{ -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px; } body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit{ background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; border-top: 1px solid #373737; } /* Moderated styles */ .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, .post_block.moderated .post_body, body td.moderated, body td.moderated { background-color: #36120e; } .post_block.moderated { border: 0 !important; } .post_block.moderated .post_wrap, .post_block.moderated h3, .moderated .row2, .moderated .post_controls { background-color: #4a1a14; border: 0; } .moderated, .moderated a { color: #fcd9d9; } .moderated h3, .moderated h3 a { color: #fff !important; } /************************************************************************/ /* HEADER */ #header_bar { background: #323232 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px; padding: 0; text-align: right; } #admin_bar { font-size: 11px; line-height: 28px; padding: 0 12px; background: #111 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px; overflow: hidden; } #admin_bar li{ padding-left: 10px; padding-right: 10px; } #admin_bar li.active a { color: #fc6d35; } #admin_bar a { color: #8a8a8a; } #admin_bar a:hover { color: #fff; } #user_navigation { color: #9f9f9f; font-size: 11px; line-height: 32px; height: 32px; float: right; overflow: hidden; } #user_navigation a { color: #fff; float: left; padding: 0 12px; line-height: 32px; outline: none; height: 32px; border-left: 1px solid rgba(255,255,255,0.1); } #user_navigation a:hover { background: url("{style_images_url}/trans30.png") repeat; background: rgba(0,0,0,0.3); } #user_navigation .user_photo{ position: relative; height: 24px; width: auto; margin: -3px -9px 0px -9px; } #user_navigation #sign_in img, #user_navigation #register_link img{ vertical-align: middle; position: relative; margin: -1px 2px 0 0; } #user_navigation .ipsList_inline li { margin: 0; padding: 0; float: left; } #user_link_dd, .dropdownIndicator { display: inline-block; width: 9px; height: 5px; background: url('{style_images_url}/header_dropdown.png') no-repeat left; } #user_link_menucontent #links li { width: 50%; float: left; margin: 3px 0; white-space: nowrap; } #user_link_menucontent #links a{ display: block; } #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { /*background-position: right;*/ } #community_app_menu .menu_active .dropdownIndicator { background-position: left; } #community_app_menu li.active .menu_active .dropdownIndicator { /*background-position: right;*/ } #user_link_menucontent #statusForm { margin-bottom: 15px; } #user_link_menucontent #statusUpdate { margin-bottom: 5px; } #user_link_menucontent > div { margin-left: 15px; width: 265px; text-align: left; } #statusSubmitGlobal { margin-top: 3px; } #user_navigation a#user_link.menu_active, #user_navigation a#notify_link.menu_active, #user_navigation a#inbox_link.menu_active { background: #1d1d1d; color: #fff; /*-moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-radius: 3px 3px 0 0;*/ position: relative; z-index: 10000; } #notify_link, #inbox_link { vertical-align: middle; width: 20px; padding: 0px 8px !important; position: relative; } #notify_link img { background-image: url('{style_images_url}/icon_notify.png'); } #inbox_link img { background-image: url('{style_images_url}/icon_inbox.png'); } #notify_link img, #inbox_link img{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; margin-top: -2px; } #notify_link.menu_active img, #inbox_link.menu_active img{ background-position: 0 -20px; } .services img{ margin: -1px -2px 0 -2px; } #branding { background: #000 url("{style_images_url}/banner_bg23.jpg") repeat-x top; height: 130px; } #banner_texture{ background: url("{style_images_url}/banner_texture.png") repeat; height: 130px; -moz-box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px; -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px; box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px; } #banner_content{ height: 93px; } #logo { float: left; } #logo a.textLogo{ color: #fff; height: 93px; line-height: 93px; padding: 0 12px; letter-spacing: -1px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-shadow: rgba(0,0,0,0.7) 0px 1px 3px; font-size: 40px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; text-decoration: none; } #logo a.textLogo:hover{ text-shadow: #fff 0px 0px 4px; } #nav_bar{ background: url("{style_images_url}/trans50.png") repeat; background: rgba(0,0,0,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; -webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; -moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; } #primary_nav { font-size: 11px; float: left; height: 32px; font-weight: bold; } #community_app_menu > li { margin: 0px; position: relative; } #community_app_menu > li > a { color: #cacaca; color: rgba(255,255,255,0.7); display: block; outline: none; padding: 0px 12px; line-height: 32px; height: 32px; } #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: url("{style_images_url}/trans10.png") repeat; background: rgba(0,0,0,0.1); color: #fff; } #community_app_menu > li.active > a { background: url("{style_images_url}/trans30.png") repeat; background: rgba(0,0,0,0.3); color: #fff; position: relative; } #primary_nav a.ipbmenu img{ margin-right: -6px; } #primary_extra_menucontent, #more_apps_menucontent, .submenu_container { background: #161616; font-size: 11px; border: 0; min-width: 140px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-radius: 0 0 4px 4px; } #primary_extra_menucontent li, #more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; background: none transparent; float: none !important; min-width: 150px; } #primary_extra_menucontent a, #more_apps_menucontent a, .submenu_container a { display: block; padding: 8px 10px; color: #fff; } #primary_extra_menucontent a:hover, #more_apps_menucontent li:hover a, .submenu_container li:hover a { background: #202020; color: #fff; } #primary_extra_menucontent li:last-child a, #more_apps_menucontent li:last-child a{ -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-radius: 0 0 4px 4px; } #secondary_navigation{ background: #1c1c1c url('{style_images_url}/secondary_nav_bg.png') repeat-x 0 0; border: 1px solid #2d2d2d; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; line-height: 37px; margin-bottom: 15px; } #secondary_navigation a{ color: #d7d7d7; line-height: 37px; height: 37px; } #secondary_navigation a:hover{ color: #fff; } #secondary_navigation #breadcrumb li { float: left; } #secondary_navigation #breadcrumb li a { padding-left: 12px; margin-left: -15px; background: url('{style_images_url}/secondary_nav.png') no-repeat 0 0; display: block; outline: none; text-decoration: none; } #secondary_navigation #breadcrumb li.first a{ margin-left: 0; background: none; padding-left: 0px; } #secondary_navigation #breadcrumb li span{ display: block; padding-right: 17px; padding-left: 4px; background: url('{style_images_url}/secondary_nav.png') no-repeat 100% 0; } #secondary_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; color: #d7d7d7; } #secondary_navigation #breadcrumb li.first a span{ padding-left: 12px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } #secondary_navigation #breadcrumb li a:hover{ background-position: 0 -43px; } #secondary_navigation #breadcrumb li a:hover span{ background-position: 100% -43px; } #secondary_navigation #breadcrumb li a:active{ background-position: 0 -86px; } #secondary_navigation #breadcrumb li a:active span{ background-position: 100% -86px; } #secondary_links{ overflow: hidden; } #secondary_links li{ float: left; margin: 0; } #secondary_links a{ padding: 0 12px; display: block; } #secondary_links img { vertical-align: top; width: 16px; height: 16px; position: relative; opacity: 0.8; margin: 10px -4px 0 -4px; } #secondary_links a:hover img { opacity: 1; } .breadcrumb { color: #d7d7d7; font-size: 11px; } .breadcrumb a { color: #d7d7d7; } .breadcrumb li .nav_sep { margin: 0 5px 0 0; } .breadcrumb li:first-child{ margin-left: 0; } /*.breadcrumb.top { margin-bottom: 10px; }*/ .breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; } .ipsHeaderMenu { background: #1d1d1d; padding: 10px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 0 0 6px 6px; overflow: hidden; width: 340px; } .ipsHeaderMenu.boxShadow{ -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; box-shadow: rgba(0,0,0,0.4) 0px 0px 10px; } .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; } #user_notifications_link_menucontent.ipsHeaderMenu, #user_inbox_link_menucontent.ipsHeaderMenu { width: 300px; } /************************************************************************/ /* SEARCH */ #search { background: url("{style_images_url}/trans50.png") repeat; background: rgba(0,0,0,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; -moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px; float: right; margin-top: 30px; padding: 4px; } #main_search { font-size: 12px; border: 0; padding: 0; padding-left: 3px; background: transparent; width: 138px; outline: 0; color: #fff; } #main_search.inactive { color: #ddd; } #search_wrap { position: relative; background: url("{style_images_url}/search_bg.png") repeat; background: rgba(255,255,255,0.15); display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); min-width: 230px; } #adv_search { width: 26px; height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%; text-indent: -3000em; display: inline-block; margin-left: 3px; } #adv_search:hover{ background-color: rgba(255,255,255,0.1); } #search .submit_input { background: #222222 url('{style_images_url}/search_icon.png') no-repeat 50%; background: rgba(255,255,255,0.15) url('{style_images_url}/search_icon.png') no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-radius: 0 3px 3px 0; /*-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);*/ } #search .submit_input:hover{ background-color: #4e4e4e; background-color: rgba(255,255,255,0.25); } #search_options { max-width: 80px; text-overflow:ellipsis; overflow: hidden; font-size: 10px; height: 20px; line-height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url("{style_images_url}/search_bg.png") repeat; background: rgba(255,255,255,0.15) url('{style_images_url}/highlight_faint.png') repeat-x 0 0; color: #eee; display: inline-block; text-shadow: #000 0px -1px 0px; float: right; } #search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; } #search_options_menucontent input { margin-right: 10px; } #search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; } #search_options_menucontent li:last-of-type{ border-bottom: 0; } #search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; } #search_options_menucontent li.title{ padding: 3px 6px; } /************************************************************************/ /* FOOTER */ #backtotop, #bottomScroll{ width: 24px; height: 24px; line-height: 20px; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; position: absolute; display: inline-block; background: #bdbdbd; -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; opacity: 0.4; outline: 0; } #bottomScroll:hover, #backtotop:hover { background: #8a8a8a; color: #fff; opacity: 1; } #footer_utilities { padding: 8px; position: relative; border: 1px solid #2a2a2a; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #footer_utilities, #footer_utilities a{ color: #848484; } #footer_utilities .ipbmenu_content a{ color: #fff; } #footer_utilities .ipsList_inline{ margin-top: 3px; clear: left; float: left; } #footer_utilities .ipsList_inline > li{ margin: 0; } #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; } #footer_utilities a.menu_active { background: url('{style_images_url}/trans30.png') repeat; background: rgba(0,0,0,0.3); color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; } #copyright { /*color: #848484;*/ text-align: right; line-height: 22px; float: right; } /*#copyright a { color: #848484; }*/ #ipsDebug_footer { width: 900px; margin: 8px auto 0px auto; text-align: center; color: #404040; font-size: 11px; } #ipsDebug_footer strong { margin-left: 20px; } #ipsDebug_footer a { color: #404040; } #rss_menu { background-color: #f78e30; border: 0; } #rss_menu li { border: 0; border-bottom: 1px solid #fbb969; } #rss_menu li:last-of-type{ border-bottom: 0; } #rss_menu a { color: #fff; text-shadow: #dc7214 0px -1px 0px; padding: 5px 8px; background: url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px; } #rss_menu a:hover { background: #f89f37 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px; color: #fff; } /************************************************************************/ /* GENERAL CONTENT */ /* .ipsUserPhoto { padding: 1px; border: 1px solid #505050; background: #202020; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px rgba(0,0,0,0.5); } .ipsUserPhotoLink:hover .ipsUserPhoto { border-color: #656565; } .ipsUserPhoto_variable { max-width: 155px; } .ipsUserPhoto_large { max-width: 90px; max-height: 90px; } .ipsUserPhoto_medium { width: 50px; height: 50px; } .ipsUserPhoto_mini { width: 30px; height: 30px; } .ipsUserPhoto_tiny { width: 20px; height: 20px; } .ipsUserPhoto_icon { width: 16px; height: 16px; } */ .ipsUserPhoto { -webkit-border-radius: 2px; border-radius: 2px; } a.userNavPhoto:hover, .ipsUserPhotoLink:hover .ipsUserPhoto { opacity: 0.8; } .ipsUserPhoto_variable { max-width: 155px; } .ipsUserPhoto_large { max-width: 100px; max-height: 100px; } .ipsUserPhoto_medium { width: 54px; height: 54px; } .ipsUserPhoto_mini { width: 34px; height: 34px; } .ipsUserPhoto_tiny { width: 24px; height: 24px; } .ipsUserPhoto_icon { width: 20px; height: 20px; } a.ipsUserPhotoLink, a.userNavPhoto{ position: relative; } .author_info a.ipsUserPhotoLink, #friends_overview a.ipsUserPhotoLink, .friend_list a.ipsUserPhotoLink, #message_table .col_m_photo a.ipsUserPhotoLink, .vcard a.ipsUserPhotoLink, #search_results a.ipsUserPhotoLink, .ipbfs_titlebox a.ipsUserPhotoLink, .col_n_photo a.ipsUserPhotoLink, #chatters-online a.ipsUserPhotoLink{ display: inline-block; } .ipbfs_titlebox a.ipsUserPhotoLink{ float: left; } a.ipsUserPhotoLink.ipsPad_half{ padding: 0 !important; margin: 4px; } a.userNavPhoto:after, a.ipsUserPhotoLink:after{ content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; right: 0; bottom: 0; -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px; } a.userNavPhoto:after, a.ipsUserPhotoLink:after{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .general_box { } .general_box .none { color: #bcbcbc; } .general_box.poll{ margin: 0; border-width: 0 0 1px 0; } .ipsBox, .ipsPad { padding: 9px; } .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */ .ipsBox_withphoto { margin-left: 65px; } .ipsBox_notice { padding: 10px; line-height: 1.6; margin-bottom: 10px; } .ipsBox_container .ipsBox_notice { /*margin: -10px -10px 10px -10px; */ } .ipsPad_half { padding: 4px !important; } .ipsPad_left { padding-left: 9px; } .ipsPad_top { padding-top: 9px; } .ipsPad_top_slimmer { padding-top: 7px; } .ipsPad_top_half { padding-top: 4px; } .ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; } .ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; } .ipsMargin_top { margin-top: 9px; } .ipsBlendLinks_target .ipsBlendLinks_here { opacity: 0.5; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; } .block_list > li { padding: 5px 10px; } .ipsModMenu { width: 15px; height: 15px; display: inline-block; text-indent: -2000em; background: url('{style_images_url}/moderation_cog.png') no-repeat; margin-right: 5px; vertical-align: middle; } .ipsBadge { vertical-align: middle; display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('{style_images_url}/highlight.png'); background-repeat: repeat-x; background-position: 0 -1px; } .ipsBadge.has_icon img { max-height: 7px; vertical-align: baseline; } #nav_app_ipchat .ipsBadge { position: absolute; } #ajax_loading { background: #000; color: #fff; text-align: center; padding: 5px 0 8px; width: 8%; top: 0px; left: 46%; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 0 5px 5px; z-index: 10000; position: fixed; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); opacity:0.6; } #ipboard_body.redirector { width: 500px; margin: 150px auto 0 auto; } #ipboard_body.minimal { padding-top: 40px; } #ipboard_body.minimal #ipbwrapper{ width: 900px; margin: 0 auto; } #ipboard_body.minimal #content { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 30px; margin-bottom: 10px; } #ipboard_body.minimal h1 { font-size: 32px; } #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; } .progress_bar { background-color: #262626; border: 1px solid #2e2e2e; } .progress_bar span { background: #a9a9a9 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; font-size: 0em; font-weight: bold; text-align: center; text-indent: -2000em; height: 10px; display: block; overflow: hidden; } .progress_bar.limit span { background: #b13c3c url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; } .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 { margin-top: 2px; width: 40%; } li.rating a { outline: 0; } .antispam_img { margin: 0 3px 5px 0; } span.error { color: #ad2930; font-weight: bold; clear: both; } #recaptcha_widget_div { max-width: 350px; } #recaptcha_table { border: 0 !important; } .mediatag_wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .mediatag_wrapper iframe, .mediatag_wrapper object, .mediatag_wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************/ /* GENERIC REPEATED STYLES */ /* Inline lists */ .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li { display: inline; } /* Utility styles */ .right { float: right; } .left { float: left; } .hide { display: none; } .short { text-align: center; } .clear { clear: both; } .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;} .faded { opacity: 0.5 } .clickable { cursor: pointer; } .reset_cursor { cursor: default; } /* Bullets */ .bullets ul, .bullets ol, ul.bullets, ol.bullets { list-style: disc; margin-left: 30px; line-height: 150%; list-style-image: none; } .bullets li{ padding: 2px; } /* Rounded corners */ #user_navigation #new_msg_count, .rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .desc, .desc.blend_links a, p.posted_info { font-size: 11px; color: #898989; } .desc.lighter, .desc.lighter.blend_links a { color: #646464; } /* Cancel */ .cancel { font-size: 0.9em; font-weight: bold; } .cancel, .cancel:hover{ color: #ad2930; } /* Moderation */ em.moderated { font-size: 11px; font-style: normal; font-weight: bold; } /* Positive/Negative */ .positive { color: #6f8f52; } .negative { color: #c7172b; } /* Search highlighting */ .searchlite { background-color: yellow; color: red; font-size:14px; } /* Users posting */ .activeuserposting { font-style: italic; } /************************************************************************/ /* COLUMN WIDTHS FOR TABLES */ /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */ .col_f_post { width: 250px !important; } .is_mod .col_f_post { width: 210px !important; } td.col_c_post { padding-top: 10px !important; width: 250px; } .col_f_icon { padding: 0 0 0 3px !important; width: 24px !important; text-align: center; vertical-align: middle; } .col_n_icon { vertical-align: middle; width: 24px; padding: 0 !important; } .col_f_views, .col_m_replies { width: 100px !important; text-align: right; white-space: nowrap; } .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; } .col_f_preview { width: 20px !important; text-align: right; } .col_c_icon { padding: 10px 2px 10px 8px !important; width: 33px; vertical-align: middle; } .col_c_post .ipsUserPhotoLink { margin-top: 3px; } .col_n_date { width: 250px; } .col_m_photo, .col_n_photo { width: 30px; } .col_m_mod { text-align: right; } .col_r_icon { width: 3%; } .col_f_topic, .col_m_subject { width: 49%; } .col_f_starter, .col_r_total, .col_r_comments { width: 10%; } .col_m_date, .col_r_updated, .col_r_section { width: 18%; } .col_c_stats { width: 15%; text-align: right; } .col_c_forum { width: auto; } .col_mod, .col_r_mod { width: 3%; } .col_r_title { width: 26%; } /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/ /************************************************************************/ /* TABLE STYLES */ table.ipb_table { width: 100%; line-height: 1.3; } table.ipb_table td { padding: 10px; } table.ipb_table tr.unread h4 { font-weight: bold; } table.ipb_table tr.highlighted td { border-bottom: 0; } table.ipb_table th { font-size: 11px; font-weight: bold; padding: 8px 6px; } .last_post { margin-left: 45px; } .last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; } #user_notifications_link_menucontent .list_content{ line-height: 130%; } .col_c_post .ipsUserPhotoLink{ margin-top: -1px; } .forum_desc{ padding-top: 5px; } table.ipb_table h4, table.ipb_table .topic_title { font-size: 12px; display: inline-block; } table.ipb_table .unread .topic_title { font-weight: bold; } table.ipb_table .ipsModMenu { visibility: hidden; } table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; } #announcements h4 { display: inline; } #announcements td { } .announcement img{ margin-right: 4px; } .forum_data { font-size: 11px; color: #5c5c5c; display: inline-block; white-space: nowrap; margin: 0px 0 0 8px; } .desc_more { background: url('{style_images_url}/desc_more.png') no-repeat top; display: inline-block; width: 13px; height: 13px; text-indent: -2000em; } .desc_more:hover { background-position: bottom; } .category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ } table.ipb_table .subforums { margin: 7px 0 3px 0px; overflow: hidden; } table.ipb_table .subforums li{ background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%; padding: 0 15px 0 15px; margin: 0; float: left; } table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); } table.ipb_table .expander { visibility: hidden; width: 16px; height: 16px; display: inline-block; } table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; } table.ipb_table td.col_f_preview { cursor: pointer; } table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; } table.ipb_table .expander.closed { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 0; } table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; } table.ipb_table .expander.loading { background: url('{style_images_url}/loading.gif') no-repeat; } table.ipb_table .preview td { padding: 20px 10px 20px 29px; z-index: 20000; border-top: 0; } table.ipb_table .preview td > div { line-height: 1.4; position: relative; } table.ipb_table .preview td { -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15); box-shadow: 0px 4px 5px rgba(0,0,0,0.15); } .preview_col { margin-left: 80px; } .preview_info { padding-bottom: 3px; margin: -3px 0 3px; } table.ipb_table .mini_pagination { opacity: 0.5; } table.ipb_table tr:hover .mini_pagination { opacity: 1; } /************************************************************************/ /* LAYOUT SYSTEM */ .ipsLayout.ipsLayout_withleft { padding-left: 210px; } .ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; } .ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; } .ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; } /* Panes */ .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; } .ipsLayout_content { width: 100%; float: left; } .ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; } .ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; } /* Wider sidebars */ .ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; } .ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; } .ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; } .ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; } .ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; } .ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; } /* Narrow sidebars */ .ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; } .ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; } .ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; } .ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; } .ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; } .ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; } /* Tiny sidebar */ .ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; } .ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; } .ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -50px; } .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; } .ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; } .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -50px; } /* Big sidebar */ .ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; } .ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; } .ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; } .ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; } .ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; } .ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; } /* Even Wider sidebars */ .ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; } .ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; } .ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; } .ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; } .ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; } .ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; } /************************************************************************/ /* NEW FORMS */ .ipsField .ipsField_title { font-weight: bold; font-size: 12px; line-height: 1.6; } .ipsForm_required { color: #ab1f39; font-weight: bold; } .ipsForm_horizontal .ipsField_title { float: left; width: 185px; padding-right: 15px; padding-top: 3px; text-align: right; line-height: 1.8; } .ipsForm_horizontal .ipsField { margin-bottom: 15px; } .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; } .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; } .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; } .ipsForm_vertical .ipsField { margin-bottom: 10px; } .ipsForm_vertical .ipsField_content { margin-top: 3px; } .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; } .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; } .ipsField_primary input { font-size: 18px; } .ipsForm_submit { padding: 5px 10px; text-align: right; margin-top: 25px; } .ipsForm_right { text-align: right; } .ipsForm_left { text-align: left; } .ipsForm_center { text-align: center; } /************************************************************************/ /* SETTINGS SCREENS */ .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; } .ipsSettings { padding: 0 0px; } .ipsSettings_section { margin: 0 0 15px 0; padding: 15px 0 0 0; } .ipsSettings_section > div { margin-left: 175px; } .ipsSettings_section > div ul li { margin-bottom: 10px; } .ipsSettings_section .desc { margin-top: 3px; } .ipsSettings_sectiontitle { font: bold 13px Helvetica, Arial, sans-serif; width: 165px; padding-left: 10px; line-height: 18px; float: left; } .ipsSettings_fieldtitle { min-width: 100px; margin-right: 10px; font-size: 14px; display: inline-block; vertical-align: top; padding-top: 3px; } /************************************************************************/ /* TOOLTIPS */ .ipsTooltip { padding: 5px; z-index: 25000;} .ipsTooltip_inner { padding: 8px; background: #333333; border: 1px solid #333333; color: #fff; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; text-align: center; max-width: 250px; } .ipsTooltip_inner a { color: #fff; } .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 } .ipsTooltip.top { background: url('{style_images_url}/stems/tooltip_top.png') no-repeat bottom center; } .ipsTooltip.top_left { background-position: bottom left; } .ipsTooltip.bottom { background: url('{style_images_url}/stems/tooltip_bottom.png') no-repeat top center; } .ipsTooltip.left { background: url('{style_images_url}/stems/tooltip_left.png') no-repeat center right; } .ipsTooltip.right { background: url('{style_images_url}/stems/tooltip_right.png') no-repeat center left; } /************************************************************************/ /* AlertFlag */ .ipsHasNotifications { padding: 0px 4px; height: 12px; line-height: 12px; background: #cf2020; color: #fff !important; font-size: 9px; text-align: center; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 4px; left: 3px; } .ipsHasNotifications_blank { display: none; } #chat-tab-count.ipsHasNotifications { left: auto; top: 3px; right: 3px; text-shadow: none !important; position: absolute; } /************************************************************************/ /* SIDEBAR STYLE */ .ipsSideMenu { padding: 10px 0; } .ipsSideMenu h4 { margin: 0 10px 5px 25px; font-weight: bold; color: #dddddd; } .ipsSideMenu ul { margin-bottom: 20px; } .ipsSideMenu ul li { font-size: 11px; } .ipsSideMenu ul li a { padding: 5px 10px 5px 25px; display: block; } .ipsSideMenu ul li a:hover{ background-color: rgba(0,0,0,0.03); } .ipsSideMenu ul li.active a { background: #282828 url('{style_images_url}/icon_check_white.png') no-repeat 6px 8px; color: #fff; font-weight: bold; } /***************************************************************************/ /* WIZARDS */ .ipsSteps { background: #2a2a2a; height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ipsSteps li:first-child{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .ipsSteps ul li { float: left; padding: 11px 33px 5px 18px; color: #c3c3c3; background-image: url('{style_images_url}/wizard_step.png'); background-repeat: no-repeat; background-position: 100% -56px; position: relative; height: 39px; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; } .ipsSteps .ipsSteps_active { background-position: 100% 0; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; } .ipsSteps .ipsSteps_done { } .ipsSteps_desc { font-size: 11px; } .ipsSteps_arrow { display: none; } .ipsSteps_title { display: block; font-size: 14px; padding-bottom: 4px; } .ipsSteps_active .ipsSteps_arrow { display: block; position: absolute; left: -23px; top: 0; width: 23px; height: 55px; background: url('{style_images_url}/wizard_step.png') no-repeat 0 -112px; } .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; } /************************************************************************/ /* VERTICAL TABS (profile etc.) */ .ipsVerticalTabbed { } .ipsVerticalTabbed_content { min-height: 400px; } .ipsVerticalTabbed_tabs > ul { width: 149px !important; margin-top: 10px; border-top: 1px solid #2d2d2d; border-left: 1px solid #2d2d2d; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; } .ipsVerticalTabbed_tabs li { background: #1e1e1e; color: #808080; border-bottom: 1px solid #2d2d2d; font-size: 12px; } .ipsVerticalTabbed_tabs li a { display: block; padding: 10px 8px; outline: 0; color: #8d8d8d; } .ipsVerticalTabbed_tabs li a:hover { background: #252525; color: #c9c9c9; } .ipsVerticalTabbed_tabs li.active a { width: 135px; position: relative; z-index: 8000; background: #181818; color: #fff; font-weight: bold; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a { width: 24px; } /************************************************************************/ /* 'LIKE' FUNCTIONS */ .ipsLikeBar { margin: 10px 0; font-size: 11px; } .ipsLikeBar_info { line-height: 22px; background: #4d4d4d; padding: 0 10px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ipsLikeButton { line-height: 22px; padding: 0 7px 0 26px; font-size: 11px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; color: #fff !important; } .ipsLikeButton:hover { color: #fff !important; } .ipsLikeButton.ipsLikeButton_enabled { background: #719c1c url('{style_images_url}/like_button.png') no-repeat 0 0; /*border: 1px solid #5ea128;*/ } .ipsLikeButton.ipsLikeButton_disabled { background: #6c6c6c url('{style_images_url}/like_button.png') no-repeat 0 -23px; /*border: 1px solid #a4a4a4;*/ } /************************************************************************/ /* TAG LIST */ .ipsTag { display: inline-block; background: url('{style_images_url}/tag_bg.png'); height: 20px; line-height: 20px; padding: 0 7px 0 15px; margin: 5px 5px 0 0; font-size: 11px; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); -moz-border-radius: 0 3px 3px 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-radius: 0 3px 3px 0; } /************************************************************************/ /* TAG EDITOR STYLES */ .ipsTagBox_wrapper { min-height: 18px; width: 350px; line-height: 1.3; display: inline-block; margin-bottom: 3px; } .ipsTagBox_hiddeninput { background: none transparent; color: #fff; } .ipsTagBox_hiddeninput.inactive { font-size: 11px; min-width: 200px; } .ipsTagBox_wrapper input { border: 0px; outline: 0; } .ipsTagBox_wrapper li { display: inline-block; } .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child { background: #d7d7d7; border-color: #e9e9e9; color: #222; text-shadow: none; } .ipsTagBox_tag { padding: 2px 1px 2px 4px; background: #4d4d4d; border: 1px solid #595959; margin: 0 3px 2px 0; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; } .ipsTagBox_tag:hover { border-color: #646464; } .ipsTagBox_tag.selected { background: #797979 !important; border-color: #a1a1a1 !important; color: #fff !important; } .ipsTagBox_closetag { margin-left: 2px; display: inline-block; padding: 0 3px; color: #c7c7c7; font-weight: bold; } .ipsTagBox_closetag:hover { color: #454545; } .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; } .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; } .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #444; } .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #111; } .ipsTagBox_addlink { font-size: 10px; margin-left: 3px; outline: 0; } .ipsTagBox_dropdown { height: 100px; overflow: scroll; background: #fff; border: 1px solid #dddddd; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px rgba(0,0,0,0.2); z-index: 16000; } .ipsTagBox_dropdown li { padding: 4px; font-size: 12px; cursor: pointer; } .ipsTagBox_dropdown li:hover { background: #dbf3ff; color: #003b71; } /************************************************************************/ /* TAG CLOUD */ .ipsTagWeight_1 { opacity: 1.0; } .ipsTagWeight_2 { opacity: 0.9; } .ipsTagWeight_3 { opacity: 0.8; } .ipsTagWeight_4 { opacity: 0.7; } .ipsTagWeight_5 { opacity: 0.6; } .ipsTagWeight_6 { opacity: 0.5; } .ipsTagWeight_7 { opacity: 0.4; } .ipsTagWeight_8 { opacity: 0.3; } /************************************************************************/ /* NEW FILTER BAR */ .ipsFilterbar li { margin: 0px 15px 0px 0; font-size: 11px; } .ipsFilterbar li a { color: #fff; opacity: 0.5; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .ipsFilterbar.bar.altbar li a { color: #244156; text-shadow: none; opacity: .8; } .ipsFilterbar:hover li a { opacity: 0.8; } .ipsFilterbar li a:hover { color: #fff; opacity: 1; } .ipsFilterbar li img { margin-top: -3px; } .ipsFilterbar li.active { opacity: 1; } .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a { background: url('{style_images_url}/trans30.png') repeat; background: rgba(0,0,0,0.3); opacity: 1; color: #fff; padding: 4px 10px; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px !important; border-radius: 10px; -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px; } /************************************************************************/ /* POSTING FORM STYLES */ /* Additional form styles for posting forms */ .ipsPostForm { } .ipsPostForm.ipsLayout_withright { padding-right: 260px !important; } .ipsPostForm .ipsLayout_content { z-index: 900; -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1); -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1); box-shadow: 2px 0px 4px rgba(0,0,0,0.1); float: none; } .ipsPostForm .ipsLayout_right { width: 250px; margin-right: -251px; border-left: 0; z-index: 800; } .ipsPostForm_sidebar{ margin-top: 8px; } .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 { background-image: url('{style_images_url}/folder_closed.png'); background-repeat: no-repeat; background-position: 10px 9px; padding-left: 26px; margin-bottom: 2px; } /************************************************************************/ /* MEMBER LIST STYLES */ .ipsMemberList .ipsButton_secondary { opacity: 0.3; } .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; } .ipsMemberList li .reputation { margin: 5px 10px 0 0; } .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; } .ipsMemberList li .rating { display: inline; } /************************************************************************/ /* COMMENT STYLES */ .ipsComment_wrap { margin-top: 10px; } .border > .ipsComment_wrap, .ipsBox_container > .ipsComment_wrap{ margin: 0; } .ipsComment_wrap .ipsLikeBar { margin: 0; } .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; } .ipsComment { padding: 10px; } .ipsComment_author, .ipsComment_reply_user { width: 160px; text-align: right; padding: 0 10px; float: left; line-height: 1.3; } .ipsComment_author .ipsUserPhotoLink { margin-bottom: 5px; } .ipsComment_comment { margin-left: 190px !important; line-height: 1.5; } .ipsComment_comment > div { min-height: 33px; } .ipsComment_controls { margin-top: 10px; } .ipsComment_controls > li { opacity: 0.2; } .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; } .ipsComment_reply_user_photo { margin-left: 115px; } /************************************************************************/ /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */ .ipsFloatingAction { position: fixed; right: 10px; bottom: 10px; padding: 10px; z-index: 15000; border: 4px solid #464646; border: 4px solid rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4); box-shadow: 0px 3px 6px rgba(0,0,0,0.4); } .ipsFloatingAction.left { right: auto; left: 10px; } .ipsFloatingAction .fixed_inner { overflow-y: auto; overflow-x: hidden; } /* specifics for seo meta tags editor */ #seoMetaTagEditor { width: 480px; } #seoMetaTagEditor table { width: 450px; } #seoMetaTagEditor table td { width: 50%; padding-right: 0px } /************************************************************************/ /* FORM STYLES */ body#ipboard_body fieldset.submit, body#ipboard_body p.submit { padding: 15px 6px 15px 6px; text-align: center; } .iframe{ outline: none; } .input_text, .ipsTagBox_wrapper, textarea { padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px; } textarea:focus, .input_text:focus { outline: none; background-color: #4b4b4b; color: #f8f8f8; border-color: #797979; } input.inactive, select.inactive, textarea.inactive { color: #939393; } .input_text.error { background: #883939; border-color: #a95858; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input_text.accept { background: #768d3d; border-color: #8ca54d; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input:-webkit-input-placeholder { color: #939393; } input:-moz-placeholder { color: #939393; } .input_submit { text-decoration: none; border-width: 1px; border-style: solid; border: 0; padding: 5px 11px; cursor: pointer; } a.input_submit{ padding: 7px 11px; display: inline-block; } .input_submit.alt { text-decoration: none; } p.field { padding: 15px; } li.field { padding: 5px; margin-left: 5px; } 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: #768d3d url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px; padding: 10px; border: 1px solid #8ca54d; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; line-height: 1.6; font-size: 12px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } .message, .message a, .message h3{ color: #eff6dd; } .message h3 { padding: 0; } .message.error { background-color: #872d2d; border-color: #c15050; } .message.error, .message.error a, .message.error h3{ color: #f6dddd; } .message.error.usercp { background-image: none; padding: 4px; float: right; } .message.unspecific { background-color: #292929; border-color: #393939; margin: 0 0 10px 0; clear: both; } .message.unspecific, .message.unspecific a, .message.unspecific h3{ color: #ededed; } .message a{ text-decoration: underline; } /************************************************************************/ /* MENU & POPUP STYLES */ .ipbmenu_content, .ipb_autocomplete { min-width: 85px; z-index: 2000; } .ipbmenu_content{ white-space: nowrap; } .ipbmenu_content li:last-child { border-bottom: 0; padding-bottom: 0px; } .ipbmenu_content li:first-child { padding-top: 0px; } .ipbmenu_content.with_checks a { padding-left: 26px; } .ipbmenu_content a .icon { margin-right: 10px; } .ipbmenu_content a { text-decoration: none; text-align: left; display: block; padding: 6px 10px; } .ipbmenu_content.with_checks li.selected a { background-image: url('{style_images_url}/icon_check.png'); background-repeat: no-repeat; background-position: 7px 10px; } .popupWrapper { background: url('{style_images_url}/trans60.png') repeat; background: rgba(0,0,0,0.6); padding: 8px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; box-shadow: rgba(0,0,0,0.5) 0px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .popupInner { width: 500px; overflow: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); overflow-x: hidden; } .popupInner.black_mode { background: #000; color: #eee; border: 3px solid #626262; } .popupInner.warning_mode { border: 3px solid #7D1B1B; } .popupInner h3 { border-bottom: 1px solid #2a2a2a; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; padding: 8px 10px 9px; font-size: 16px; font-weight: 300; } .popupInner h3 a { color: #fff; } .popupInner.black_mode h3 { background-color: #595959; color: #ddd; } .popupInner.warning_mode h3 { background-color: #7D1B1B; padding-top: 6px; padding-bottom: 6px; color: #fff; } .popupClose { position: absolute; right: 20px; top: 20px; } .popupClose.light_close_button { background: transparent url('{style_images_url}/close_popup_light.png') no-repeat top left; opacity: 0.8; width: 13px; height: 13px; top: 17px; } .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('{style_images_url}/stems/topleft.png'); } .stem.topright { background-image: url('{style_images_url}/stems/topright.png'); } .stem.bottomleft { background-image: url('{style_images_url}/stems/bottomleft.png'); } .stem.bottomright { background-image: url('{style_images_url}/stems/bottomright.png'); } .modal { background-color: #3e3e3e; } .userpopup h3 { font-size: 17px; } .userpopup h3, .userpopup .side + div { padding-left: 110px; } .userpopup .side { position: absolute; margin-top: -40px; } .userpopup .side .ipsButton_secondary { display: block; text-align: center; margin-top: 5px; max-width: 75px; height: auto; line-height: 1; padding: 5px 10px; white-space: normal; } .userpopup .user_controls { text-align: left; } .userpopup .user_status { padding: 5px; margin-bottom: 5px; } .userpopup .reputation { display: block; text-align: center; margin-top: 5px; } .userpopup { overflow: hidden; position: relative; font-size: 0.9em; min-height: 200px; } .userpopup dl { padding-bottom: 10px; margin-bottom: 4px; } .info dt { float: left; font-weight: bold; padding: 3px 6px; clear: both; width: 30%; } .info dd { padding: 3px 6px; width: 60%; margin-left: 35%; } /************************************************************************/ /* BUTTONS STYLES */ .topic_buttons li { float: right; margin: 0 0 10px 10px; } .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton { background: #2a2a2a url('{style_images_url}/highlight_faint.png') repeat-x 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.8); font-size: 12px; font-weight: bold; line-height: 34px; height: 34px; padding: 0 20px; text-align: center; min-width: 70px; display: inline-block; cursor: pointer; } .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important { background: #8b1515 url('{style_images_url}/highlight_faint.png') repeat-x 0 0 !important; /*border-color: #790f0f;*/ } .topic_buttons li a:hover, .ipsButton:hover { background-color: #323232; color: #fff; } .topic_buttons li a:active, .ipsButton:active{ position: relative; top: 1px; /*-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;*/ } .topic_buttons li.non_button a { background: transparent !important; background-color: transparent !important; border: 0; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none; min-width: 0px; color: #777777; font-weight: normal; padding-top: 1px; padding-bottom: 1px; } .topic_buttons li.non_button a:active{ top: 0; } .topic_buttons li.disabled a, .topic_buttons li.disabled span { background: #191919 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border: 0; font-weight: 300; color: #666666; } .topic_buttons li span { cursor: default !important; } .ipsButton_secondary, .bbc_spoiler_show, .user_controls li a{ height: 26px; line-height: 26px; font-size: 11px; padding: 0 10px; border: 0; background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; /*border: 1px solid #d0d0d0;*/ /*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px; box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; display: inline-block; white-space: nowrap; cursor: pointer; } .ipsButton_secondary a { color: #fff; } .ipsButton_secondary:hover, .bbc_spoiler_show:hover, .user_controls li a:hover{ color: #fff; background-color: #434343; } .ipsButton_secondary.important { background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; /*border: 1px solid #a22c2c;*/ color: #fbf4f4; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ipsButton_secondary.important a { color: #fbf4f4; } .ipsButton_secondary.important a:hover, a.ipsButton_secondary.important:hover{ color: #fff; background-color: #bb3c3c; } .ipsButton_secondary:active{ /*-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;*/ position: relative; top: 1px; } .ipsButton_secondary .icon { margin-right: 4px; margin-top: -3px; } .ipsButton_secondary img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; } /* Used in post forms */ .ipsField.ipsField_checkbox.ipsButton_secondary { line-height: 18px; } .ipsField.ipsField_checkbox.ipsButton_secondary input { margin-top: 6px } .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content { margin-left: 18px; } .ipsButton_extra { line-height: 22px; height: 22px; font-size: 11px; margin-left: 5px; color: #ddd; } .ipsButton_secondary.fixed_width{ min-width: 170px; } .ipsButton.no_width { min-width: 0; } .topic_controls { min-height: 30px; overflow: hidden; } ul.post_controls { margin: 0; background: #101010; border-top: 1px solid #252525; margin-top: 10px; padding: 7px; clear: both; overflow: hidden; } ul.post_controls li { font-size: 11px; float: right; margin: 0; padding: 0; } ul.post_controls li.report, ul.post_controls li.top{ float: left; } ul.post_controls a { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px -1px 0px; background: #363636 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 26px; line-height: 26px; padding: 0 10px; text-decoration: none; margin-left: 4px; display: block; } ul.post_controls a:hover { background-color: #404040; color: #fff; } ul.post_controls a.ipsButton_secondary { height: 24px; line-height: 24px; } ul.post_controls li.multiquote.selected a { background: #9a9a9a url('{style_images_url}/highlight_faint.png') repeat-x 0 0; color: #fff; } /*.post_block .post_controls li a { opacity: 0.2; } .post_block .post_controls li a.ipsButton_secondary { opacity: 1; } .post_block:hover .post_controls li a { opacity: 1; }*/ .post_body ul.post_controls{ margin: 0 -12px -12px -187px; } .column_view .post_body ul.post_controls{ margin-left: -188px; } .post_block.no_sidebar .post_body ul.post_controls{ margin-left: 0px; } .post_body ul.post_controls img{ vertical-align: middle; margin: -3px 2px 0px -3px; position: relative; } .hide_signature, .sigIconStay { float: right; } .post_block:hover .signature a.hide_signature, .sigIconStay { background: transparent url('{style_images_url}/cross_sml.png') no-repeat top right; width: 13px; height: 13px; opacity: 0.6; position: absolute; right: 10px; } /************************************************************************/ /* PAGINATION STYLES */ .pagination { padding: 5px 0; line-height: 22px; } .pagination.no_numbers .page { display: none; } .pagination .pages { text-align: center; } .pagination .back { margin-right: 5px; } /*.pagination .back li { margin: 0 2px 0 0; }*/ .pagination .forward { margin-left: 5px; } /*.pagination .forward li { margin: 0 0 0 2px; }*/ .pagination a{ color: #eeeeee; } .pagination .page a, .pagination .back a, .pagination .forward a { background: #2a2a2a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; /*border: 1px solid #d6d6d6;*/ color: #eeeeee; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 1px 8px; text-transform: lowercase; font-size: 11px; font-weight: normal; } .pagination .page a:hover, .pagination .back a:hover, .pagination .forward a:hover { background-color: #323232; color: #fff; } .pagination .disabled a { opacity: 0.4; display: none; } .pagination .pages { font-size: 11px; } .pagination .pages a, .pagejump { display: inline-block; } .pagination .pagejump a { padding: 0px 7px; } .pagination .pagejump a:hover { text-decoration: underline; } .pagination li { margin: 0; } .pagination .pages li.active { background: #e7e7e7 url('{style_images_url}/highlight.png') repeat-x 0 0; color: #222; padding: 1px 8px; text-shadow: #fff 0px 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: default; } .pagination.no_pages span { color: #bbbbbb; display: inline-block; line-height: 20px; height: 20px; } ul.mini_pagination { font-size: 0.8em; display: inline; margin-left: 7px; } ul.mini_pagination li a { background: #252525 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; padding: 2px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } ul.mini_pagination li a:hover { background: #353535 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; } ul.mini_pagination li { display: inline; margin: 0px 1px 0px 0px; } /************************************************************************/ /* MODERATION & FILTER STYLES */ .moderation_bar { text-align: right; padding: 8px 10px; } .moderation_bar.with_action { background-image: url('{style_images_url}/topic_mod_arrow.png'); background-repeat: no-repeat; background-position: right center; padding-right: 35px; } /************************************************************************/ /* AUTHOR INFO (& RELATED) STYLES */ .column_view .post_wrap{ background: #101010; } .column_view .post_body{ border-left: 1px solid #252525; } .author_info { width: 155px; float: left; font-size: 12px; text-align: center; padding: 10px 10px; line-height: 150%; } .author_info .group_title { color: #dddddd; margin-top: 5px; } .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; } .author_info .group_icon { margin-bottom: 3px; } .custom_fields { color: #bbbbbb; margin-top: 8px; } .custom_fields .ft { color: #aaaaaa; margin-right: 3px; } .custom_fields .fc { word-wrap: break-word; } .user_controls { text-align: center; margin: 6px 0; } .user_controls li a { padding: 0 5px; } /************************************************************************/ /* BOARD INDEX STYLES */ #board_index { position: relative; } #board_index.no_sidebar { padding-right: 0px; } #board_index.force_sidebar { padding-right: 280px; } #toggle_sidebar { position: absolute; right: -5px; top: -12px; z-index: 8000; background: #eeeeee; padding: 3px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; } #toggle_sidebar:hover { opacity: 1 !important; } .ipsSideBlock, .general_box{ background: #181818; border: 1px solid #393939; margin-bottom: 10px; } .ipsSideBlock{ padding: 10px; } .bar, .ipsSideBlock h3, .general_box h3{ border-bottom: 1px solid #393939; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 8px; } .bar{ border-top: 1px solid #393939; } .ipsPostForm_sidebar .ipsPostForm_sidebar_block:first-of-type h3.bar, .bar.noTopBorder{ border-top: 0; } .ipsSideBlock h3, .ipsSideBlock h3 a, .general_box h3, .general_box h3 a, .bar, .bar a{ color: #fff; } .ipsSideBlock h3{ margin: -10px -10px 10px -10px; } .ipsSideBlock h3 .mod_links { color: #fff; opacity: 0.0; display: inline-block; padding: 1px 4px 3px 4px; margin-top: -2px; text-shadow: none; background: url('{style_images_url}/trans40.png') repeat; background: rgba(0,0,0,0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; } .ipsSideBlock h3:hover .mod_links { opacity: 1; } .sideVerticalList, #index_stats .ipsList_withminiphoto{ margin: -10px; } .sideVerticalList.with_margin{ margin-bottom: 10px; } .status_list .status_list { margin: 10px 0 0 35px; } .status_list p.index_status_update { line-height: 120%; margin:4px 0px; } .status_list li { position: relative; } .status_reply { margin-top: 8px; } .status_list li .mod_links { opacity: 0.1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .status_list li:hover .mod_links { opacity: 1; } /* board stats */ #board_stats ul { text-align: center; } #board_stats li { margin-right: 20px; } #board_stats .value { display: inline-block; background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; padding: 3px 7px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 3px; -webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; -moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px; } .statistics { margin: 20px 0 0 0; padding: 8px; line-height: 1.3; overflow: hidden; border: 1px solid #393939; } .statistics_head { border-bottom: 1px solid #393939; border-top: 1px solid #393939; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; font-size: 11px; font-weight: bold; padding: 8px; margin: -8px -8px 8px -8px; } .statistics_head, .statistics_head a{ color: #fff; } .statistics .statistics_head:first-of-type{ border-top: 0; } .statistics .statistics_head:not(:first-of-type){ margin-top: 0; } #stat_links{ font-weight: normal; } #stat_links a{ margin: 0 5px; } .friend_list ul li, #top_posters li { text-align: center; padding: 8px 0 0 0; margin: 5px 0 0 0; min-width: 80px; height: 80px; float: left; } .friend_list ul li span.name, #top_posters li span.name { font-size: 0.95em; } .friend_list ul li .ipsUserPhotoLink{ margin-bottom: 5px; } #hook_watched_items ul li { padding: 8px; } body#ipboard_body #hook_watched_items fieldset.submit { padding: 8px; } #hook_birthdays .list_content { padding-top: 8px; } #hook_calendar .ipsBox_container { padding: 10px; } #hook_calendar td, #hook_calendar th { text-align: center; } #hook_calendar th { font-weight: bold; padding: 5px 0;} /************************************************************************/ /* FORUM VIEW (& RELATED) STYLES */ #more_topics { text-align: center; font-weight: bold; background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; } #more_topics a, #more_topics span { display: block; padding: 10px 0;} #more_topics, .dynamic_update { border-top: 1px dashed #393939; } .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 VIEW (& RELATED) STYLES */ /* Post share pop-up */ #postShareUrl { width: 95%; font-size: 18px; color: #999; } #postShareStrip { height: 25px; margin: 10px 0px 0px 30px; } body .ip { } span.post_id { margin-left: 4px; } input.post_mod { margin:12px 5px 0px 10px; } .post_id a img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; } .signature { clear: right; color: #bcbcbc; font-size: 0.9em; border-top: 1px solid #252525; padding: 10px; margin: 6px 0 4px; position: relative; } .signature a { text-decoration: underline; } .post_body .signature{ margin-left: -12px; margin-right: -12px; } .post_block { position: relative; } .post_block.no_sidebar { background-image: none; } .post_block.solved h3, .answerBadgeInPost, .horizontalView .post_block.solved .author_info { background: #4a4a4a; text-shadow: rgba(0,0,0,0.5) 0px -1px 0px; border: 1px solid #777; } .post_block.solved h3, .post_block.solved h3 *, .answerBadgeInPost, .horizontalView .post_block.solved .author_info *{ color: #fff !important; } .horizontalView .post_block.solved .author_info .ipsUserPhoto{ border-color: #353535 !important; } .post_block.solved h3, .horizontalView .post_block.solved .author_info{ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%); border-left: 0; border-right: 0; } .answerBadgeInPost{ border-top: 0; padding: 0 12px; height: 30px; line-height: 30px; position: relative; float: right; margin: -13px -2px 8px 8px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .post_block.feature_box { background-color: #5d5d5d; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; border: 1px solid #838383; padding: 8px; min-height: 60px; line-height: 180%; font-size: 11.4px; word-wrap: break-word; } .post_block.feature_box, .post_block.feature_box *{ color: #fcfcfc !important; } .post_block.feature_box .ipsType_sectiontitle { border-color: #838383; font-size: 11.8px; font-weight: bold; } .post_block.feature_box .ipsBadge_green, .post_block.feature_box .ipsBadge_lightgrey{ background: #353535; -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px; color: #fff !important; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; padding: 3px 9px; font-size: 10px; } .post_block.feature_box .ipsBadge_lightgrey:hover{ background: #262626; } .post_block.feature_box .ipsUserPhoto{ border-color: #353535 !important; } .post_block h3 { border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 0 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 13px; } .post_block h3, .post_block h3 a{ color: #fff; } .post_block:first-of-type h3{ border-top: 0; } .post_online{ vertical-align: middle; margin: -3px 5px 0 0; } .post_username{ float: left; min-width: 177px; font-weight: bold; } .post_date{ color: #777; float: left; font-size: 11px; font-weight: normal; } .post_wrap { top: 0px; } .post_body { margin-left: 175px; padding: 12px; } .post_body .post { line-height: 1.6; font-size: 12px; } .column_view .post_body .post{ padding-bottom: 12px; } .post_block.no_sidebar .post_body { margin-left: 0px !important; } .posted_info { padding: 0 0 10px 0; } .posted_info strong.event { color: #1c2837; font-size: 1.2em; } .post_ignore { background: #1c1c1c; color: #777; font-size: 0.9em; padding: 15px; } .post_ignore .reputation { text-align: center; padding: 2px 6px; float: none; display: inline; } .rep_bar { white-space: nowrap; margin: 6px 4px; } .rep_bar .reputation { font-size: 10px; padding: 2px 10px !important; } p.rep_highlight { float: right; display: inline-block; margin: 5px 10px 10px 10px; background: #D5DEE5; color: #1d3652; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.8em; font-weight: bold; text-align: center; } p.rep_highlight img { margin-bottom: 4px; } .edit { padding: 8px 8px 8px 28px; background: #e0aa4b url('{style_images_url}/comment_edit.png') no-repeat 6px 10px; border: 1px solid #efba5c; color: #723e07; text-shadow: #f4c778 0px 1px 0px; font-size: 11px; margin-top: 15px; line-height: 18px; } .poll fieldset { padding: 9px; } .poll_question { } .poll_question h4 { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .poll_question ol { padding: 20px; } .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; } .rating { display: block; margin-bottom: 4px; line-height: 16px; } .rating img { vertical-align: top; } #rating_text { margin-left: 4px; } /************************************************************************/ /* 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: 295px; } 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 { padding-top: 10px; padding-bottom: 10px; margin: 0 15px 0px 320px; } fieldset.with_subhead span.desc, fieldset.with_subhead label { margin: 0; width: auto; } fieldset.with_subhead .checkbox input.input_check { margin-left: 0px; } #toggle_post_options { background: transparent url('{style_images_url}/add.png') no-repeat; font-size: 0.9em; padding: 2px 0 2px 22px; margin: 15px; display: block; } #poll_wrap .question { margin-bottom: 10px; } #poll_wrap .question .wrap ol { margin-left: 25px; list-style: decimal; } #poll_wrap .question .wrap ol li { margin: 5px; } .question_title { margin-left: 30px; padding-bottom: 0; } .question_title .input_text { font-weight: bold } #poll_wrap { position: relative; } #poll_footer { } #poll_container_wrap { overflow: auto; } #poll_popup_inner { overflow: hidden; } .poll_control { margin-left: 20px; } .post_form .tag_field ul { margin-left: 290px; } /************************************************************************/ /* ATTACHMENT MANAGER (& RELATED) STYLES */ .swfupload { position: absolute; z-index: 1; } #attachments { } #attachments li { background-color: #2a2a2a; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; border: 1px solid #383838; padding: 6px 20px 6px 42px; margin-bottom: 10px; position: relative; -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px; } #attachments li p.info { 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('{style_images_url}/loading.gif'); } #attachments li.error { background-image: url('{style_images_url}/exclamation.png'); background-color: #822f2f; border: 1px solid #9c4141; } #attachments li.error .info { color: #fff; } #attachments li.complete { background-image: url('{style_images_url}/accept.png'); } #attachments li .thumb_img { left: 6px; top: 6px; width: 30px; height: 30px; overflow: hidden; position: absolute; } .attach_controls { background: url('{style_images_url}/icon_attach.png') no-repeat 3px top; padding-left: 30px; min-height: 82px; } .attach_controls .ipsType_subtitle { margin-bottom: 5px; } .attach_controls iframe { display: block; margin-bottom: 5px; } .attach_button { font-weight: bold; } #help_msg { margin-top: 8px; } #attach_wrap { margin-top: 10px; overflow: hidden; } #attach_wrap h4 { font-size: 16px; padding-left: 0; } #attach_wrap li { margin: 5px 0; float: left; } #attach_wrap .attachment { float: none; } #attach_wrap .desc.info { margin-left: 24px; } #attach_error_box { margin-bottom: 10px; } .resized_img { margin: 0 5px 5px 0; display: inline-block; } /************************************************************************/ /* REPUTATION STYLES */ .reputation { font-weight: bold; padding: 3px 8px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; } .reputation.positive, .members li.positive { background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 0; } .reputation.negative, .members li.negative { background: #b82929 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; } .reputation.positive, .reputation.negative { color: #fff; } .reputation.zero { background: #505050 url('{style_images_url}/highlight_faint.png') repeat-x 0 0; color: #fff; } .status_main_content { white-space: 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; background: rgba(0,0,0,0.04); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .status_mini_wrap img{ vertical-align: middle; position: relative; margin-top: -2px; } .status_mini_photo { float: left; } .status_textarea { width: 99%; } #index_stats .status_textarea{ width: 180px; } .status_replies_many { height: 300px; overflow: auto; } .status_update { background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; padding: 15px 12px; text-align: center; } .status_update .input_text { width: 70%; } .status_update .input_submit{ padding-left: 15px; padding-right: 15px; } .status_submit{ padding-top: 5px; } /*.status_update .status_inactive { color: #bbbbbb; }*/ #status_wrapper h4 { font-weight: bold; font-size: 14px; } .status_content { line-height: 1.4; } .status_content .mod_links { opacity: 0.2; } .status_content:hover .mod_links { opacity: 1; } .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; } .status_content .status_status{ padding: 2px 0 5px 0; } .status_feedback .status_mini_content{ line-height: 18px; } .status_feedback { margin: 10px 0 0 -10px; } /*.status_feedback .row2 { margin-bottom: 1px; }*/ /* Favorites */ .ips_like { background-color: #f6f6f6; padding: 6px; color: #878787; font-size: 1em; min-height: 18px; line-height: 130%; clear: both; overflow: hidden; } .ips_like a { color: #878787; } .ips_like a.ftoggle { float: right; background: #878787; border:1px solid #747474; padding: 3px 4px 2px 4px; color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; font-size:0.9em; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-top: -4px; } .ips_like a.ftoggle.on { background: #545454; border-color: #474747; margin-left: 3px; } .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: #545454; } .facebook-like { margin-top: 5px; } .boxShadow { -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; } /* New notification panel */ #ipsGlobalNotification { position: fixed; left: 50%; margin-left: -250px; top: 20px; text-align: center; font-weight: bold; z-index: 10000; } #ips_NotificationCloseButton { background: transparent url('{style_images_url}/close_popup.png') no-repeat top left; opacity: 0.8; width: 13px; height: 13px; top: 5px; left: 5px; position: absolute; cursor: pointer; } .googlePlusOne { display: inline-block; vertical-align:middle; margin-top: 1px; } .fbLike { float: right !important; padding-left: 2px; } /************************************************************************/ /* SHARED MEDIA STYLES */ #mymedia_inserted { position: absolute; top: 100px; left: 50%; margin-left: -200px; width: 400px; padding: 20px 0; background: #000; font-size: 15px; font-weight: bold; color: #fff; z-index: 20000; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #mymedia_toolbar { position: absolute; bottom: 0; left: 0; right: 0; height: 42px; line-height: 42px; padding: 0 5px; background: #2d2d2d url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px; } #mymedia_finish { position: absolute; right: 5px; top: 5px; } #mymedia_content { height: 339px; overflow: auto; } .media_results li.result { width: 20%; height: 120px; padding: 10px 0; float: left; text-align: center; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .media_results li:hover { background: #252525; } .media_results li:active { background: #252525; } .media_image { padding: 1px; background: #2d2d2d; border: 1px solid #0e0e0e; margin-bottom: 5px; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0,0,0,0.1); } /********************************************************/ /* Template Error */ .templateError { background: #ffffff !important; color: #000000 !important; padding: 10px !important; border: 1px dotted black !important; margin: 0px !important; } /********************************************************/ /* ModCP styles */ .modcp_post_controls { padding-bottom: 15px; } .modcp_post_controls .ipsButton_secondary { opacity: 0.5; } .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; } #modcp_content .ipsFilterbar li.active a { margin-bottom: 1px; display: inline-block; } /********************************************************/ /* Advertisements from Nexus */ .nexusad { padding: 10px; clear: both; } #bbcode-description { color: #666 !important; white-space: normal !important; word-wrap: break-word; } /********************************************************/ /* iPad Specific */ @media only screen and (device-width: 768px) { table.ipb_table .expander, table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; } .post_block .post_controls { opacity: 1 !important; } } /* Additional */ #stats_div{ height: 0px; overflow: hidden; } .skin_link{ float: left; padding-top: 4px; /* padding-left: 31px; */ } .skin_link, .skin_link a{ color: #666 !important; } .skin_link a:hover{ text-decoration: underline; } .negMargin{ margin: -9px; } .negMarginTop{ margin-top: -9px; } .negMarginRight{ margin-right: -9px; } .negMarginBottom{ margin-bottom: -9px; } .negMarginLeft{ margin-left: -9px; } .input_submit, .ipsButton_secondary{ outline: none; } #rss_feed{ margin-top: -1px; } #index_stats .status_submit .input_submit{ font-size: 11px; } div[id$="member_popup"] .general_box{ margin: 0; border: 0; } #ipsNav_content a{ display: block; padding: 5px 10px; } #ipsNav_content li{ padding: 0; } .ipsList_withminiphoto.ipsPad_half{ padding: 0 !important; } /* Fix downloads sidebar padding */ .ipsList_withminiphoto > li, .ipsHeaderMenu h4{ overflow: hidden; } .status_list li{ margin-top: 10px; } /* Fix status updates on idx */ .fullList{ margin: -9px; } /* Must be the same as ipsPad */ #usercp_content .ipsType_subtitle{ margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; } #modCpanel .ipsType_subtitle{ padding-top: 4px; padding-bottom: 5px; } .col_f_icon span { margin-bottom: 6px; margin-top: 2px; } .idx_album_thumb img{ width: 32px; height: 32px; } .idx_album_thumb img, .inlineimage img, #appGallLatestHook img{ /*-webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;*/ } .inlineimage img:hover, #appGallLatestHook img:hover{ opacity: 0.9; } .topic_desc{ display: inline-block; padding-top: 3px; } .ipbfs_login h4{ padding: 10px; font-weight: bold; font-size: 14px; background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0; border-bottom: 1px solid #393939; } .ipbfs_login .ipsForm_submit{ margin-top: 0; } .ipbfs_login .ipsBox_notice{ margin: 0; } .ipbfs_login_col{ float: left; width: 279px; padding: 15px 10px; } .ipbfs_login_col a:hover{ text-decoration: underline; } .ipbfs_login_row{ overflow: hidden; } .ipbfs_login_row label{ font-size: 1.15em; } .ipbfs_login .input_submit{ font-size: 13px; } .ipbfs_login_input { padding: 6px 0px 6px 28px; font-size: 14px; margin-top: 10px; width: 250px; } .ipbfs_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; } .ipbfs_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; } .ipbfs_titlebox .desc{ padding: 3px 0; } .ipbfs_titlebox{ background: #202020; border: 1px solid #242424; border-top: 1px solid #303030; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; overflow: hidden; } .content_border{ border: 1px solid #282828; } .guestMessage{ background: #404040 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px; border: 1px solid #565656; color: #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 140%; margin-bottom: 10px; padding: 10px; text-shadow: rgba(0,0,0,0.25) 0px -1px 0px; } .guestMessage a{ color: #fff; text-decoration: none; border-bottom: 1px solid #bcbcbc; } .forum_name{ font-weight: bold; } .forum_desc_pos{ position: relative; } .forum_desc_con{ width: 350px; display: none; left: 10px; float: left; position: absolute; top: -4px; padding-left: 10px; background: url("{style_images_url}/forum_desc_arrow.png") no-repeat 6px 9px; z-index: 10000; } .forum_description{ color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2e2e2e; font-size: 11px; padding: 5px; display: block; float: left; } .topicViewIcons{ overflow: hidden; position: relative; padding-bottom: 1px; margin: -3px 10px -5px 0; } .topicViewIcons img{ vertical-align: top; margin-top: 4px; width: 16px; height: 16px; background: url("{style_images_url}/topicViewIcon.png") no-repeat; } .topicViewIcons #topicViewRegular img{ background-position: 0 -16px; } .topicViewIcons #topicViewRegular.active img{ background-position: 0 -16px; } .topicViewIcons #topicViewBasic img{ background-position: -16px -16px; } .topicViewIcons #topicViewBasic.active img{ background-position: -16px -16px; } .topicViewIcons a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 22px; height: 22px; text-decoration: none; text-align: center; outline: none; margin-right: 5px; opacity: 0.6; } .topicViewIcons a:hover{ background: url("{style_images_url}/trans10.png") repeat; background: rgba(0,0,0,0.1); opacity: 1; } .topicViewIcons a.active{ background: url("{style_images_url}/trans50.png") repeat; background: rgba(0,0,0,0.5); -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px; opacity: 1; } .basicTopicView .post_body{ margin-left: 0 !important; border: 0 !important; } .basicTopicView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; } .basicTopicView .author_info, .basicTopicView .signature{ display: none; } .basicTopicView .post_username{ min-width: 0px; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,0.1); } .forum_stats{ font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 4px; color: #888; text-transform: capitalize; } .forum_stats span{ color: #aaa; } /* Horiztonal View */ .horizontalView .post_block{ position: static; } .horizontalView .author_info{ border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; background: #202020; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.03)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%); -webkit-box-shadow: rgba(0,0,0,0.08) 0px 2px 5px; -moz-box-shadow: rgba(0,0,0,0.08) 0px 2px 5px; box-shadow: rgba(0,0,0,0.08) 0px 2px 5px; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; float: none; width: auto; text-align: left; position: relative; } .horizontalView .post_body{ margin-left: 0; border: 0; } .horizontalView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; } .postInfoBottom{ padding-top: 10px; font-size: 11px; opacity: 0; padding-bottom: 10px; } .horizontalView .post_body:hover .postInfoBottom{ opacity: 1; } .postInfoBottom input.post_mod { margin: 2px 0 0 0; } .postInfoBottom span.post_id { margin: 0; } .postInfoBottom, .postInfoBottom a{ color: #999; } .horizontalView .postDate{ margin-right: 15px; } .horizontalAvatar{ margin-right: 10px; } .horizontalUserInfo{ overflow: hidden; } .horizontalUsername{ font-size: 24px; font-weight: bold; padding: 6px 0 3px 0; font-family: "Trebuchet MS"; } .horizontalUsername a{ color: #eee; } .horizontalUsername a:hover{ color: #fff; } .horizontalInfoList{ float: left; width: 175px; color: #ccc; font-size: 11px; } .horizontalInfoList li{ padding: 2px 0; } .horizontalView .custom_fields{ margin-top: 0; } .horizontalView .author_info .group_icon{ margin: 0; } /* Custom forum icons */ .fadedForumIcon{ -webkit-filter: grayscale(1); filter: grayscale(100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.3; } .ipbforumskins{} /* Animate skin by www.ipbforumskins.com */ </hide> Адм,извиняюсь. Думал хайд сработает ( Сори
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.