/***************************************************************/ /* 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,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; } img { vertical-align: middle } /*-----------------------------------------------*/ /* Basic styles */ /*-----------------------------------------------*/ #bookManagePop_popup ul > li { margin-top: 8px; } #ajax_loading { background-color: #6f8f52; padding: 5px; width: 8%; position: fixed; top: 0px; left: 46%; text-align: center; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -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; } html { height: 100%; } body { background: #fff; font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; position: relative; color: #4c4c4c; height: 100%; } input, select, textarea { font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; } a { text-decoration: none; color: #3287c9; } a:hover { color: #8f0758; } .desctext { color: #969a9d; font-size: 90%; } .left { float: left; } .right { float: right !important; } .clear { clear: both; } .clickable { cursor: pointer; } .clearfix, .context_menu { zoom: 1 } /* IE7 hack */ .clearfix:after, .context_menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .center { text-align: center; } .pad { padding: 10px; } .larger_text { font-size: 110%; } .ipsList { } .ipsList_inline, .ipsList_inline > li { display: inline; } #modal { width: 100%; height: 100%; background: url( images/trans_bg.png ); position: absolute; top: 50px; bottom: 0; left: 0; right: 0; z-index: 16000; } .modal { background-color: #3e3e3e; } /****************************************************/ /* GLOBAL INTERFACE */ /****************************************************/ #header { background: url( images/header_bg.png ) repeat-x; padding: 0 15px; color: #d4d4d4; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); font-size: 11px; z-index: 16500; } #header .logged_in { margin-left: 20px; display: inline-block; } #header #user_links { margin-left: 15px; } #header #user_links a { display: inline-block; padding: 4px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #262626; /* old browsers */ background: -moz-linear-gradient(top, #262626 0%, #333333 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#333333)); /* webkit */ text-shadow: none; color: #d4d4d4; margin-right: 5px; } #header #user_links a:hover { background: #565656; color: #fff; } #search { height: 52px; line-height: 52px; } #search #acpSearchKeyword { /*#search #search_field {*/ border: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 6px 28px 6px 6px; font-size: 13px; min-width: 220px; margin-left: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset; box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset; } #search #acpSearchKeyword.inactive { /*#search #search_field.inactive {*/ color: #c1c1c1; } #acp_loading { position: absolute; right: 6px; top: 18px; } #app_bar { background: url( images/app_bar_bg.png ) repeat-x; min-height: 51px; padding: 12px 15px 3px; } #app_bar > ul > li { float: left; font-size: 16px; font-weight: 300; color: #fff; margin-right: 15px; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); } #app_bar > ul > li > a { color: #fff; height: 40px; padding: 0 10px; line-height: 40px; display: block; } /*#app_bar > ul > li > a:hover,*/ #app_bar > ul > li.current > a { background: #3f6fa2; color: #fff; -moz-border-radius: 2px; } #app_bar > ul > li.active { background: transparent url( images/app_tab_left.png ) no-repeat top left; } #app_bar > ul > li.active > a { color: #fff; margin-left: 8px; padding-right: 17px; background: transparent url( images/app_tab_right.png ) no-repeat top right; } #edit_tabs { line-height: 40px; /* 52px height - 12px padding on parent */ color: #6390bf; font-size: 11px; } #edit_tabs:hover { color: #fff; } /* App menu */ .app_menu ul { position: absolute; z-index: 20000; text-shadow: none; font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; color: #000; min-width: 200px; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px rgba(0,0,0,0.4); margin-top: -2px; border: 1px solid #ac156d; border-top: 4px solid #ac156d; } .app_menu ul li > a, .app_menu ul li > span { color: #811052; display: block; padding: 8px 20px 8px 8px; position: relative; outline: 0; } .app_menu ul li { background: #f7eff5; position: relative; cursor: default; white-space: nowrap; } /*.app_menu ul li:hover { background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x top; color: #fff; }*/ .app_menu ul li.current { color: #fff; background: rgb(206,60,115); background: -moz-linear-gradient(top, rgba(206,60,115,1) 0%, rgba(174,25,88,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,60,115,1)), color-stop(100%,rgba(174,25,88,1))); } .app_menu ul li.current > a, .app_menu ul li.current > span { color: #fff; } .app_menu ul li:hover > a:active, .app_menu ul li:hover > span:active { background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x bottom; } .app_menu ul li.has_sub .menu_arrow { position: absolute; right: 5px; top: 10px; background: url( images/menu_has_sub.png ) no-repeat bottom; width: 9px; height: 10px; text-indent: -2000em; } .app_menu li.has_sub.current > a .menu_arrow, .app_menu li.has_sub.current > span .menu_arrow { background-position: top; } .app_menu ul ul li { padding: 0; } #breadcrumb { font-size: 11px; color: #9b9b9b; padding: 0px; margin-bottom: 25px; } #breadcrumb a { color: #9b9b9b; } #breadcrumb li { display: inline; } #breadcrumb .nav_sep { display: inline-block; margin: 0 6px; } #page_body { margin: 0; width: 100%; position: relative; } #page_body.open_menu #section_navigation { display: block; } #page_body.open_menu #main_content { margin-left: 195px; } #section_navigation { width: 195px; position: absolute; left: 0px; top: 0px; background: #f4fbff; border-right: 1px solid #cceffc; border-bottom: 1px solid #cceffc; -moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; -webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; padding: 25px 0 0 0px; } #section_navigation > ul > li { padding: 5px 0 10px 10px; line-height: 1.5; font-size: 14px; font-weight: bold; color: #383838; } #section_navigation a { color: #383838; } #section_navigation ul ul { margin: 5px 0 0 10px; font-size: 11px; font-weight: normal; } #section_navigation li.active { background: #fff; position: relative; border: 1px solid #cceffc; padding: 4px 0 9px 10px; border-right: 0; border-left: 0; -moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; -webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #section_navigation li.active ul { display: block; } #toggle_sidebar { display: block; position: absolute; z-index: 9999; text-indent: -2000em; top: 0; left: 0; outline: 0; } .open_menu #toggle_sidebar { width: 195px; height: 13px; background: #e5f2f9 url( images/sidebar_toggle_close.png ) no-repeat top left; } .open_menu #toggle_sidebar:hover { background: #cceffc url( images/sidebar_toggle_close.png ) no-repeat bottom left; } .close_menu #toggle_sidebar { bottom: 0; width: 8px; background: #e5f2f9 url( images/sidebar_toggle_open.png ) no-repeat top left; } .close_menu #toggle_sidebar:hover { width: 15px; background: #cceffc url( images/sidebar_toggle_open.png ) no-repeat top right; } #main_content { padding: 15px; min-height: 300px; } #footer { margin: 20px 15px 0; padding: 10px 15px; font-size: 11px; text-align: center; color: #9a9a9a; } #footer a { color: #9a9a9a; } #footer a:hover { color: #8f0758; } /****************************************************/ /* LIVE SEARCH */ /****************************************************/ #search { position: relative; } #live_search_results { background: #fff; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-box-shadow: -3px 5px 8px rgba(0,0,0,0.15); -webkit-box-shadow: -3px 5px 8px rgba(0,0,0,0.15); box-shadow: -3px 5px 8px rgba(0,0,0,0.15); position: absolute; right: 10px; width: 800px; z-index: 25000; } #ls_sections, #ls_results { height: 300px; float: left; } #ls_sections { width: 159px; background: #ededed; border-right: 1px solid #d9d9d9; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; position: relative; } #ls_sections li { padding: 7px 12px 7px 7px; font-size: 12px; font-weight: bold; position: relative; cursor: pointer; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } #ls_sections li:hover { background: #e6e5e5; } #ls_sections li.active { background: #fff; right: -1px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; cursor: default; } #ls_sections li:first-child.active { border-top: 1px solid #fff; } #ls_sections li.active .count { background: #eaeaea; } #ls_sections li.disabled { color: #cbcbcb; cursor: default; } #ls_sections li.disabled:hover { background-color: transparent; } #ls_sections li#ls_marketplace { position: absolute; bottom: 0; right: -1px; left: 0; color: #ab156d; text-align: center; } #ls_sections .count { position: absolute; right: 8px; top: 7px; font-size: 9px; padding: 1px 5px; background: #dbdbdb; -moz-border-radius: 2px; border-radius: 2px; } #ls_results { width: 640px; position: relative; } #ls_results > div { position: absolute; top: 30px; right: 10px; bottom: 30px; left: 10px; overflow: auto; } #ls_results ul { line-height: 1.7; margin: 0px 0 0 20px; } #ls_results li.even, #ls_results li.odd { float: left; width: 48%; padding: 5px 0; line-height: 1.2; } #ls_marketplace_panel .pad { font-size: 17px; text-align: center; line-height: 1.5; margin-top: 30px; } #ls_forums_panel li { line-height: 1.2; padding: 5px 0; } #ls_results img { width: 30px; height: 30px; margin-right: 5px; border: 1px solid #d8d8d8; } #ls_results .desctext { font-size: 11px; } #ls_no_results { font-size: 16px; color: #9e9e9e; position: absolute; left: 0; right: 0; top: 47%; text-align: center; } #ls_stem { position: absolute; top: -18px; right: 180px; } .livesearch-groups { font-style: italic; color: #000; } /****************************************************/ /* GENERAL PAGE STYLES */ /****************************************************/ .section_title h2 { font-size: 26px; font-weight: 300; margin-bottom: 15px; padding-bottom: 5px; } .section_info { margin-top: -15px; margin-bottom: 25px; color: #7f7f7f; line-height: 1.5; font: 13px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif; } table.double_pad td { padding: 15px; } /****************************************************/ /* BLOCK STYLES */ /****************************************************/ .acp-box, .ipsBlock { -moz-box-shadow: 0 0px 14px rgba(138,138,138,0.2); -webkit-box-shadow: 0 0px 14px rgba(138,138,138,0.2); box-shadow: 0 0px 14px rgba(138,138,138,0.2); border: 1px solid #d7e6f0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .acp-box.alt, .ipsBlock.alt { border-color: #e8dbe3; } .acp-box h3, .ipsBlock_title { background: #23456b url( images/acpBlockTitle.png ) repeat-x; color: #fff; font-size: 16px; font-weight: 300; padding: 0 10px; height: 36px; line-height: 36px; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); border-bottom: 1px solid #2d3e52; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } pre .acp-box h3 { font-family: 'Helvetica Neue',helvetica,arial,sans-serif !important; } .acp-box.alt h3, .ipsBlock_title.alt { background: #ab166e url( images/acpBlockTitle_alt.png ) repeat-x; border-bottom: 1px solid #851256; } .acp-box h3 .loading { font-size: 12px; } .ipsBlock_titlelink { float: right; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 8px; display: inline-block; color: #fff; text-shadow: none; font-size: 12px; background: #19395d; line-height: 1; margin-top: 9px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset; box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset; } .ipsBlock_titlelink:hover { background: #ab156d; color: #fff; } /****************************************************/ /* FORM ELEMENT STYLES */ /****************************************************/ .textinput, .multitext, .input_text, .ipsTagBox_wrapper { padding: 4px; border-width: 1px; border-style: solid; border-top-color: #848484; border-left-color: #c1c1c1; border-right-color: #c1c1c1; border-bottom-color: #e1e1e1; background: #fff; -moz-border-radius: 2px; border-radius: 2px; width: 350px; } .textinput:focus, .multitext:focus, .input_text:focus { border-top-color: #4e4e4e; border-left-color: #7c7c7c; border-right-color: #7c7c7c; border-bottom-color: #a3a3a3; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); } .textinput.no_width, .input_text { width: auto; } input.inactive, select.inactive { color: #c4c4c4; } select { padding: 1px; } .acp-actionbar { background: #f5f5f5; border-top: 1px solid #d7d7d7; padding: 10px; text-align: center; } .rightaction { text-align: right; } .button, .realbutton{ padding: 5px 19px; border: 0; background: #363636; color: #fff !important; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .button.redbutton, .realbutton.redbutton { background-color: #a31d1d; border-color: #661515; } .mini_button, .mini_button.secondary { display: inline-block; padding: 6px 10px; -moz-border-radius: 4px; border-radius: 4px; background: rgb(209,47,112); background: -moz-linear-gradient(top, rgba(209,47,112,1) 0%, rgba(173,17,85,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,47,112,1)), color-stop(100%,rgba(173,17,85,1))); color: #fff; font-size: 11px; margin-left: 10px; cursor: pointer; border: 1px solid #78124f; text-shadow: 0px -1px 0px rgba(0,0,0,0.4); } .mini_button:hover { background: #d12f70; } .mini_button.secondary { background: rgb(178,178,178); background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(134,134,134,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(100%,rgba(134,134,134,1))); border: 1px solid #797979; } .mini_button.secondary:hover { background: #b2b2b2; } span.yesno_yes, span.yesno_no { display: inline-block !important; padding: 3px; min-width: 50px; max-width: 60px; text-align: center; height: 20px !important; } span.yesno_yes input, span.yesno_no input { margin-right: 10px; } span.yesno_yes label, span.yesno_no label { display: inline-block !important; font-weight: normal !important; padding-top: 2px; } span.yesno_yes { background: #e3f6e5; border: 1px solid #b4e3b9; border-right: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; } span.yesno_no { background: #f6e3e3; border: 1px solid #e3b4b4; border-left: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .ipsCancel { color: #aa072e; font-weight: bold; } #ipboard_body .ips_editor { margin: 0 !important; } /****************************************************/ /* BASE TABLE STYLES */ /****************************************************/ .ipsTable, .form_table { width: 100%; } .ipsTable.no_background td { background: transparent; } .header, .ipsTable th, .form_table th { background: #d6e4f1; color: #246594; text-shadow: 1px 1px 0 #d4e1ef; padding: 10px; font-size: 12px; font-weight: bold; } .acp-box.alt .ipsTable th { background: #F7E4ED; color: #96235D; text-shadow: 1px 1px 0 #EDD3E0; } .ipsTable th.subhead, .ipsTable td.subhead, .form_table th.subhead, .form_table td.subhead { background: #eaf1f7; } .ipsTable td, .form_table td { padding: 10px; } table .field_title { width: 25%; max-width: 280px; min-width: 230px; vertical-align: top; text-align: right; } .field_title .title, .form_table td label { font-size: 14px; font-weight: bold; display: block; text-align: right; } .field_highlight { color: #d27f29; text-transform: uppercase; font-size: 10px; } .required { color: #b53300; font-weight: bold; font-size: 13px; margin-left: 3px; } ._red, ._red td { background: #f2e4e7 !important; } ._amber { background: #F9F7E0 !important; } .ipsTable tr:nth-child(odd) td, .ipsTable tbody:nth-child(odd) td, table.alternate_rows tr:nth-child(odd) td, ul.alternate_rows li:nth-child(odd) .ipsTable tr td, ul.alternate_rows li:nth-child(odd), .row2 { /* Special case for settings */ background: #f5f8fa; } .ipsTable tr:nth-child(even) td, .ipsTable tbody:nth-child(even) td, table.alternate_rows tr:nth-child(even) td, ul.alternate_rows li:nth-child(even) .ipsTable tr td, ul.alternate_rows li:nth-child(even), .row1 { /* Special case for settings */ background: #fff; } .acp-box.alt .ipsTable tr:nth-child(odd) td, .acp-box.alt .alternate_rows tr:nth-child(odd) td, .acp-box.alt ul.alternate_rows li:nth-child(odd) .ipsTable tr td, .acp-box.alt .row2 { /* Special case for settings */ background: #faf6f8; } .ipsTable .col_buttons { vertical-align: top; } .ipsTable .col_drag, .form_table .col_drag { padding-left: 5px; padding-right: 5px; text-align: left; max-width: 15px !important; width: 15px !important; min-width: 15px !important; } .col_buttons { min-width: 90px; } .no_messages { padding: 20px !important; } .no_pad { padding: 0 !important; } tr.ipsControlRow { width: 100%; } /* sortable */ .ipsTable .sortable:hover { background: #c4d7e9; cursor: pointer; } .ipsTable .sortable p { position: relative; } .ipsTable .sortable span { position: absolute; right: 0; top: 2px; width: 13px; height: 13px; background-image: url( images/sortable_arrows.png ); background-repeat: no-repeat; } .ipsTable .sortable.active { background: #7ba3c9; background: -moz-linear-gradient(top, #769ec3 0%, #c0d4e7 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769ec3), color-stop(100%,#c0d4e7)); /* webkit */ color: #0b5794; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset; box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset; } .ipsTable .sortable span { opacity: 0.1; } .ipsTable .sortable:hover span { opacity: 0.5; } .ipsTable .sortable.active span { opacity: 1; } .ipsTable .sortable.active.desc span { background-position: left bottom; } .ipsTable .sortable.desc span { background-position: left top; } .ipsTable .sortable.active.asc span { background-position: right bottom; } .ipsTable .sortable.asc span { background-position: right top; } /****************************************************/ /* DRAG STYLES */ /****************************************************/ .draghandle { text-indent: -2000em; display: inline-block; width: 6px; height: 16px; background: url( images/ipsDragHandle.png ) no-repeat; opacity: 0.5; cursor: move; } .draghandle img { display: none; } /* Hide legacy dragger */ .ipsDragParent tr:hover .draghandle { opacity: 1; } /****************************************************/ /* ACTION BAR (CONTEXT MENU) STYLES */ /****************************************************/ .ipsActionBar, .context_menu { background: #eaeef4; padding: 5px; margin: -15px 0 15px 0; border-top: 1px solid #ccd4e5; border-top: 0; } .ipsActionBar > ul > li, .context_menu > li, .ipsToggleBar > ul > li { float: left; } .ipsActionBar .non_button { padding: 6px 0; display: inline-block; } .ipsActionButton a, .context_menu li a { padding: 0 10px; margin-right: 5px; display: inline-block; -moz-border-radius: 3px; border-radius: 3px; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */ font-size: 12px; border: 1px solid #afd4f1; color: #0b5794; text-shadow: 1px 1px 0 #f4f7fa; height: 26px; line-height: 26px; outline: none; } .ipsActionButton:hover a, .context_menu li:hover a { -moz-box-shadow: 0px 0px 2px rgba(0,174,239,0.4); -webkit-box-shadow: 0px 0px 2px rgba(0,174,239,0.4); box-shadow: 0px 0px 2px rgba(0,174,239,0.4); border-color: #73a2c3; } .ipsActionButton:active a, .context_menu li:active a { background: #E4EEF3; /* old browsers */ background: -moz-linear-gradient(top, #E4EEF3 0%, #F4F8FA 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4EEF3), color-stop(100%,#F4F8FA)); /* webkit */ } .ipsActionButton.active a, .context_menu li.active a { background: #CE3C92; /* old browsers */ background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */ color: #fff; text-shadow: -1px -1px 0 #97115f; border-color: #9d1263; } .ipsActionButton.disabled a, .context_menu li.disabled a { color: #99a8b4; opacity: 0.7; } .ipsActionButton.disabled img { opacity: 0.6; } .ipsActionButton.disabled:hover a, .context_menu li.disabled:hover a { -moz-box-shadow: none; box-shadow: none; border-color: #afd4f1; cursor: default; } .ipsActionButton a, .context_menu li a { color: #0b5794; } .ipsActionButton img, .context_menu li img { margin: -2px 5px 0 0; } .ipsActionButton.green a { background: #6CAA00; /* old browsers */ background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */ border: 1px solid #689e07; text-shadow: -1px -1px 0 #689e07; color: #FFF; } .ipsActionButton.red a { background: #CF0404; /* old browsers */ background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */ border: 1px solid #b00303; text-shadow: -1px -1px 0 #b00303; color: #FFF; } /* In dev button styles */ .ipsActionBar > ul > li.inDev { float: right; display: none; } /* Secondary actions lit up */ .ipsActionButton.closed a, .context_menu li.closed a { background: #AB156D; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #CE3C92 3%, #AB156D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */ border: 1px solid #8c1159; text-shadow: -1px -1px 0 #8f115b; color: #fff; } .ipsActionButton.closed:hover a,.context_menu li.closed:hover a { -moz-box-shadow: 0px 0px 2px rgba(143,17,91,0.4); -webkit-box-shadow: 0px 0px 2px rgba(143,17,91,0.4); box-shadow: 0px 0px 2px rgba(143,17,91,0.4); border-color: #8f115b; } .ipsActionButton.closed:active a,.context_menu li.closed:active a { background: #E4EEF3; /* old browsers */ background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */ } /* Separate styles for toggle buttons */ .ipsToggleBar .ipsActionButton a { margin-right: 0; } .ipsToggleBar .ipsActionButton a { border-right-width: 0; -moz-border-radius: 0; border-radius: 0; font-size: 11px; } .ipsToggleBar .ipsActionButton:first-child a { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .ipsToggleBar .ipsActionButton:last-child a { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-width: 1px; } .ipsToggleBar .ipsActionButton:hover + li a { border-left-color: #73a2c3; } .ipsToggleBar .ipsActionButton.active a { border-width: 1px; } /****************************************************/ /* TAB STYLES */ /****************************************************/ .ipsTabBar { max-width: 100%; height: 30px; padding: 10px 10px 0 20px; background: #849cb7; overflow: hidden !important; position: relative; white-space: nowrap; } .ipsTabBar ul { height: 30px; width: 100%; display: inline; white-space: nowrap; position: relative; } .ipsTabBar li { display: inline-block; padding: 7px 10px; font-size: 13px; background: #40638B; /* old browsers */ background: -moz-linear-gradient(top, #40638B 0%, #40638B 68%, #2C5789 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40638B), color-stop(68%,#40638B), color-stop(100%,#2C5789)); /* webkit */ color: #d7eaf8; cursor: pointer; white-space: nowrap; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ipsTabBar li a { color: #d7eaf8; } .ipsTabBar li.active a { color: #000; } .ipsTabBar li.active { background: #fff; color: #000; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px rgba(0,0,0,0.1); cursor: default; font-weight: bold; } .ipsTabBar_content { position: relative; } .ipsTabBar_content > div { position: relative; top: 00px; right: 00px; left: 00px; } .tab_left, .tab_right { position: absolute; background: #173451; color: #fff; width: 16px; height: 36px; top: 4px; line-height: 36px; text-align: center; z-index: 10000; cursor: pointer; } .tab_left { left: 0px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -moz-box-shadow: 3px 0 5px #365b81; -webkit-box-shadow: 3px 0 5px #365b81; box-shadow: 3px 0 5px #365b81; } .tab_right { right: 0px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -moz-box-shadow: -3px 0 5px #365b81; -webkit-box-shadow: -3px 0 5px #365b81; box-shadow: -3px 0 5px #365b81; } /****************************************************/ /* WIZARD STEPS */ /****************************************************/ .ipsSteps_wrap { background: #e9eff5; padding: 10px; } .ipsSteps_wrapper { position: relative; overflow: hidden; } .step_content_animating { position: absolute; top: 0; left: 0; right: 0; } .ipsSteps { margin-bottom: 10px; background: #dee7f1; border: 1px solid #fff; } .ipsSteps ul li { float: left; padding: 10px 33px 11px 11px; color: #323232; background-image: url( images/wizard_step_large.png ); background-repeat: no-repeat; background-position: bottom right; position: relative; } .ipsSteps .steps_active { background-position: top right; color: #fff; } .ipsSteps .steps_done { color: #aeaeae; } .ipsSteps .steps_disabled { color: #aeaeae; font-style: italic; opacity: 0.6; } .steps_title { display: block; font-size: 14px; } .steps_desc { font-size: 11px; } .steps_arrow { display: none; } .steps_active .steps_arrow { display: block; position: absolute; left: -23px; top: 0; width: 23px; height: 54px; background: url( images/wizard_step_extra.png ) no-repeat; } .ipsSteps ul li:first-child { padding-left: 18px; } .ipsSteps ul li:first-child .steps_arrow { display: none !important; } .ipsSteps .clickable:hover { cursor: pointer; color: #386f9b; } /****************************************************/ /* CONTROL STRIP BUTTONS */ /****************************************************/ .ipsControlStrip { float: right; opacity: 0.4; } .ipsControlRow:hover .ipsControlStrip { opacity: 1; } .ipsControlStrip a { outline: 0; } .ipsControlStrip li:first-child, .ipsControlStrip li:first-child a { -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .ipsControlStrip li:last-child, .ipsControlStrip li:last-child a { -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .ipsControlStrip li { display: block; float: left; background: #E4EEF3; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F8FA 1%, #E4EEF3 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(1%,#F4F8FA), color-stop(100%,#E4EEF3)); /* webkit */ text-indent: -2000em; border: 1px solid #b1d1ea; border-right: 0; line-height: 16px; } .ipsControlStrip li:last-child { border-right: 1px solid #b1d1ea; } .ipsControlStrip a { display: block; width: 16px; padding: 1px 5px; border: 1px solid #fff; margin: 0; background-image: url( images/menu_icon_sprite.png ); background-repeat: no-repeat; } .ipsControlStrip li.i_text a { background: transparent; text-indent: 0; white-space: nowrap; width: auto; color: #2d3e52; font-size: 11px; } .ipsControlStrip li:hover { border-color: #136db5; } .ipsControlStrip li:hover + li { border-left-color: #136db5; } .ipsControlStrip_more a { padding: 1px 0px; height: 16px; background: url( images/ipsControlStrip_arrow.png ) no-repeat 5px 8px; } /****************************************************/ /* MENUS */ /****************************************************/ .acp-menu { border: 1px solid #aabbcb; background: #FAFBFC; width: auto; white-space: nowrap; z-index: 150; position: absolute; -moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3); box-shadow: 0px 3px 8px rgba(0,0,0,0.3); } .acp-menu li { border-bottom: 1px solid #E5ECF3; width: auto; padding: 5px 10px; text-align: left; font-size: 12px; } .acp-menu li.icon { background-repeat: no-repeat; background-position: 8px; padding-left: 35px; } .acp-menu li.add { background-image: url( images/icons/add.png ); } .acp-menu li.edit { background-image: url( images/icons/pencil.png ); } .acp-menu li.view { background-image: url( images/icons/view.png ); } .acp-menu li.delete { background-image: url( images/icons/delete.png ); } .acp-menu li.info { background-image: url( images/icons/page_white_magnify.png ); } .acp-menu li.manage { background-image: url( images/icons/cog.png ); } .acp-menu li.new { background-image: url( images/icons/folder_add.png ); } .acp-menu li.password { background-image: url( images/icons/key.png ); } .acp-menu li.export { background-image: url( images/icons/export.png ); } .acp-menu li.refresh { background-image: url( images/icons/arrow_refresh.png ); } .acp-menu li.printer { background-image: url( images/icons/printer.png ); } .acp-menu li.find { background-image: url( images/icons/user_find.png ); } .acp-menu li.assign { background-image: url( images/icons/user_assign.png ); } .acp-menu li.user { background-image: url( images/icons/user.png ); } .acp-menu li.package { background-image: url( images/icons/package.png ); } .acp-menu li.cancel { background-image: url( images/icons/cross.png ); } .multi_menu li { position: relative; } /****************************************************/ /* POPUP STYLES */ /****************************************************/ .popupWrapper { background-color: rgba(0,0,0,0.58); color: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px; -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58); box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 ); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; z-index: 16000; } .popupInner { background: #f1f4f7; color: #000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 8px; width: 500px; overflow: hidden; } .popupInner.black_mode { background: #000; border: 3px solid #b3bbc3; color: #eee; border: 3px solid #555; } .popupInner.warning_mode { border: 3px solid #7D1B1B; } .popupInner h3 { background-color: #dae4ed; border: 0; padding-left: 10px; } .popupInner.black_mode h3 { background-color: #545C66; color: #ddd; } .popupInner.warning_mode h3 { background-color: #7D1B1B; padding-top: 6px; padding-bottom: 6px; color: #fff; } .popupInner.warning_mode input.input_submit { background-color: #7D1B1B; } .popupClose { position: absolute; right: 16px; top: 16px; } .popupClose.light_close_button { background: transparent url(../../public/style_images/master/close_popup_light.png) no-repeat top left; opacity: 0.8; width: 13px; height: 13px; } .popupClose.light_close_button img { display: none; } .popup_footer { position: absolute; bottom: 0px; right: 0px; padding: 15px; } .popup_body { padding: 10px; } .stem { width: 31px; height: 16px; position: absolute; } .stem.topleft { background-image: url(images/stems/topleft.png); } .stem.topright { background-image: url(images/stems/topright.png); } .stem.bottomleft { background-image: url(images/stems/bottomleft.png); } .stem.bottomright { background-image: url(images/stems/bottomright.png); } /****************************************************/ /* ICON SPRITES */ /****************************************************/ .i_new_folder a { background-position: 0 0; } .ipsControlRow:hover .i_new_folder a { background-position: 0 -18px; } .i_delete a { background-position: -25px 0; } .ipsControlRow:hover .i_delete a { background-position: -25px -18px; } .ipsControlRow:hover .i_delete.disabled a { background-position: -25px 0; cursor: default; } .i_edit a { background-position: -51px 0; } .ipsControlRow:hover .i_edit a { background-position: -51px -18px; } .i_page_add a { background-position: -77px 0; } .ipsControlRow:hover .i_page_add a { background-position: -77px -18px; } .i_add a { background-position: -103px 0; } .ipsControlRow:hover .i_add a { background-position: -103px -18px; } .i_refresh a { background-position: -129px 0; } .ipsControlRow:hover .i_refresh a { background-position: -129px -18px; } .i_lock a { background-position: -155px 0; } .ipsControlRow:hover .i_lock a { background-position: -155px -18px; } .i_accept a { background-position: -181px 0; } .ipsControlRow:hover .i_accept a { background-position: -181px -18px; } .i_stock a { background-position: -207px 0; } .ipsControlRow:hover .i_stock a { background-position: -207px -18px; } .i_cog a { background-position: -233px 0; } .ipsControlRow:hover .i_cog a { background-position: -233px -18px; } .i_unlock a { background-position: -259px 0; } .ipsControlRow:hover .i_unlock a { background-position: -259px -18px; } .i_export a { background-position: -285px 0; } .ipsControlRow:hover .i_export a { background-position: -285px -18px; } .i_revert a { background-position: -311px 0; } .ipsControlRow:hover .i_revert a { background-position: -311px -18px; } .i_view a { background-position: -337px 0; } .ipsControlRow:hover .i_view a { background-position: -337px -18px; } .i_disable a { background-position: -363px 0; } .ipsControlRow:hover .i_disable a { background-position: -363px -18px; } /****************************************************/ /* PAGINATION */ /****************************************************/ .pagination { margin-bottom: 5px; padding-left: 10px; } .pagination li { background: #eaeaea; color: #5a5a5a; font-size: 11px; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 2px 6px; } .pagination li a { color: #5a5a5a; } .pagination li.active { background: #ab156d; color: #fff; } .pagination li.total { background: none; } .pagination.no_pages { font-size: 11px; font-weight: bold; color: #ababab; text-transform: uppercase; display: block; padding: 2px 10px; margin-bottom: 5px; } .pagination li.pagejump { cursor: pointer; } /****************************************************/ /* BADGES */ /****************************************************/ .ipsBadge { font-size: 10px; text-transform: uppercase; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; border-radius: 2px; } .ipsBadge_green { background: #7ba60d; } .ipsBadge_purple { background: #af286d; } .ipsBadge_grey { background: #5b5b5b; } .ipsBadge_lightgrey { background: #b3b3b3; } .ipsBadge_orange { background: #ED7710; } .ipsBadge_red { background: #bf1d00; } .badge_purple { background: #AB156D; /* old browsers */ background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */ border: 1px solid #8c1159; text-shadow: -1px -1px 0 #8f115b; } .badge_green { background: #6CAA00; /* old browsers */ background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */ border: 1px solid #689e07; text-shadow: -1px -1px 0 #689e07; } .badge_red { background: #CF0404; /* old browsers */ background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */ border: 1px solid #b00303; text-shadow: -1px -1px 0 #b00303; } .badge_grey { background: #E5E5E5; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)); /* webkit */ border: 1px solid #c8c8c8; color: #4b4b4b; text-shadow: 1px 1px 0px #fff; } .ipsBadge:hover { color: #fff !important; } .ipsBadge.badge_grey:hover { color: #4b4b4b !important; } /****************************************************/ /* EXPANDABLE TABLES */ /****************************************************/ .ipsExpandable .item { padding: 10px; border-bottom: 1px solid #e2e8ee; background: #fafbfc; } .ipsExpandable .item_info { display: inline-block; margin-left: 10px; max-width: 700px; } .ipsExpandable .draghandle { position: relative; top: 4px; vertical-align: top; } .ipsExpandable .item input[type=checkbox] { margin-top: 4px; margin-left: 5px; } .ipsExpandable .root_item { background: #e0e7ed; line-height: 22px; } .ipsExpandable .root_item img { position: relative; top: -3px; } .ipsExpandable .item_wrap { margin-left: 24px; border-left: 1px solid #ecf1f5; } .ipsExpandable .item_wrap .item { border-bottom: 1px solid #ecf1f5; } .parentCat .toggle { background: url( images/folder_open.png ) no-repeat; background-position: 0px 5px; text-indent: -3000em; width: 15px; display: inline-block; } .parentCat.collapsed .toggle { background-image: url( images/folder_closed.png ); } /****************************************************/ /* MESSAGES */ /****************************************************/ .warning, .information-box { padding: 10px 10px 10px 30px; } .warning { background: #f7e5e8 url( images/icons/exclamation.png ) no-repeat 9px 10px; border: 1px solid #f0c1cb; color: #92394d; } .warning h4 { color: #802200; font-weight: bold; } .information-box { background: #f0f6e2 url( images/icons/information.png ) no-repeat 9px 10px; border: 1px solid #d7e9a8; color: #5d8005; } .information-box h4 { color: #6c6141; } /****************************************************/ /* TREE TABLE LAYOUT */ /****************************************************/ .ipsTreeTable { } .ipsTreeTable img, .ipsTreeTable input[type=checkbox] { vertical-align: top; } .ipsTreeTable .row { padding: 10px 7px 10px 28px; position: relative; border-bottom: 1px solid #e8edf2; } .ipsTreeTable .row.root { background: #B1C2D4; font-weight: bold; color: #294563; font-size: 14px; padding-left: 7px; } .ipsTreeTable .parent { background: #eff3f6 url( images/folder_closed.png ) no-repeat 10px 12px; font-weight: bold; color: #3287C9; cursor: pointer; } .ipsTreeTable .parent.nochildren { background-image: none; } .ipsTreeTable .parent.open { background: #dae2e9 url( images/folder_open.png ) no-repeat 10px 12px; } .ipsTreeTable .child:hover { background-color: #f5f7f9; } .ipsTreeTable .parent:hover { background-color: #e1e7ed; } .ipsTreeTable .selected { background-color: #B1C2D4 !important; font-weight: bold; color: #294563; font-size: 14px; } .ipsTreeTable .tick_img { float: right; display: none; } .ipsTreeTable .selected .tick_img { display: inline; } .parent.isDraggable, .parent.open.isDraggable { background-position: 20px 12px; padding: 10px 7px 10px 36px; } .parent.isDraggable .draghandle { position: absolute; left: 4px; } .child.isDraggable .draghandle { position: absolute; left: 4px; } .ipsTreeTable .row .infotext { position: absolute; right: 100px; top: 11px; visibility: hidden; } .ipsTreeTable .row:hover .infotext, #filter_results .infotext { visibility: visible; } .ipsTreeTable .row .check { position: absolute; left: 50px; top: 13px; } .ipsTreeTable .row .ipsControlStrip { position: relative; top: -2px; } .ipsTreeTable .icon { margin-right: 15px; float: left; } .ipsTreeTable .parent_wrap { padding-left: 0px; margin-left: 18px; border-left: 1px solid #f0f0f0; position: relative; } .ipsTreeTable .filter_row { padding: 10px; position: relative; } .ipsTreeTable .filter_row .infotext { margin-left: 40px; font-size: 11px; color: #8e8e8e; } .ipsTreeTable .filter_row .draghandle, #filter_results .draghandle { display: none; } .filter_row.no_results { text-align: center; font-style: italic; color: #8e8e8e; } .ipsInlineTreeSearch { float: right; position: relative; } .ipsInlineTreeSearch input[type=text] { background: #fff url( images/search_box_icon.png ) no-repeat 2px 3px; border: 1px inset #142a42; padding: 4px 22px 4px 22px; color: #c7c7c7; font-size: 12px; font-size: 11px; font-weight: normal; margin-top: 8px; } .ipsInlineTreeSearch.active input[type=text] { color: #000; } .ipsInlineTreeSearch.active #cancel_filter { display: inline; } .ipsInlineTreeSearch #cancel_filter { position: absolute; right: 3px; top: 12px; display: none; } /****************************************************/ /* INDIVIDUAL PAGE STYLES */ /****************************************************/ /* Server statistics */ #dash_server_stats { padding: 10px; background: #ecedf0; margin: -15px 0 15px 0; -moz-border-radius: 4px; border-radius: 4px; } #dash_server_stats li { margin: 0 15px 0 5px; } #dash_server_stats h3 { display: inline; font-weight: bold; margin-right: 10px; } #dashboard_online a { color: #969a9d; text-decoration: underline; } .dashboard_note { margin-bottom: 5px; } .note_content { position: relative; } #notes_wrap { padding: 5px; background: #fffdf3; border-width: 1px; border-style: solid; border-color: #e6d2bf; -moz-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* moz */ -webkit-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* webkit */ box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; /* css3 */ } .dashboard_notes { width: 100%; border: 0; height: 70px; background: transparent; color: #a65c11; line-height: 1.4; } #member_search_bar, .ipsSortBar { background: #849cb7; border-bottom: 1px solid #6984a1; font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; padding: 5px 12px 5px 5px; } #member_search_bar .realbutton { padding: 4px 8px; } #member_search { background: #fff url( images/search_box_icon.png ) no-repeat 3px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset; box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #6984a1; padding: 6px 6px 6px 24px; } #advanced_member_search { width: 16px; height: 16px; display: inline-block; text-indent: -2000em; background: transparent url( images/advanced_search.png ) no-repeat left 0px; outline: 0; } #m_search_pane { width: 850px; position: absolute; left: 50%; top: 10px; margin-left: -425px; background: #fff; -moz-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 ); -webkit-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 ); box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 ); z-index: 17000; -moz-border-radius: 5px; border-radius: 5px; } #m_search_pane .acp-box { border: 0; } #m_search_pane_inner { height: 400px; overflow: auto; } .adv_search_main { text-align: center; background: #d4e4f1 !important; } #m_search_info { padding: 5px 0 0 5px; color: #063554; font-weight: bold; } .member_controls { white-space: nowrap; min-height: 18px; text-align: right; } .member_controls .ipsBadge { opacity: 0.2; } .member_row:hover .member_controls .ipsBadge { opacity: 1; } .member_controls.success { background: url( images/done_tick.png ) no-repeat right; } .member_controls.success .ipsBadge, .member_controls.success input { display: none; } #member_list tfoot td { background: #ecf2f6 url( images/mod_action.png ) no-repeat right !important; padding-right: 35px; } #member_list tfoot td strong { font-size: 11px; color: #486379; margin-right: 10px; } #member_list tfoot tr.disabled .ipsBadge, #member_list tfoot tr.disabled strong { opacity: 0.1; cursor: default; } #member_list tfoot .ipsBadge { font-weight: bold; } #member_list tfoot td .realbutton { font-size: 11px !important; padding: 4px 10px !important; } .hookupdate { font-weight: bold; color: #ff9933; } /* Permission */ .permission_table { border-collapse: separate !important; } .permission_table td.section, div.section { font-size: 12px; padding: 6px; border: 0; background-color: #D6E4F1; border-bottom: 1px solid #bfcad3 !important; border-top: 1px solid #ced8e0; color: #246594; } div.section { font-size: 15px; } .permission_table .perm { font-size: 11px; text-align: center; padding: 10px !important; border-left: 3px solid #fff; } /* Login screen */ body.login_screen { background: #386e9a; background: -moz-linear-gradient(top, #4a85b5 0%, #205889 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a85b5), color-stop(100%,#205889)); /* webkit */ height: auto !important; } #login { width: 450px; height: 220px; background: #fff; margin: 10% auto 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px rgba(0,0,0,0.3); position: relative; padding: 10px; } #login.with_message { height: 250px; } #login_logo { position: absolute; top: -45px; left: 0; } #login_submit { background: #e7edf2; border-top: 1px solid #d0dce6; padding: 20px 10px; text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #login_controls { margin: 0 auto; position: absolute; width: 100%; bottom: 100px; font-size: 16px; } #login_controls label { display: block; width: 33%; color: #667078; 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: 15px; left: 10px; right: 10px; font-size: 13px; font-weight: bold; background: #f2ccd4; border: 1px solid #e599aa; padding: 10px; color: #80001c; } #redirect { width: 389px; min-height: 80px; margin: 15% auto 0 auto; position: relative; background: #e7edf2; color: #667078; padding: 15px; border-radius: 10px; -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; } /* Forums */ #forum_type_chooser td { padding: 0 0 10px 0; vertical-align: top; } fieldset.subforums { margin-top: 10px; } .subforums legend { display: none; } /* Template editor */ #left_pane { overflow: hidden; } .parts_list { max-height: 470px; overflow: auto; background: #F5F8FA; cursor: pointer; border: 2px solid #FFF; position: relative; } .parts_list li { padding: 5px 7px; border-bottom: 2px solid #FFF; font-weight: bold; } .parts_list li.loading { background-image: url(images/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: #849CB7; padding: 5px 5px 2px 0; height: 30px; border-bottom: 1px solid #6984A1; font: 13px 'Helvetica Neue',helvetica,arial,sans-serif; } #template_toolbar li { float: left; background: #ecf1f5; border: 1px solid #d5dde5; padding: 4px 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-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(images/loading_white.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: 0; cursor: pointer; } #template_toolbar #editor_buttons li { padding: 0 10px; margin-right: 5px; display: inline-block; -moz-border-radius: 3px; border-radius: 3px; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */ font-size: 12px; border: 1px solid #afd4f1; color: #0b5794; text-shadow: 1px 1px 0 #f4f7fa; height: 26px; line-height: 26px; outline: none; } #template_toolbar #editor_buttons li.active { background: #CE3C92; /* old browsers */ background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */ color: #fff; text-shadow: -1px -1px 0 #97115f; border-color: #9d1263; } .template_menu { padding: 0; font-size: 11px; font-weight: bold; height: 30px; overflow: hidden; background: #D6E4F1; color: #246594; } .template_menu ul { margin-left: 5px; } .template_menu ul li { float: left; padding: 8px 8px; color: #246594; cursor: pointer; } #css_list_wrap, #template_list_wrap { min-height: 500px; background: #f1f4f7; } #template_list { color: #3287C9; } #template_footer { background: #FFF; padding: 8px 6px 6px 6px; clear: both; border-top: 2px solid #6984A1; font-size: 11px; } #template_editor { background: #D6E4F1; } .replacement_save { width: 70%; text-align: right; padding: 5px 0; margin: 0 auto; } /* --------------- */ /* 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-repeat: no-repeat; cursor: pointer; } #inlineFormInnerTitle { padding: 2px; } #inlineFormInnerContent { background-color: #F5F8FA; padding: 5px; } #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; } .bullets ul, .bullets ol, ul.bullets, ol.bullets { list-style: disc; margin-left: 30px; line-height: 150%; list-style-image: none; } /* Autocomplete */ .ipbmenu_content { background-color: #F7EFF5; border: 1px solid #AC156D; min-width: 85px; padding: 5px; font-size: 0.9em; z-index: 150; margin-left: 0px; } .ipbmenu_content li { border-bottom: 1px solid #AC156D; padding: 5px; } .ipbmenu_content li:last-child { border-bottom: 0; padding-bottom: 0px; } .ipbmenu_content li:first-child { padding-top: 0px; } /* License Nagging CSS */ #license_notice_force { min-height: 120px; top: 0px; background: #cc0000; /* Old browsers */ background: -moz-linear-gradient(top, #cc0000 0%, #a50500 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#a50500)); /* Chrome,Safari4+ */ color: #f6edef; /*position: fixed;*/ z-index: 15050; text-shadow: 0 -1px 0 #80001c; line-height: 1.4; border-bottom: 1px solid #80001c; -webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3); padding: 0 10px; } #license_notice_force h4 { font-size: 20px; padding: 10px 10px 0; color: #fff; } #license_notice_force p { padding: 10px; font-size: 14px; } #license_notice_force a { display: inline-block; background: #80001c; -moz-border-radius: 10px; border-radius: 10px; padding: 2px 10px; color: #fff; } #license_notice_expired { min-height: 70px; top: 0px; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ /*position: fixed;*/ color: #575757; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); padding: 10px 15px; line-height: 1.4; z-index: 15050; border-bottom: 1px solid #acacac; -webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3); } #license_notice_expired h4 { font-size: 18px; } #license_notice_expired div.right { position: absolute; top: 10px; right: 10px; } #license_notice_expired div.right a { background: #575757; color: #fff; display: inline-block; padding: 2px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 11px; } #license_notice_expired p { padding-top: 5px; font-size: 12px; } /*#ipboard_body.force_license { margin-top: 120px !important; } #ipboard_body.expired_license { margin-top: 90px !important; }*/ /* Merge Center */ del, .diffred { background-color: #FFD1D1; color: black; font-weight: normal; text-decoration: none } ins, .diffgreen { background-color: #D3EBBC; color: black; font-weight: normal; text-decoration: none; } #diffPopUp_inner > pre { overflow: scroll; } .ips_merge_wrap { position: relative; width: 100%; } .ips_merge_new > p, .ips_merge_custom > p { overflow: auto; } .ips_merge_new { background-color: #f3dddd; color: black; font-weight: normal; text-decoration: none; border-left:6px solid #281b1b; } .ips_merge_new h3 { background-color: #deb7b7; font-size: 12px; font-family: Arial; } .ips_merge_custom { background-color: #f3f3f3; color: black; font-weight: normal; text-decoration: none; border-left:6px solid #a2a2a2; } .ips_merge_custom h3 { background-color: #d4d4d4; font-size: 12px; font-family: Arial; } .mergeResolveBox { border:1px solid black; width:300px; float:right; position: relative; top: 0px; right: 0px; } /* User agents group form */ .uAgentsGHover { background-color: #D3DAE4; background-image: url( images/acpMenuMore.png ); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding:8px; } .uAgentsGRow { padding:8px; border-bottom:1px solid #ddd; } .uAgentsGRHover { background-color: #D3DAE4; cursor: pointer; padding:8px; } .uAgentsGRRow { padding:8px; border-bottom:1px solid #ddd; } /* Member Area */ .photo_options { background: #40638B; display: inline-block; float: right; left: 5px; padding: 3px; position: relative; top: -19px; } .photo_options li { display: inline; } .acp-sidebar { float: left; width: 30%; } .acp-sidebar .sidebar_box { background: #FFFFFF; border: 1px solid #B3C2D2; margin: 10px auto; padding: 5px; width: 80%; } .acp-sidebar .sidebar_box ul { width: 100%; } .acp-sidebar .sidebar_box ul li { width: 100%; margin-top: 4px; margin-bottom: 8px; } .acp-sidebar .sidebar_box ul li strong { width: 80px; display: inline-block; } #MF__pp_photo_container { border: 1px solid #369; background: #FFF; padding: 5px; margin: 10px auto; } .change_icon { background-image: url( images/icons/pencil.png ); display: inline-block; height: 16px; outline: 0 none; text-indent: -5000px; width: 16px; float: right; } /* New notification panel */ #ipsGlobalNotification { position: fixed; left: 50%; margin-left: -250px; top: 80px; text-align: center; font-weight: bold; } #ipsGlobalNotification .popupWrapper { padding: 3px; position: relative; z-index: 20000; } #ipsGlobalNotification .ipsPad { padding: 9px; font-size: 18px; } #ipsGlobalNotification_close { font-size: 12px; font-weight: normal; cursor: pointer; float: right; margin-top: -2px; } .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; } .select_col, .select_row { width: 25px; } /****************************************************/ /* Photo styles */ /****************************************************/ .ipsUserPhoto { padding: 1px; border: 1px solid #d5d5d5; background: #fff; -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); } .ipsUserPhotoLink:hover .ipsUserPhoto { border-color: #7d7d7d; } .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; } /****************************************************/ /* CKEditor */ /****************************************************/ .as_content { background: #fff; font-size: 1.0em; border: 1px solid black; padding: 6px; margin: 8px; overflow: auto; max-height: 400px; } .as_buttons { text-align: right; padding: 4px 0px; } .as_message { display: inline-block; } #ips_switchEditor { clear: both; text-align: left; margin-left: 10px; } .ips_EditorTextArea { margin: 0 10px; width: 95%; height: 250px; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ips_EditorTextArea.minimized { height: 80px; -moz-border-radius: 0px; -webkit-border-radius: 0px; margin:0 auto; } /************************************************************************/ /* TAG LIST */ .ipsTag { display: inline-block; background: url( ../../public/style_images/master/tag_bg.png ); height: 20px; line-height: 20px; padding: 0 7px 0 15px; margin: 5px 5px 0 0; font-size: 11px; color: #656565; text-shadow: 0 1px 0 rgba(255,255,255,1); -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; } .ipsTagBox_hiddeninput { background: #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: #dbf3ff; border-color: #a8e3ff; color: #136db5; } .ipsTagBox_tag { padding: 2px 1px 2px 4px; background: #f4f4f4; border: 1px solid #dddddd; 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: #bdbdbd; } .ipsTagBox_tag.selected { background: #e2e2e2 !important; border-color: #c0c0c0 !important; color: #424242 !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: #4f87bb; } .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; } .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; } /************************************************************************/ /* 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(../../public/style_images/master/stems/tooltip_top.png) no-repeat bottom center; } .ipsTooltip.top_left { background-position: bottom left; } .ipsTooltip.bottom { background: url(../../public/style_images/master/stems/tooltip_bottom.png) no-repeat top center; } .ipsTooltip.left { background: url(../../public/style_images/master/stems/tooltip_left.png) no-repeat center right; } .ipsTooltip.right { background: url(../../public/style_images/master/stems/tooltip_right.png) no-repeat center left; } /************************************************************************/ /* SHARED MEDIA STYLES */ #mymedia_inserted { position: absolute; top: 100px; left: 50%; margin-left: -200px; width: 400px; padding: 20px 0; background: black; 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: #DBE4EF; background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */ -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset; box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset; border-top: 1px solid #DBE4EF; } #mymedia_finish { position: absolute; right: 5px; top: 5px; } #mymedia_content { height: 339px; overflow: auto; } .media_results li.result { width: 20%; height: 100px; padding: 15px 0; float: left; text-align: center; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .media_results li:hover { background: #F9F9F9; background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED)); } .media_results li:active { background: #EDEDED; background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9)); } .media_image { padding: 1px; border: 1px solid #d5d5d5; margin-bottom: 5px; } /************************************************************************/ /* 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: -40px; } .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; } .ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; } .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; } /* 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; } /************************************************************************/ /* VERTICAL TABS (profile etc.) */ .ipsVerticalTabbed { } .ipsVerticalTabbed_content { min-height: 400px; } .ipsVerticalTabbed_tabs > ul { width: 149px !important; margin-top: 10px; border-top: 1px solid #DBE4EF; border-left: 1px solid #DBE4EF; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; } /** * @key ipsVerticalTabbed_tabs_li * @group other * @colorize base * @title Vertical Tab * @description Used on profile page and other UserCP when veritcal tabs are needed * @default background,color,border */ .ipsVerticalTabbed_tabs li { background: #f6f8fb; color: #808080; border-bottom: 1px solid #DBE4EF; font-size: 13px; } /** * @key ipsVerticalTabbed_tabs_li_a * @group other * @colorize base * @title Vertical Tab Link * @description Link on a vertical tab * @default color */ .ipsVerticalTabbed_tabs li a { display: block; padding: 10px 8px; outline: 0; color: #8d8d8d; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; } /** * @key ipsVerticalTabbed_tabs_li_a_hover * @group other * @colorize base * @title Vertical Tab Link Hover * @description Hover over a vertical tab * @default background,color */ .ipsVerticalTabbed_tabs li a:hover { background: #eaeff5; color: #808080; } /** * @key ipsVerticalTabbed_tabs_li_active * @group other * @colorize base * @title Vertical Tab Active * @description An active tab * @default background,color,border */ .ipsVerticalTabbed_tabs li.active a { width: 135px; position: relative; z-index: 8000; border-right: 1px solid #fff; background: #fff; color: #353535; font-weight: bold; } .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a { width: 24px; } .ipsBox, .ipsPad { padding: 9px; } ipsBox { background: #ebf0f3; } .ipsBox_container { background: #fff; border: 1px solid #dbe4ef; } .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; } .ipsForm_center { text-align: center; } .ipsButton_secondary { height: 22px; line-height: 22px; font-size: 12px; padding: 0 10px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */ border: 1px solid #dbdbdb; -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #616161; display: inline-block; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .ipsButton_secondary a { color: #616161; } .ipsButton_secondary:hover { color: #4c4c4c; border-color: #9a9a9a; } /************************************************************************/ /* TYPOGRAPHY */ .ipsType_pagetitle, .ipsType_subtitle { font: 300 26px/1.3 Helvetica, Arial, sans-serif; color: #323232; } .ipsType_subtitle { font-size: 18px; } .ipsType_sectiontitle { font-size: 16px; font-weight: normal; color: #595959; padding: 5px 0; border-bottom: 1px solid #ececec; } .ipsType_pagedesc { color: #7f7f7f; line-height: 1.5; } .ipsType_pagedesc a { text-decoration: underline; } .ipsType_textblock { line-height: 1.5; color: #282828; } .ipsType_small { font-size: 12px; } .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; } .ipsReset { margin: 0px !important; padding: 0px !important; } .desc, .desc.blend_links a, p.posted_info { font-size: 12px; color: #777777; } .desc.lighter, .desc.lighter.blend_links a { color: #a4a4a4; } .popupInner h3 { background: #2c5687; color: #fff; border-width: 1px 1px 0 1px; border-style: solid; border-color: #316897; padding: 8px 10px 9px; font-size: 16px; font-weight: 300; text-shadow: 0 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 1px 0 #528cbc; box-shadow: inset 0px 1px 0 #528cbc; -moz-box-shadow: inset 0px 1px 0 #528cbc; } .swfupload { position: absolute; z-index: 1; } #attachments { } #attachments li { background-color: #e4ebf2; border: 1px solid #d5dde5; padding: 6px 20px 6px 42px; margin-bottom: 10px; position: relative; } #attachments li p.info { color: #69727b; font-size: 0.8em; width: 300px; } #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar { display: none; } #attachments li.complete .links { font-size: 0.9em; margin-right: 15px; right: 0px; top: 12px; display: block; position: absolute; } #attachments li .progress_bar { margin-right: 15px; width: 200px; right: 0px; top: 15px; position: absolute; } #attachments li.complete, #attachments li.in_progress, #attachments li.error { background-repeat: no-repeat; background-position: 12px 12px; } #attachments li.in_progress { background-image: url({$this->settings['public_dir']}style_images/master/loading.gif); } #attachments li.error { background-image: url({$this->settings['public_dir']}style_images/master/exclamation.png); background-color: #e8caca; border: 1px solid #ddafaf; } #attachments li.error .info { color: #8f2d2d; } #attachments li.complete { background-image: url({$this->settings['public_dir']}style_images/master/accept.png); } #attachments li .thumb_img { left: 6px; top: 6px; width: 30px; height: 30px; overflow: hidden; position: absolute; } /*div.post_form fieldset.attachments span.desc { margin: 0 0 0 15px; display: inline; clear: none; }*/ .attach_controls { background: url( {$this->settings['public_dir']}style_images/master/icon_attach.png ) no-repeat 3px; padding-left: 35px; 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 { background: #eef3f8; padding: 6px; margin-top: 8px; } #attach_wrap h4 { font-size: 1em; font-weight: bold; } #attach_wrap li { margin: 5px 6px; float: left; } #attach_wrap .desc.info { margin-left: 24px; } /** TAB PREFS STYLES **/ #tabBar, #otherMenu { list-style-type: none; margin: 0; padding: 0; } #tabBar li, #otherMenu li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 1em; text-align: center; } #tabPrefSave { height: 30px; } #tabPrefSave input[type=button] { margin-right: 6px; } #otherMenu, #tabBar { background: rgb( 42, 77, 124 ); height: 52px; padding: 12px 15px 3px; width: 800px; margin: 10px auto; } #otherMenu > li, #tabBar > li { background: rgb( 42, 77, 124 ); cursor: move; float: left; font-size: 12px; font-weight: 300; width: 70px; height: 17px; color: #fff; margin-right: 15px; padding: 10px; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); border:1px dotted #ddd; } #tabBar > li.ui-state-disabled { cursor: text; background: transparent; color: #ddd; background-color: rgb( 68, 119, 185 ); } #otherMenu { background: #f7eff5; color: #811052; } #otherMenu > li { background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x bottom; }