| 1 |
/** |
| 2 |
* Core CSS for s2Member menu pages. |
| 3 |
* |
| 4 |
* Copyright: © 2009-2011 |
| 5 |
* {@link http://websharks-inc.com/ WebSharks, Inc.} |
| 6 |
* (coded in the USA) |
| 7 |
* |
| 8 |
* Released under the terms of the GNU General Public License. |
| 9 |
* You should have received a copy of the GNU General Public License, |
| 10 |
* along with this software. In the main directory, see: /licensing/ |
| 11 |
* If not, see: {@link http://www.gnu.org/licenses/}. |
| 12 |
* |
| 13 |
* @package s2Member\Menu_Pages |
| 14 |
* @since 3.0 |
| 15 |
*/ |
| 16 |
/* |
| 17 |
These CSS selectors are all specific to this software. |
| 18 |
These are for Custom Reg Field configuration. |
| 19 |
-specifically for the tools. |
| 20 |
*/ |
| 21 |
div#ws-plugin--s2member-custom-reg-field-configuration-tools > a |
| 22 |
{ |
| 23 |
display: block; |
| 24 |
padding: 0 0 0 20px; |
| 25 |
background: url('<?php echo $i; ?>/add-icon.png') no-repeat center left; |
| 26 |
} |
| 27 |
div#ws-plugin--s2member-custom-reg-field-configuration-thickbox-tools-form > table |
| 28 |
{ |
| 29 |
display: /* Hide until it's inside thickbox. */ none; |
| 30 |
} |
| 31 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form |
| 32 |
{ |
| 33 |
width: 95%; |
| 34 |
margin: 2.5%; |
| 35 |
} |
| 36 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form label |
| 37 |
{ |
| 38 |
color: #164A61; |
| 39 |
} |
| 40 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form input[type = "text"], |
| 41 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form textarea, |
| 42 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form select |
| 43 |
{ |
| 44 |
font-size: 11px; |
| 45 |
padding: 3px; |
| 46 |
} |
| 47 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form input[type = "text"], |
| 48 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form select |
| 49 |
{ |
| 50 |
height: 2em; |
| 51 |
} |
| 52 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form input[type = "text"], |
| 53 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form textarea |
| 54 |
{ |
| 55 |
width: 99%; |
| 56 |
} |
| 57 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form select |
| 58 |
{ |
| 59 |
width: 100%; |
| 60 |
} |
| 61 |
table#ws-plugin--s2member-custom-reg-field-configuration-tools-form select option |
| 62 |
{ |
| 63 |
padding: 1px; |
| 64 |
} |
| 65 |
tr.ws-plugin--s2member-custom-reg-field-configuration-tools-form-spacer td |
| 66 |
{ |
| 67 |
height: 1px; |
| 68 |
padding: 2px 0 2px 0; |
| 69 |
} |
| 70 |
/* |
| 71 |
These CSS selectors are all specific to this software. |
| 72 |
These are for Custom Reg Field configuration. |
| 73 |
-specifically for the table. |
| 74 |
*/ |
| 75 |
table#ws-plugin--s2member-custom-reg-field-configuration-table |
| 76 |
{ |
| 77 |
width: 100%; |
| 78 |
-moz-border-radius: 3px; |
| 79 |
-webkit-border-radius: 3px; |
| 80 |
border-radius: 3px; |
| 81 |
border: 1px solid transparent; |
| 82 |
} |
| 83 |
table#ws-plugin--s2member-custom-reg-field-configuration-table th |
| 84 |
{ |
| 85 |
font-weight: bold; |
| 86 |
} |
| 87 |
table#ws-plugin--s2member-custom-reg-field-configuration-table tr.e |
| 88 |
{ |
| 89 |
background-color: #EEEEEE; |
| 90 |
} |
| 91 |
table#ws-plugin--s2member-custom-reg-field-configuration-table tr.s > td |
| 92 |
{ |
| 93 |
border-top: 1px solid #666666; |
| 94 |
} |
| 95 |
a.ws-plugin--s2member-custom-reg-field-configuration-move-up, |
| 96 |
a.ws-plugin--s2member-custom-reg-field-configuration-move-down, |
| 97 |
a.ws-plugin--s2member-custom-reg-field-configuration-edit, |
| 98 |
a.ws-plugin--s2member-custom-reg-field-configuration-delete |
| 99 |
{ |
| 100 |
width: 16px; |
| 101 |
height: 16px; |
| 102 |
margin: 0 5px 0 5px; |
| 103 |
display: inline-block; |
| 104 |
} |
| 105 |
a.ws-plugin--s2member-custom-reg-field-configuration-move-up |
| 106 |
{ |
| 107 |
background: url('<?php echo $i; ?>/arrow-up-icon.png') no-repeat; |
| 108 |
} |
| 109 |
a.ws-plugin--s2member-custom-reg-field-configuration-move-down |
| 110 |
{ |
| 111 |
background: url('<?php echo $i; ?>/arrow-down-icon.png') no-repeat; |
| 112 |
} |
| 113 |
a.ws-plugin--s2member-custom-reg-field-configuration-edit |
| 114 |
{ |
| 115 |
background: url('<?php echo $i; ?>/edit-icon.png') no-repeat; |
| 116 |
} |
| 117 |
a.ws-plugin--s2member-custom-reg-field-configuration-delete |
| 118 |
{ |
| 119 |
background: url('<?php echo $i; ?>/delete-icon.png') no-repeat; |
| 120 |
} |
| 121 |
|
| 122 |
/* 250611 Style the wp editor for s2's HTML emails. */ |
| 123 |
.ws-menu-page-section div.mce-edit-area { |
| 124 |
border: 1px solid lightgray; |
| 125 |
border-left: 5px solid lightgray !important; |
| 126 |
} |
| 127 |
.ws-menu-page-section .wp-editor-tabs { |
| 128 |
display: flex !important; |
| 129 |
overflow: visible !important; |
| 130 |
} |
| 131 |
.ws-menu-page-section .wp-editor-tabs button { |
| 132 |
background-color: #2271b1 !important; |
| 133 |
height: auto !important; |
| 134 |
line-height: 1em !important; |
| 135 |
padding: 0.5em !important; |
| 136 |
margin-left: 0.3em !important; |
| 137 |
color: #fff !important; |
| 138 |
border: none; |
| 139 |
border-radius: 3px; |
| 140 |
} |
| 141 |
.ws-menu-page-section .mce-btn-group button { |
| 142 |
background-color: #2271b1 !important; |
| 143 |
line-height: 1em !important; |
| 144 |
padding: 0.3em !important; |
| 145 |
} |
| 146 |
.ws-menu-page-section .mce-btn-group button span.mce-txt { |
| 147 |
line-height: 1em !important; |
| 148 |
padding: 0.2em !important; |
| 149 |
} |
| 150 |
.ws-menu-page-section .mce-btn-group button i.mce-ico:before { |
| 151 |
font-family: dashicons !important; |
| 152 |
color: white !important; |
| 153 |
} |
| 154 |
.ws-menu-page-section .quicktags-toolbar input.button { |
| 155 |
background-color: #2271b1 !important; |
| 156 |
line-height: 1em !important; |
| 157 |
padding: 0.5em !important; |
| 158 |
margin: 0.2em !important; |
| 159 |
color: #fff !important; |
| 160 |
} |
| 161 |
/* Visual editor resize not working, hide resizer for now */ |
| 162 |
.mce-i-resize::before { |
| 163 |
display: none; |
| 164 |
} |
| 165 |
|
| 166 |
/*260823.0558 Operational status is label/value data; compact table rows keep values aligned while subtle separators make wrapped labels clearly part of one row. */ |
| 167 |
table.ws-plugin--s2member-status-table |
| 168 |
{ |
| 169 |
width : 100%; |
| 170 |
border-collapse : collapse; |
| 171 |
margin : 0 0 15px 0; |
| 172 |
} |
| 173 |
table.ws-plugin--s2member-status-table th, |
| 174 |
table.ws-plugin--s2member-status-table td |
| 175 |
{ |
| 176 |
vertical-align : top; |
| 177 |
padding : 2px 0; |
| 178 |
} |
| 179 |
table.ws-plugin--s2member-status-table th |
| 180 |
{ |
| 181 |
width : 13em; |
| 182 |
padding-right : 0.75em; |
| 183 |
text-align : left; |
| 184 |
font-weight : 600; |
| 185 |
} |
| 186 |
table.ws-plugin--s2member-status-table tr + tr th, |
| 187 |
table.ws-plugin--s2member-status-table tr + tr td |
| 188 |
{ |
| 189 |
border-top : 1px solid #eeeeee; |
| 190 |
} |
| 191 |
/*260823.0558 Draw status indicators with CSS instead of font-dependent emoji; the adjacent text remains authoritative when colors are unavailable or overridden. */ |
| 192 |
.ws-plugin--s2member-status-light |
| 193 |
{ |
| 194 |
display : inline-block; |
| 195 |
box-sizing : border-box; |
| 196 |
width : 0.7em; |
| 197 |
height : 0.7em; |
| 198 |
margin-left : 0.35em; |
| 199 |
margin-right : 0.25em; |
| 200 |
border : 1px solid rgba(0, 0, 0, 0.2); |
| 201 |
border-radius : 50%; |
| 202 |
background : #8c8f94; |
| 203 |
} |
| 204 |
/* 260911.1806 Use brighter shared health colors so tiny status lights remain easy to distinguish across Asset Health and EOT status sections. */ |
| 205 |
.ws-plugin--s2member-status-light-healthy, |
| 206 |
.ws-plugin--s2member-status-light-processing |
| 207 |
{ |
| 208 |
background : #00bb00; |
| 209 |
} |
| 210 |
.ws-plugin--s2member-status-light-catching_up, |
| 211 |
.ws-plugin--s2member-status-light-delayed |
| 212 |
{ |
| 213 |
background : #fed748; |
| 214 |
} |
| 215 |
.ws-plugin--s2member-status-light-attention, |
| 216 |
.ws-plugin--s2member-status-light-retrying |
| 217 |
{ |
| 218 |
background : #ff8c00; |
| 219 |
} |
| 220 |
.ws-plugin--s2member-status-light-error |
| 221 |
{ |
| 222 |
background : #ee0000; |
| 223 |
} |
| 224 |
.ws-plugin--s2member-status-light-disabled |
| 225 |
{ |
| 226 |
background : #8c8f94; |
| 227 |
} |
| 228 |
|
