Format CSS and add option group styling. refs #1679
Showing
1 changed file
with
993 additions
and
416 deletions
| ... | @@ -20,57 +20,63 @@ | ... | @@ -20,57 +20,63 @@ |
| 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 { |
| 31 | background: #3b0d32; | 31 | background: #3b0d32; |
| 32 | height: 56px; | 32 | height: 56px; |
| 33 | border-bottom: 2px solid #71aed7; | 33 | border-bottom: 2px solid #71aed7; |
| 34 | position: absolute; | 34 | position: absolute; |
| 35 | left: 0; | 35 | left: 0; |
| 36 | top: 0; | 36 | top: 0; |
| 37 | z-index: 1000; | 37 | z-index: 1000; |
| 38 | width: 100%; | 38 | width: 100%; |
| 39 | margin-left: 0; | 39 | margin-left: 0; |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | #footer { | 42 | #footer { |
| 43 | background: #3b0d32; | 43 | background: #3b0d32; |
| 44 | color: #fadfb3; | 44 | color: #fadfb3; |
| 45 | margin: 0; | 45 | margin: 0; |
| 46 | padding: 10px; | 46 | padding: 10px; |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | #footer { | 49 | #footer { |
| 50 | border-style: solid; | 50 | border-style: solid; |
| 51 | border-top: 1px solid; | 51 | border-top: 1px solid; |
| 52 | margin-top: -46px; | 52 | margin-top: -46px; |
| 53 | border-color: #71aed7; | 53 | border-color: #71aed7; |
| 54 | border: none; | 54 | border: none; |
| 55 | } | 55 | } |
| 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,146 +130,264 @@ | ... | @@ -112,146 +130,264 @@ |
| 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; |
| 141 | } | ||
| 142 | #TzBrandingFooter a { | ||
| 143 | color: #fff; | ||
| 144 | text-decoration: none; | ||
| 123 | } | 145 | } |
| 124 | #TzBrandingFooter a { color:#fff; text-decoration:none; } | ||
| 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; |
| 146 | font-size: 12px; | 194 | font-size: 12px; |
| 147 | min-width: 300px; /* Dialog will be no smaller than this */ | 195 | min-width: 300px; /* Dialog will be no smaller than this */ |
| 148 | max-width: 600px; /* Dialog will wrap after this width */ | 196 | max-width: 600px; /* Dialog will wrap after this width */ |
| 149 | background: #FFF; | 197 | background: #FFF; |
| 150 | border: solid 5px #333; | 198 | border: solid 5px #333; |
| 151 | color: #000; | 199 | color: #000; |
| 152 | -moz-border-radius: 5px; | 200 | -moz-border-radius: 5px; |
| 153 | -webkit-border-radius: 5px; | 201 | -webkit-border-radius: 5px; |
| 154 | border-radius: 5px; | 202 | border-radius: 5px; |
| 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; |
| 162 | line-height: 1.75em; | 210 | line-height: 1.75em; |
| 163 | background: #3b0d32; | 211 | background: #3b0d32; |
| 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; |
| 168 | margin: 0em; | 216 | padding: 3px 5px 3px 10px; |
| 217 | margin: 0em; | ||
| 169 | } | 218 | } |
| 170 | 219 | ||
| 171 | #popup_content { | 220 | #popup_content { |
| 172 | background: 16px 16px no-repeat url(../jquery_alerts/images/info.gif); | 221 | background: 16px 16px no-repeat url(../jquery_alerts/images/info.gif); |
| 173 | padding: 1em 1.75em; | 222 | padding: 1em 1.75em; |
| 174 | margin: 0em; | 223 | margin: 0em; |
| 175 | } | 224 | } |
| 176 | 225 | ||
| 177 | #popup_content.alert { | 226 | #popup_content.alert { |
| 178 | background-image: url(../jquery_alerts/images/info.gif); | 227 | background-image: url(../jquery_alerts/images/info.gif); |
| 179 | } | 228 | } |
| 180 | 229 | ||
| 181 | #popup_content.confirm { | 230 | #popup_content.confirm { |
| 182 | background-image: url(../jquery_alerts/images/important.gif); | 231 | background-image: url(../jquery_alerts/images/important.gif); |
| 183 | } | 232 | } |
| 184 | 233 | ||
| 185 | #popup_content.prompt { | 234 | #popup_content.prompt { |
| 186 | background-image: url(../jquery_alerts/images/help.gif); | 235 | background-image: url(../jquery_alerts/images/help.gif); |
| 187 | } | 236 | } |
| 188 | 237 | ||
| 189 | #popup_message { | 238 | #popup_message { |
| 190 | padding-left: 48px; | 239 | padding-left: 48px; |
| 191 | } | 240 | } |
| 192 | 241 | ||
| 193 | #popup_panel { | 242 | #popup_panel { |
| 194 | text-align: center; | 243 | text-align: center; |
| 195 | margin: 1em 0em 0em 1em; | 244 | margin: 1em 0em 0em 1em; |
| 196 | } | 245 | } |
| 197 | 246 | ||
| 198 | #popup_prompt { | 247 | #popup_prompt { |
| 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;} | ||
| 227 | #cboxLoadedContent{background:#fff; padding:1px;} | ||
| 228 | #cboxLoadingGraphic{background:url(../images/ajax-loader.gif) no-repeat center center;} | ||
| 229 | #cboxLoadingOverlay{background:#3b0d32;} | ||
| 230 | #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;} | ||
| 231 | #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} | ||
| 232 | #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ height:20px; position:absolute; top:-20px; /* background:url(../images/controls.png) no-repeat 0 0; */} | ||
| 233 | #cboxClose { display:none; color:#fff; } | ||
| 234 | #cboxPrevious{background-position:0px 0px; right:44px;} | ||
| 235 | #cboxPrevious.hover{background-position:0px -25px;} | ||
| 236 | #cboxNext{background-position:-25px 0px; right:22px;} | ||
| 237 | #cboxNext.hover{background-position:-25px -25px;} | ||
| 238 | #cboxClose{background-position:-50px 0px; right:0;} | ||
| 239 | #cboxClose.hover{background-position:-50px -25px;} | ||
| 240 | .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} | ||
| 241 | .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} | ||
| 242 | .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} | ||
| 243 | .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} | ||
| 244 | .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} | ||
| 245 | |||
| 246 | |||
| 247 | |||
| 248 | .update-placeholder { padding-left:5px; color:green; } | ||
| 249 | 305 | ||
| 306 | #colorbox { | ||
| 307 | } | ||
| 308 | #cboxContent { | ||
| 309 | margin-top: 32px; | ||
| 310 | background: #3b0d32; | ||
| 311 | } | ||
| 312 | #cboxLoadedContent { | ||
| 313 | background: #fff; | ||
| 314 | padding: 1px; | ||
| 315 | } | ||
| 316 | #cboxLoadingGraphic { | ||
| 317 | background: url(../images/ajax-loader.gif) no-repeat center center; | ||
| 318 | } | ||
| 319 | #cboxLoadingOverlay { | ||
| 320 | background: #3b0d32; | ||
| 321 | } | ||
| 322 | #cboxTitle { | ||
| 323 | position: absolute; | ||
| 324 | top: -22px; | ||
| 325 | left: 0; | ||
| 326 | color: #fff; | ||
| 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 | } | ||
| 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,91 +405,104 @@ table.tabular-data tbody td {} | ... | @@ -269,91 +405,104 @@ 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; |
| 299 | background: #aaa; | 449 | background: #aaa; |
| 300 | border-collapse: separate; | 450 | border-collapse: separate; |
| 301 | border-spacing: 2px; | 451 | border-spacing: 2px; |
| 302 | } | 452 | } |
| 303 | table.jCalendar th { | 453 | table.jCalendar th { |
| 304 | background: #333; | 454 | background: #333; |
| 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 { |
| 312 | background: #ccc; | 462 | background: #ccc; |
| 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; |
| 320 | color: #aaa; | 470 | color: #aaa; |
| 321 | } | 471 | } |
| 322 | table.jCalendar td.today { | 472 | table.jCalendar td.today { |
| 323 | background: #666; | 473 | background: #666; |
| 324 | color: #fff; | 474 | color: #fff; |
| 325 | } | 475 | } |
| 326 | table.jCalendar td.selected { | 476 | table.jCalendar td.selected { |
| 327 | background: #f66; | 477 | background: #f66; |
| 328 | color: #fff; | 478 | color: #fff; |
| 329 | } | 479 | } |
| 330 | table.jCalendar td.selected.dp-hover { | 480 | table.jCalendar td.selected.dp-hover { |
| 331 | background: #f33; | 481 | background: #f33; |
| 332 | color: #fff; | 482 | color: #fff; |
| 333 | } | 483 | } |
| 334 | table.jCalendar td.dp-hover, | 484 | 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; |
| 347 | color: #888; | 497 | color: #888; |
| 348 | } | 498 | } |
| 349 | table.jCalendar td.unselectable, | 499 | table.jCalendar td.unselectable, |
| 350 | table.jCalendar td.unselectable:hover, | 500 | table.jCalendar td.unselectable:hover, |
| 351 | table.jCalendar td.unselectable.dp-hover { | 501 | table.jCalendar td.unselectable.dp-hover { |
| 352 | background: #bbb; | 502 | background: #bbb; |
| 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 { |
| ... | @@ -367,383 +516,715 @@ div.dp-popup { | ... | @@ -367,383 +516,715 @@ div.dp-popup { |
| 367 | } | 516 | } |
| 368 | */ | 517 | */ |
| 369 | div#dp-popup { | 518 | div#dp-popup { |
| 370 | position: absolute; | 519 | position: absolute; |
| 371 | z-index: 9999; | 520 | z-index: 9999; |
| 372 | background: #ccc; | 521 | background: #ccc; |
| 373 | font-size: 10px; | 522 | font-size: 10px; |
| 374 | font-family: arial, sans-serif; | 523 | font-family: arial, sans-serif; |
| 375 | padding: 2px; | 524 | padding: 2px; |
| 376 | width: 176px; | 525 | width: 176px; |
| 377 | line-height: 1.2em; | 526 | line-height: 1.2em; |
| 378 | } | 527 | } |
| 379 | div.dp-popup h2 { | 528 | div.dp-popup h2 { |
| 380 | font-size: 12px; | 529 | font-size: 12px; |
| 381 | text-align: center; | 530 | text-align: center; |
| 382 | margin: 2px 0; | 531 | margin: 2px 0; |
| 383 | padding: 0; | 532 | padding: 0; |
| 384 | } | 533 | } |
| 385 | a#dp-close { | 534 | a#dp-close { |
| 386 | font-size: 11px; | 535 | font-size: 11px; |
| 387 | padding: 4px 0; | 536 | padding: 4px 0; |
| 388 | text-align: center; | 537 | text-align: center; |
| 389 | display: block; | 538 | display: block; |
| 390 | } | 539 | } |
| 391 | a#dp-close:hover { | 540 | a#dp-close:hover { |
| 392 | text-decoration: underline; | 541 | text-decoration: underline; |
| 393 | } | 542 | } |
| 394 | div.dp-popup a { | 543 | div.dp-popup a { |
| 395 | color: #000; | 544 | color: #000; |
| 396 | text-decoration: none; | 545 | text-decoration: none; |
| 397 | padding: 3px 2px 0; | 546 | padding: 3px 2px 0; |
| 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; |
| 405 | } | 554 | } |
| 406 | div.dp-popup div.dp-nav-prev a { | 555 | div.dp-popup div.dp-nav-prev a { |
| 407 | float: left; | 556 | float: left; |
| 408 | } | 557 | } |
| 409 | /* 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 */ | 558 | /* 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 */ |
| 410 | div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { | 559 | div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { |
| 411 | cursor: pointer; | 560 | cursor: pointer; |
| 412 | } | 561 | } |
| 413 | div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { | 562 | div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { |
| 414 | cursor: default; | 563 | cursor: default; |
| 415 | } | 564 | } |
| 416 | div.dp-popup div.dp-nav-next { | 565 | div.dp-popup div.dp-nav-next { |
| 417 | position: absolute; | 566 | position: absolute; |
| 418 | top: 2px; | 567 | top: 2px; |
| 419 | right: 4px; | 568 | right: 4px; |
| 420 | width: 100px; | 569 | width: 100px; |
| 421 | } | 570 | } |
| 422 | div.dp-popup div.dp-nav-next a { | 571 | div.dp-popup div.dp-nav-next a { |
| 423 | float: right; | 572 | float: right; |
| 424 | } | 573 | } |
| 425 | div.dp-popup a.disabled { | 574 | div.dp-popup a.disabled { |
| 426 | cursor: default; | 575 | cursor: default; |
| 427 | color: #aaa; | 576 | color: #aaa; |
| 428 | } | 577 | } |
| 429 | div.dp-popup td { | 578 | div.dp-popup td { |
| 430 | cursor: pointer; | 579 | cursor: pointer; |
| 431 | } | 580 | } |
| 432 | div.dp-popup td.disabled { | 581 | div.dp-popup td.disabled { |
| 433 | cursor: default; | 582 | cursor: default; |
| 434 | } | 583 | } |
| 435 | a.dp-choose-date { | 584 | a.dp-choose-date { |
| 436 | float: left; | 585 | float: left; |
| 437 | width: 16px; | 586 | width: 16px; |
| 438 | height: 16px; | 587 | height: 16px; |
| 439 | padding: 0; | 588 | padding: 0; |
| 440 | margin: 2px 3px 0; | 589 | margin: 2px 3px 0; |
| 441 | display: block; | 590 | display: block; |
| 442 | text-indent: -2000px; | 591 | text-indent: -2000px; |
| 443 | overflow: hidden; | 592 | overflow: hidden; |
| 444 | background: url(../images/calendar.png) no-repeat; | 593 | background: url(../images/calendar.png) no-repeat; |
| 445 | } | 594 | } |
| 446 | a.dp-choose-date.dp-disabled { | 595 | a.dp-choose-date.dp-disabled { |
| 447 | background-position: 0 -20px; | 596 | background-position: 0 -20px; |
| 448 | cursor: default; | 597 | cursor: default; |
| 449 | } | 598 | } |
| 450 | /* makes the input field shorter once the date picker code | 599 | /* makes the input field shorter once the date picker code |
| 451 | * has run (to allow space for the calendar icon | 600 | * has run (to allow space for the calendar icon |
| 452 | */ | 601 | */ |
| 453 | input.dp-applied { | 602 | input.dp-applied { |
| 454 | width: 140px; | 603 | width: 140px; |
| 455 | float: left; | 604 | float: left; |
| 605 | } | ||
| 606 | |||
| 607 | .admin-member-id { | ||
| 608 | font-size: 14px; | ||
| 609 | color: #777; | ||
| 610 | } | ||
| 611 | |||
| 612 | .users-role-bar { | ||
| 613 | margin-top: 15px; | ||
| 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 | } | ||
| 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 | } | ||
| 651 | |||
| 652 | .my-profile-table { | ||
| 653 | margin-bottom: 20px; | ||
| 654 | } | ||
| 655 | |||
| 656 | .attendance-admin-table { | ||
| 657 | border: none; | ||
| 658 | border-collapse: collapse; | ||
| 659 | } | ||
| 660 | .attendance-admin-table thead td { | ||
| 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 | } | ||
| 669 | |||
| 670 | #invoice-table { | ||
| 671 | width: 100%; | ||
| 672 | border: 0; | ||
| 673 | padding: 0px; | ||
| 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; | ||
| 456 | } | 704 | } |
| 457 | 705 | ||
| 458 | .admin-member-id { font-size:14px; color:#777; } | 706 | #invoice-table tbody tr.unpaid td { |
| 459 | 707 | background-color: #efd5d5; | |
| 460 | .users-role-bar { margin-top:15px; font-size:11px; margin-left:8px; float: left; margin-bottom: 5px;} | 708 | color: #c17575; |
| 461 | .users-role-bar a { text-decoration: none; } | 709 | } |
| 462 | .users-role-bar a.active { color:#000; font-weight: bold; } | 710 | #invoice-table tbody tr.unpaid td a { |
| 463 | .sm_count { font-size:11px; color:#999; font-weight: normal; } | 711 | color: #c17575; |
| 464 | 712 | } | |
| 465 | .TzPaginateResults { margin-top:35px; font-size:11px; text-align: right; margin-right:10px; margin-bottom:5px; float:right; } | 713 | #invoice-table tbody tr.unpaid td a:hover { |
| 466 | .TzPaginateResults a { text-decoration: none; padding:1px 0px; border:1px solid transparent; } | 714 | color: #CC4433; |
| 467 | .TzPaginateResults a.active { color:#000; font-weight: bold; border:1px solid #ccc;padding:1px 3px; } | 715 | } |
| 468 | 716 | #invoice-table tfoot td { | |
| 469 | .my-profile-table { margin-bottom:20px;} | 717 | margin: 0; |
| 470 | 718 | padding: 4px 2px 4px 10px; | |
| 471 | 719 | text-align: left; | |
| 472 | 720 | border-top: 1px solid #ccc; | |
| 473 | 721 | border-right: 1px solid #ccc; | |
| 474 | .attendance-admin-table { border:none; border-collapse: collapse;} | 722 | } |
| 475 | .attendance-admin-table thead td { font-weight:bold; border-bottom: 2px solid #e8e8e8; padding:0 0 8px 0; } | 723 | #invoice-table caption { |
| 476 | .attendance-admin-table tbody td { border-bottom: 1px solid #e8e8e8; padding:4px 0; } | 724 | text-align: left; |
| 477 | 725 | font-size: 11px; | |
| 478 | 726 | color: #777; | |
| 479 | 727 | padding-left: 11px; | |
| 480 | #invoice-table { width: 100%; border:0; padding: 0px; margin: 0px; border-collapse: collapse; border:1px solid #ccc; margin: 8px 0px 4px 0px; } | 728 | text-transform: uppercase; |
| 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; } | 729 | } |
| 482 | #invoice-table thead td { margin:0; padding:4px 2px 4px 10px; text-align: left; } | ||
| 483 | #invoice-table tbody th { margin:0; padding:4px 2px 4px 10px; text-align: left; } | ||
| 484 | #invoice-table tbody td { margin:0; padding:4px 2px 4px 10px; text-align: left; border-right:1px solid #ccc; } | ||
| 485 | #invoice-table tbody tr.odd td { background-color: #f5f5f5; } | ||
| 486 | |||
| 487 | #invoice-table tbody tr.unpaid td { background-color: #efd5d5; color:#c17575; } | ||
| 488 | #invoice-table tbody tr.unpaid td a {color: #c17575;} | ||
| 489 | #invoice-table tbody tr.unpaid td a:hover {color: #CC4433;} | ||
| 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; } | ||
| 491 | #invoice-table caption { text-align:left; font-size:11px; color:#777; padding-left:11px; text-transform: uppercase; } | ||
| 492 | |||
| 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 { |
| 545 | /* | 874 | /* |
| 546 | font-family:arial; | 875 | font-family:arial; |
| 547 | background-color: #CDCDCD; | 876 | background-color: #CDCDCD; |
| 548 | margin:10px 0pt 15px; | 877 | margin:10px 0pt 15px; |
| 549 | font-size: 8pt; | 878 | font-size: 8pt; |
| 550 | width: 100%; | 879 | width: 100%; |
| 551 | */ | 880 | */ |
| 552 | text-align: left; | 881 | text-align: left; |
| 553 | } | 882 | } |
| 554 | table.tablesorter thead tr th, table.tablesorter tfoot tr th { | 883 | table.tablesorter thead tr th, table.tablesorter tfoot tr th { |
| 555 | /* | 884 | /* |
| 556 | background-color: #e6EEEE; | 885 | background-color: #e6EEEE; |
| 557 | border: 1px solid #FFF; | 886 | border: 1px solid #FFF; |
| 558 | font-size: 8pt; | 887 | font-size: 8pt; |
| 559 | padding: 4px; | 888 | padding: 4px; |
| 560 | */ | 889 | */ |
| 561 | } | 890 | } |
| 562 | table.tablesorter thead tr .header { | 891 | table.tablesorter thead tr .header { |
| 563 | background-image: url(/wp-content/themes/cbv/assets/images/bg.gif); | 892 | background-image: url(/wp-content/themes/cbv/assets/images/bg.gif); |
| 564 | background-repeat: no-repeat; | 893 | background-repeat: no-repeat; |
| 565 | background-position: center right; | 894 | background-position: center right; |
| 566 | cursor: pointer; | 895 | cursor: pointer; |
| 567 | } | 896 | } |
| 568 | table.tablesorter tbody td { | 897 | table.tablesorter tbody td { |
| 569 | /* | 898 | /* |
| 570 | color: #3D3D3D; | 899 | color: #3D3D3D; |
| 571 | padding: 4px; | 900 | padding: 4px; |
| 572 | background-color: #FFF; | 901 | background-color: #FFF; |
| 573 | vertical-align: top; | 902 | vertical-align: top; |
| 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); |
| 581 | } | 910 | } |
| 582 | table.tablesorter thead tr .headerSortDown { | 911 | 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 { |
| 590 | padding: 10px 0 10px 0; | 919 | padding: 10px 0 10px 0; |
| 591 | background-color: #D6D2C2; | 920 | background-color: #D6D2C2; |
| 592 | text-align: center; | 921 | text-align: center; |
| 593 | } | 922 | } |
| 594 | div.tablesorterPager span { | 923 | div.tablesorterPager span { |
| 595 | padding: 0 5px 0 5px; | 924 | padding: 0 5px 0 5px; |
| 596 | } | 925 | } |
| 597 | div.tablesorterPager input.prev { | 926 | div.tablesorterPager input.prev { |
| 598 | width: auto; | 927 | width: auto; |
| 599 | margin-right: 10px; | 928 | margin-right: 10px; |
| 600 | } | 929 | } |
| 601 | div.tablesorterPager input.next { | 930 | div.tablesorterPager input.next { |
| 602 | width: auto; | 931 | width: auto; |
| 603 | margin-left: 10px; | 932 | margin-left: 10px; |
| 604 | } | 933 | } |
| 605 | div.tablesorterPager input { | 934 | div.tablesorterPager input { |
| 606 | font-size: 8px; | 935 | font-size: 8px; |
| 607 | width: 50px; | 936 | width: 50px; |
| 608 | border: 1px solid #330000; | 937 | border: 1px solid #330000; |
| 609 | text-align: center; | 938 | text-align: center; |
| 610 | } | 939 | } |
| 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; |
| 660 | background-position: 0px 0px; | 1034 | background-position: 0px 0px; |
| 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; | ||
| 806 | } | 1296 | } |
| 807 | 1297 | ||
| 808 | #sortable { list-style-type: none; margin: 10px 0 0; padding: 0; width: 100%; } | 1298 | .plain { |
| 809 | #sortable ul { margin-left: 20px; list-style: none; } | 1299 | list-style: none; |
| 810 | #sortable li { padding: 2px 0px; margin: 4px 0px; border: 1px solid #DDDDDD; cursor: move; -moz-border-radius: 6px } | 1300 | } |
| 811 | #sortable li span { display: block; background: #f7f7f7; padding: 5px; color: #808080; font-size: 14px; font-weight: bold; } | ||
| 812 | #sortable li.placeholder { border: dashed 2px #ccc; background-color: #FFF; height: 20px; } | ||
| 813 | 1301 | ||
| 814 | .diff-accept { background-color: #68be2e; } | 1302 | .ui-sortable-helper { |
| 815 | .diff-reject { background-color: #ed1f24; } | 1303 | opacity: 0.5; |
| 816 | td.diff-left:hover, td.diff-right:hover { cursor: pointer; } | 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; | ||
| 1352 | } | ||
| 1353 | |||
| 1354 | #sortable { | ||
| 1355 | list-style-type: none; | ||
| 1356 | margin: 10px 0 0; | ||
| 1357 | padding: 0; | ||
| 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 | } | ||
| 1384 | |||
| 1385 | .diff-accept { | ||
| 1386 | background-color: #68be2e; | ||
| 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 */ |
| ... | @@ -824,7 +1401,7 @@ label[for="replace_type_2"], label[for="replace_type_2"] ~ p.howto { | ... | @@ -824,7 +1401,7 @@ label[for="replace_type_2"], label[for="replace_type_2"] ~ p.howto { |
| 824 | 1401 | ||
| 825 | a, input, textarea, select { | 1402 | a, input, textarea, select { |
| 826 | -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; | 1403 | -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; |
| 827 | -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; | 1404 | -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; |
| 828 | -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; | 1405 | -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; |
| 829 | transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; | 1406 | transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; |
| 830 | } | 1407 | } | ... | ... |
-
Please register or sign in to post a comment