/***************************************************************/ /* IP.Board 3 ACP CSS */ /* ___________________________________________________________ */ /* By Rikki Tissier (valuable input by Blake Cheatham) */ /* (c)2008 Invision Power Services */ /***************************************************************/ /***************************************************************/ /*-----------------------------------------------*/ /* This section resets default browser styles. */ /* You shouldn't need to edit this section. */ /*-----------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,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; } /*-----------------------------------------------*/ /* Basic styles */ /*-----------------------------------------------*/ #ajax_loading { background-color: #6f8f52; padding: 5px; width: 8%; position: fixed; top: 0px; left: 46%; text-align: center; color: #fff; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 10000; } #acpLogInBoxWrap { margin-left: auto; margin-right:auto; margin-top:100px; width: 500px; border: 1px solid #d3dae0; background-color: #ffffff; } #tmp_nav { position: absolute; top: 55px; padding: 5px; right: 10px; color: #fff; display: none; } #tmp_nav a { color: #fff; } body#ipboard_body { background: #e4eaf1; min-width: 1000px; } body { font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; color: #1c2837; padding: 0px 0px 0px 0px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h2 { font-size: 1.6em; font-weight: normal; } h3 { font-size: 1.1em; color: #1d3652; } h3 img { margin-top: -2px; } table { width: 100%; } td { padding: 3px; } img { vertical-align: middle; } strong { font-weight: bold; } em { font-style: italic; } em strong { font-weight: bold; font-style: italic; } fieldset { border: 1px solid #CCCCCC; padding: 4px; } /* Enabling this will remove text from various places in the ACP. legend { display: none; } */ a { color: #192b40; /*text-decoration: none; border-bottom: 1px solid #9eb4cd;*/ } a:hover { color: #657b97; text-decoration: underline !important; } a.cancel { color: #ad2930; font-size: 0.9em; font-weight: bold; } /* Hide H1, Jump to content link */ h1, #content_jump { text-indent: -9999px; height: 0px; width: 0px; } /* HELP */ #acp_help { width: 20%; background: #e4eaf1; border-left: 1px solid #d3dae0; right: 0; top: -1px; bottom: 0px; height: 100%; position: absolute; display: none; } #acp_help #acp_help_content { padding: 6px; font-size: 11px; color: #53585e; } body.with_help #content_wrap, body.with_help #copyright, body.with_help #help_link { margin-right: 20%; } body.with_help #acp_help { display: block; } /*-----------------------------------------------*/ /* Branding/Header styles */ /*-----------------------------------------------*/ #header { position: relative; border-bottom: 15px solid #e4eaf1; } #branding { background: #1d3652 url(_newimages/branding_bg.png) repeat-x top; height: 81px; } /* Admin bar */ #admin_bar { background: #2e2e2e url(_newimages/acp_bar.png) repeat-x top; color: #d2d2d2; padding: 7px; font-size: 0.8em; height: 14px; } #admin_bar ul, #admin_bar li { display: inline; } #admin_bar li { padding: 0 3px 0 5px; color: #767676; } #admin_bar p { float: right; } #admin_bar #logged_in { display: block; float: right; } #admin_bar a { color: #fff; } #copyright { background-color: #192b40; padding: 6px; text-align: center; font-size: 11px; color: #fff; margin: 0px; /*position: absolute; right: 0px; bottom: 0px;*/ margin-left: 195px; } #copyright a { color: #e4eaf1; text-decoration: none; } #debug { font-size: 0.8em; border: 2px dotted #e4ecf2; margin-top: 15px; } #navigation { height: 31px; background: transparent url(_newimages/sub_bar.png) repeat-x; border-bottom: 5px solid #528f6c; } #navigation form { float: right; margin-right: 10px; margin-top: 5px; color: #e4eaf1; font-size: 11px; } #navigation form input { border: 1px solid #000; padding: 2px; } #navigation ul#section_buttons { display: inline; margin-top: -5px; } #navigation ul#section_buttons li { float: left; margin: 0px 0px 10px 10px; padding: 0; } #navigation ul#section_buttons li a { display: block; padding: 7px 15px 13px 7px; margin-right: -7px; color: #acbbcc; font-size: 1em; text-decoration: none !important; -moz-outline: 0; } #navigation ul#section_buttons li img { margin-right: 6px; } #navigation ul#section_buttons li.active { background: transparent url(_newimages/main_button_left.png) no-repeat; position: relative; top: -5px; } #navigation ul#section_buttons li.active a { background: transparent url(_newimages/main_button_right.png) no-repeat top right; color: #fff; font-weight: bold; padding-top: 10px; margin-left: 6px; } #navigation ul#section_buttons li.showing { background: transparent url(_newimages/main_button_left_active.png) no-repeat; } #navigation ul#section_buttons li.showing a { background: transparent url(_newimages/main_button_right_active.png) no-repeat top right; color: #181d23; } #app_menu_menucontent { background: #fafbfc; border: 1px solid #203b57; padding: 5px; min-width: 250px; position: absolute; z-index: 20000 !important; cursor: pointer; } #app_menu_menucontent a { display: block; padding: 4px 7px; clear: both; overflow: hidden; text-decoration: none; width: 236px; } #app_menu_menucontent a:hover { background: #ecf1f5; text-decoration: none !important; } #app_menu_menucontent a img { float: left; margin: 3px 12px 0px 3px; } #app_menu_menucontent a strong { display: block; float: left; } #app_menu_menucontent a span { display: block; float: left; clear: both; margin-left: 32px; margin-top: -3px; font-size: 10px; color: #666; width: 90%; } #secondary_navigation { background: transparent url(_newimages/sub_bar.png) repeat-x; height: 31px; } #secondary_navigation h2 { float: left; padding: 7px 0 0 10px; font-size: 1.2em; color: #fff; margin: 0; } #secondary_navigation li { float: left; margin: 9px 0 0 10px; font-size: 0.85em; color: #d0e0eb; } #secondary_navigation li a { color: #d0e0eb; text-decoration: none; } #secondary_navigation ol { margin-left: 246px; } #section_navigation { position: absolute; left: 0px; margin-top: 10px; border-top: 1px solid #d5e0e8; width: 195px; } #section_navigation a { text-decoration: none; } #section_navigation ul { color: #242e38; } #section_navigation > ul > li { border-bottom: 1px solid #d5e0e8; font-size: 1em; font-weight: bold; padding: 8px 10px; } #section_navigation > ul > li.has_sub { background-repeat: no-repeat; background-position: 100% 8px; } #section_navigation > ul > li.active { background: #fff; border-bottom: 3px solid #d6dde2; } #section_navigation ul ul { font-size: 0.85em; font-weight: normal; padding: 5px 0 0 10px; } #section_navigation ul ul li { padding: 2px; } #section_navigation ul ul li.active { font-weight: bold; } #section_navigation ul ul ul { font-size: 0.9em; font-weight: normal; padding-bottom: 6px; } #breadcrumb { overflow: hidden; font-size: 10px; color: #9b9b9b; margin: -5px 0 10px -5px; padding-left: 16px; background: url(_newimages/breadcrumb.png) no-repeat 2px; } #breadcrumb li { float: left; } #breadcrumb li a { color: #9b9b9b; text-decoration: none; } #page_body { background: #fff url(_newimages/page_bg.png) repeat-y; } #main_content { margin-left: 195px; border-top: 1px solid #d3dae0; /*border-bottom: 1px solid #d3dae0;*/ /*position: relative;*/ } #main_content #content_wrap { padding: 15px 20px; /*margin-bottom: 60px;*/ } .popupwindow #main_content { margin: 0 !important; } #toolbox { /* Formerly known as Context Menu. RIP. */ min-height: 30px; background: #f5f5f5; -moz-border-radius: 6px; color: #535f6d; margin-bottom: 15px; margin-left: -5px; } #toolbox ul li { float: left; padding: 8px 10px 0 10px; font-size: 0.9em; } #live_search_popup { position: absolute; background: transparent url('../../public/style_images/master/trans_bg.png'); margin-top: 15px; /* Height of the stem, below, minus a few */ margin-left: -370px; /* width of this box */ -moz-border-radius: 6px; } #live_search_popup #search_stem { position: absolute; right: 15px; top: -20px; width: 23px; height: 20px; background: transparent url(../../public/style_images/master/search_stem.png) no-repeat; } #live_search_popup #search_inner { background: #fff; color: #000; border: 1px solid #6b8cad; margin: 6px; width: 350px; max-height: 400px; overflow: auto; -moz-border-radius: 4px; } #live_search_popup h3 { border: 0; background: #d5dde5; padding: 3px; } #ajax_result { font-size: 0.85em; } #ajax_result ul > li { font-weight: bold; padding: 10px 6px; } #ajax_result ul > li span.section { width: 90px; text-align: right; display: block; } #ajax_result ul > li ol { margin-left: 100px; border-left: 1px solid #dedede; padding-left: 10px; margin-top: -15px; font-weight: normal; line-height: 150%; } #ajax_result ul li ol li { margin-bottom: 0; padding: 0; font-weight: normal; width: auto; } /** * Keith's CSS! * * Starting with Global styles, then breakdowns by individual areas. **/ .tip{ padding:0px 4px; font-weight:bold; background-color:#eef3e9; color:#82a562; border:1px solid #82a562; cursor:help; } .desctext{ color:#666; font-size: 90%; } .border_bottom{ border-bottom:1px dotted #d5dde5; } .more{ padding:8px 5px 5px 5px; text-align:right; } .more a{ display:block; margin:1px; padding:3px; text-decoration:none; } .more a:hover{ margin:0px; background-color:#f4f4f4; text-decoration:none !important; border:1px dotted #d5dde5; } .draghandle { cursor: move; padding: 4px; margin-right: 5px; float: left; } .section_title { border-bottom: 3px solid #e2e2e2; padding-bottom: 8px; position: relative; min-height: 25px; margin: 0 -6px 20px -6px; } .section_title h2 { position: relative; top: 4px; } .section_title .context_menu { float: right; position: absolute; top: 0px; right: 0px; } .section_info { border: 1px solid #e2e2e2; background: #f3f3f3; padding: 6px; margin: -10px -6px 20px -6px; } #main_content .menucatwrap, #main_content h2 { font-size: 1.6em; font-weight: normal; } #main_content .tableborder, #main_content .acp-container { border: 0; border-bottom: 3px solid #D5DDE5; } /*#main_content .acp-container .nofoot { border-bottom: 0; }*/ #main_content h3.bar, #main_content .tableborder h3, #main_content .acp-container h3, #main_content .tableheaderalt, #main_content .tableheader { background: #1d3652 url(../../public/style_images/master/gradient_bg.png) repeat-x 50%; } #main_content .tablefooter { background: #E5ECF3; padding: 5px; text-align: right; } #main_content .tablesubheader { background:#B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%; font-size: 13px; } #main_content .tablesubsubheader { background: #d9e4ef !important; padding: 5px; } #main_content .acp-message { border: 1px solid #b0ce94; background-color: #f1f6ec; background-image: url(../../public/style_images/master/information.png); background-repeat: no-repeat; background-position: right; color: #3e4934; padding: 5px; margin-bottom: 5px; } #main_content .acp-error { background-color: #f3dddd; background-image: url(_newimages/icons/exclamation.png); background-repeat: no-repeat; background-position: right; border: 1px solid #deb7b7; color: #281b1b; font-size: 1.1em; padding: 5px; margin-bottom: 5px; } #main_content .acp-row-on td, #main_content .acp-row-on, #main_content .acp-div-on { background: #FAFBFC; } #main_content .acp-row-off td, #main_content .acp-row-off, #main_content .acp-div-off { background: #F1F4F7; } #main_content .acp-row-red { background: #f2e4e7; } #main_content .acp-row-amber { background: #F9F7E0; } #main_content .menulinkwrap { /* display: block; clear: both; float: left;*/ padding: 5px; background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%; color: #1D3652; border: 1px solid #D5DDE5; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; margin: 5px 5px 5px 0; } /*-----------------------------------------------*/ /* Tab bar */ /*-----------------------------------------------*/ #main_content .tab_bar { background-color: #e4ebf2; padding: 7px 15px 25px 15px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; font-size: 0.9em; color: #4a6784; white-space:nowrap; } #main_content .tab_bar.no_title { background-image: url('../../public/style_images/master/th_bg.png'); background-repeat: repeat-x; background-position: bottom; padding: 7px 15px 56px 15px; } #main_content .tab_bar.no_title.mini { padding: 7px 15px 25px 15px; background-image: none; border-bottom: 8px solid #243f5c; background-color: transparent; } #main_content .tab_bar li { float: left; padding: 2px 10px; cursor: pointer; } #main_content .tab_bar li a { color: #4a6784; text-decoration: none; } #main_content .tab_bar li.active, #main_content .tab_bar li.tabon { background-color: #243f5c; color: #fff; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; margin: -2px 10px 0 10px; padding: 7px 10px; font-weight: bold; font-size: 1.1em; } #main_content .tab_bar li.active a, #main_content .tab_bar li.tabon a { color: #fff; font-weight: bold; text-decoration: none; } #main_content .tab_body { clear: both; background-color: #f6f8fa; padding: 15px; } /* * Global menu options */ .acp-menu { border: 1px solid #1d3652; background: #FAFBFC; width: auto; white-space: nowrap; z-index: 150; } .acp-menu li { border-bottom: 1px solid #E5ECF3; width: auto; padding: 3px; text-align: left; } /* Pointer for image menus */ .ipbmenu { cursor: pointer; } .acp-menu li.icon { background-repeat: no-repeat; background-position: 4px; padding-left: 25px; } .acp-menu li.add { background-image: url( _newimages/icons/add.png ); } .acp-menu li.edit { background-image: url( _newimages/icons/pencil.png ); } .acp-menu li.view { background-image: url( _newimages/icons/view.png ); } .acp-menu li.delete { background-image: url( _newimages/icons/delete.png ); } .acp-menu li.info { background-image: url( _newimages/icons/page_white_magnify.png ); } .acp-menu li.manage { background-image: url( _newimages/icons/cog.png ); } .acp-menu li.new { background-image: url( _newimages/icons/folder_add.png ); } .acp-menu li.password { background-image: url( _newimages/icons/key.png ); } .acp-menu li.export { background-image: url( _newimages/icons/export.png ); } .acp-menu li.refresh { background-image: url( _newimages/icons/arrow_refresh.png ); } .acp-menu li.printer { background-image: url( _newimages/icons/printer.png ); } .acp-menu li.find { background-image: url( _newimages/icons/user_find.png ); } .acp-menu li.assign { background-image: url( _newimages/icons/user_assign.png ); } .acp-menu li.user { background-image: url( _newimages/icons/user.png ); } .acp-menu li.package { background-image: url( _newimages/icons/package.png ); } .acp-menu a, .acp-menu a:hover { text-decoration: none; /* Fix styling applied by tables/tableheaders */ color: #000; } .acp-menu b, .acp-menu strong { /* Fix styling applied by tables/tableheaders */ font-weight: normal; } /* Quick Start! */ .quick_start td { padding: 0; } .quick_start .buttons { background-color: #D0DAEF; float: left; width: 50%; } .quick_start .quick_search { border-bottom: 1px solid #E0E7E9; background-color: #E9EFF3; width: 50%; } .quick_start a { display:block; margin:2px; padding:3px; text-decoration:none !important; font-weight:bold; } .quick_start label { font-weight: bold; float: left; margin: 6px 0px 0px 6px; } .quick_start form { float:right; margin-right: 6px; } /*#admin_notes { text-align: center; padding: 6px; background-color: #E9EFF3; } #board_overview { float: left; background-color: #EEF3F8; width: 100%; } #board_overview dl { margin-left:10px; } #board_overview dt, #board_overview dd { font-size: 0.85em; padding: 4px; width: 45%; } #board_overview dt { float: left; } #board_overview dd { float: right; font-weight: bold; border-left: 1px solid #E0E7E9; } #board_overview h3 { margin: 6px 0 8px; font-weight: bold; font-size: 1em; float: left; } #board_overview dt, #board_overview h3 { clear: both; }*/ /**************************************************************************************************************** NEW STYLES: ****************************************************************************************************************/ #main_content .acp-box { border: 0; border-bottom: 5px solid #D5DDE5; } #main_content .acp-box.with_bg { background: #E5ECF3; } #main_content .acp-box h3 { background: #1d3652 url('../../public/style_images/master/gradient_bg.png') repeat-x 50%; color: #fff; font-size: 1.1em; padding: 7px; } #main_content .acp-box p { background: #F1F4F7; padding: 5px; } #main_content .acp-box table { border: 0; } #main_content .acp-box table th { background: #B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x; font-weight: bold; padding: 5px; } #main_content .acp-box table td { padding: 5px; } #main_content .acp-box table.double_pad td { padding: 10px; } #main_content .acp-box table.triple_pad td { padding: 15px; } #main_content .acp-box table.double_pad th { padding: 5px 10px; } #main_content .acp-box table.triple_pad th { padding: 5px 15px; } #main_content .acp-box table.top_align td { text-align: top; } #main_content .acp-box h3 .right{ float: right; margin-top: -19px; } #main_content .acp-box .box { width: 200px; padding: 3px; color: #1D3652; background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .acp-actionbar { padding: 5px; background: #E5ECF3 !important; text-align: center; height: 26px; /*position: relative;*/ } /*.acp-actionbar .rightaction { float: right; position: absolute; right: 5px; top: 3px; }*/ /*.acp-actionbar .leftaction { float: left; position: absolute; left: 5px; bottom: 8px; }*/ .dropdown-button { background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%; color: #1D3652; padding: 5px; border: 1px solid #D5DDE5; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } .button, .realbutton { /*background: #ECF1F5 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%; color: #1D3652; padding: 5px; border: 1px solid #D5DDE5; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer;*/ background: #657b97 url(../../public/style_images/master/gradient_bg.png) repeat-x 70%;; color: #fff; padding: 3px; border: 1px solid #3e546f; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; text-decoration: none; } .button.nohand, .realbutton.nohand { cursor: text; } .button:hover, .realbutton:hover { color: #fff; text-decoration: none !important; } .realbutton.redbutton { background-color: #a31d1d; border-color: #661515; } #main_content .button .primary { background-color: white; border-color: #B1C2D4; } #main_content .button .primary:hover { border-color: #1d3652; } #main_content .button .match_textbox { padding-top: 1px; padding-bottom: 1px; } /*-----------------------------------------------*/ /* Pagination */ /*-----------------------------------------------*/ span.pagination.no_pages { font-size: 0.9em; color: #acacac; padding: 10px; float: left; display: block; height: 15px; } ul.pagination { height: 18px; float: left; margin-bottom: 10px; } ul.pagination.top { /*border-bottom: 1px solid #e1e1e1;*/ margin-bottom: 15px; padding: 0 0 5px 0; } ul.pagination.bottom { margin-top: 15px; /*border-top: 1px solid #e1e1e1;*/ padding: 5px 0 0 0; } ul.pagination a { text-decoration: none; } ul.pagination li { float: left; font-size: 0.9em; padding: 1px 4px; margin: 0 2px 0 2px; border: 1px solid #cfcfcf; background: #fff; } ul.pagination li.total { background: none; border: 0; margin-left: 0px; } ul.pagination li.active { font-size: 1em; color: #528f6c; font-weight: bold; border: 0; background-color: transparent; } ul.topic_jump { margin: 0 auto 15px auto; float: right; border-top: 1px solid #e4e4e4; font-size: 0.8em; padding-top: 4px; clear: both; } ul.topic_jump li { float: left; padding: 1px 7px; font-weight: bold; } ul.topic_jump li a { text-decoration: none; } ul.topic_jump li.previous a, ul.topic_jump li.next a { font-weight: normal; } ul.topic_jump li.previous { border-right: 1px solid #8f8f8f; } ul.topic_jump li.next { border-left: 1px solid #8f8f8f; } ul.mini_pagination { display: inline; font-size: 0.75em; margin-left: 7px; } ul.mini_pagination li { display: inline; padding: 1px 3px; border: 1px solid #d3d3d3; margin-right: -1px; } ul.options_menu { float: right; display: block; margin-top: -20px; padding: 2px; z-index: 1000; background-color: #e4ebf2;/*#e4ebf2;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul.options_menu li { float: left; } ul.options_menu li a { display: block; float: left; padding: 0 3px; } /*-----------------------------------------------*/ /* Members */ /*-----------------------------------------------*/ .member_form span.member_detail { display: inline-block; padding: 5px; min-width: 210px; } .member_form input, .member_form select { } .change_icon { width: 16px; height: 16px; background: url('images/pencil_go.png'); text-indent: -5000px; display: inline-block; -moz-outline: 0 } .acp-sidebar { } .acp-sidebar .sidebar_box { border: 1px solid #b3c2d2; width: 80%; margin: 10px auto; background: #fff; padding: 5px; } .big_red_button { border: 1px solid #804040; background: #BF3030 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%; color: #fff; display: block; padding: 4px; margin: 10px 0 0 0; text-decoration: none; } .big_red_button:hover { color: #fff !important; } .photo_options { display: inline-block; background: #369; -moz-border-radius: 5px; -webkit-border-top-left-radius: 5px; float: right; position: relative; top: -19px; left: 5px; padding: 4px 0 4px 4px; } .photo_options li { display: inline-block; margin-right: 3px; position: relative; top: 1px; } span.yesno_yes, span.yesno_no { display: inline-block; padding: 3px; min-width: 50px; max-width: 60px; text-align: center; } span.yesno_yes input, span.yesno_no input { margin-right: 10px; } span.yesno_yes { background: #e3f6e5; border: 1px solid #b4e3b9; border-right: 0; -moz-border-radius-top-left: 6px; -moz-border-radius-bottom-left: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; } span.yesno_no { background: #f6e3e3; border: 1px solid #e3b4b4; border-left: 0; -moz-border-radius-top-right: 6px; -moz-border-radius-bottom-right: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; } .member_name { font-weight: bold; } /*-----------------------------------------------*/ /* Forms */ /*-----------------------------------------------*/ .acp-form ul { list-style-type: none; list-style-image: none; list-style-position: outside; } .acp-form.sep_rows li { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .acp-form li { display: block; padding-bottom: 1em; overflow: hidden; padding: 5px; } .acp-form label { float: left; width: 50%; font-weight: bold; padding-right: 5px; padding-left: 10px; } .acp-form label.head, .acp-form li.head { display: block; padding-bottom: 1em; overflow: hidden; padding: 5px; width: 100%; background:#B1C2D4 url(../../public/style_images/master/gradient_bg.png) repeat-x scroll 50% 50%; } .acp-form span.desctext { display: block; color: #666666; font-size: 0.9em; font-family: arial,verdana,tahoma,sans-serif; font-style: normal; font-weight: normal; } .acp-form input, textarea, select { width: auto; vertical-align: middle; } .acp-form span.yesno_yes, .acp-form span.yesno_no { display: inline-block; padding: 3px; min-width: 60px; max-width: 60px; text-align: center; } .acp-form span.yesno_yes input, .acp-form span.yesno_no input { margin-right: 12px; } span.yesno_yes label, span.yesno_no label { float: none !important; font-weight: normal !important; clear: none !important; width: auto !important; padding: 0 !important; } .form_table td { padding: 10px; } .form_table td label { font-weight: bold; width: 90% !important; } /* --------------- */ /* Inline form styles */ #inlineFormWrap { position: absolute; background-color: #5f5f5f; color: #000; width: 350px; border:1px solid #FFF; z-index: 150; } #inlineFormInnerWrap { } #inlineFormInnerClose { margin: 9px 10px 0px 0px; width: 13px; height: 13px; float: right; /*background-image: url('images/close_dark_round.gif');*/ background-repeat: no-repeat; cursor: pointer; } #inlineFormInnerTitle { padding: 2px; } #inlineFormInnerContent { background-color: #edf0f4; border: 1px solid #4d5b6b; padding: 5px; } #inlineFormInnerTitle h4 { background-color: #3d3d3d; font-size: 16px; color: #fff; padding: 6px; font-weight: normal; } #inlineFormLoading { text-align: center; font-size:18px; font-weight: bold; background-color: #FFFFFF; border: 1px solid #4d5b6b; padding:20px; z-index:1000; } #inlineErrorBox { border: 1px solid #000; background-color: #FFCCCC; font-size:14px; text-align: center; padding-top:20px; z-index: 999; } #inlineErrorBox strong { font-size:30px; } #inlineErrorBox img { vertical-align: -12px; } #inlineErrorText { overflow: auto; height: 90px; padding:8px; } .inlineFormEntry { background-color: #e7eaf0; margin-bottom: 2px; } .inlineFormLabel { padding: 4px; font-size: 14px; font-weight: bold; } .inlineFormLabel p { color: gray; font-weight:normal; font-size: 11px; } .inlineFormInput { padding: 4px; } .inlineFormSubmit { background-color: #4b5b6e; text-align: center; padding: 6px; color: #30353c; border-bottom: 1px solid #d9dee8; height: 22px; } /* Autocomplete */ .ipbmenu_content { background-color: #eef3f8; border: 1px solid #d5dde5; min-width: 85px; padding: 5px; font-size: 0.9em; z-index: 150; margin-left: 0px; } .ipbmenu_content li { border-bottom: 1px solid #d5dde5; padding: 5px; } .ipbmenu_content li:last-child { border-bottom: 0; padding-bottom: 0px; } .ipbmenu_content li:first-child { padding-top: 0px; } /* Template editor */ #left_pane { overflow: hidden; } .parts_list { max-height: 470px; overflow: auto; background: #f1f4f7; cursor: pointer; border-right: 2px solid #d5dde5; position: relative; } .parts_list li { padding: 5px 7px; border-bottom: 1px solid #d5dde5; font-weight: bold; } .parts_list li.loading { background-image: url(_newimages/loading.gif); background-position: 98% 5px; background-repeat: no-repeat; } .parts_list ul { padding: 6px 0 10px 0; } .parts_list ul li { font-size: 0.90em; padding: 1px 5px 1px 10px; border-bottom: 0px; font-weight: normal; background: none; position: relative; } .parts_list li .delete_icon { position: absolute; right: 3px; } #template_editor { position: relative; } #template_toolbar { background: #e5ecf3; padding: 3px 3px 3px 0; height: 25px; border-bottom: 2px solid #d5dde5; } #template_toolbar li { float: left; background: #ecf1f5; border: 1px solid #d5dde5; padding: 4px 9px; -moz-border-radius: 3px; font-size: 0.9em; margin: 0 4px; } #template_toolbar li#t_status { border: 0; width: 90px; height: 20px; background: transparent; padding: 6px 0 0 25px; font-size: 11px; color: #6e6e6e; cursor: default; } #template_toolbar li#t_status.loading { background-image: url(_newimages/loading.gif); background-position: 0px 6px; background-repeat: no-repeat; } #template_toolbar li.right { float: right; } #template_toolbar li.disabled { color: #a1a1a1; font-style: italic; } #template_toolbar #document_buttons { margin-left: 20%; } #template_toolbar #editor_buttons { position: relative; bottom: -7px; } #template_toolbar #editor_buttons li { border: 0; background: #d5dde5; cursor: pointer; } #template_toolbar #editor_buttons li.active { background: #1d3652; color: #fff; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; } .template_menu { padding: 0; font-size: 11px; height: 30px; overflow: hidden; background: #1d3652; color: #fff; } .template_menu ul { margin-left: 5px; } .template_menu ul li { float: left; padding: 8px 8px; color: #e4eaf1; cursor: pointer; } #css_list_wrap, #template_list_wrap { min-height: 500px; background: #f1f4f7; } #template_footer { background: #e5ecf3; padding: 8px 6px 6px 6px; clear: both; border-top: 2px solid #d5dde5; font-size: 11px; } #template_editor { background: #d5dde5; } .replacement_save { width: 70%; text-align: right; padding: 5px 0; margin: 0 auto; } /* LANGUAGES */ .language_editor textarea { width: 95%; height: 80%; border: 1px solid #9f9f9f; font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; } .language_editor textarea.default_lang { background: #f6f6f6; } .language_editor textarea.new_lang { background: #fff; } .stem { width: 31px; height: 16px; position: absolute; } .stem.topleft { background-image: url(../../public/style_images/master/stems/topleft.png); } .stem.topright { background-image: url(../../public/style_images/master/stems/topright.png); } .stem.bottomleft { background-image: url(../../public/style_images/master/stems/bottomleft.png); } .stem.bottomright { background-image: url(../../public/style_images/master/stems/bottomright.png); } .popupWrapper { background: url(../../public/style_images/master/trans_bg.png); /*background: #192b40;*/ /*width: 500px;*/ color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .popupInner { background: #fff; color: #000; border: 3px solid #d5dde5; /*height: 200px;*/ width: 500px; margin: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: auto; } .popupInner h3, .popupInner h4 { font-size: 14px; padding: 4px; border: 0; background-color: #dae4ed; padding-left: 24px; } .popupInner h4 { padding-left: 4px; font-size: 12px; } .popupInner .desctext { margin-left: 8px; } .popupClose { position: absolute; left: 12px; top: 12px; cursor: pointer; } .closePopup { position: absolute; right: 12px; top: 12px; } .popup_footer { position: absolute; bottom: 0px; right: 0px; padding: 15px; } .popup_body { padding: 10px; } del, .diffred { background-color: #D7BBC8; color: black; font-weight: normal; text-decoration: none; } ins, .diffgreen { background-color: #BBD0C8; color: black; font-weight: normal; text-decoration: none; } .topic_controls { min-height: 30px; } #main_content table.real-table { margin-left: 1px; margin-right: 1px; } #main_content table.real-table td, #main_content table.real-table th { border: 1px solid black; } /* CONTEXT MENU BUTTONS */ .context_menu li { float: right; margin: 0px 10px 10px 0px; background: transparent url(_newimages/topic_button_left.png) no-repeat; padding: 0; } .context_menu li a, .context_menu li span { display: block; margin-right: 0px; margin-left: 6px; font-size: 0.9em; text-decoration: none !important; color: #fff; -moz-outline: 0; } .context_menu li span { padding: 5px 12px 6px 3px; } .context_menu li a { background: transparent url(_newimages/topic_button_right.png) no-repeat top right; padding: 5px 12px 4px 3px; } .context_menu li a img, .context_menu li span img { margin: -1px 5px 1px 0; } .context_menu li.disabled { background: transparent url(_newimages/topic_button_left_disabled.png) no-repeat; } .context_menu li.disabled span { background: transparent url(_newimages/topic_button_right_disabled.png) no-repeat top right; color: #8f8e8e; } .context_menu li.closed { background: transparent url(_newimages/topic_button_delete_left.png) no-repeat; } .context_menu li.closed span, .context_menu li.closed a { background: transparent url(_newimages/topic_button_delete_right.png) no-repeat top right; } #forum_wrapper .tableheaderalt { padding: 3px; } #forum_wrapper .forum_row { border-bottom: 1px solid #e4ebf2; } #forum_wrapper .forum_row td, #forum_wrapper td.forum_row { background: #eef3f8; padding: 8px; } #forum_wrapper .forum_row.subforum td, #forum_wrapper td.forum_row.subforum { background: #f6f8fa; } #forum_wrapper .forum_row.subforum td strong { font-weight: normal; } #forum_wrapper .forum_row td .forum_desc { font-size: 11px; color: #666; } .member_search { background: #ECF1F5; } .member_search ul { width: 95%; } .member_search li { padding: 7px; border-bottom: 1px solid #d5dde5; } .member_search label { width: 40%; display: block; float: left; } .simple { padding: 8px; } .member_search .simple { } /* DASHBOARD */ #dashboard .acp-box h3 { font-size: 12px; padding: 5px; } #quick_start table { background: #ECF1F5; border: 1px solid #d5dde5; border-bottom-width: 3px; font-size: 12px; font-weight: bold; } #quick_start td { width: 33%; padding: 6px; } #quick_start a, #quick_start a:hover { text-decoration: none !important; } #quick_start td img { margin-right: 6px; } #search_and_stats, #notes_and_news, #blog_and_bulletin, #admin_boxes { overflow: hidden; height: 1%; } #quick_search, #stats_overview, #ips_news, #ips_supportbox, #ips_blog, #ips_update_security, #ips_update_update, #ips_update_normal, #admin_notes, #active_admins, #admin_logins { width: 49%; float: left; line-height: 140%; } #ips_supportbox, #ips_blog, #admin_logins, #active_admins { margin-top:8px; } #ips_update_security, #ips_update_update, #ips_update_normal { margin-bottom:8px; } #quick_search td, #stats_overview td { padding: 5px; } #stats_overview .sub { padding-left: 10px; } #stats_overview .desctext { font-size: 11px; } #quick_search, #admin_notes, #ips_blog, #active_admins { margin-right: 2%; } #notes_and_news { clear: both; margin-top: 10px; } #notes_and_news .notes { text-align: center; } .dashboard_notes{ width:90%; margin:0 auto; padding:3px; background-color:#fdffdd; color:#6c6850; border:1px solid #e8d779; font-family:arial, verdana, tahoma, sans-serif; font-size:0.9em; -moz-border-radius:4px; } /* REPORTS */ .hierarchy tr.parent td { background: #eef3f8; border-bottom: 1px solid #e4ebf2; } .hierarchy tr.child td { background: #f8fafb; border-bottom: 1px solid #e4ebf2; } /* WARNINGS */ .warning, .information-box, .help-box { padding: 10px 10px 10px 30px; } .warning h4, .information-box h4, .help-box h4 { padding: 4px; margin: -6px -6px 6px -23px; font-size: 14px; font-weight: bold; } .warning h4 img, .information-box h4 img, .help-box h4 img { margin-top: -2px; float: left; } .warning { background: #fbe6f2 !important; border: 1px solid #e68f8f; } .warning h4 { color: #7a2929; } .information-box { background: #f9f7e0; border: 1px solid #eadca0; } .information-box h4 { color: #6c6141; } #help_link, #help_nw { display: block; margin-top: -8px; margin-right: 0px; float: right; color: #528f6c; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px 7px 4px; background: #e9f4ee; border: 1px solid #99c8ad; position: absolute; right: 12px; -moz-outline: 0; } #help_link:hover { text-decoration: none !important; color: #657b97; } #help_link.showing { right: 46px; } #help_link.showing, #help_nw.showing { border-bottom: 0; } #main_help { margin-right: -12px; margin-top: -3px; padding: 4px; } .help-box { background: #e9f4ee; overflow: auto; margin-right: -10px; padding-left: 10px; border: 1px solid #99c8ad; margin-top: -1px; } .help-box h4 { color: #416e6e; } #acp-help-contents { padding: 6px; max-height: 150px; overflow: auto; border: 1px solid #f0f8f4; background: #fcfefd; line-height: 150%; font-size: 0.9em; } #acp-help-contents li { margin-left: 20px; } #acp-help-contents ul li { list-style-type: disc; } #acp-help-contents ol li { list-style-type: decimal; } #acp-help-contents .acp-help-note { background-color: #fffbda; padding: 8px 20px; color: #54553f; } #acp-help-contents .acp-help-example { background-color: #d9eff3; padding: 8px 20px; color: #3f5255; } #acp-help-contents .acp-help-warning { background-color: #f5d3d3; padding: 8px 20px; color: #594949; } /*.warning-box, .information-box, .help-box { color: #000; border: 1px solid #000; background-color: #FCF8C7; padding: 6px; text-align:left; } .warning-box img, .information-box img, .help-box img { float:left; margin-top: 10px; margin-right: 5px; vertical-align:middle; border: 0px; } .warning-box h2, .warning-box p, .information-box h2, .information-box p, .help-box h2, .help-box p { padding: 0px; margin: 0px; margin-left: 60px; } .warning-box h2, .information-box h2, .help-box h2 { padding-bottom: 4px; font-size: 14px; border-bottom: 1px solid #000; } .warning-box { background-color: #f7e2e2; border: 1px solid #af6d6d; color: #642f2f; } .warning-box ul { margin-left: 30px; } .help-box { background-color: #D5EEB6; }*/ /* LOGIN */ #login { width: 389px; height: 274px; background: transparent url(_newimages/acp_login.png) no-repeat; margin: 15% auto 0 auto; position: relative; } #login_submit { margin: 0 auto; position: absolute; bottom: 10px; text-align: center; width: 100%; } #login_submit input { font-size: 14px; font-weight: bold; padding: 3px 9px; } #login_controls { margin: 0 auto; position: absolute; width: 100%; top: 130px; font-size: 16px; } #login_controls label { display: block; width: 35%; color: #fff; float: left; clear: both; margin-bottom: 12px; text-align: right; padding-right: 15px; } #login_controls input { margin-bottom: 12px; font-size: 14px; width: 45%; } #login_error { position: absolute; top: 75px; width: 90%; left: 4%; font-size: 13px; background: #942323; border: 1px solid #7c2323; padding: 4px; color: #fff; } #redirect { width: 389px; min-height: 80px; margin: 15% auto 0 auto; position: relative; background: #1d3652; color: #fff; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #redirect h2 { font-size: 22px; display: block !important; } #redirect p { font-size: 16px; } #redirect a { color: #657b97; display: block; margin-top: 15px; } .redirector { background-color: #f6f8fa; border: 1px solid #d5dde5; padding: 10px; overflow: hidden; } .redirector img.redirect { float: left; } .redirector div.info { text-align: center; font-size: 18px; margin: 10px; } .redirector.complete { border: 1px solid #b0ce94; background-color: #f1f6ec; } .no_items { padding: 25px 30px; color: #1c2837; background-color: #f6f8fa; } .clear { clear: both; } .right-border { border-right: 1px solid #1d3652; } .bullets ul, .bullets ol, ul.bullets, ol.bullets { list-style: disc; margin-left: 30px; line-height: 150%; list-style-image: none; } .hookupdate { font-weight: bold; color: #ff9933; } /* Permission */ .permission_table { border-collapse: separate !important; } .permission_table td.section { font-size: 12px; padding: 4px; border: 0; background-color: #dae4ed; border-bottom: 2px solid #bfcad3 !important; border-top: 1px solid #ced8e0; } .permission_table .perm { font-size: 11px; text-align: center; padding: 10px !important; border-left: 3px solid #fff; } /* User agents */ #uagents_groups .uagent_list { background: #f9fbfc; border: 1px solid #b5c5d6; height:400px; overflow:auto; } .uagent_list .uAgentsGRow, .uagent_list .uAgentsGRRow { padding: 8px; border-bottom:1px solid #ddd; } .uagent_list .uAgentsGHover, .uagent_list .uAgentsGRHover { background-color: #F1F4F7; cursor: pointer; padding:8px; }