Skip to content

Tenzing / Tz Tools

Go to a project
Toggle navigation
Toggle navigation pinning
e6ce7653 by Marty Penner
Options

Add the Tenzing header to the admin pages. refs #1604

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