Skip to content

Tenzing / Tz Tools

Go to a project
Toggle navigation
Toggle navigation pinning
48ff878d by Marty Penner
Options

Format CSS and add option group styling. refs #1679

1 parent 34885384
Inline Side-by-side
Showing 1 changed file with 817 additions and 240 deletions
...@@ -20,11 +20,11 @@ ...@@ -20,11 +20,11 @@
20 */ 20 */
21 21
22 #header-logo { 22 #header-logo {
23 display:none; 23 display: none;
24 /* 24 /*
25 background-color:#3b0d32; 25 background-color:#3b0d32;
26 color:#fff; 26 color:#fff;
27 */ 27 */
28 } 28 }
29 29
30 #wphead { 30 #wphead {
...@@ -56,21 +56,27 @@ ...@@ -56,21 +56,27 @@
56 56
57 #wphead h1 { 57 #wphead h1 {
58 background: transparent url(../images/tz.gif) left no-repeat; 58 background: transparent url(../images/tz.gif) left no-repeat;
59 padding-left:200px; 59 padding-left: 200px;
60 color:#fff; 60 color: #fff;
61 height: 35px; 61 height: 35px;
62 overflow: hidden; 62 overflow: hidden;
63 } 63 }
64 64
65 #wphead h1 a { 65 #wphead h1 a {
66 display: inline-block; 66 display: inline-block;
67 margin-top:4px; 67 margin-top: 4px;
68 } 68 }
69 69
70 #wphead h1 a, 70 #wphead h1 a,
71 #wphead h1 a span { color:#f7bd55; font-family: Georgia, Helvetica, Serif; font-style: italic;} 71 #wphead h1 a span {
72 color: #f7bd55;
73 font-family: Georgia, Helvetica, Serif;
74 font-style: italic;
75 }
72 76
73 #wphead > a { color:#fff; } 77 #wphead > a {
78 color: #fff;
79 }
74 80
75 #adminmenuback, #adminmenuwrap, #wpbody-content { 81 #adminmenuback, #adminmenuwrap, #wpbody-content {
76 margin-top: 66px; 82 margin-top: 66px;
...@@ -80,18 +86,30 @@ ...@@ -80,18 +86,30 @@
80 padding-bottom: 3.2em; 86 padding-bottom: 3.2em;
81 } 87 }
82 88
83 #user_info {margin-top:5px; color:#fff; } 89 #user_info {
84 #user_info p a, #user_info a { color: #fadfb3; } 90 margin-top: 5px;
85 #favorite-actions { margin: 15px 12px 0; } 91 color: #fff;
92 }
93 #user_info p a, #user_info a {
94 color: #fadfb3;
95 }
96 #favorite-actions {
97 margin: 15px 12px 0;
98 }
86 99
87 #user_info a:link, #user_info a:visited, #footer a:link, #footer a:visited { 100 #user_info a:link, #user_info a:visited, #footer a:link, #footer a:visited {
88 color:#f7bd55; 101 color: #f7bd55;
89 text-decoration:none; 102 text-decoration: none;
90 } 103 }
91 104
92 .wp-admin { background:#fdfdee;} 105 .wp-admin {
106 background: #fdfdee;
107 }
93 108
94 #backtoblog { background:#3b0d32; color:#fadfb3; } 109 #backtoblog {
110 background: #3b0d32;
111 color: #fadfb3;
112 }
95 113
96 /* 114 /*
97 #wphead { display:none; } 115 #wphead { display:none; }
...@@ -112,34 +130,64 @@ ...@@ -112,34 +130,64 @@
112 /* #footer { display:none;} */ 130 /* #footer { display:none;} */
113 131
114 #TzBrandingFooter { 132 #TzBrandingFooter {
115 background-color:#3B0D32; 133 background-color: #3B0D32;
116 color:#f7bd55; 134 color: #f7bd55;
117 padding:5px 10px; 135 padding: 5px 10px;
118 font-size:11px; 136 font-size: 11px;
119 137
120 clear:both; 138 clear: both;
121 position:relative; 139 position: relative;
122 margin-top: -28px; 140 margin-top: -28px;
123 } 141 }
124 #TzBrandingFooter a { color:#fff; text-decoration:none; } 142 #TzBrandingFooter a {
143 color: #fff;
144 text-decoration: none;
145 }
125 146
126 /* Post Custom Type Fields Display */ 147 /* Post Custom Type Fields Display */
127 .cct-fields { padding:10px; } 148 .cct-fields {
128 .cct-fields fieldset { margin-top:15px; border: 1px solid #ccc; padding:15px; background-color: #f2f2f2; } 149 padding: 10px;
129 .cct-fields div { clear:both; margin-top:5px; } 150 }
130 .cct-fields div span.label { margin-top:3px;float:left; width: 150px; margin-right:10px; margin-bottom:3px; } 151 .cct-fields fieldset {
152 margin-top: 15px;
153 border: 1px solid #ccc;
154 padding: 15px;
155 background-color: #f2f2f2;
156 }
157 .cct-fields div {
158 clear: both;
159 margin-top: 5px;
160 }
161 .cct-fields div span.label {
162 margin-top: 3px;
163 float: left;
164 width: 150px;
165 margin-right: 10px;
166 margin-bottom: 3px;
167 }
131 .cct-fields div input[type=text], 168 .cct-fields div input[type=text],
132 .cct-fields div textarea { width: 300px;} 169 .cct-fields div textarea {
133 .cct-fields div textarea { height:80px;} 170 width: 300px;
134 171 }
135 table.tabular-data {} 172 .cct-fields div textarea {
136 table.tabular-data thead td {} 173 height: 80px;
137 table.tabular-data thead th { text-align: left; } 174 }
138 table.tabular-data tbody th {}
139 table.tabular-data tbody td {}
140 175
141 .spinner { background: transparent url(../images/spinner.gif) left no-repeat;} 176 table.tabular-data {
177 }
178 table.tabular-data thead td {
179 }
180 table.tabular-data thead th {
181 text-align: left;
182 }
183 table.tabular-data tbody th {
184 }
185 table.tabular-data tbody td {
186 }
142 187
188 .spinner {
189 background: transparent url(../images/spinner.gif) left no-repeat;
190 }
143 191
144 #popup_container { 192 #popup_container {
145 font-family: Arial, sans-serif; 193 font-family: Arial, sans-serif;
...@@ -155,7 +203,7 @@ table.tabular-data tbody td {} ...@@ -155,7 +203,7 @@ table.tabular-data tbody td {}
155 } 203 }
156 204
157 #popup_title { 205 #popup_title {
158 color:#f7bd55; 206 color: #f7bd55;
159 font-size: 12px; 207 font-size: 12px;
160 font-weight: bold; 208 font-weight: bold;
161 text-align: left; 209 text-align: left;
...@@ -164,7 +212,8 @@ table.tabular-data tbody td {} ...@@ -164,7 +212,8 @@ table.tabular-data tbody td {}
164 border: solid 1px #FFF; 212 border: solid 1px #FFF;
165 border-bottom: solid 1px #999; 213 border-bottom: solid 1px #999;
166 cursor: default; 214 cursor: default;
167 padding: 0em; padding:3px 5px 3px 10px; 215 padding: 0em;
216 padding: 3px 5px 3px 10px;
168 margin: 0em; 217 margin: 0em;
169 } 218 }
170 219
...@@ -199,59 +248,146 @@ table.tabular-data tbody td {} ...@@ -199,59 +248,146 @@ table.tabular-data tbody td {}
199 margin: .5em 0em; 248 margin: .5em 0em;
200 } 249 }
201 250
202
203 /* 251 /*
204 ColorBox Core Style 252 ColorBox Core Style
205 The following rules are the styles that are consistant between themes. 253 The following rules are the styles that are consistant between themes.
206 Avoid changing this area to maintain compatability with future versions of ColorBox. 254 Avoid changing this area to maintain compatability with future versions of ColorBox.
207 */ 255 */
208 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 256 #colorbox, #cboxOverlay, #cboxWrapper {
209 #cboxOverlay{position:fixed; width:100%; height:100%;} 257 position: absolute;
210 #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 258 top: 0;
211 #cboxContent{position:relative; overflow:visible;} 259 left: 0;
212 #cboxLoadedContent{overflow:auto;} 260 z-index: 9999;
213 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} 261 overflow: hidden;
214 #cboxTitle{margin:0;} 262 }
215 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 263 #cboxOverlay {
216 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 264 position: fixed;
265 width: 100%;
266 height: 100%;
267 }
268 #cboxMiddleLeft, #cboxBottomLeft {
269 clear: left;
270 }
271 #cboxContent {
272 position: relative;
273 overflow: visible;
274 }
275 #cboxLoadedContent {
276 overflow: auto;
277 }
278 #cboxLoadedContent iframe {
279 display: block;
280 width: 100%;
281 height: 100%;
282 border: 0;
283 }
284 #cboxTitle {
285 margin: 0;
286 }
287 #cboxLoadingOverlay, #cboxLoadingGraphic {
288 position: absolute;
289 top: 0;
290 left: 0;
291 width: 100%;
292 }
293 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
294 cursor: pointer;
295 }
217 296
218 /* 297 /*
219 ColorBox example user style 298 ColorBox example user style
220 The following rules are ordered and tabbed in a way that represents the 299 The following rules are ordered and tabbed in a way that represents the
221 order/nesting of the generated HTML, so that the structure easier to understand. 300 order/nesting of the generated HTML, so that the structure easier to understand.
222 */ 301 */
223 #cboxOverlay{background:#3b0d32;} 302 #cboxOverlay {
224 303 background: #3b0d32;
225 #colorbox{} 304 }
226 #cboxContent{margin-top:32px;background:#3b0d32;} 305
227 #cboxLoadedContent{background:#fff; padding:1px;} 306 #colorbox {
228 #cboxLoadingGraphic{background:url(../images/ajax-loader.gif) no-repeat center center;} 307 }
229 #cboxLoadingOverlay{background:#3b0d32;} 308 #cboxContent {
230 #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;} 309 margin-top: 32px;
231 #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} 310 background: #3b0d32;
232 #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ height:20px; position:absolute; top:-20px; /* background:url(../images/controls.png) no-repeat 0 0; */} 311 }
233 #cboxClose { display:none; color:#fff; } 312 #cboxLoadedContent {
234 #cboxPrevious{background-position:0px 0px; right:44px;} 313 background: #fff;
235 #cboxPrevious.hover{background-position:0px -25px;} 314 padding: 1px;
236 #cboxNext{background-position:-25px 0px; right:22px;} 315 }
237 #cboxNext.hover{background-position:-25px -25px;} 316 #cboxLoadingGraphic {
238 #cboxClose{background-position:-50px 0px; right:0;} 317 background: url(../images/ajax-loader.gif) no-repeat center center;
239 #cboxClose.hover{background-position:-50px -25px;} 318 }
240 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} 319 #cboxLoadingOverlay {
241 .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} 320 background: #3b0d32;
242 .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} 321 }
243 .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} 322 #cboxTitle {
244 .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} 323 position: absolute;
245 324 top: -22px;
246 325 left: 0;
247 326 color: #fff;
248 .update-placeholder { padding-left:5px; color:green; } 327 }
328 #cboxCurrent {
329 position: absolute;
330 top: -22px;
331 right: 205px;
332 text-indent: -9999px;
333 }
334 #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
335 height: 20px;
336 position: absolute;
337 top: -20px; /* background:url(../images/controls.png) no-repeat 0 0; */
338 }
339 #cboxClose {
340 display: none;
341 color: #fff;
342 }
343 #cboxPrevious {
344 background-position: 0px 0px;
345 right: 44px;
346 }
347 #cboxPrevious.hover {
348 background-position: 0px -25px;
349 }
350 #cboxNext {
351 background-position: -25px 0px;
352 right: 22px;
353 }
354 #cboxNext.hover {
355 background-position: -25px -25px;
356 }
357 #cboxClose {
358 background-position: -50px 0px;
359 right: 0;
360 }
361 #cboxClose.hover {
362 background-position: -50px -25px;
363 }
364 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
365 right: 66px;
366 }
367 .cboxSlideshow_on #cboxSlideshow {
368 background-position: -75px -25px;
369 right: 44px;
370 }
371 .cboxSlideshow_on #cboxSlideshow.hover {
372 background-position: -100px -25px;
373 }
374 .cboxSlideshow_off #cboxSlideshow {
375 background-position: -100px 0px;
376 right: 44px;
377 }
378 .cboxSlideshow_off #cboxSlideshow.hover {
379 background-position: -75px -25px;
380 }
249 381
382 .update-placeholder {
383 padding-left: 5px;
384 color: green;
385 }
250 386
251 .validation-errors { 387 .validation-errors {
252 background-color: pink; 388 background-color: pink;
253 margin-top:5px; 389 margin-top: 5px;
254 border:1px solid #DF1C24; 390 border: 1px solid #DF1C24;
255 } 391 }
256 392
257 .validation-errors.from, .validation-errors.to { 393 .validation-errors.from, .validation-errors.to {
...@@ -269,30 +405,44 @@ table.tabular-data tbody td {} ...@@ -269,30 +405,44 @@ table.tabular-data tbody td {}
269 float: right; 405 float: right;
270 } 406 }
271 407
272 .error-wrap { padding:10px; } 408 .error-wrap {
409 padding: 10px;
410 }
273 .validation-errors h6 { 411 .validation-errors h6 {
274 padding:0px; 412 padding: 0px;
275 margin: 0px 0px 10px 0px; 413 margin: 0px 0px 10px 0px;
276 color:#DF1C24; 414 color: #DF1C24;
277 font-size:11px; 415 font-size: 11px;
278 text-transform: uppercase; 416 text-transform: uppercase;
279 } 417 }
280 418
281 .validation-errors ul { 419 .validation-errors ul {
282 margin:0; 420 margin: 0;
283 padding:0; 421 padding: 0;
284 } 422 }
285 .validation-errors ul li { 423 .validation-errors ul li {
286 margin: 0px 0px 3px 0px; 424 margin: 0px 0px 3px 0px;
287 padding:0px; 425 padding: 0px;
288 font-size:11px; 426 font-size: 11px;
289 background: none; 427 background: none;
290 } 428 }
291 429
292 .my-profile-table { margin-top:0px; padding-top:0px;} 430 .my-profile-table {
293 .my-profile-table tbody th { text-align:left; font-size:11px; font-weight: normal; } 431 margin-top: 0px;
294 .my-profile-edit h4 { border-bottom:1px solid #ccc; margin-bottom:8px; padding-bottom:2px; margin-top:0px; padding-top:0; } 432 padding-top: 0px;
295 433 }
434 .my-profile-table tbody th {
435 text-align: left;
436 font-size: 11px;
437 font-weight: normal;
438 }
439 .my-profile-edit h4 {
440 border-bottom: 1px solid #ccc;
441 margin-bottom: 8px;
442 padding-bottom: 2px;
443 margin-top: 0px;
444 padding-top: 0;
445 }
296 446
297 table.jCalendar { 447 table.jCalendar {
298 border: 1px solid #000; 448 border: 1px solid #000;
...@@ -305,7 +455,7 @@ table.jCalendar th { ...@@ -305,7 +455,7 @@ table.jCalendar th {
305 color: #fff; 455 color: #fff;
306 font-weight: bold; 456 font-weight: bold;
307 padding: 3px 5px; 457 padding: 3px 5px;
308 font-size:10px; 458 font-size: 10px;
309 } 459 }
310 460
311 table.jCalendar td { 461 table.jCalendar td {
...@@ -313,7 +463,7 @@ table.jCalendar td { ...@@ -313,7 +463,7 @@ table.jCalendar td {
313 color: #000; 463 color: #000;
314 padding: 3px 5px; 464 padding: 3px 5px;
315 text-align: center; 465 text-align: center;
316 font-size:10px; 466 font-size: 10px;
317 } 467 }
318 table.jCalendar td.other-month { 468 table.jCalendar td.other-month {
319 background: #ddd; 469 background: #ddd;
...@@ -335,12 +485,12 @@ table.jCalendar td.dp-hover, ...@@ -335,12 +485,12 @@ table.jCalendar td.dp-hover,
335 table.jCalendar tr.activeWeekHover td { 485 table.jCalendar tr.activeWeekHover td {
336 background: #fff; 486 background: #fff;
337 color: #000; 487 color: #000;
338 font-size:10px; 488 font-size: 10px;
339 } 489 }
340 table.jCalendar tr.selectedWeek td { 490 table.jCalendar tr.selectedWeek td {
341 background: #f66; 491 background: #f66;
342 color: #fff; 492 color: #fff;
343 font-size:10px; 493 font-size: 10px;
344 } 494 }
345 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { 495 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
346 background: #bbb; 496 background: #bbb;
...@@ -353,7 +503,6 @@ table.jCalendar td.unselectable.dp-hover { ...@@ -353,7 +503,6 @@ table.jCalendar td.unselectable.dp-hover {
353 color: #888; 503 color: #888;
354 } 504 }
355 505
356
357 /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ 506 /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
358 /* 507 /*
359 div.dp-popup { 508 div.dp-popup {
...@@ -398,7 +547,7 @@ div.dp-popup a { ...@@ -398,7 +547,7 @@ div.dp-popup a {
398 } 547 }
399 div.dp-popup div.dp-nav-prev { 548 div.dp-popup div.dp-nav-prev {
400 position: absolute; 549 position: absolute;
401 z-index:9999; 550 z-index: 9999;
402 top: 2px; 551 top: 2px;
403 left: 4px; 552 left: 4px;
404 width: 100px; 553 width: 100px;
...@@ -455,90 +604,270 @@ input.dp-applied { ...@@ -455,90 +604,270 @@ input.dp-applied {
455 float: left; 604 float: left;
456 } 605 }
457 606
458 .admin-member-id { font-size:14px; color:#777; } 607 .admin-member-id {
459 608 font-size: 14px;
460 .users-role-bar { margin-top:15px; font-size:11px; margin-left:8px; float: left; margin-bottom: 5px;} 609 color: #777;
461 .users-role-bar a { text-decoration: none; } 610 }
462 .users-role-bar a.active { color:#000; font-weight: bold; }
463 .sm_count { font-size:11px; color:#999; font-weight: normal; }
464
465 .TzPaginateResults { margin-top:35px; font-size:11px; text-align: right; margin-right:10px; margin-bottom:5px; float:right; }
466 .TzPaginateResults a { text-decoration: none; padding:1px 0px; border:1px solid transparent; }
467 .TzPaginateResults a.active { color:#000; font-weight: bold; border:1px solid #ccc;padding:1px 3px; }
468
469 .my-profile-table { margin-bottom:20px;}
470
471
472
473 611
474 .attendance-admin-table { border:none; border-collapse: collapse;} 612 .users-role-bar {
475 .attendance-admin-table thead td { font-weight:bold; border-bottom: 2px solid #e8e8e8; padding:0 0 8px 0; } 613 margin-top: 15px;
476 .attendance-admin-table tbody td { border-bottom: 1px solid #e8e8e8; padding:4px 0; } 614 font-size: 11px;
615 margin-left: 8px;
616 float: left;
617 margin-bottom: 5px;
618 }
619 .users-role-bar a {
620 text-decoration: none;
621 }
622 .users-role-bar a.active {
623 color: #000;
624 font-weight: bold;
625 }
626 .sm_count {
627 font-size: 11px;
628 color: #999;
629 font-weight: normal;
630 }
477 631
632 .TzPaginateResults {
633 margin-top: 35px;
634 font-size: 11px;
635 text-align: right;
636 margin-right: 10px;
637 margin-bottom: 5px;
638 float: right;
639 }
640 .TzPaginateResults a {
641 text-decoration: none;
642 padding: 1px 0px;
643 border: 1px solid transparent;
644 }
645 .TzPaginateResults a.active {
646 color: #000;
647 font-weight: bold;
648 border: 1px solid #ccc;
649 padding: 1px 3px;
650 }
478 651
652 .my-profile-table {
653 margin-bottom: 20px;
654 }
479 655
480 #invoice-table { width: 100%; border:0; padding: 0px; margin: 0px; border-collapse: collapse; border:1px solid #ccc; margin: 8px 0px 4px 0px; } 656 .attendance-admin-table {
481 #invoice-table thead th { margin:0; padding:5px 2px 5px 10px; text-align: left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } 657 border: none;
482 #invoice-table thead td { margin:0; padding:4px 2px 4px 10px; text-align: left; } 658 border-collapse: collapse;
483 #invoice-table tbody th { margin:0; padding:4px 2px 4px 10px; text-align: left; } 659 }
484 #invoice-table tbody td { margin:0; padding:4px 2px 4px 10px; text-align: left; border-right:1px solid #ccc; } 660 .attendance-admin-table thead td {
485 #invoice-table tbody tr.odd td { background-color: #f5f5f5; } 661 font-weight: bold;
662 border-bottom: 2px solid #e8e8e8;
663 padding: 0 0 8px 0;
664 }
665 .attendance-admin-table tbody td {
666 border-bottom: 1px solid #e8e8e8;
667 padding: 4px 0;
668 }
486 669
487 #invoice-table tbody tr.unpaid td { background-color: #efd5d5; color:#c17575; } 670 #invoice-table {
488 #invoice-table tbody tr.unpaid td a {color: #c17575;} 671 width: 100%;
489 #invoice-table tbody tr.unpaid td a:hover {color: #CC4433;} 672 border: 0;
490 #invoice-table tfoot td { margin:0; padding:4px 2px 4px 10px; text-align: left; border-top:1px solid #ccc;border-right:1px solid #ccc; } 673 padding: 0px;
491 #invoice-table caption { text-align:left; font-size:11px; color:#777; padding-left:11px; text-transform: uppercase; } 674 margin: 0px;
675 border-collapse: collapse;
676 border: 1px solid #ccc;
677 margin: 8px 0px 4px 0px;
678 }
679 #invoice-table thead th {
680 margin: 0;
681 padding: 5px 2px 5px 10px;
682 text-align: left;
683 border-bottom: 1px solid #ccc;
684 border-right: 1px solid #ccc;
685 }
686 #invoice-table thead td {
687 margin: 0;
688 padding: 4px 2px 4px 10px;
689 text-align: left;
690 }
691 #invoice-table tbody th {
692 margin: 0;
693 padding: 4px 2px 4px 10px;
694 text-align: left;
695 }
696 #invoice-table tbody td {
697 margin: 0;
698 padding: 4px 2px 4px 10px;
699 text-align: left;
700 border-right: 1px solid #ccc;
701 }
702 #invoice-table tbody tr.odd td {
703 background-color: #f5f5f5;
704 }
492 705
706 #invoice-table tbody tr.unpaid td {
707 background-color: #efd5d5;
708 color: #c17575;
709 }
710 #invoice-table tbody tr.unpaid td a {
711 color: #c17575;
712 }
713 #invoice-table tbody tr.unpaid td a:hover {
714 color: #CC4433;
715 }
716 #invoice-table tfoot td {
717 margin: 0;
718 padding: 4px 2px 4px 10px;
719 text-align: left;
720 border-top: 1px solid #ccc;
721 border-right: 1px solid #ccc;
722 }
723 #invoice-table caption {
724 text-align: left;
725 font-size: 11px;
726 color: #777;
727 padding-left: 11px;
728 text-transform: uppercase;
729 }
493 730
494 .invoice-table { width: 100%; border:0; padding: 0px; margin: 0px; border-collapse: collapse; border:1px solid #ccc; margin: 8px 0px 4px 0px; } 731 .invoice-table {
495 .invoice-table thead th { margin:0; padding:5px 2px 5px 10px; text-align: left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } 732 width: 100%;
496 .invoice-table thead td { margin:0; padding:4px 2px 4px 10px; text-align: left; } 733 border: 0;
497 .invoice-table tbody th { margin:0; padding:4px 2px 4px 10px; text-align: left; } 734 padding: 0px;
498 .invoice-table tbody td { margin:0; padding:4px 2px 4px 10px; text-align: left; border-right:1px solid #ccc; } 735 margin: 0px;
499 .invoice-table tbody tr.odd td { background-color: #f5f5f5; } 736 border-collapse: collapse;
737 border: 1px solid #ccc;
738 margin: 8px 0px 4px 0px;
739 }
740 .invoice-table thead th {
741 margin: 0;
742 padding: 5px 2px 5px 10px;
743 text-align: left;
744 border-bottom: 1px solid #ccc;
745 border-right: 1px solid #ccc;
746 }
747 .invoice-table thead td {
748 margin: 0;
749 padding: 4px 2px 4px 10px;
750 text-align: left;
751 }
752 .invoice-table tbody th {
753 margin: 0;
754 padding: 4px 2px 4px 10px;
755 text-align: left;
756 }
757 .invoice-table tbody td {
758 margin: 0;
759 padding: 4px 2px 4px 10px;
760 text-align: left;
761 border-right: 1px solid #ccc;
762 }
763 .invoice-table tbody tr.odd td {
764 background-color: #f5f5f5;
765 }
500 766
501 .invoice-table tbody tr.unpaid td { background-color: #efd5d5; color:#c17575; } 767 .invoice-table tbody tr.unpaid td {
502 .invoice-table tbody tr.unpaid td a {color: #c17575;} 768 background-color: #efd5d5;
503 .invoice-table tbody tr.unpaid td a:hover {color: #CC4433;} 769 color: #c17575;
504 .invoice-table tfoot td { margin:0; padding:4px 2px 4px 10px; text-align: left; border-top:1px solid #ccc;border-right:1px solid #ccc; } 770 }
505 .invoice-table caption { text-align:left; font-size:11px; color:#777; padding-left:11px; text-transform: uppercase; } 771 .invoice-table tbody tr.unpaid td a {
772 color: #c17575;
773 }
774 .invoice-table tbody tr.unpaid td a:hover {
775 color: #CC4433;
776 }
777 .invoice-table tfoot td {
778 margin: 0;
779 padding: 4px 2px 4px 10px;
780 text-align: left;
781 border-top: 1px solid #ccc;
782 border-right: 1px solid #ccc;
783 }
784 .invoice-table caption {
785 text-align: left;
786 font-size: 11px;
787 color: #777;
788 padding-left: 11px;
789 text-transform: uppercase;
790 }
506 791
507 .status-paid { 792 .status-paid {
508 width:97px; 793 width: 97px;
509 height:87px; 794 height: 87px;
510 position:absolute; 795 position: absolute;
511 bottom:60px; 796 bottom: 60px;
512 right:350px; 797 right: 350px;
513 background: transparent url(../images/paid.png) top left no-repeat; 798 background: transparent url(../images/paid.png) top left no-repeat;
514 } 799 }
515 800
516 #sidebar_meta_box .inside { margin:0;} 801 #sidebar_meta_box .inside {
802 margin: 0;
803 }
517 804
518 .TzAdminPagination { text-align:right; padding-right:20px; font-size: 11px; margin:5px 0;} 805 .TzAdminPagination {
519 .TzAdminPagination span { margin-right:5px; } 806 text-align: right;
520 .TzAdminPagination a { margin-right:5px; } 807 padding-right: 20px;
808 font-size: 11px;
809 margin: 5px 0;
810 }
811 .TzAdminPagination span {
812 margin-right: 5px;
813 }
814 .TzAdminPagination a {
815 margin-right: 5px;
816 }
521 817
522 .listing-wrap { } 818 .listing-wrap {
819 }
523 820
524 .cbv-report-list thead td, 821 .cbv-report-list thead td,
525 .cbv-report-list thead th, 822 .cbv-report-list thead th,
526 .cbv-report-list tbody th, 823 .cbv-report-list tbody th,
527 .cbv-report-list tbody td { text-align:left; font-size: 11px; word-wrap: normal; padding: 3px 5px; } 824 .cbv-report-list tbody td {
825 text-align: left;
826 font-size: 11px;
827 word-wrap: normal;
828 padding: 3px 5px;
829 }
528 .cbv-report-list tbody tr.odd td, 830 .cbv-report-list tbody tr.odd td,
529 #report-list tbody tr.odd td { 831 #report-list tbody tr.odd td {
530 background-color: #f5f5f5; 832 background-color: #f5f5f5;
531 } 833 }
532 .cbv-report-list thead th { background-color: #e1e1e1;border-bottom:1px solid #e8e8e8; } 834 .cbv-report-list thead th {
533 .cbv-report-list tbody td { border-bottom:1px solid #e8e8e8; min-width: 120px; background-color:#fff;} 835 background-color: #e1e1e1;
836 border-bottom: 1px solid #e8e8e8;
837 }
838 .cbv-report-list tbody td {
839 border-bottom: 1px solid #e8e8e8;
840 min-width: 120px;
841 background-color: #fff;
842 }
534 843
535 #user-list-from { display: block; } 844 #user-list-from {
845 display: block;
846 }
536 847
537 .edit-option-table { border-collapse: collapse; margin:0;padding:0;} 848 .edit-option-table {
538 .edit-option-table tbody th { padding: 5px 5px 3px 5px; text-align: left; font-weight: bold; font-size: 11px; vertical-align: top; } 849 border-collapse: collapse;
539 .edit-option-table tbody td { padding: 3px 5px; text-align: left; font-weight: bold; font-size: 11px; } 850 margin: 0;
851 padding: 0;
852 }
853 .edit-option-table tbody th {
854 padding: 5px 5px 3px 5px;
855 text-align: left;
856 font-weight: bold;
857 font-size: 11px;
858 vertical-align: top;
859 }
860 .edit-option-table tbody td {
861 padding: 3px 5px;
862 text-align: left;
863 font-weight: bold;
864 font-size: 11px;
865 }
540 .edit-option-table tbody td textarea, 866 .edit-option-table tbody td textarea,
541 .edit-option-table tbody td input { font-size:11px; width: 99% } 867 .edit-option-table tbody td input {
868 font-size: 11px;
869 width: 99%
870 }
542 871
543 /* tables */ 872 /* tables */
544 table.tablesorter { 873 table.tablesorter {
...@@ -574,7 +903,7 @@ color: #3D3D3D; ...@@ -574,7 +903,7 @@ color: #3D3D3D;
574 */ 903 */
575 } 904 }
576 table.tablesorter tbody tr.odd td { 905 table.tablesorter tbody tr.odd td {
577 background-color:#f5f5f5; 906 background-color: #f5f5f5;
578 } 907 }
579 table.tablesorter thead tr .headerSortUp { 908 table.tablesorter thead tr .headerSortUp {
580 background-image: url(/wp-content/themes/cbv/assets/images/asc.gif); 909 background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
...@@ -583,7 +912,7 @@ table.tablesorter thead tr .headerSortDown { ...@@ -583,7 +912,7 @@ table.tablesorter thead tr .headerSortDown {
583 background-image: url(/wp-content/themes/cbv/assets/images/desc.gif); 912 background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
584 } 913 }
585 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { 914 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
586 color: #DF3224; 915 color: #DF3224;
587 } 916 }
588 917
589 div.tablesorterPager { 918 div.tablesorterPager {
...@@ -611,49 +940,94 @@ div.tablesorterPager input { ...@@ -611,49 +940,94 @@ div.tablesorterPager input {
611 940
612 /**/ 941 /**/
613 942
614 #mytable_length, .dataTables_length { float:left; width:200px; } 943 #mytable_length, .dataTables_length {
615 #mytable_filter, .dataTables_filter { float:right; text-align:right; width:400px; } 944 float: left;
616 #mytable_info, .dataTables_info { font-size: 12px; color: #bbb;} 945 width: 200px;
946 }
947 #mytable_filter, .dataTables_filter {
948 float: right;
949 text-align: right;
950 width: 400px;
951 }
952 #mytable_info, .dataTables_info {
953 font-size: 12px;
954 color: #bbb;
955 }
617 956
618 .tz-data-table-no-sort thead { display: none; } 957 .tz-data-table-no-sort thead {
958 display: none;
959 }
619 960
620 .sorting, .sorting_asc, .sorting_desc { background-color:transparent; background-position: right; background-repeat: no-repeat; background-image: url(/wp-content/themes/cbv/assets/images/bg.gif); cursor: pointer; } 961 .sorting, .sorting_asc, .sorting_desc {
621 .sorting_asc { background-image: url(/wp-content/themes/cbv/assets/images/asc.gif); color: #DF3224; } 962 background-color: transparent;
622 .sorting_desc { background-image: url(/wp-content/themes/cbv/assets/images/desc.gif); color: #DF3224; } 963 background-position: right;
964 background-repeat: no-repeat;
965 background-image: url(/wp-content/themes/cbv/assets/images/bg.gif);
966 cursor: pointer;
967 }
968 .sorting_asc {
969 background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
970 color: #DF3224;
971 }
972 .sorting_desc {
973 background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
974 color: #DF3224;
975 }
623 976
624 .paginate_button_disabled { color: #bbb; cursor: default; } 977 .paginate_button_disabled {
978 color: #bbb;
979 cursor: default;
980 }
625 981
626 .dataTables_wrapper { 982 .dataTables_wrapper {
627 position:relative; 983 position: relative;
628 clear:both; 984 clear: both;
629 display: block; 985 display: block;
630 margin-bottom:5px; 986 margin-bottom: 5px;
631 } 987 }
632 988
633 .dataTables_wrapper + p { clear:both; } 989 .dataTables_wrapper + p {
634 990 clear: both;
991 }
635 992
636 .dataTables_info { float:left; } 993 .dataTables_info {
637 .dataTables_paginate { float:right; width: 400px; text-align:right; font-size: 12px; } 994 float: left;
995 }
996 .dataTables_paginate {
997 float: right;
998 width: 400px;
999 text-align: right;
1000 font-size: 12px;
1001 }
638 1002
639 .paginate_button, 1003 .paginate_button,
640 .paginate_button_disabled, 1004 .paginate_button_disabled,
641 .paginate_active { padding: 0px 4px; } 1005 .paginate_active {
642 .paginate_button { cursor: pointer; } 1006 padding: 0px 4px;
643 .paginate_button:hover { color:#DF3224; } 1007 }
1008 .paginate_button {
1009 cursor: pointer;
1010 }
1011 .paginate_button:hover {
1012 color: #DF3224;
1013 }
644 1014
645 div.dataTables_paginate span.paginate_active { 1015 div.dataTables_paginate span.paginate_active {
646 color: #DF3224; 1016 color: #DF3224;
647 } 1017 }
648 1018
649 .small-table {} 1019 .small-table {
650 .small-table td { font-size:11px; padding:3px; } 1020 }
1021 .small-table td {
1022 font-size: 11px;
1023 padding: 3px;
1024 }
651 1025
652 /* LABELS | ex. <div class="label label-red label-register"> */ 1026 /* LABELS | ex. <div class="label label-red label-register"> */
653 .glabel { 1027 .glabel {
654 width:43px; 1028 width: 43px;
655 height: 14px; 1029 height: 14px;
656 position:relative; 1030 position: relative;
657 background-color: transparent; 1031 background-color: transparent;
658 background-image: url(/wp-content/themes/cbv/assets/images/labels.gif); 1032 background-image: url(/wp-content/themes/cbv/assets/images/labels.gif);
659 background-repeat: no-repeat; 1033 background-repeat: no-repeat;
...@@ -661,89 +1035,196 @@ div.dataTables_paginate span.paginate_active { ...@@ -661,89 +1035,196 @@ div.dataTables_paginate span.paginate_active {
661 display: block; 1035 display: block;
662 } 1036 }
663 1037
664 .label-black-attending { background-position: 0px 0px; } 1038 .label-black-attending {
665 .label-black-attending:hover {background-position: -43px 0px;} 1039 background-position: 0px 0px;
666 1040 }
667 .label-black-register { background-position: 0px -14px; } 1041 .label-black-attending:hover {
668 .label-black-register:hover { background-position: -43px -14px; } 1042 background-position: -43px 0px;
1043 }
669 1044
670 .label-black-taken { background-position: 0px -28px; } 1045 .label-black-register {
671 .label-black-taken:hover { background-position: -43px -28px; } 1046 background-position: 0px -14px;
1047 }
1048 .label-black-register:hover {
1049 background-position: -43px -14px;
1050 }
672 1051
673 .label-black-enrol { background-position: 0px -42px; } 1052 .label-black-taken {
674 .label-black-enrol:hover { background-position: -43px -42px; } 1053 background-position: 0px -28px;
1054 }
1055 .label-black-taken:hover {
1056 background-position: -43px -28px;
1057 }
675 1058
676 .label-red-attending { background-position: -43px 0px; } 1059 .label-black-enrol {
677 .label-red-attending:hover {background-position: -86px 0px;} 1060 background-position: 0px -42px;
1061 }
1062 .label-black-enrol:hover {
1063 background-position: -43px -42px;
1064 }
678 1065
679 .label-red-register { background-position: -43px -14px; } 1066 .label-red-attending {
680 .label-red-register:hover { background-position: -86px -14px; } 1067 background-position: -43px 0px;
1068 }
1069 .label-red-attending:hover {
1070 background-position: -86px 0px;
1071 }
681 1072
682 .label-red-taken { background-position: -43px -28px; } 1073 .label-red-register {
683 .label-red-taken:hover { background-position: -86px -28px; } 1074 background-position: -43px -14px;
1075 }
1076 .label-red-register:hover {
1077 background-position: -86px -14px;
1078 }
684 1079
685 .label-red-enrol { background-position: -43px -42px; } 1080 .label-red-taken {
686 .label-red-enrol:hover { background-position: -86px -42px; } 1081 background-position: -43px -28px;
1082 }
1083 .label-red-taken:hover {
1084 background-position: -86px -28px;
1085 }
687 1086
688 .label-grey-closed { background-position: -86px -56px; } 1087 .label-red-enrol {
689 .label-grey-closed:hover { background-position: -86px -56px; } 1088 background-position: -43px -42px;
1089 }
1090 .label-red-enrol:hover {
1091 background-position: -86px -42px;
1092 }
690 1093
691 .label-grey-fail { background-position: -86px -70px; } 1094 .label-grey-closed {
692 .label-grey-fail:hover { background-position: -86px -70px; } 1095 background-position: -86px -56px;
1096 }
1097 .label-grey-closed:hover {
1098 background-position: -86px -56px;
1099 }
693 1100
694 .label-black-fail { background-position: 0px -70px; } 1101 .label-grey-fail {
695 .label-black-fail:hover { background-position: 0px -70px; } 1102 background-position: -86px -70px;
1103 }
1104 .label-grey-fail:hover {
1105 background-position: -86px -70px;
1106 }
696 1107
697 .label-red-fail { background-position: -43px -70px; } 1108 .label-black-fail {
698 .label-red-fail:hover { background-position: -43px -70px; } 1109 background-position: 0px -70px;
1110 }
1111 .label-black-fail:hover {
1112 background-position: 0px -70px;
1113 }
699 1114
700 .label-grey-pass { background-position: -86px -84px; } 1115 .label-red-fail {
701 .label-grey-pass:hover { background-position: -86px -84px; } 1116 background-position: -43px -70px;
1117 }
1118 .label-red-fail:hover {
1119 background-position: -43px -70px;
1120 }
702 1121
703 .label-black-pass { background-position: 0px -84px; } 1122 .label-grey-pass {
704 .label-black-pass:hover { background-position: 0px -84px; } 1123 background-position: -86px -84px;
1124 }
1125 .label-grey-pass:hover {
1126 background-position: -86px -84px;
1127 }
705 1128
706 .label-red-pass { background-position: -43px -84px; } 1129 .label-black-pass {
707 .label-red-pass:hover { background-position: -43px -84px; } 1130 background-position: 0px -84px;
1131 }
1132 .label-black-pass:hover {
1133 background-position: 0px -84px;
1134 }
708 1135
1136 .label-red-pass {
1137 background-position: -43px -84px;
1138 }
1139 .label-red-pass:hover {
1140 background-position: -43px -84px;
1141 }
709 1142
710 .label-black-print {background-position: 0px -98px; } 1143 .label-black-print {
711 .label-black-print:hover {background-position: -86px -98px;} 1144 background-position: 0px -98px;
1145 }
1146 .label-black-print:hover {
1147 background-position: -86px -98px;
1148 }
712 1149
713 .label-grey-print {background-position: -86px -98px;} 1150 .label-grey-print {
714 .label-grey-print:hover {background-position: 0px -98px;} 1151 background-position: -86px -98px;
1152 }
1153 .label-grey-print:hover {
1154 background-position: 0px -98px;
1155 }
715 1156
716 .label-red-print {background-position: -43px -98px;} 1157 .label-red-print {
717 .label-red-print:hover {background-position: -86px -98px;} 1158 background-position: -43px -98px;
1159 }
1160 .label-red-print:hover {
1161 background-position: -86px -98px;
1162 }
718 1163
719 /* VIEW */ 1164 /* VIEW */
720 .label-black-view {background-position: 0px -112px; } 1165 .label-black-view {
721 .label-black-view:hover {background-position: -86px -112px;} 1166 background-position: 0px -112px;
1167 }
1168 .label-black-view:hover {
1169 background-position: -86px -112px;
1170 }
722 1171
723 .label-grey-view {background-position: -86px -112px;} 1172 .label-grey-view {
724 .label-grey-view:hover {background-position: 0px -112px;} 1173 background-position: -86px -112px;
1174 }
1175 .label-grey-view:hover {
1176 background-position: 0px -112px;
1177 }
725 1178
726 .label-red-view {background-position: -43px -112px;} 1179 .label-red-view {
727 .label-red-view:hover {background-position: -86px -112px;} 1180 background-position: -43px -112px;
1181 }
1182 .label-red-view:hover {
1183 background-position: -86px -112px;
1184 }
728 1185
729 /* COMING */ 1186 /* COMING */
730 .label-black-coming {background-position: 0px -126px; } 1187 .label-black-coming {
731 .label-black-coming:hover {background-position: -86px -126px;} 1188 background-position: 0px -126px;
1189 }
1190 .label-black-coming:hover {
1191 background-position: -86px -126px;
1192 }
732 1193
733 .label-grey-coming {background-position: -86px -126px;} 1194 .label-grey-coming {
734 .label-grey-coming:hover {background-position: 0px -126px;} 1195 background-position: -86px -126px;
1196 }
1197 .label-grey-coming:hover {
1198 background-position: 0px -126px;
1199 }
735 1200
736 .label-red-coming {background-position: -43px -126px;} 1201 .label-red-coming {
737 .label-red-coming:hover {background-position: -86px -126px;} 1202 background-position: -43px -126px;
1203 }
1204 .label-red-coming:hover {
1205 background-position: -86px -126px;
1206 }
738 1207
739 .filter-table tr td { padding:4px 5px; border-top:1px solid #e8e8e8;} 1208 .filter-table tr td {
740 .filter-table tr.odd td { background-color:#f5f5f5;} 1209 padding: 4px 5px;
741 .filter-table tr:first-child { border-top:none; } 1210 border-top: 1px solid #e8e8e8;
1211 }
1212 .filter-table tr.odd td {
1213 background-color: #f5f5f5;
1214 }
1215 .filter-table tr:first-child {
1216 border-top: none;
1217 }
742 1218
743 ul.action-class {} 1219 ul.action-class {
744 ul.action-class li { margin: 0px 0px 10px 0px;} 1220 }
1221 ul.action-class li {
1222 margin: 0px 0px 10px 0px;
1223 }
745 1224
746 div.wrap > h2 { font-size: 25px; } 1225 div.wrap > h2 {
1226 font-size: 25px;
1227 }
747 1228
748 #adminmenu > li.wp-first-item { 1229 #adminmenu > li.wp-first-item {
749 border-top: 3px solid #ddd; 1230 border-top: 3px solid #ddd;
...@@ -801,19 +1282,115 @@ h6.fieldset-heading { ...@@ -801,19 +1282,115 @@ h6.fieldset-heading {
801 font-size: 10px !important; 1282 font-size: 10px !important;
802 } 1283 }
803 1284
804 a.remove-option-group, a.remove-option { 1285 .remove-group, .remove-option {
805 margin-left: 15px; 1286 float: right;
1287 margin-right: 15px;
1288 }
1289
1290 .ui-state-highlight {
1291 height: 30px;
1292 }
1293
1294 .child-option-groups {
1295 margin-left: 20px;
1296 }
1297
1298 .plain {
1299 list-style: none;
1300 }
1301
1302 .ui-sortable-helper {
1303 opacity: 0.5;
1304 }
1305
1306 .sortable .sortable-placeholder {
1307 height: 30px;
1308 }
1309
1310 .sortable {
1311 margin-left: 0;
1312 }
1313
1314 .sortable li {
1315 width: 100%;
1316 background-color: #ccc;
1317 border: 1px solid #aaa;
1318 overflow: hidden;
1319 }
1320
1321 .accordion-header {
1322 display: block;
1323 width: 98%;
1324 min-height: 30px;
1325 cursor: move;
1326 margin: 0 !important;
1327 padding: 10px 10px 0 10px;
1328 }
1329
1330 .accordion-header, .accordion-content {
1331 margin-left: 10px;
1332 }
1333
1334 .group-title:hover {
1335 cursor: pointer;
1336 }
1337
1338 .dragged {
1339 position: absolute;
1340 opacity: 0.5;
1341 z-index: 2000;
1342 }
1343
1344 li.placeholder {
1345 position: relative;
1346 height: 30px;
1347 background-color: yellow;
1348 }
1349
1350 li.placeholder:before {
1351 position: absolute;
806 } 1352 }
807 1353
808 #sortable { list-style-type: none; margin: 10px 0 0; padding: 0; width: 100%; } 1354 #sortable {
809 #sortable ul { margin-left: 20px; list-style: none; } 1355 list-style-type: none;
810 #sortable li { padding: 2px 0px; margin: 4px 0px; border: 1px solid #DDDDDD; cursor: move; -moz-border-radius: 6px } 1356 margin: 10px 0 0;
811 #sortable li span { display: block; background: #f7f7f7; padding: 5px; color: #808080; font-size: 14px; font-weight: bold; } 1357 padding: 0;
812 #sortable li.placeholder { border: dashed 2px #ccc; background-color: #FFF; height: 20px; } 1358 width: 100%;
1359 }
1360 #sortable ul {
1361 margin-left: 20px;
1362 list-style: none;
1363 }
1364 #sortable li {
1365 padding: 2px 0px;
1366 margin: 4px 0px;
1367 border: 1px solid #DDDDDD;
1368 cursor: move;
1369 -moz-border-radius: 6px
1370 }
1371 #sortable li span {
1372 display: block;
1373 background: #f7f7f7;
1374 padding: 5px;
1375 color: #808080;
1376 font-size: 14px;
1377 font-weight: bold;
1378 }
1379 #sortable li.placeholder {
1380 border: dashed 2px #ccc;
1381 background-color: #FFF;
1382 height: 20px;
1383 }
813 1384
814 .diff-accept { background-color: #68be2e; } 1385 .diff-accept {
815 .diff-reject { background-color: #ed1f24; } 1386 background-color: #68be2e;
816 td.diff-left:hover, td.diff-right:hover { cursor: pointer; } 1387 }
1388 .diff-reject {
1389 background-color: #ed1f24;
1390 }
1391 td.diff-left:hover, td.diff-right:hover {
1392 cursor: pointer;
1393 }
817 1394
818 /* Hide both options for the "Enable Media Replace" plugin, since the second option mostly 1395 /* Hide both options for the "Enable Media Replace" plugin, since the second option mostly
819 just breaks hard-coded links to files */ 1396 just breaks hard-coded links to files */
......