/** * Core CSS stylesheet for administrative menu pages. * * This file is included with all WordPress themes/plugins by WebSharks, Inc. * * Copyright: © 2009-2011 * {@link http://websharks-inc.com/ WebSharks, Inc.} * (coded in the USA) * * Released under the terms of the GNU General Public License. * You should have received a copy of the GNU General Public License, * along with this software. In the main directory, see: /licensing/ * If not, see: {@link http://www.gnu.org/licenses/}. * * @package WebSharks\Menu Pages * @since x.xx */ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /* Alter WordPress wrap on s2Member menu pages. */ body[class*='s2member'] #wpwrap { position : relative; background : #BEBEBE url('/trans-bg.png'); } body[class*='s2member'] #wpwrap::before { content : ''; top : 0; left : 0; z-index : 0; width : 100%; height : 500px; position : absolute; background : -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(20%, rgba(241, 241, 241, 0.8)), color-stop(100%, rgba(241, 241, 241, 0))); /* Chrome,Safari4+ */ background : -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%); background : -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%); background : -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%); background : linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%); } /* Common layout styles. */ div.ws-menu-page { font-size : 14px; min-width : 800px; margin : 25px 25px 25px 5px; } div.ws-menu-page > .notice, div.ws-menu-page > .updated, div.ws-menu-page > .error { margin : 25px 25px 25px 5px; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) p, div.ws-menu-page > :not(.notice):not(.updated):not(.error) code { font-size : inherit; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) a { color : #336695; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) a:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) a:active { color : #027E02; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) p:first-child, div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre:first-child { margin-top : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) p:last-child, div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre:last-child { margin-bottom : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) h3 + p { margin-top : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) a.ws-dotted-link { text-decoration : none; border-bottom : 1px dotted; } div.ws-menu-page > h2 { font-size : 200%; font-weight : bold; color : #05141E; height : 90px; box-sizing : border-box; position : relative; z-index : 0; margin-bottom : 20px; padding : 30px 0 0 120px; background : url('/s2___.png') no-repeat left bottom; text-shadow : 0 -1px 5px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(255, 255, 255, 0.25), 0 2px 5px rgba(0, 0, 0, 0.3); } div.ws-menu-page > h2:before { content : ' '; display : block; width : 85%; width : calc(100% - 220px); height : 90px; right : 20px; bottom : 0; z-index : 0; position : absolute; background : url('/s2___bar.png') repeat-x left bottom; } div.ws-menu-page > h2:after { content : ' '; display : block; width : 20px; height : 90px; right : 0; bottom : 0; z-index : 0; position : absolute; background : url('/s2___end.png') no-repeat right bottom; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) code { border-radius : 3px; padding : 1px 5px 1px 5px; background : rgba(255, 255, 255, 0.25); font-family : 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code { padding : 0; background : none; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code > code { font-size : 90%; color : #EEEEEE; background : #222222; overflow-x : auto; max-width : 100%; border-radius : 5px; padding : 10px; display : block; box-shadow : 0 0 5px 1px #000000 inset, 0 0 1px 1px rgba(223, 245, 165, 0.5); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) code.highlight-php, div.ws-menu-page > :not(.notice):not(.updated):not(.error) code.highlight-shortcodes { font-size : 90%; color : #000000; background : #FFFFFF; overflow : auto; max-width : 100%; max-height : 400px; white-space : nowrap; border-radius : 5px; padding : 10px; display : block; box-shadow : 0 0 5px 1px rgba(0, 0, 0, 0.38) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) img { border : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) img.ws-menu-page-bordered { border-radius : 4px; padding : 10px; background : #FFFFFF; border : 1px solid #AFAFAF; box-shadow : 0 0 2px 1px #D8D8D8 inset, 0 0 1px 1px rgba(223, 245, 165, 0.5); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-right { margin-left : 25px; float : right; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-left { margin-right : 25px; float : left; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-center { margin-left : auto; margin-right : auto; display : block; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li, div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li { margin-top : 8px; margin-bottom : 8px; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li:first-child, div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li:first-child { margin-top : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li:last-child, div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li:last-child { margin-bottom : 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) div.ws-menu-page-hr { height : 1px; line-height : 1px; background : #bdca9a; margin : 10px 0 10px 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-error { color : #962722; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-hilite { font-size : 102%; background : #DFF0DF; border-radius : 3px; padding : 0 0.2em; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-caution-hilite, div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-caution-hilite code { font-size : 102%; background : #FADDAB; border-radius : 3px; padding : 0 0.2em; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-bright-hilite { font-size : 102%; background : #EBF084; border-radius : 3px; padding : 0 0.2em; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-warning-hilite { color : #FFFFFF; background : #AC3204; border-radius : 3px; padding : 0 0.2em; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-error-hilite { color : #FFFFFF; background : #962722; border-radius : 3px; padding : 0 0.2em; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) img.ws-menu-page-img-16 { border : 0; width : 16px; height : 16px; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .form-table td { font-size : inherit; line-height : inherit; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) label { text-shadow : none; -webkit-user-select : none; -moz-user-select : none; user-select : none; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) select, div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']), div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus { margin : 0; width : 100%; height : 2em; font-size : 1em; line-height : 1em; font-weight : normal; box-sizing : border-box; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']), div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus { font-size : 1em; /* Font size again, for CodeMirror too. */ font-family : 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus { height : auto; /* Textareas auto. */ white-space : pre; /* Preserve whitespace. */ } div.ws-menu-page > :not(.notice):not(.updated):not(.error) select, div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']), div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus { border : 0; padding : 5px; border-radius : 4px; box-shadow : 0 0 1px 1px rgba(37, 47, 26, 0.75) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) select, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']) { color : #F7F7F7; background : #73834B; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus { background : #637041; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input::-webkit-input-placeholder { padding-top : .1em; font-style : italic; color : rgba(255, 255, 255, 0.2); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input::-moz-placeholder { padding-top : .1em; font-style : italic; color : rgba(255, 255, 255, 0.2); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:-moz-placeholder { padding-top : .1em; font-style : italic; color : rgba(255, 255, 255, 0.2); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:-ms-input-placeholder { padding-top : .1em; font-style : italic; color : rgba(255, 255, 255, 0.2); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[disabled], div.ws-menu-page > :not(.notice):not(.updated):not(.error) select[disabled], div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea[disabled] { opacity : 0.5; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button'], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit'] { line-height : 1em; font-size : 120%; color : #FFFFFF; background : #0E4152; border-radius : 4px; border : 1px solid rgba(0, 0, 0, 0.5); box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset; margin : 0; box-sizing : border-box; padding : 6px 12px 6px 12px; outline : none; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; user-select : none; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button']:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:hover { background : #0D1F2F; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:active, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button']:active, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:active { -webkit-transform : scale(0.98, 0.98); transform : scale(0.98, 0.98); } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type='submit'], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit'] { font-size : 150%; font-weight : 600; background : #5F7523; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type='submit']:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:hover { background : #4C6324; } /*260911.1924 Keep disabled admin buttons visibly present and neutral after the normal blue/green button rules have been applied. */ div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[disabled], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button'][disabled], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit'][disabled] { color : #A7AAAD !important; background : #F6F7F7 !important; border : 1px solid #DCDCDE !important; box-shadow : none !important; opacity : 1; cursor : default; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit button[type='submit'], div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit input[type='submit'] { width : 100%; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='file'] { width : auto !important; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .pro-preview { opacity : 0.5; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .info, div.ws-menu-page > :not(.notice):not(.updated):not(.error) .notice, div.ws-menu-page > :not(.notice):not(.updated):not(.error) .warning, div.ws-menu-page > :not(.notice):not(.updated):not(.error) .error:not(.notice):not(.updated):not(.error) { border-radius : 5px; padding : 10px; margin : 0 0 25px 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .info { background : #C9E0FA; border : 1px solid #35558A; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .notice { background : #FFFBCC; border : 1px solid #E6DB55; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .warning { background : #FADDAB; border : 1px solid #D29A04; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .error { background : #FABBC6; border : 1px solid #711E1E; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .monospace { font-family : 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea.monospace { white-space : pre; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:before, div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:after { display : table; content : ' '; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:after { clear : both; } /* Tools and togglers. */ div.ws-menu-page div.ws-menu-page-groups-show, div.ws-menu-page div.ws-menu-page-groups-hide { float : right; z-index : 1; position : relative; line-height : 1em; font-size : 150%; font-weight : bold; color : #dddddd; background : #3a424a; border-radius : 4px; border : 1px solid rgba(0, 0, 0, 0.5); box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset; margin : 0; margin-right : 25px; box-sizing : border-box; padding : 6px 12px 6px 12px; outline : none; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; user-select : none; } div.ws-menu-page div.ws-menu-page-groups-show { margin : 0 5px 0 0; } div.ws-menu-page div.ws-menu-page-groups-show:hover, div.ws-menu-page div.ws-menu-page-groups-hide:hover { color : #FFFFFF; } div.ws-menu-page div.ws-menu-page-groups-show:active, div.ws-menu-page div.ws-menu-page-groups-hide:active { -webkit-transform : scale(0.98, 0.98); transform : scale(0.98, 0.98); } div.ws-menu-page div.ws-menu-page-toolbox { float : right; max-width : 320px; z-index : 1; position : relative; margin-right : 25px; font-size : 90%; margin : -10px 25px 0 0; } div.ws-menu-page div.ws-menu-page-toolbox > .links { text-align : center; } div.ws-menu-page div.ws-menu-page-toolbox > .links a { display : inline-block; margin : 0 5px 0 10px; text-decoration : none; } div.ws-menu-page div.ws-menu-page-number-button-tabs { font-size: 110%; display: inline-block; margin: 0 10px 0 10px; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a { margin: 0 5px; padding: 4px 8px; display: inline-block; text-decoration: none !important; color: #D0DDAD; background: #97a376; border: 1px solid transparent; border-radius: 4px; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a:first-child { margin-left: 0; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a:last-child { margin-right: 0; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a:hover, div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current { color: #000000; background: #ffffff; border: 1px solid #73797a; } /* Specifically for the main layout table. These CSS selectors address common layout styles. */ table.ws-menu-page-table { border : 0; width : 100%; table-layout : fixed; } table.ws-menu-page-table .notice, table.ws-menu-page-table .info, table.ws-menu-page-table .warning, table.ws-menu-page-table .error { font-size : inherit; margin : 1em 0 1em 0; } table.ws-menu-page-table ul, table.ws-menu-page-table ol { margin : 10px 0 10px 20px; } table.ws-menu-page-table ul > li { margin-bottom : 0; list-style : disc outside; } table.ws-menu-page-table ol > li { margin-bottom : 0; list-style : decimal outside; } table.ws-menu-page-table > tbody > tr { vertical-align : top; } table.ws-menu-page-table td.ws-menu-page-table-l { padding : 0; } table.ws-menu-page-table td.ws-menu-page-table-r { padding : 0; width : 30px; box-sizing : border-box; height : 100%; position : relative; } table.ws-menu-page-table td.ws-menu-page-table-r.open { width : 310px; } table.ws-menu-page-table td.ws-menu-page-table-r > .toggler { width : 12px; box-sizing : border-box; position : absolute; min-height : 100%; z-index : 2; top : 0; right : 0; color : #627689; background : #053769; border-radius : 3px; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; user-select : none; } table.ws-menu-page-table td.ws-menu-page-table-r > .toggler:hover { color : #FFFFFF; background-color : #05141E; } table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper { margin : 0; padding : 25px; position : relative; box-sizing : border-box; min-height : 100%; width : 250px; z-index : 1; top : 0; left : 25px; border-radius : 5px; background : #D3D3D3 url('/trans-bg.png') repeat left top; box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.25) inset; display : none; } td.ws-menu-page-table-r div.ws-menu-page-js-c-w, td.ws-menu-page-table-r div.ws-menu-page-updates, td.ws-menu-page-table-r div.ws-menu-page-installation, td.ws-menu-page-table-r div.ws-menu-page-tools, td.ws-menu-page-table-r div.ws-menu-page-kb, td.ws-menu-page-table-r div.ws-menu-page-videos, td.ws-menu-page-table-r div.ws-menu-page-support, td.ws-menu-page-table-r div.ws-menu-page-donations, td.ws-menu-page-table-r div.ws-menu-page-others { width : 200px; margin : 0 0 25px 0; } td.ws-menu-page-table-r div.ws-menu-page-installation img, td.ws-menu-page-table-r div.ws-menu-page-tools img, td.ws-menu-page-table-r div.ws-menu-page-kb img, td.ws-menu-page-table-r div.ws-menu-page-videos img, td.ws-menu-page-table-r div.ws-menu-page-support img, td.ws-menu-page-table-r div.ws-menu-page-donations img, td.ws-menu-page-table-r div.ws-menu-page-others img { border : 0; width : 200px; height : auto; } table.ws-menu-page-table img.ws-menu-page-brand-icon { border : 0; float : right; width : 128px; height : 128px; margin : 0 0 0 25px; vertical-align : middle; } table.ws-menu-page-table img.ws-menu-page-brand-updates { border : 0; float : right; width : 155px; height : 40px; margin : 0 -153px 0 25px; vertical-align : middle; } table.ws-menu-page-table p.submit { padding : 0; margin : 20px 0 0 0; } table.ws-menu-page-table a[rel~="external"] { padding-right : 18px; background : url('/brand-xlink.png') no-repeat center right; } table.ws-menu-page-table div.ws-menu-page-group-header, table.ws-menu-page-table div.ws-menu-page-r-group-header { z-index : 1; position : relative; padding : 10px; font-size : 150%; font-weight : 600; line-height : 1em; color : #DDDDDD; background : #05141E; border-radius : 5px; box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.25); margin-bottom : 15px; cursor : pointer; -webkit-user-select : none; -moz-user-select : none; user-select : none; } table.ws-menu-page-table div.ws-menu-page-group-header:hover, table.ws-menu-page-table div.ws-menu-page-r-group-header:hover, table.ws-menu-page-table div.ws-menu-page-group-header.open, table.ws-menu-page-table div.ws-menu-page-r-group-header.open { color : #FFFFFF; } table.ws-menu-page-table div.ws-menu-page-group-header.open, table.ws-menu-page-table div.ws-menu-page-r-group-header.open { margin-bottom : 0; } table.ws-menu-page-table div.ws-menu-page-group-header::after, table.ws-menu-page-table div.ws-menu-page-r-group-header::after { color : #627689; font-size : 80%; content : '\f078'; font-weight : normal; font-family : 'FontAwesome'; float : right; margin : 0 0 0 10px; display : inline-block; } table.ws-menu-page-table div.ws-menu-page-group-header:hover::after, table.ws-menu-page-table div.ws-menu-page-group-header.open::after, table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after, table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after { color : #FFFFFF; } table.ws-menu-page-table div.ws-menu-page-group-header.open::after, table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after { content : '\f077'; } table.ws-menu-page-table div.ws-menu-page-group, table.ws-menu-page-table div.ws-menu-page-r-group { width : 99%; margin : 0 auto 0 auto; box-sizing : border-box; z-index : 0; position : relative; display : none; padding : 15px; color : #333333; background : #D0DDAD; border-bottom-left-radius : 5px; border-bottom-right-radius : 5px; box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.5); } table.ws-menu-page-table div.ws-menu-page-group.open, table.ws-menu-page-table div.ws-menu-page-r-group.open { display : block; margin-bottom : 15px; } table.ws-menu-page-table div.ws-menu-page-group div.ws-menu-page-hr, table.ws-menu-page-table div.ws-menu-page-r-group div.ws-menu-page-hr { background : #81E07D; } table.ws-menu-page-table div.ws-menu-page-group > div.ws-menu-page-hr, table.ws-menu-page-table div.ws-menu-page-r-group > div.ws-menu-page-hr { margin : 15px 0 15px 0; } div.ws-menu-page-group > div.ws-menu-page-section:first-child > h3 { margin-top : 0; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr { vertical-align : top; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th { font-size : 115%; color : #73834B; font-family : 'Georgia', serif; width : auto; padding : 0 0.5em 0 0; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr:not(:first-child) > th { padding-top: 0.5em; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td { width : auto; padding : 0.5em 0 0.5em 0; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th.ws-menu-page-th-side { width : 200px; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > textarea { font-family : 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[type='text'], table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[type='password'], table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * select { width : auto !important; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[id*='shortcode'] { width : 100% !important; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'checkbox'], table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'radio'] { margin-right : 3px; vertical-align : middle; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'button'].ws-menu-page-media-btn { float : left; margin : 5px 25px 0 0; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox { margin : 1px; padding : 5px; height : 150px; overflow-y : scroll; overflow-x : visible; border-radius : 4px; border : 1px solid rgba(13, 31, 47, 0.5); color : #FFFFFF; background : #73834B; box-shadow : 0 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5); } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox a { color : #FFFFFF; } /* Coupons table. */ table.ws-menu-page-table table.coupons-table { margin : 0; padding : 0; width : 100%; box-sizing : border-box; table-layout : auto; } table.ws-menu-page-table table.coupons-table thead::after { content : ' '; display : block; margin : 0 0 15px 0; } table.ws-menu-page-table table.coupons-table thead th:not(:last-child) { background : rgba(255, 255, 255, 0.25); border-radius : .25em; } table.ws-menu-page-table table.coupons-table th, table.ws-menu-page-table table.coupons-table td { margin : 0; padding : .1em; text-align : center; vertical-align : middle; width : 8%; } table.ws-menu-page-table table.coupons-table th { padding : .2em; } table.ws-menu-page-table table.coupons-table th:first-child, table.ws-menu-page-table table.coupons-table td:first-child { width : 20%; } table.ws-menu-page-table table.coupons-table th i.fa { display : block; } table.ws-menu-page-table table.coupons-table td:last-child { width : 5%; font-size : 110%; white-space : nowrap; } table.ws-menu-page-table table.coupons-table td:last-child a { width : 40%; display : inline-block; } table.ws-menu-page-table table.coupons-table td:last-child a.-delete:hover { color : #AC0000; } table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > table.coupons-table input[type='text'] { box-sizing : border-box; width : 100% !important; } table.ws-menu-page-table div.coupon-add { margin : .5em 0 1em 5px; } table.ws-menu-page-table div.coupon-add > a { font-size : 120%; font-weight : bold; text-decoration : none; } /* Specifically for info pages with readme files. These CSS selectors address common layout styles. */ div.ws-menu-page-readme > div.readme > div.section { margin : 0 0 20px 0; padding : 0 0 20px 0; border : 0 solid #DDDDDD; border-width : 0 0 1px 0; } div.ws-menu-page-readme > div.readme > div.section:last-child { border-bottom-width : 0; } div.ws-menu-page-readme > div.readme > div.section > h2 { margin-top : 0; padding-top : 0; font-size : 150%; } div.ws-menu-page-readme > div.readme > div.section > div.content ul, div.ws-menu-page-readme > div.readme > div.section > div.content ol { padding : 0; margin : 10px 0 0 25px; } div.ws-menu-page-readme > div.readme > div.section > div.content ul > li { list-style : disc outside; margin-bottom : 0; } div.ws-menu-page-readme > div.readme > div.section > div.content ol > li { list-style : decimal outside; margin-bottom : 0; } /* Specifically for the right sidebar panel. - Specifically for the updates box. These CSS selectors address common layout styles. */ div.ws-menu-page-updates ul { padding : 0; margin : 0 0 0 12px; } div.ws-menu-page-updates ul > li { padding : 0; margin : 5px 0 5px 0; list-style : square outside; -moz-user-select : none; -webkit-user-select : none; user-select : none; } div.ws-menu-page-updates ul > li:first-child { margin-top : 0; } div.ws-menu-page-updates a[target = "_blank"] { padding-right : 18px; background : url('/brand-xlink.png') no-repeat center right; } div.ws-menu-page-updates div#creditfooter { display : none; } div.ws-menu-page-updates div#ws-updates-div-fname, div.ws-menu-page-updates div#ws-updates-div-lname, div.ws-menu-page-updates div#ws-updates-div-email { margin : 0 0 10px 0; } div.ws-menu-page-updates input[type = "text"], div.ws-menu-page-updates input[type = "password"], div.ws-menu-page-updates input[type = "submit"], div.ws-menu-page-updates textarea, div.ws-menu-page-updates select { width : 100%; box-sizing : border-box; -ms-box-sizing : border-box; -moz-box-sizing : border-box; -webkit-box-sizing : border-box; } div.ws-menu-page-updates input[type = "checkbox"], div.ws-menu-page-updates input[type = "radio"] { margin-right : 3px; vertical-align : middle; } /* New admin styles */ body[class*="s2member"] #wpwrap, body[class*="s2member"] #wpwrap::before { background: #f0f0f0; } table.ws-menu-page-table div.ws-menu-page-group { background: #f0f0f0; } div.ws-menu-page { margin: 20px 20px 20px 0; } table.ws-menu-page-table div.ws-menu-page-group-header, table.ws-menu-page-table div.ws-menu-page-group-header.open, table.ws-menu-page-table div.ws-menu-page-r-group-header.open { background: #f0f0f0; border-radius: 0; margin: 5px 0 0 0; } table.ws-menu-page-table div.ws-menu-page-group.open { margin-bottom: 20px !important; } table.ws-menu-page-table div.ws-menu-page-group, table.ws-menu-page-table div.ws-menu-page-group.open { border-radius: 0; margin: 0; padding: 25px; width: 100%; border-left: 5px solid #72aee6; } table.ws-menu-page-table div.ws-menu-page-group-header.open { border-radius: 3px 3px 0 0; } table.ws-menu-page-table div.ws-menu-page-group.open { border-radius: 0 0 3px 3px; } table.ws-menu-page-table div.ws-menu-page-group-header.open, table.ws-menu-page-table div.ws-menu-page-group.open { background: white !important; } .ws-menu-page-table { margin-left: 150px; max-width: calc(100% - 150px); } table.ws-menu-page-table td.ws-menu-page-table-r { width: 255px !important; } table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper { display: block !important; padding: 0 !important; } table.ws-menu-page-table td.ws-menu-page-table-r > .toggler { background: #2271b1; display: none !important; } table.ws-menu-page-table td.ws-menu-page-table-r > .toggler:hover { background: #72aee6; } table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper, table.ws-menu-page-table div.ws-menu-page-r-group-header, table.ws-menu-page-table div.ws-menu-page-r-group.open { background: #f0f0f0; padding-top: 0; } table.ws-menu-page-table div.ws-menu-page-r-group-header, table.ws-menu-page-table div.ws-menu-page-r-group-header:hover, table.ws-menu-page-table div.ws-menu-page-r-group-header.open, table.ws-menu-page-table div.ws-menu-page-r-group-header::after, table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after, table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after { color: #dba617; } table.ws-menu-page-table div.ws-menu-page-r-group-header:hover, table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after { color: #f0c33c; } table.ws-menu-page-table div.ws-menu-page-r-group.open > p { text-align: left !important; } .feedburnerFeedBlock li:first-child { font-weight: bold; } div.ws-menu-page-updates input[type="submit"] { width: auto; } div.ws-menu-page-updates { margin-bottom: 35px !important; } div.ws-menu-page-kb img, div.ws-menu-page-videos img, div.ws-menu-page-support img, div.ws-menu-page-donations img { display: none !important; } div.ws-menu-page-others, div.ws-menu-page-kb, div.ws-menu-page-videos, div.ws-menu-page-support, div.ws-menu-page-donations { line-height: .9em; font-size: 9em; margin-left: 10px !important; } div.ws-menu-page-others img { margin-left: -10px; width: 150px !important; } div.ws-menu-page-others { height: 108px; overflow: hidden; margin-bottom: 30px !important; } div.ws-menu-page-support { line-height: .7em!important; } div.ws-menu-page-donations { line-height: 1em!important; } td.ws-menu-page-table-r a:before { color: #3a424a; } td.ws-menu-page-table-r a:hover:before { color: #dba617; } div.ws-menu-page-donations a:hover:before { color: #dba617; } div.ws-menu-page-others:hover { filter: hue-rotate(210deg) brightness(200%); } div.ws-menu-page-kb a:before { font-family: fontawesome; content: "\f02d"; font-size: 1.05em; margin-left: 2px; } div.ws-menu-page-videos a:before { font-family: fontawesome; content: "\f16a"; } div.ws-menu-page-support a:before { font-family: fontawesome; content: "\f0e6"; } div.ws-menu-page-donations a:before { font-family: fontawesome; content: "\f004"; font-size: .9em; margin-left: 2px; } div.ws-menu-page * { text-shadow: none !important; box-shadow: none !important; } div.ws-menu-page-toolbox div.links { text-align: right !important; letter-spacing: -1px; } div.ws-menu-page-toolbox i { margin-right: 2px !important; } div.ws-menu-page > h2, div.ws-menu-page > h2::before, div.ws-menu-page > h2::after, table.ws-menu-page-table div.ws-menu-page-group-header { background: none; } div.ws-menu-page > h2 { background: no-repeat url('/logo-square-big.png'); height: 130px; padding: 10px 0 0 150px; margin: 0 0 15px 0; font-size: 2.8em; } table.ws-menu-page-table div.ws-menu-page-group-header::after { color: #3a424a } table.ws-menu-page-table div.ws-menu-page-group-header:hover::after { color: #72aee6 } table.ws-menu-page-table div.ws-menu-page-group-header.open::after { color: #2271b1 } div.ws-menu-page * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } div.ws-menu-page *.fa { font-family: FontAwesome !important; margin-right: 1px; } h1, h2, h3, h4, table.ws-menu-page-table div.ws-menu-page-group-header, table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th { color: #3a424a !important; text-shadow: none; line-height: 1em; } table.ws-menu-page-table div.ws-menu-page-group-header { font-weight: 400; } div.ws-menu-page a { color: #2271b1 !important; text-decoration: none; } div.ws-menu-page a:hover { color: #72aee6 !important; text-decoration: none; } table.ws-menu-page-table div.ws-menu-page-group-header { color: #3a424a !important; border-left: 5px solid #f0f0f0; } table.ws-menu-page-table div.ws-menu-page-group-header:hover { color: #72aee6 !important; border-left: 5px solid #72aee6; } table.ws-menu-page-table div.ws-menu-page-group-header.open { color: #2271b1 !important; border-left: 5px solid #72aee6; font-weight: 500; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) select, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type="image"]):not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]), div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type="image"]):not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus, table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox { background: white; border: 1px solid lightgray; color: #333; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit button[type="submit"], div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit input[type="submit"] { width: auto; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button, div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"], div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"], div.ws-menu-page div.ws-menu-page-number-button-tabs > a { background: #2271b1; border: 0; border-radius: 3px; font-weight: normal; font-size: 1em; line-height: 2; color: white !important; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"]:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"]:hover, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"]:hover, div.ws-menu-page div.ws-menu-page-number-button-tabs > a:hover { background: #135e96; border: 0; border-radius: 3px; color: white !important; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:active, div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"]:active, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"]:active, div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"]:active { transform: none; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current:hover { color: white !important; } div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current { color: #135e96 !important; border: 1px solid; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"].ws-menu-page-right { margin: 0 0 10px 10px; } table#ws-plugin--s2member-custom-reg-field-configuration-table tr.e { background-color: #ddd; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) div.ws-menu-page-hr { background: lightgray; } #ws-plugin--s2member-options-form > div { border-bottom: 0 !important; } div.ws-menu-page code, div.ws-menu-page code *, div.ws-menu-page *.code { background: #f7f8f8 !important; border-radius: 3px !important; font-size: .9em !important; font-family: Consolas, Monaco, monospace !important; } div.ws-menu-page code, div.ws-menu-page *.code { margin: 10px 0; } div.ws-menu-page code * { margin: 0; } div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code > code { color: #333; } div.ws-menu-page div.info { background: #f0f6fc !important; border: 0 !important; } div.ws-menu-page .ws-menu-page-warning-hilite, div.ws-menu-page .ws-menu-page-warning-hilite code { background: #f86368 !important; } #ws-plugin--s2member-pro-upgrade-username, #ws-plugin--s2member-pro-upgrade-password, #ws-plugin--s2member-pro-upgrade-submit { padding: 0 10px !important; margin: 5px 0 !important; } div.ws-menu-page input[type="text"], div.ws-menu-page input[type="password"] { border-left: 5px solid lightgray !important; padding: 10px !important; margin: 5px 0 !important; max-width: 80%; } div.ws-menu-page textarea { border-left: 5px solid lightgray !important; padding: 10px !important; margin: 5px 0 !important; max-width: 80%; min-height: 5em; line-height: 1.2em !important; } #ws-plugin--s2member-log-file-viewer { max-width: 100% !important; } div.ws-menu-page select { background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55% !important; border-bottom: 3px dotted lightgray !important; } th.ws-menu-page-th-side { display: none; } div.ws-menu-page-group.open form { max-width: 85%; } div.ws-menu-page-group.open form table.btn-generator { max-width: 70ch; margin: 0 0 1em 0; } .btn-generator tr td { padding: 0; margin: 0; max-width: 55ch; vertical-align: baseline !important; height: 1em; } .btn-generator tr td:first-child { min-width: 20ch; } .btn-generator tr td input[type="text"], .btn-generator tr td select { vertical-align: baseline; margin: 0 !important; } .btn-generator tr td select.regular-term { max-width: 42ch !important; } .btn-generator tr td input.amount { max-width: 9ch; border-color: #b8e6bf !important; } .btn-generator tr td input.trial-period { max-width: 7ch; } #ws-plugin--s2member-reg-link, #ws-plugin--s2member-sp-link { display: block; border: 1px solid lightgray; border-radius: 4px !important; line-height: .5em; padding: 10px; margin-top: 1em; } .btn-generator tr.sp-lead td:first-child, .btn-generator tr.sp-additional td:first-child { text-align: right; vertical-align: top !important; } .btn-generator tr.sp-lead td:first-child i, .btn-generator tr.sp-additional td:first-child i { margin: .5em; } .btn-generator tr.sp-lead td select, .btn-generator tr.sp-additional td select { min-width: 52ch !important; vertical-align: top; } .co-style { display: none; } div.ws-menu-page .coupons-table input[type="text"] { margin: 0 !important; padding: 5px !important; max-width: 100% !important; } table.ws-menu-page-table table.coupons-table th { vertical-align: top !important; }