about.css
7 years ago
admin-compat.css
7 years ago
admin-form.css
7 years ago
fields.css
7 years ago
form-preview.css
7 years ago
number-spinner.css
7 years ago
order.css
7 years ago
polylang.css
7 years ago
post-editor.css
7 years ago
views.css
7 years ago
wpml.css
7 years ago
admin-compat.css
179 lines
| 1 | /** |
| 2 | * Compatibility settings tab |
| 3 | */ |
| 4 | /** |
| 5 | * Basic structure |
| 6 | */ |
| 7 | div.row { |
| 8 | display: table-row; } |
| 9 | div.row > div { |
| 10 | display: table-cell; } |
| 11 | div.row > div:first-child { |
| 12 | width: 200px; } |
| 13 | div.row:not(:last-child) > div { |
| 14 | padding-bottom: 0.5em; } |
| 15 | div.row p { |
| 16 | margin-bottom: 0.5em; } |
| 17 | div.row.header p { |
| 18 | margin-bottom: 1em; } |
| 19 | |
| 20 | /** |
| 21 | * Elements |
| 22 | */ |
| 23 | .wrap.wpmtst h2 { |
| 24 | margin: 2em 0 1em; } |
| 25 | .wrap.wpmtst h2.nav-tab-wrapper { |
| 26 | margin-top: 6px; } |
| 27 | |
| 28 | input.element { |
| 29 | width: 15em; } |
| 30 | |
| 31 | /** |
| 32 | * Behavior |
| 33 | */ |
| 34 | .hidden { |
| 35 | display: none; } |
| 36 | |
| 37 | [data-sub] { |
| 38 | display: none; } |
| 39 | |
| 40 | /** |
| 41 | * Common scenarios table |
| 42 | */ |
| 43 | div.scenarios div.row { |
| 44 | border: 1px solid #DDD; } |
| 45 | div.scenarios div.row > div { |
| 46 | padding: 1em; } |
| 47 | div.scenarios div.row > div:first-child { |
| 48 | width: 35%; |
| 49 | border-right: 1px dotted #DDD; } |
| 50 | div.scenarios div.row > div:last-child { |
| 51 | width: 30%; |
| 52 | border-left: 1px dotted #DDD; } |
| 53 | div.scenarios div.row p { |
| 54 | font-size: 14px; |
| 55 | margin: 0; } |
| 56 | div.scenarios div.row p:not(:last-child) { |
| 57 | margin-bottom: 1em; } |
| 58 | div.scenarios div.row.header > div { |
| 59 | font-weight: 600; |
| 60 | padding: 0.5em 1em; } |
| 61 | |
| 62 | /** |
| 63 | * Settings table |
| 64 | */ |
| 65 | div.row:not(:last-child) > div:nth-child(2) { |
| 66 | padding-bottom: 0.5em; } |
| 67 | div.row > div.radio-sub label { |
| 68 | text-indent: 24px; |
| 69 | width: 200px; } |
| 70 | div.row p.about { |
| 71 | display: inline-block; |
| 72 | vertical-align: middle; } |
| 73 | div.row p.about.adjacent { |
| 74 | margin-left: 0.5em; } |
| 75 | div.row p.description { |
| 76 | display: inline-block; |
| 77 | font-size: 14px; } |
| 78 | div.row label.current { |
| 79 | font-weight: 600; } |
| 80 | |
| 81 | /** |
| 82 | * Lazy load class name pairs |
| 83 | */ |
| 84 | .pair-actions { |
| 85 | margin-top: 10px; } |
| 86 | |
| 87 | .pair-sep { |
| 88 | margin-right: 1em; } |
| 89 | |
| 90 | @media only screen and (max-width: 1024px) { |
| 91 | .lazyload-pairs .pair { |
| 92 | border: 1px solid #DDD; |
| 93 | padding: 5px 10px; } } |
| 94 | /** |
| 95 | * Number spinner |
| 96 | */ |
| 97 | .number-style { |
| 98 | display: inline-block; |
| 99 | margin-right: 10px; |
| 100 | /** |
| 101 | * Disable text selection on buttons. Seems to help jittery pointers. |
| 102 | */ } |
| 103 | .number-style input { |
| 104 | margin: 0 5px; |
| 105 | font-family: Consolas, Monaco, monospace; |
| 106 | text-align: center; |
| 107 | width: 4em; } |
| 108 | .number-style > span { |
| 109 | cursor: pointer; } |
| 110 | .number-style > span.number-minus, .number-style > span.number-plus { |
| 111 | height: 24px; |
| 112 | width: 24px; |
| 113 | display: inline-block; |
| 114 | text-align: center; |
| 115 | vertical-align: top; |
| 116 | border-radius: 3px; |
| 117 | background: #0085ba; |
| 118 | border-width: 1px; |
| 119 | border-style: solid; |
| 120 | border-color: #0073aa #006799 #006799; |
| 121 | -webkit-box-shadow: 0 1px 0 #006799; |
| 122 | box-shadow: 0 1px 0 #006799; |
| 123 | text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; |
| 124 | color: #FFF; } |
| 125 | .number-style > span.number-minus:hover, .number-style > span.number-plus:hover { |
| 126 | background: #008ec2; } |
| 127 | .number-style > span.number-minus:active, .number-style > span.number-plus:active { |
| 128 | background: #0073aa; |
| 129 | border-color: #006799; |
| 130 | -webkit-box-shadow: inset 0 2px 0 #006799; |
| 131 | box-shadow: inset 0 2px 0 #006799; |
| 132 | -webkit-transform: translateY(1px); |
| 133 | -ms-transform: translateY(1px); |
| 134 | transform: translateY(1px); |
| 135 | outline: none; } |
| 136 | .number-style > span.number-minus.disabled, .number-style > span.number-plus.disabled { |
| 137 | background: #AAA; |
| 138 | border-color: #999 #777 #777; |
| 139 | -webkit-box-shadow: 0 1px 0 #777; |
| 140 | box-shadow: 0 1px 0 #777; |
| 141 | text-shadow: 0 -1px 1px #777, 1px 0 1px #777, 0 1px 1px #777, -1px 0 1px #777; } |
| 142 | .number-style > span.number-minus::after, .number-style > span.number-plus::after { |
| 143 | font-family: dashicons; |
| 144 | font-size: 24px; |
| 145 | line-height: 24px; |
| 146 | height: 24px; |
| 147 | width: 24px; |
| 148 | display: inline-block; |
| 149 | color: #FFF; |
| 150 | text-align: center; |
| 151 | position: relative; |
| 152 | left: -1px; } |
| 153 | .number-style > span.number-minus::after { |
| 154 | content: "\f140"; } |
| 155 | .number-style > span.number-plus::after { |
| 156 | content: "\f142"; } |
| 157 | .number-style input[type='number'] { |
| 158 | -moz-appearance: textfield; } |
| 159 | .number-style input::-webkit-outer-spin-button, |
| 160 | .number-style input::-webkit-inner-spin-button { |
| 161 | -webkit-appearance: none; } |
| 162 | .number-style .number-minus, |
| 163 | .number-style .number-plus, |
| 164 | .number-style .number-minus::after, |
| 165 | .number-style .number-plus::after { |
| 166 | -webkit-touch-callout: none; |
| 167 | /* iOS Safari */ |
| 168 | -webkit-user-select: none; |
| 169 | /* Safari */ |
| 170 | -khtml-user-select: none; |
| 171 | /* Konqueror HTML */ |
| 172 | -moz-user-select: none; |
| 173 | /* Firefox */ |
| 174 | -ms-user-select: none; |
| 175 | /* Internet Explorer/Edge */ |
| 176 | user-select: none; |
| 177 | /* Non-prefixed version, currently |
| 178 | supported by Chrome and Opera */ } |
| 179 |