PluginProbe
Smart Custom Fields / trunk
Smart Custom Fields vtrunk
1.5.1 1.5.2 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.7.0 2.0.0 2.0.1 2.1.0 2.1.1 2.2.0 2.2.1 2.2.2 2.2.3 2.3.0 3.0.0 3.0.1 3.1.0 3.1.1 3.1.2 All 68 releases
smart-custom-fields / css / settings.css

settings.css in Smart Custom Fields trunk, at css/settings.css

289 lines 6.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * settings.css
3 * Version : 1.1.0
4 * Author : inc2734
5 * Created : September 23, 2014
6 * Modified : July 14, 2018
7 * License : GPLv2 or later
8 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
9 */
10
11 /** ==================================================
12 * #normal-sortables
13 */
14 #normal-sortables {
15 display: none;
16 }
17
18 /** ==================================================
19 * .btn-add-group
20 */
21 .smart-cf-fields-wrapper .btn-add-group {
22 margin-top: 10px;
23 }
24
25 /** ==================================================
26 * .smart-cf-group
27 */
28 .smart-cf-group {
29 background: #f5f5f5;
30 border: #eee solid 1px;
31 margin: 10px 0 0;
32 padding: 10px;
33 position: relative;
34 }
35 .smart-cf-group .smart-cf-require {
36 color: #f60;
37 font-size: 90%;
38 margin-left: 3px;
39 }
40 .smart-cf-group .smart-cf-notes {
41 color: #999;
42 font-size: 90%;
43 }
44
45 /**
46 * .btn-remove-group
47 */
48 .smart-cf-group .btn-remove-group {
49 cursor: pointer;
50 position: absolute;
51 top: 10px;
52 right: 10px;
53 }
54 .smart-cf-group .btn-remove-group .dashicons,
55 .smart-cf-group .btn-remove-group .dashicons:before {
56 font-size: 14px;
57 height: 14px;
58 width: 14px;
59 }
60
61 /**
62 * .btn-add-field
63 */
64 .smart-cf-group .btn-add-field {
65 margin-top: 5px;
66 }
67
68 /**
69 * .smart-cf-group-repeat
70 */
71 .smart-cf-group .smart-cf-group-repeat {
72 margin: 0 0 5px;
73 }
74 .smart-cf-group .smart-cf-group-repeat label {
75 position: relative;
76 top: -2px;
77 }
78 @media (max-width:750px) {
79 .smart-cf-group .smart-cf-group-name {
80 max-width:79%;
81 }
82 }
83
84 /**
85 * .smart-cf-group-names
86 */
87 .smart-cf-group .smart-cf-group-names {
88 width: 100%;
89 }
90 .smart-cf-group .smart-cf-group-names th {
91 text-align: left;
92 width: 20%;
93 }
94
95 /**
96 * .smart-cf-alert
97 */
98 .smart-cf-alert {
99 color: #f60;
100 display: block;
101 font-size: 90%;
102 margin-top: 2px 0;
103 }
104
105 /** ==================================================
106 * .smart-cf-fields
107 */
108 .smart-cf-group .smart-cf-fields {
109 margin-top: 7px;
110 }
111
112 /** ==================================================
113 * .smart-cf-field
114 */
115 .smart-cf-group .smart-cf-field {
116 background: #fff;
117 border: #eee solid 1px;
118 margin: 5px 0 0;
119 padding: 10px;
120 overflow: hidden;
121 *zoom: 1;
122 }
123 .smart-cf-group .smart-cf-field:first-child {
124 margin-top: 0;
125 }
126 .smart-cf-group .smart-cf-field table {
127 border-collapse: collapse;
128 width: 100%;
129 }
130 .smart-cf-group .smart-cf-field table th,
131 .smart-cf-group .smart-cf-field table td {
132 padding: 5px 0;
133 }
134 .smart-cf-group .smart-cf-field table th {
135 font-weight: normal;
136 padding-top: 10px;
137 padding-right: 15px;
138 text-align: left;
139 vertical-align: top;
140 width: 15%;
141 }
142 .smart-cf-group .smart-cf-field table table {
143 margin: -5px 0;
144 }
145
146 /**
147 * .smart-cf-icon-handle
148 */
149 .smart-cf-group .smart-cf-field .smart-cf-icon-handle {
150 float: left;
151 margin-top: 4px;
152 margin-right: 8px;
153 }
154
155 /**
156 * .field-label
157 */
158 .smart-cf-group .smart-cf-field .field-label {
159 cursor: pointer;
160 position: relative;
161 overflow: hidden;
162 *zoom: 1;
163 }
164 .smart-cf-group .smart-cf-field .field-label small {
165 color: #999;
166 font-size: 90%;
167 }
168
169 /**
170 * .btn-remove-field
171 */
172 .smart-cf-group .smart-cf-field .btn-remove-field {
173 cursor: pointer;
174 float: right;
175 }
176 .smart-cf-group .smart-cf-field .btn-remove-field .dashicons,
177 .smart-cf-group .smart-cf-field .btn-remove-field .dashicons:before {
178 font-size: 14px;
179 height: 14px;
180 width: 14px;
181 }
182
183 /** ==================================================
184 * #smart-cf-meta-box-condition
185 */
186 #smart-cf-meta-box-condition-post b,
187 #smart-cf-meta-box-condition-profile b,
188 #smart-cf-meta-box-condition-taxonomy b,
189 #smart-cf-meta-box-condition-options-page b {
190 display: block;
191 margin: 0 0 5px;
192 }
193 #smart-cf-meta-box-condition-post label,
194 #smart-cf-meta-box-condition-profile label,
195 #smart-cf-meta-box-condition-taxonomy label,
196 #smart-cf-meta-box-condition-options-page label {
197 display: block;
198 margin: 0 0 5px;
199 }
200
201 #smart-cf-meta-box-condition-post .selectivity-multiple-input {
202 box-shadow: none;
203 }
204
205 #smart-cf-meta-box-condition-post .selectivity-multiple-selected-item {
206 margin-right: 5px;
207 }
208
209 #smart-cf-meta-box-condition-post .selectivity-multiple-selected-item-remove {
210 font-weight: bold;
211 color: #fff;
212 }
213
214 #smart-cf-meta-box-condition-post .selectivity-multiple-input-container {
215 border: 1px solid #ddd;
216 box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
217 background-color: #fff;
218 color: #32373c;
219 outline: 0;
220 transition: 50ms border-color ease-in-out;
221 border-radius: 0;
222 }
223
224 #smart-cf-meta-box-condition-post .selectivity-dropdown,
225 #smart-cf-meta-box-condition-post .selectivity-result-item:first-child,
226 #smart-cf-meta-box-condition-post .selectivity-load-more,
227 #smart-cf-meta-box-condition-post .selectivity-result-item:last-child,
228 #smart-cf-meta-box-condition-post .selectivity-result-children:last-child .selectivity-result-item:last-child {
229 border-radius: 0;
230 }
231
232 .smart-cf-group .smart-cf-group-repeat label .ios-ui-select,
233 #smart-cf-meta-box-condition-post .ios-ui-select,
234 #smart-cf-meta-box-condition-profile .ios-ui-select,
235 #smart-cf-meta-box-condition-taxonomy .ios-ui-select,
236 #smart-cf-meta-box-condition-options-page .ios-ui-select {
237 height: 18px;
238 width: 32px;
239 margin-bottom: -5px;
240 position: relative;
241 background: #ddd;
242 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
243
244 }
245
246 .smart-cf-group .smart-cf-group-repeat label .ios-ui-select .inner,
247 #smart-cf-meta-box-condition-post .ios-ui-select .inner,
248 #smart-cf-meta-box-condition-profile .ios-ui-select .inner,
249 #smart-cf-meta-box-condition-taxonomy .ios-ui-select .inner,
250 #smart-cf-meta-box-condition-options-page .ios-ui-select .inner {
251 width: 12px;
252 height: 12px;
253 }
254
255 .smart-cf-group .smart-cf-group-repeat label .ios-ui-select.checked .inner,
256 #smart-cf-meta-box-condition-post .ios-ui-select.checked .inner,
257 #smart-cf-meta-box-condition-profile .ios-ui-select.checked .inner,
258 #smart-cf-meta-box-condition-taxonomy .ios-ui-select.checked .inner,
259 #smart-cf-meta-box-condition-options-page .ios-ui-select.checked .inner {
260 left: 17px;
261 }
262
263
264 /** ==================================================
265 * .hide
266 */
267 .smart-cf-group .smart-cf-field table tr.hide,
268 .smart-cf-group.hide,
269 .smart-cf-group .btn-add-field.hide,
270 .smart-cf-group .smart-cf-group-names.hide,
271 .smart-cf-group .smart-cf-field.hide,
272 .smart-cf-group .smart-cf-field table.hide {
273 display: none;
274 }
275
276 /** ==================================================
277 * classes
278 */
279 .smart-cf-icon-handle {
280 background: url( ../images/handle.png ) no-repeat;
281 cursor: move;
282 display: inline-block;
283 margin-right: 10px;
284 height: 10px;
285 width: 10px;
286 overflow: hidden;
287 position: relative;
288 }
289