| | 1 | /* YES, WE KNOW THIS IS TOO MUCH. We've borrowed it from a more |
|---|
| | 2 | complete site temporarily to allow you to preview the rest of the |
|---|
| | 3 | pkContextCMS while we work on a more pared-down and suitable stylesheet. */ |
|---|
| | 4 | |
|---|
| | 5 | /* ================================================================================================ |
|---|
| | 6 | * Reset Styles |
|---|
| | 7 | * Eric Meyer's Reset CSS -- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ |
|---|
| | 8 | * ================================================================================================ |
|---|
| | 9 | */ |
|---|
| | 10 | |
|---|
| | 11 | @charset "utf-8"; |
|---|
| | 12 | |
|---|
| | 13 | html, body, div, span, applet, object, iframe, |
|---|
| | 14 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|---|
| | 15 | a, abbr, acronym, address, big, cite, code, |
|---|
| | 16 | del, dfn, font, ins, kbd, q, s, samp, |
|---|
| | 17 | small, strike, strong, sub, sup, tt, var, |
|---|
| | 18 | dl, dt, dd, ol, ul, li, |
|---|
| | 19 | fieldset, form, label, legend, |
|---|
| | 20 | table, caption, tbody, tfoot, thead, tr, th, td { |
|---|
| | 21 | margin: 0; |
|---|
| | 22 | padding: 0; |
|---|
| | 23 | border: 0; |
|---|
| | 24 | outline: 0; |
|---|
| | 25 | font-weight: inherit; |
|---|
| | 26 | font-style: inherit; |
|---|
| | 27 | font-size: 100%; |
|---|
| | 28 | font-family: inherit; |
|---|
| | 29 | vertical-align: baseline; |
|---|
| | 30 | } |
|---|
| | 31 | |
|---|
| | 32 | /* TBB: in IE6 (and maybe IE7?), an explicit setting for |
|---|
| | 33 | * vertical-align: breaks <img align="left">. Strange |
|---|
| | 34 | * but true. align="left" is an anachronism but |
|---|
| | 35 | * Study Abroad is using it courtesy of FCK's image editor |
|---|
| | 36 | */ |
|---|
| | 37 | |
|---|
| | 38 | img { |
|---|
| | 39 | margin: 0; |
|---|
| | 40 | padding: 0; |
|---|
| | 41 | border: 0; |
|---|
| | 42 | outline: 0; |
|---|
| | 43 | font-weight: inherit; |
|---|
| | 44 | font-style: inherit; |
|---|
| | 45 | font-size: 100%; |
|---|
| | 46 | font-family: inherit; |
|---|
| | 47 | /* vertical-align: baseline; */ |
|---|
| | 48 | } |
|---|
| | 49 | /* remember to define focus styles! */ |
|---|
| | 50 | :focus { |
|---|
| | 51 | outline: 0; |
|---|
| | 52 | } |
|---|
| | 53 | body { |
|---|
| | 54 | line-height: 1; |
|---|
| | 55 | color: black; |
|---|
| | 56 | background: white; |
|---|
| | 57 | } |
|---|
| | 58 | ol, ul { |
|---|
| | 59 | list-style: none; |
|---|
| | 60 | } |
|---|
| | 61 | /* tables still need 'cellspacing="0"' in the markup */ |
|---|
| | 62 | table { |
|---|
| | 63 | border-collapse: separate; |
|---|
| | 64 | border-spacing: 0; |
|---|
| | 65 | } |
|---|
| | 66 | caption, th, td { |
|---|
| | 67 | text-align: left; |
|---|
| | 68 | font-weight: normal; |
|---|
| | 69 | } |
|---|
| | 70 | blockquote:before, blockquote:after, |
|---|
| | 71 | q:before, q:after { |
|---|
| | 72 | content: ""; |
|---|
| | 73 | } |
|---|
| | 74 | blockquote, q { |
|---|
| | 75 | quotes: "" ""; |
|---|
| | 76 | } |
|---|
| | 77 | |
|---|
| | 78 | /* ================================================================================================ |
|---|
| | 79 | * General Global Styles |
|---|
| | 80 | * |
|---|
| | 81 | * ================================================================================================ |
|---|
| | 82 | */ |
|---|
| | 83 | |
|---|
| | 84 | body { |
|---|
| | 85 | font: 12px/1.25 Arial, Helvetica, Sans-serif; |
|---|
| | 86 | color: #333; |
|---|
| | 87 | } |
|---|
| | 88 | |
|---|
| | 89 | br.c, br.clear { |
|---|
| | 90 | clear: both; |
|---|
| | 91 | } |
|---|
| | 92 | |
|---|
| | 93 | h1,h2,h3,h4,h5 { |
|---|
| | 94 | font-weight: normal !important; |
|---|
| | 95 | } |
|---|
| | 96 | |
|---|
| | 97 | h1 { |
|---|
| | 98 | font-size: 30px; |
|---|
| | 99 | } |
|---|
| | 100 | |
|---|
| | 101 | h2 { |
|---|
| | 102 | font-size: 24px; |
|---|
| | 103 | } |
|---|
| | 104 | |
|---|
| | 105 | h3 { |
|---|
| | 106 | font-size: 18px; |
|---|
| | 107 | color: #333; |
|---|
| | 108 | } |
|---|
| | 109 | |
|---|
| | 110 | h4 { |
|---|
| | 111 | font-size: 14px; |
|---|
| | 112 | color: #333; |
|---|
| | 113 | } |
|---|
| | 114 | |
|---|
| | 115 | hr { |
|---|
| | 116 | height: 1px; |
|---|
| | 117 | background-color: #ccc; |
|---|
| | 118 | border: none; |
|---|
| | 119 | display: block; |
|---|
| | 120 | clear: both; |
|---|
| | 121 | } |
|---|
| | 122 | |
|---|
| | 123 | ul li, |
|---|
| | 124 | ol li { |
|---|
| | 125 | margin: 5px 0; |
|---|
| | 126 | } |
|---|
| | 127 | |
|---|
| | 128 | strong { |
|---|
| | 129 | font-weight: bold; |
|---|
| | 130 | } |
|---|
| | 131 | |
|---|
| | 132 | em { |
|---|
| | 133 | font-style: italic; |
|---|
| | 134 | } |
|---|
| | 135 | |
|---|
| | 136 | a { |
|---|
| | 137 | text-decoration: none; |
|---|
| | 138 | } |
|---|
| | 139 | |
|---|
| | 140 | a:link, |
|---|
| | 141 | a:visited { |
|---|
| | 142 | color: #28305E; |
|---|
| | 143 | } |
|---|
| | 144 | |
|---|
| | 145 | a:hover { |
|---|
| | 146 | color: #333; |
|---|
| | 147 | text-decoration: underline; |
|---|
| | 148 | } |
|---|
| | 149 | |
|---|
| | 150 | input, |
|---|
| | 151 | textarea, |
|---|
| | 152 | select { |
|---|
| | 153 | padding: 3px; |
|---|
| | 154 | font-family: Arial, sans-serif; |
|---|
| | 155 | font-size: 11px; |
|---|
| | 156 | border: 1px solid #ddd; |
|---|
| | 157 | vertical-align: middle; |
|---|
| | 158 | } |
|---|
| | 159 | |
|---|
| | 160 | input, |
|---|
| | 161 | textarea |
|---|
| | 162 | { |
|---|
| | 163 | width: 238px; |
|---|
| | 164 | } |
|---|
| | 165 | |
|---|
| | 166 | input.submit |
|---|
| | 167 | { |
|---|
| | 168 | width: auto; |
|---|
| | 169 | } |
|---|
| | 170 | |
|---|
| | 171 | form .form-row |
|---|
| | 172 | { |
|---|
| | 173 | clear: both; |
|---|
| | 174 | padding: 10px; |
|---|
| | 175 | float: left; |
|---|
| | 176 | } |
|---|
| | 177 | |
|---|
| | 178 | form .form-row .error_list |
|---|
| | 179 | { |
|---|
| | 180 | display: block; |
|---|
| | 181 | margin-left: 120px; |
|---|
| | 182 | font-size: 11px; |
|---|
| | 183 | } |
|---|
| | 184 | |
|---|
| | 185 | form .form-row .error_list li |
|---|
| | 186 | { |
|---|
| | 187 | float:left; |
|---|
| | 188 | margin-left:0px; |
|---|
| | 189 | height:20px; |
|---|
| | 190 | line-height:24px; |
|---|
| | 191 | padding-left:20px; |
|---|
| | 192 | background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; |
|---|
| | 193 | } |
|---|
| | 194 | /* ================================================================================================ |
|---|
| | 195 | * pkContextCMS |
|---|
| | 196 | * Frontend Only |
|---|
| | 197 | * ================================================================================================ |
|---|
| | 198 | */ |
|---|
| | 199 | .content h2, |
|---|
| | 200 | .content h3, |
|---|
| | 201 | .content h4, |
|---|
| | 202 | .content p { |
|---|
| | 203 | margin: 0 0 10px 0; |
|---|
| | 204 | } |
|---|
| | 205 | |
|---|
| | 206 | .content h2 p, |
|---|
| | 207 | .content h3 p, |
|---|
| | 208 | .content h4 p, |
|---|
| | 209 | .content p p { |
|---|
| | 210 | margin: 0; |
|---|
| | 211 | } |
|---|
| | 212 | |
|---|
| | 213 | .content p { |
|---|
| | 214 | color: #333; |
|---|
| | 215 | } |
|---|
| | 216 | |
|---|
| | 217 | .container { /* Site Wrapper */ |
|---|
| | 218 | width: 960px; |
|---|
| | 219 | margin: 0 auto; |
|---|
| | 220 | clear: both; |
|---|
| | 221 | } |
|---|
| | 222 | |
|---|
| | 223 | .container.outer { /* Site Wrapper to Crop Shadow */ |
|---|
| | 224 | width: auto; |
|---|
| | 225 | min-width: 960px; /* If this hack doesn't work, jQuery can correct for IE6*/ |
|---|
| | 226 | width: auto !important; /* */ |
|---|
| | 227 | width: 960px; /* */ |
|---|
| | 228 | overflow: hidden; |
|---|
| | 229 | } |
|---|
| | 230 | |
|---|
| | 231 | .pk-context-cms-login, |
|---|
| | 232 | .pk-context-cms-logout { |
|---|
| | 233 | float: right; |
|---|
| | 234 | display: inline; |
|---|
| | 235 | color: #999; |
|---|
| | 236 | } |
|---|
| | 237 | |
|---|
| | 238 | .pk-context-cms-login li, |
|---|
| | 239 | .pk-context-cms-logout li { |
|---|
| | 240 | float: left; |
|---|
| | 241 | display: inline; |
|---|
| | 242 | line-height: 30px; |
|---|
| | 243 | margin: 0 10px 0 0; |
|---|
| | 244 | } |
|---|
| | 245 | |
|---|
| | 246 | h1#head { |
|---|
| | 247 | } |
|---|
| | 248 | |
|---|
| | 249 | h1#head a { |
|---|
| | 250 | } |
|---|
| | 251 | |
|---|
| | 252 | h1#head a:hover { |
|---|
| | 253 | } |
|---|
| | 254 | |
|---|
| | 255 | /* [START] pkContextCMS BREADCRUMB =========================== */ |
|---|
| | 256 | |
|---|
| | 257 | #pk-context-cms-breadcrumb, |
|---|
| | 258 | #pk-media-breadcrumb { |
|---|
| | 259 | position: relative; |
|---|
| | 260 | top: 4px; |
|---|
| | 261 | width: 960px; |
|---|
| | 262 | float: left; |
|---|
| | 263 | margin: 40px 0; |
|---|
| | 264 | font-size: 12px; |
|---|
| | 265 | line-height: 24px; |
|---|
| | 266 | height: 24px; |
|---|
| | 267 | } |
|---|
| | 268 | |
|---|
| | 269 | #pk-context-cms-breadcrumb a, |
|---|
| | 270 | #pk-media-breadcrumb a { |
|---|
| | 271 | color: #13A0BC; |
|---|
| | 272 | text-decoration: none; |
|---|
| | 273 | float: left; |
|---|
| | 274 | } |
|---|
| | 275 | |
|---|
| | 276 | #pk-context-cms-breadcrumb a:hover, |
|---|
| | 277 | #pk-media-breadcrumb a:hover { |
|---|
| | 278 | text-decoration: underline; |
|---|
| | 279 | } |
|---|
| | 280 | |
|---|
| | 281 | #pk-context-cms-breadcrumb h2, |
|---|
| | 282 | #pk-media-breadcrumb h2 { |
|---|
| | 283 | display: inline; |
|---|
| | 284 | font-size: 24px; |
|---|
| | 285 | letter-spacing: -.025em; |
|---|
| | 286 | color: #13A0BC; |
|---|
| | 287 | font-weight: normal; |
|---|
| | 288 | float: left; |
|---|
| | 289 | position: relative; |
|---|
| | 290 | top: -4px; |
|---|
| | 291 | } |
|---|
| | 292 | |
|---|
| | 293 | #pk-context-cms-breadcrumb h2 a.pk-btn { |
|---|
| | 294 | position: relative; |
|---|
| | 295 | top: 2px; |
|---|
| | 296 | } |
|---|
| | 297 | |
|---|
| | 298 | #pk-context-cms-breadcrumb form { |
|---|
| | 299 | display: inline; |
|---|
| | 300 | float: left; |
|---|
| | 301 | width: auto; |
|---|
| | 302 | } |
|---|
| | 303 | |
|---|
| | 304 | #pk-context-add-child-form * { |
|---|
| | 305 | font: 12px/1.4 Arial, sans-serif; |
|---|
| | 306 | } |
|---|
| | 307 | #pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-slash, |
|---|
| | 308 | #pk-media-breadcrumb .pk-media-breadcrumb-slash { |
|---|
| | 309 | float: left; |
|---|
| | 310 | display: inline; |
|---|
| | 311 | width: auto; |
|---|
| | 312 | margin: 0 5px; |
|---|
| | 313 | } |
|---|
| | 314 | |
|---|
| | 315 | #pk-context-cms-breadcrumb a.pk-context-cms-lock-button { |
|---|
| | 316 | display: inline-block; |
|---|
| | 317 | height: 16px; |
|---|
| | 318 | line-height: 36px; |
|---|
| | 319 | padding-right: 20px; |
|---|
| | 320 | margin-right: 10px; |
|---|
| | 321 | text-indent: -9999px; |
|---|
| | 322 | background: url(/pkContextCMSPlugin/images/pk-breadcrumb-unlock.png) no-repeat top right; |
|---|
| | 323 | } |
|---|
| | 324 | |
|---|
| | 325 | #pk-context-cms-breadcrumb a.pk-context-cms-lock-button:hover { |
|---|
| | 326 | background-position: bottom right; |
|---|
| | 327 | } |
|---|
| | 328 | |
|---|
| | 329 | #pk-context-cms-breadcrumb a.pk-context-cms-unlock-button { |
|---|
| | 330 | display: inline-block; |
|---|
| | 331 | height: 16px; |
|---|
| | 332 | line-height: 36px; |
|---|
| | 333 | padding-right: 20px; |
|---|
| | 334 | margin-right: 10px; |
|---|
| | 335 | text-indent: -9999px; |
|---|
| | 336 | background: url(/pkContextCMSPlugin/images/pk-breadcrumb-lock.png) no-repeat top right; |
|---|
| | 337 | } |
|---|
| | 338 | |
|---|
| | 339 | #pk-context-cms-breadcrumb a.pk-context-cms-unlock-button:hover { |
|---|
| | 340 | background-position: bottom right; |
|---|
| | 341 | } |
|---|
| | 342 | #pk-context-cms-breadcrumb .pk-context-cms-rename.editing { |
|---|
| | 343 | width: 240px; |
|---|
| | 344 | } |
|---|
| | 345 | |
|---|
| | 346 | #pk-context-cms-breadcrumb a.epc-rename-button { |
|---|
| | 347 | padding: 3px; |
|---|
| | 348 | position: relative; |
|---|
| | 349 | top: -3px; |
|---|
| | 350 | } |
|---|
| | 351 | |
|---|
| | 352 | #pk-context-cms-breadcrumb a.epc-rename-button:hover { |
|---|
| | 353 | background-color: #f2f2f2; |
|---|
| | 354 | } |
|---|
| | 355 | |
|---|
| | 356 | #pk-context-cms-breadcrumb .epc-form { |
|---|
| | 357 | position: relative; |
|---|
| | 358 | width: 240px; |
|---|
| | 359 | } |
|---|
| | 360 | |
|---|
| | 361 | #pk-context-cms-breadcrumb .epc-form a, |
|---|
| | 362 | #pk-context-cms-breadcrumb .epc-form input, |
|---|
| | 363 | #pk-context-cms-breadcrumb .epc-form span { |
|---|
| | 364 | float: left; |
|---|
| | 365 | display: inline; |
|---|
| | 366 | margin: 0 2px; |
|---|
| | 367 | } |
|---|
| | 368 | |
|---|
| | 369 | #pk-context-cms-breadcrumb .epc-form span, |
|---|
| | 370 | #pk-context-cms-breadcrumb .epc-form-cancel { |
|---|
| | 371 | font-size: 12px; |
|---|
| | 372 | letter-spacing: 0; |
|---|
| | 373 | } |
|---|
| | 374 | |
|---|
| | 375 | #pk-context-cms-breadcrumb .epc-form-cancel { |
|---|
| | 376 | color: #15A1BD !important; |
|---|
| | 377 | text-transform: lowercase; /* LOL @ Rick */ |
|---|
| | 378 | } |
|---|
| | 379 | |
|---|
| | 380 | #pk-context-cms-breadcrumb .epc-form-cancel:hover { |
|---|
| | 381 | text-decoration: underline; |
|---|
| | 382 | } |
|---|
| | 383 | |
|---|
| | 384 | #pk-context-cms-breadcrumb input.pk-context-cms-add-page-title, |
|---|
| | 385 | #pk-context-cms-breadcrumb .epc-form input.epc-value { |
|---|
| | 386 | border: none; |
|---|
| | 387 | background: transparent; |
|---|
| | 388 | color: #333; |
|---|
| | 389 | font: 24px/1 Arial, Sans-serif; |
|---|
| | 390 | position: relative; |
|---|
| | 391 | background-color: #f2f2f2; |
|---|
| | 392 | letter-spacing: -.025em; |
|---|
| | 393 | float: left; |
|---|
| | 394 | padding: 0 0 0 2px; |
|---|
| | 395 | margin: 0; |
|---|
| | 396 | top: -2px; |
|---|
| | 397 | width: 240px; |
|---|
| | 398 | clear: right; |
|---|
| | 399 | } |
|---|
| | 400 | |
|---|
| | 401 | #pk-context-cms-breadcrumb a.pk-context-cms-settings-button { |
|---|
| | 402 | float: left; |
|---|
| | 403 | display: inline; |
|---|
| | 404 | height: 20px; |
|---|
| | 405 | width: 20px; |
|---|
| | 406 | margin: 0 0 0 5px; |
|---|
| | 407 | overflow: hidden; |
|---|
| | 408 | text-indent: -9999px; |
|---|
| | 409 | background: url(/pkContextCMSPlugin/images/pk-icon-settings.png) no-repeat top left; |
|---|
| | 410 | position: relative; |
|---|
| | 411 | top: -2px; |
|---|
| | 412 | } |
|---|
| | 413 | |
|---|
| | 414 | #pk-context-cms-breadcrumb a.pk-context-cms-settings-button:hover { |
|---|
| | 415 | background-position: bottom left; |
|---|
| | 416 | } |
|---|
| | 417 | |
|---|
| | 418 | #pk-context-cms-breadcrumb a.pk-context-cms-settings-button.loading { |
|---|
| | 419 | background-image: url(/pkContextCMSPlugin/images/pk-icon-settings-ani.gif); |
|---|
| | 420 | } |
|---|
| | 421 | |
|---|
| | 422 | #pk-context-cms-breadcrumb a.pk-context-cms-settings-button.close |
|---|
| | 423 | { |
|---|
| | 424 | display: none; |
|---|
| | 425 | } |
|---|
| | 426 | |
|---|
| | 427 | #pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls { |
|---|
| | 428 | display: inline; |
|---|
| | 429 | float: left; |
|---|
| | 430 | width: 100px; |
|---|
| | 431 | } |
|---|
| | 432 | |
|---|
| | 433 | #pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls input, |
|---|
| | 434 | #pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls span, |
|---|
| | 435 | #pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls a { |
|---|
| | 436 | float: left; |
|---|
| | 437 | line-height: 24px; |
|---|
| | 438 | vertical-align: baseline; |
|---|
| | 439 | margin-right: 5px; |
|---|
| | 440 | } |
|---|
| | 441 | |
|---|
| | 442 | .pk-home #pk-context-cms-breadcrumb, |
|---|
| | 443 | .pk-landing #pk-context-cms-breadcrumb { |
|---|
| | 444 | margin-top: 0; |
|---|
| | 445 | } |
|---|
| | 446 | |
|---|
| | 447 | /* [END] pkContextCMS BREADCRUMB =========================== */ |
|---|
| | 448 | |
|---|
| | 449 | /* [START] pkContextCMS PAGE SETTINGS =========================== */ |
|---|
| | 450 | |
|---|
| | 451 | #pk-context-cms-settings { |
|---|
| | 452 | display: none; |
|---|
| | 453 | float: left; |
|---|
| | 454 | width: 100%; |
|---|
| | 455 | margin-bottom: 40px; |
|---|
| | 456 | color: #333; |
|---|
| | 457 | padding: 0 0 10px; |
|---|
| | 458 | border: 1px solid #e2e2e2; |
|---|
| | 459 | background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; |
|---|
| | 460 | } |
|---|
| | 461 | |
|---|
| | 462 | #pk-context-cms-settings #pk-context-cms-settings-heading { |
|---|
| | 463 | margin: 20px 0 0 0; |
|---|
| | 464 | } |
|---|
| | 465 | |
|---|
| | 466 | #pk-context-cms-settings h4 { |
|---|
| | 467 | font-size: 12px; |
|---|
| | 468 | font-weight: bold; |
|---|
| | 469 | margin: 0 0 10px 0; |
|---|
| | 470 | } |
|---|
| | 471 | |
|---|
| | 472 | #pk-context-cms-settings .pk-context-cms-form-row { |
|---|
| | 473 | position: relative; |
|---|
| | 474 | margin: 20px 0px 20px 120px; |
|---|
| | 475 | } |
|---|
| | 476 | |
|---|
| | 477 | #pk-context-cms-settings .pk-context-cms-form-row label { |
|---|
| | 478 | position: absolute; |
|---|
| | 479 | top: 0; |
|---|
| | 480 | left: -120px; |
|---|
| | 481 | display: block; |
|---|
| | 482 | width: 120px; |
|---|
| | 483 | } |
|---|
| | 484 | |
|---|
| | 485 | #pk-context-cms-settings-left, |
|---|
| | 486 | #pk-context-cms-settings-right { |
|---|
| | 487 | float: left; |
|---|
| | 488 | width: 460px; |
|---|
| | 489 | margin-top: 10px; |
|---|
| | 490 | } |
|---|
| | 491 | |
|---|
| | 492 | #pk-context-cms-settings-footer { |
|---|
| | 493 | float: left; |
|---|
| | 494 | width: 100%; |
|---|
| | 495 | margin-top: 10px; |
|---|
| | 496 | border-top: 1px solid #e2e2e2; |
|---|
| | 497 | padding-top: 10px; |
|---|
| | 498 | line-height: 22px; |
|---|
| | 499 | } |
|---|
| | 500 | |
|---|
| | 501 | #pk-context-cms-settings-note { |
|---|
| | 502 | /* float: left; |
|---|
| | 503 | width: 960px; |
|---|
| | 504 | font-style: italic; |
|---|
| | 505 | margin-top: 10px;*/ |
|---|
| | 506 | } |
|---|
| | 507 | |
|---|
| | 508 | #pk-context-cms-settings-footer input, |
|---|
| | 509 | #pk-context-cms-settings-footer span, |
|---|
| | 510 | #pk-context-cms-settings-footer a { |
|---|
| | 511 | float: left; |
|---|
| | 512 | } |
|---|
| | 513 | |
|---|
| | 514 | #pk-context-cms-settings-footer span, |
|---|
| | 515 | #pk-context-cms-settings-footer a { |
|---|
| | 516 | /* line-height: 22px; fix the lineheight later, after the 'save' button becomes an anchor*/ |
|---|
| | 517 | margin: 0 0 0 5px; |
|---|
| | 518 | } |
|---|
| | 519 | |
|---|
| | 520 | #pk-context-cms-settings-footer a.delete { |
|---|
| | 521 | float: right; |
|---|
| | 522 | } |
|---|
| | 523 | |
|---|
| | 524 | #pk-context-cms-settings-form #settings_slug { |
|---|
| | 525 | width: 240px; |
|---|
| | 526 | } |
|---|
| | 527 | |
|---|
| | 528 | #pk-context-cms-settings-form input, |
|---|
| | 529 | #pk-context-cms-settings-form select, |
|---|
| | 530 | #pk-context-cms-settings-form textarea { |
|---|
| | 531 | font-size: 12px; |
|---|
| | 532 | font-family: arial, sans-serif; |
|---|
| | 533 | border: 1px solid #e2e2e2; |
|---|
| | 534 | padding: 2px 1px; |
|---|
| | 535 | } |
|---|
| | 536 | |
|---|
| | 537 | #pk-context-cms-settings #pk-context-cms-settings-right .pk-context-cms-inherited-editors, |
|---|
| | 538 | #pk-context-cms-settings #pk-context-cms-settings-right .pk-context-cms-local-editors { |
|---|
| | 539 | width: 180px; |
|---|
| | 540 | float: left; |
|---|
| | 541 | } |
|---|
| | 542 | |
|---|
| | 543 | #pk-context-cms-settings .pk-radio-select-container { |
|---|
| | 544 | display: block; |
|---|
| | 545 | float: left; |
|---|
| | 546 | width: 100%; |
|---|
| | 547 | } |
|---|
| | 548 | |
|---|
| | 549 | .pk-multiple-select-list { |
|---|
| | 550 | margin-top: 10px; |
|---|
| | 551 | } |
|---|
| | 552 | |
|---|
| | 553 | #pk-context-cms-settings .pk-context-cms-local-editors a { |
|---|
| | 554 | color: #13A0BC; |
|---|
| | 555 | } |
|---|
| | 556 | |
|---|
| | 557 | #pk-context-cms-settings .pk-context-cms-local-editors li, |
|---|
| | 558 | ul.pk-multiple-select-list li { |
|---|
| | 559 | width: 180px; |
|---|
| | 560 | height: 20px; |
|---|
| | 561 | padding: 0; |
|---|
| | 562 | margin: 0; |
|---|
| | 563 | } |
|---|
| | 564 | |
|---|
| | 565 | #pk-context-cms-settings .pk-context-cms-local-editors a, |
|---|
| | 566 | .pk-multiple-select-list li a { |
|---|
| | 567 | position: relative; |
|---|
| | 568 | float: left; |
|---|
| | 569 | width: 100%; |
|---|
| | 570 | height: 20px; |
|---|
| | 571 | line-height: 20px; |
|---|
| | 572 | } |
|---|
| | 573 | |
|---|
| | 574 | #pk-context-cms-settings .pk-context-cms-local-editors a span, |
|---|
| | 575 | a.pk-multiple-select-remove span { |
|---|
| | 576 | display: inline; |
|---|
| | 577 | position: absolute; |
|---|
| | 578 | float: left; |
|---|
| | 579 | width: 20px; |
|---|
| | 580 | height: 20px; |
|---|
| | 581 | text-indent: -9999px; |
|---|
| | 582 | overflow: hidden; |
|---|
| | 583 | background: url(/pkContextCMSPlugin/images/pk-icon-close-small.png) 0 0 no-repeat; |
|---|
| | 584 | } |
|---|
| | 585 | |
|---|
| | 586 | #pk-context-cms-settings .pk-context-cms-local-editors a:hover { |
|---|
| | 587 | text-decoration: none; |
|---|
| | 588 | color: #333; |
|---|
| | 589 | } |
|---|
| | 590 | |
|---|
| | 591 | #pk-context-cms-settings .pk-context-cms-local-editors a:hover span, |
|---|
| | 592 | a.pk-multiple-select-remove:hover span { |
|---|
| | 593 | background-position: 0 -20px; |
|---|
| | 594 | } |
|---|
| | 595 | |
|---|
| | 596 | /* [END] pkContextCMS PAGE SETTINGS =========================== */ |
|---|
| | 597 | |
|---|
| | 598 | /* [START] pkContextCMS LEFT NAVIGATION ====================== */ |
|---|
| | 599 | |
|---|
| | 600 | #pk-context-cms-navcolumn { |
|---|
| | 601 | } |
|---|
| | 602 | |
|---|
| | 603 | #pk-context-cms-navcolumn li { |
|---|
| | 604 | line-height: 14px; |
|---|
| | 605 | margin:6px 0; |
|---|
| | 606 | } |
|---|
| | 607 | |
|---|
| | 608 | #pk-context-cms-navcolumn li a { |
|---|
| | 609 | color: #888; |
|---|
| | 610 | } |
|---|
| | 611 | |
|---|
| | 612 | #pk-context-cms-navcolumn li a:hover { |
|---|
| | 613 | color: #333; |
|---|
| | 614 | text-decoration: none; |
|---|
| | 615 | } |
|---|
| | 616 | |
|---|
| | 617 | /*#pk-context-cms-navcolumn li.self_item{ |
|---|
| | 618 | list-style-image:url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png); |
|---|
| | 619 | list-style-position:inside; |
|---|
| | 620 | }*/ |
|---|
| | 621 | |
|---|
| | 622 | #pk-context-cms-navcolumn li.self_item a { |
|---|
| | 623 | line-height:20px; |
|---|
| | 624 | font-size: 18px; |
|---|
| | 625 | padding-left: 12px; |
|---|
| | 626 | background: url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png) no-repeat left 50%; |
|---|
| | 627 | } |
|---|
| | 628 | |
|---|
| | 629 | .pk-context-cms-drag-handle { |
|---|
| | 630 | height: 20px; |
|---|
| | 631 | width: 20px; |
|---|
| | 632 | float: left; |
|---|
| | 633 | background: url(/pkContextCMSPlugin/images/pk-icon-drag.png) no-repeat 0 0; |
|---|
| | 634 | cursor: move; |
|---|
| | 635 | } |
|---|
| | 636 | |
|---|
| | 637 | #pk-context-cms-content { |
|---|
| | 638 | } |
|---|
| | 639 | |
|---|
| | 640 | .pk-context-cms-undo { |
|---|
| | 641 | padding-top: 2px; |
|---|
| | 642 | } |
|---|
| | 643 | |
|---|
| | 644 | .pk-context-cms-redo { |
|---|
| | 645 | padding-top: 2px; |
|---|
| | 646 | padding-right: 5px; |
|---|
| | 647 | } |
|---|
| | 648 | |
|---|
| | 649 | /* [END] pkContextCMS LEFT NAVIGATION ====================== */ |
|---|
| | 650 | |
|---|
| | 651 | /* [START] pkContextCMS TOP NAVIGATION (Using Tables) ========================= */ |
|---|
| | 652 | |
|---|
| | 653 | #pk-context-cms-site-navigation { |
|---|
| | 654 | position: relative; |
|---|
| | 655 | width: 958px; |
|---|
| | 656 | height: 25px; |
|---|
| | 657 | float: left; |
|---|
| | 658 | z-index: 2; |
|---|
| | 659 | } |
|---|
| | 660 | |
|---|
| | 661 | #pk-context-cms-site-navigation th { |
|---|
| | 662 | position: relative; |
|---|
| | 663 | margin: 0; |
|---|
| | 664 | height: 25px; |
|---|
| | 665 | } |
|---|
| | 666 | |
|---|
| | 667 | #pk-context-cms-site-navigation th.first { |
|---|
| | 668 | padding-left: 0; |
|---|
| | 669 | } |
|---|
| | 670 | |
|---|
| | 671 | #pk-context-cms-site-navigation th.last { |
|---|
| | 672 | border-right: none; |
|---|
| | 673 | padding-right: 0; |
|---|
| | 674 | } |
|---|
| | 675 | |
|---|
| | 676 | #pk-context-cms-site-navigation th a { |
|---|
| | 677 | position: relative; |
|---|
| | 678 | top: 1px; |
|---|
| | 679 | left: 0; |
|---|
| | 680 | display: block; |
|---|
| | 681 | float: left; |
|---|
| | 682 | width: 100%; |
|---|
| | 683 | height: 24px; |
|---|
| | 684 | line-height: 24px; |
|---|
| | 685 | font-size: 12px; |
|---|
| | 686 | text-align: center; |
|---|
| | 687 | color: #666; |
|---|
| | 688 | text-decoration: none; |
|---|
| | 689 | z-index: 2; |
|---|
| | 690 | /*overflow: hidden;*/ |
|---|
| | 691 | margin:0 auto; |
|---|
| | 692 | border: 1px solid transparent; |
|---|
| | 693 | border-bottom: none; |
|---|
| | 694 | } |
|---|
| | 695 | |
|---|
| | 696 | #pk-context-cms-site-navigation th a:hover { |
|---|
| | 697 | color: #000; |
|---|
| | 698 | } |
|---|
| | 699 | |
|---|
| | 700 | #pk-context-cms-site-navigation th.open a, |
|---|
| | 701 | #pk-context-cms-site-navigation th.pk-context-cms-current-page a, |
|---|
| | 702 | .pk-home #pk-context-cms-site-navigation th a:hover { |
|---|
| | 703 | color: #000; |
|---|
| | 704 | border: 1px solid #e6e6e6; |
|---|
| | 705 | border-bottom: none; |
|---|
| | 706 | background-color: #fff; |
|---|
| | 707 | } |
|---|
| | 708 | #pk-context-cms-site-navigation th.open a b, |
|---|
| | 709 | #pk-context-cms-site-navigation th.open a i, |
|---|
| | 710 | #pk-context-cms-site-navigation th a b, |
|---|
| | 711 | #pk-context-cms-site-navigation th a i { |
|---|
| | 712 | position: absolute; |
|---|
| | 713 | float: left; |
|---|
| | 714 | width: 10px; |
|---|
| | 715 | height: 24px; |
|---|
| | 716 | background: url(/images/shadow_nav24.png) no-repeat top left; |
|---|
| | 717 | overflow: hidden; |
|---|
| | 718 | visibility: hidden; |
|---|
| | 719 | } |
|---|
| | 720 | |
|---|
| | 721 | #pk-context-cms-site-navigation th.open a b, |
|---|
| | 722 | #pk-context-cms-site-navigation th.pk-context-cms-current-page a b, |
|---|
| | 723 | .pk-home #pk-context-cms-site-navigation th a b { |
|---|
| | 724 | top: 0; |
|---|
| | 725 | left: -10px; |
|---|
| | 726 | } |
|---|
| | 727 | |
|---|
| | 728 | #pk-context-cms-site-navigation th.open a i, |
|---|
| | 729 | #pk-context-cms-site-navigation th.pk-context-cms-current-page a i, |
|---|
| | 730 | .pk-home #pk-context-cms-site-navigation th a i { |
|---|
| | 731 | background-position: top right; |
|---|
| | 732 | top: 0; |
|---|
| | 733 | right: -10px; |
|---|
| | 734 | } |
|---|
| | 735 | |
|---|
| | 736 | #pk-context-cms-site-navigation th.open a b, |
|---|
| | 737 | #pk-context-cms-site-navigation th.open a i, |
|---|
| | 738 | #pk-context-cms-site-navigation th.pk-context-cms-current-page a b, |
|---|
| | 739 | #pk-context-cms-site-navigation th.pk-context-cms-current-page a i, |
|---|
| | 740 | .pk-home #pk-context-cms-site-navigation th a:hover b, |
|---|
| | 741 | .pk-home #pk-context-cms-site-navigation th a:hover i { |
|---|
| | 742 | visibility: visible; |
|---|
| | 743 | } |
|---|
| | 744 | |
|---|
| | 745 | #pk-context-cms-site-navigation th.first a b, |
|---|
| | 746 | #pk-context-cms-site-navigation th.last a i { |
|---|
| | 747 | background: none; |
|---|
| | 748 | } |
|---|
| | 749 | |
|---|
| | 750 | /* [END] pkContextCMS TOP NAVIGATION ========================= */ |
|---|
| | 751 | |
|---|
| | 752 | /* [START] pkContextCMS GENERAL TEMPLATE STYLES ======================== */ |
|---|
| | 753 | |
|---|
| | 754 | .subnav { |
|---|
| | 755 | width: 200px; |
|---|
| | 756 | position: relative; |
|---|
| | 757 | top: 0; |
|---|
| | 758 | left: 0; |
|---|
| | 759 | float: left; |
|---|
| | 760 | display: inline; |
|---|
| | 761 | margin-right: 40px; |
|---|
| | 762 | } |
|---|
| | 763 | |
|---|
| | 764 | .subnav .content-container { |
|---|
| | 765 | position: relative; |
|---|
| | 766 | z-index: 2; |
|---|
| | 767 | width: 198px; |
|---|
| | 768 | border: 1px solid #e9e9e9; |
|---|
| | 769 | border-bottom: none; |
|---|
| | 770 | padding-bottom: 10px; |
|---|
| | 771 | } |
|---|
| | 772 | |
|---|
| | 773 | .content-container { |
|---|
| | 774 | float: left; |
|---|
| | 775 | display: inline; |
|---|
| | 776 | width: 100%; |
|---|
| | 777 | } |
|---|
| | 778 | |
|---|
| | 779 | .content-container .content { |
|---|
| | 780 | margin: 0; |
|---|
| | 781 | position: relative; |
|---|
| | 782 | z-index: 3; |
|---|
| | 783 | background: none; |
|---|
| | 784 | } |
|---|
| | 785 | |
|---|
| | 786 | .pk-context-cms-edit, |
|---|
| | 787 | .pk-context-cms-content.pk-context-cms-editable { |
|---|
| | 788 | margin: 10px 0; |
|---|
| | 789 | float: left; |
|---|
| | 790 | width: 100%; |
|---|
| | 791 | } |
|---|
| | 792 | |
|---|
| | 793 | .pk-context-cms-vc-preview { |
|---|
| | 794 | float: left; |
|---|
| | 795 | display: inline; |
|---|
| | 796 | clear: both; |
|---|
| | 797 | font-style: italic; |
|---|
| | 798 | font-size: 11px; |
|---|
| | 799 | margin-bottom: 10px; |
|---|
| | 800 | color:#999; |
|---|
| | 801 | border: 1px dashed #ef9920; |
|---|
| | 802 | padding: 5px; |
|---|
| | 803 | } |
|---|
| | 804 | |
|---|
| | 805 | .caution { |
|---|
| | 806 | float: left; |
|---|
| | 807 | margin-bottom: 40px; |
|---|
| | 808 | color: #333; |
|---|
| | 809 | padding: 16px 0 10px; |
|---|
| | 810 | border: 1px solid #e2e2e2; |
|---|
| | 811 | background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; |
|---|
| | 812 | } |
|---|
| | 813 | |
|---|
| | 814 | .caution-padding { |
|---|
| | 815 | display: block; |
|---|
| | 816 | float: left; |
|---|
| | 817 | margin: 0 10px; |
|---|
| | 818 | } |
|---|
| | 819 | |
|---|
| | 820 | /* [END] pkContextCMS GENERAL TEMPLATE STYLES ======================== */ |
|---|
| | 821 | |
|---|
| | 822 | |
|---|
| | 823 | /* [START] pkContextCMS Home Template ======================== */ |
|---|
| | 824 | |
|---|
| | 825 | .pk-home .main { |
|---|
| | 826 | width: 680px; |
|---|
| | 827 | position: relative; |
|---|
| | 828 | top: 0; |
|---|
| | 829 | left: 0; |
|---|
| | 830 | float: left; |
|---|
| | 831 | display: inline; |
|---|
| | 832 | margin-right: 40px; |
|---|
| | 833 | } |
|---|
| | 834 | |
|---|
| | 835 | .pk-home .sidebar { |
|---|
| | 836 | width: 240px; |
|---|
| | 837 | position: relative; |
|---|
| | 838 | top: 0; |
|---|
| | 839 | left: 0; |
|---|
| | 840 | float: left; |
|---|
| | 841 | display: inline; |
|---|
| | 842 | } |
|---|
| | 843 | |
|---|
| | 844 | /* == Home Banner == */ |
|---|
| | 845 | |
|---|
| | 846 | .banner-container { |
|---|
| | 847 | position: relative; |
|---|
| | 848 | /* top: -1px;*/ |
|---|
| | 849 | float: left; |
|---|
| | 850 | width: 960px; |
|---|
| | 851 | height: 420px; |
|---|
| | 852 | z-index: 1; |
|---|
| | 853 | margin-bottom: 40px; |
|---|
| | 854 | } |
|---|
| | 855 | |
|---|
| | 856 | .banner-container #banner-home, |
|---|
| | 857 | .banner-container .banner-item { |
|---|
| | 858 | position: absolute; |
|---|
| | 859 | top: 0; |
|---|
| | 860 | left: 0; |
|---|
| | 861 | float: left; |
|---|
| | 862 | width: 958px; |
|---|
| | 863 | border: 1px solid #e9e9e9; |
|---|
| | 864 | display: none; |
|---|
| | 865 | height: 420px; |
|---|
| | 866 | background-color: #fff; |
|---|
| | 867 | } |
|---|
| | 868 | |
|---|
| | 869 | .banner-container #banner-home, |
|---|
| | 870 | .banner-container .banner-item.show { |
|---|
| | 871 | display: block !important; |
|---|
| | 872 | } |
|---|
| | 873 | |
|---|
| | 874 | .banner-container #banner-home img, |
|---|
| | 875 | .banner-container .banner-item img { |
|---|
| | 876 | position: absolute; |
|---|
| | 877 | top: 0; |
|---|
| | 878 | left: 0; |
|---|
| | 879 | z-index: 2; |
|---|
| | 880 | margin: 20px; |
|---|
| | 881 | width: 920px !important; |
|---|
| | 882 | height: 360px; |
|---|
| | 883 | } |
|---|
| | 884 | |
|---|
| | 885 | .banner-container #banner-home .title, |
|---|
| | 886 | .banner-container .banner-item .title { |
|---|
| | 887 | position: relative; |
|---|
| | 888 | z-index: 2; |
|---|
| | 889 | font: 48px Georgia, Times, Serif; |
|---|
| | 890 | font-weight: normal; |
|---|
| | 891 | color: #fff; |
|---|
| | 892 | width: 920px; |
|---|
| | 893 | margin: 20px 0 0 40px; |
|---|
| | 894 | line-height: 96px; |
|---|
| | 895 | } |
|---|
| | 896 | |
|---|
| | 897 | .banner-container .banner-story-top { |
|---|
| | 898 | width: 491px; |
|---|
| | 899 | height: 20px; |
|---|
| | 900 | position: relative; |
|---|
| | 901 | left: 20px; |
|---|
| | 902 | top: 0; |
|---|
| | 903 | z-index: 12; |
|---|
| | 904 | float: left; |
|---|
| | 905 | background: url(/images/banner_screen_top.png) no-repeat top left; |
|---|
| | 906 | } |
|---|
| | 907 | |
|---|
| | 908 | .banner-container .banner-story-bottom { |
|---|
| | 909 | width: 491px; |
|---|
| | 910 | height: 33px; |
|---|
| | 911 | position: relative; |
|---|
| | 912 | left: 20px; |
|---|
| | 913 | top: 0; |
|---|
| | 914 | z-index: 12; |
|---|
| | 915 | float: left; |
|---|
| | 916 | background: url(/images/banner_screen_bottom.png) no-repeat top left; |
|---|
| | 917 | } |
|---|
| | 918 | |
|---|
| | 919 | .banner-container #banner-home .banner-story, |
|---|
| | 920 | .banner-container .banner-item .banner-story { |
|---|
| | 921 | width: 491px; |
|---|
| | 922 | position: relative; |
|---|
| | 923 | left: 20px; |
|---|
| | 924 | top: 0; |
|---|
| | 925 | z-index: 12; |
|---|
| | 926 | float: left; |
|---|
| | 927 | background: url(/images/banner_screen.png) repeat-y top left; |
|---|
| | 928 | } |
|---|
| | 929 | |
|---|
| | 930 | .banner-container #banner-home .banner-story p, |
|---|
| | 931 | .banner-container .banner-item .banner-story p { |
|---|
| | 932 | color: #fff; |
|---|
| | 933 | font-size: 14px; |
|---|
| | 934 | padding: 0 40px 10px 20px; |
|---|
| | 935 | position: relative; |
|---|
| | 936 | top: -10px; |
|---|
| | 937 | float: left; |
|---|
| | 938 | } |
|---|
| | 939 | |
|---|
| | 940 | .banner-container #banner-home .go, |
|---|
| | 941 | .banner-container .banner-item .go { |
|---|
| | 942 | margin: 0 40px 0 20px; |
|---|
| | 943 | float: left; |
|---|
| | 944 | } |
|---|
| | 945 | |
|---|
| | 946 | /* == Home Banner Video == */ |
|---|
| | 947 | |
|---|
| | 948 | .banner-container #banner-home.video img, |
|---|
| | 949 | .banner-container .banner-item.video img { |
|---|
| | 950 | position: absolute; |
|---|
| | 951 | top: 0; |
|---|
| | 952 | left: 0; |
|---|
| | 953 | z-index: 2; |
|---|
| | 954 | margin: 20px; |
|---|
| | 955 | width: 460px !important; |
|---|
| | 956 | height: 360px; |
|---|
| | 957 | } |
|---|
| | 958 | |
|---|
| | 959 | .banner-container #banner-home.video .title, |
|---|
| | 960 | .banner-container .banner-item.video .title { |
|---|
| | 961 | position: relative; |
|---|
| | 962 | z-index: 2; |
|---|
| | 963 | font: 48px Georgia, Times, Serif; |
|---|
| | 964 | font-weight: normal; |
|---|
| | 965 | color: #ccc; |
|---|
| | 966 | width: 460px; |
|---|
| | 967 | margin: 0 0 0 520px; |
|---|
| | 968 | line-height: 96px; |
|---|
| | 969 | } |
|---|
| | 970 | |
|---|
| | 971 | .banner-container #banner-home.video .banner-story-top, |
|---|
| | 972 | .banner-container .banner-item.video .banner-story-top { |
|---|
| | 973 | width: 491px; |
|---|
| | 974 | height: 20px; |
|---|
| | 975 | position: relative; |
|---|
| | 976 | left: 20px; |
|---|
| | 977 | top: 0; |
|---|
| | 978 | z-index: 12; |
|---|
| | 979 | float: left; |
|---|
| | 980 | background: none; |
|---|
| | 981 | } |
|---|
| | 982 | |
|---|
| | 983 | .banner-container #banner-home.video .banner-story-bottom, |
|---|
| | 984 | .banner-container .banner-item.video .banner-story-bottom { |
|---|
| | 985 | width: 491px; |
|---|
| | 986 | height: 33px; |
|---|
| | 987 | position: relative; |
|---|
| | 988 | left: 20px; |
|---|
| | 989 | top: 0; |
|---|
| | 990 | z-index: 12; |
|---|
| | 991 | float: left; |
|---|
| | 992 | background: none; |
|---|
| | 993 | } |
|---|
| | 994 | |
|---|
| | 995 | .banner-container #banner-home.video .banner-story, |
|---|
| | 996 | .banner-container .banner-item.video .banner-story { |
|---|
| | 997 | width: 491px; |
|---|
| | 998 | position: relative; |
|---|
| | 999 | left: 500px; |
|---|
| | 1000 | top: 0; |
|---|
| | 1001 | z-index: 12; |
|---|
| | 1002 | float: left; |
|---|
| | 1003 | background: none; |
|---|
| | 1004 | } |
|---|
| | 1005 | |
|---|
| | 1006 | .banner-container #banner-home.video .banner-story p, |
|---|
| | 1007 | .banner-container .banner-item.video .banner-story p { |
|---|
| | 1008 | color: #333; |
|---|
| | 1009 | font-size: 14px; |
|---|
| | 1010 | padding: 0 60px 10px 20px; |
|---|
| | 1011 | position: relative; |
|---|
| | 1012 | top: -10px; |
|---|
| | 1013 | float: left; |
|---|
| | 1014 | } |
|---|
| | 1015 | |
|---|
| | 1016 | .banner-container #banner-home.video .go, |
|---|
| | 1017 | .banner-container .banner-item.video .go { |
|---|
| | 1018 | margin: 0 40px 0 8px; |
|---|
| | 1019 | float: left; |
|---|
| | 1020 | } |
|---|
| | 1021 | /*end home banner with video*/ |
|---|
| | 1022 | |
|---|
| | 1023 | |
|---|
| | 1024 | .pk-home #pk-context-cms-site-navigation li { |
|---|
| | 1025 | border-color: #fff; /* Hide the borders on the homepage */ |
|---|
| | 1026 | } |
|---|
| | 1027 | |
|---|
| | 1028 | #content-body-1 { |
|---|
| | 1029 | } |
|---|
| | 1030 | |
|---|
| | 1031 | #content-body-1 img.temp { |
|---|
| | 1032 | position: relative; |
|---|
| | 1033 | left: -10px; |
|---|
| | 1034 | top: 0px; |
|---|
| | 1035 | margin-top: 10px; |
|---|
| | 1036 | } |
|---|
| | 1037 | |
|---|
| | 1038 | .main h2 { |
|---|
| | 1039 | letter-spacing: -.025em; |
|---|
| | 1040 | color: #13A0BC; |
|---|
| | 1041 | font-weight: normal; |
|---|
| | 1042 | } |
|---|
| | 1043 | |
|---|
| | 1044 | .pk-context-cms-feature { |
|---|
| | 1045 | position: relative; |
|---|
| | 1046 | width: 680px; |
|---|
| | 1047 | float: left; |
|---|
| | 1048 | margin-bottom: 40px; /* This will need to change when more than one feature is present, a wrapper around all features may be necessary*/ |
|---|
| | 1049 | } |
|---|
| | 1050 | |
|---|
| | 1051 | .pk-context-cms-feature-copy { |
|---|
| | 1052 | width: 440px; |
|---|
| | 1053 | float: right; |
|---|
| | 1054 | } |
|---|
| | 1055 | |
|---|
| | 1056 | .pk-context-cms-feature p { |
|---|
| | 1057 | font-size: 11px; |
|---|
| | 1058 | } |
|---|
| | 1059 | |
|---|
| | 1060 | .pk-context-cms-feature-img-container { |
|---|
| | 1061 | width: 200px; |
|---|
| | 1062 | float: left; |
|---|
| | 1063 | /*margin-top:5px; this makes the shadow extend above the picture, which cannot be*/ |
|---|
| | 1064 | } |
|---|
| | 1065 | |
|---|
| | 1066 | .pk-context-cms-news-item { |
|---|
| | 1067 | clear: both; |
|---|
| | 1068 | margin-bottom: 10px; |
|---|
| | 1069 | padding: 5px 0; |
|---|
| | 1070 | overflow: hidden; |
|---|
| | 1071 | position: relative; |
|---|
| | 1072 | /* width: 680px; /* Making the width 100% lets it fit snug inside the editable slot */ |
|---|
| | 1073 | width:100%; |
|---|
| | 1074 | border-bottom: 1px solid #ccc; |
|---|
| | 1075 | } |
|---|
| | 1076 | |
|---|
| | 1077 | .pk-context-cms-news-item.last { |
|---|
| | 1078 | border: none; |
|---|
| | 1079 | margin-bottom: 40px; |
|---|
| | 1080 | } |
|---|
| | 1081 | |
|---|
| | 1082 | .pk-context-cms-news-item .pk-context-cms-news-item-title { |
|---|
| | 1083 | font-size: 14px; |
|---|
| | 1084 | left: 70px; |
|---|
| | 1085 | margin: 0; |
|---|
| | 1086 | position: relative; |
|---|
| | 1087 | width: 620px; |
|---|
| | 1088 | } |
|---|
| | 1089 | |
|---|
| | 1090 | .pk-context-cms-news-item .pk-context-cms-news-item-link { |
|---|
| | 1091 | left: 70px; |
|---|
| | 1092 | position: relative; |
|---|
| | 1093 | display: none; |
|---|
| | 1094 | } |
|---|
| | 1095 | |
|---|
| | 1096 | .pk-context-cms-news-item .pk-context-cms-news-item-date { |
|---|
| | 1097 | left: 0; |
|---|
| | 1098 | position: absolute; |
|---|
| | 1099 | top: 8px; |
|---|
| | 1100 | font-size: 11px; |
|---|
| | 1101 | color: #15A1BD; |
|---|
| | 1102 | } |
|---|
| | 1103 | |
|---|
| | 1104 | .pk-context-cms-news-item .pk-context-cms-news-item-preview { |
|---|
| | 1105 | font-size: 11px; |
|---|
| | 1106 | height: 20px; |
|---|
| | 1107 | left: 70px; |
|---|
| | 1108 | line-height: 20px; |
|---|
| | 1109 | margin: 0; |
|---|
| | 1110 | overflow: hidden; |
|---|
| | 1111 | position: relative; |
|---|
| | 1112 | width: 4000px; |
|---|
| | 1113 | color: #666; |
|---|
| | 1114 | } |
|---|
| | 1115 | .pk-context-cms-news-sidebar .pk-context-cms-news-item { |
|---|
| | 1116 | /* width: 240px; /* (See Above) Making the width 100% lets it fit snug inside the editable slot */ |
|---|
| | 1117 | font-size: 11px; |
|---|
| | 1118 | margin: 0; |
|---|
| | 1119 | position: relative; |
|---|
| | 1120 | padding: 10px 0; |
|---|
| | 1121 | } |
|---|
| | 1122 | |
|---|
| | 1123 | .pk-context-cms-news-sidebar .pk-context-cms-news-item-date { |
|---|
| | 1124 | margin: 0; |
|---|
| | 1125 | top: auto; |
|---|
| | 1126 | } |
|---|
| | 1127 | |
|---|
| | 1128 | .pk-context-cms-news-sidebar .pk-context-cms-news-item-title, |
|---|
| | 1129 | .pk-context-cms-news-sidebar .pk-context-cms-news-item-preview { |
|---|
| | 1130 | font-size: 11px; |
|---|
| | 1131 | width: 160px; |
|---|
| | 1132 | overflow: visible; |
|---|
| | 1133 | line-height: 1.2; |
|---|
| | 1134 | height: auto; |
|---|
| | 1135 | } |
|---|
| | 1136 | |
|---|
| | 1137 | .pk-context-cms-news-sidebar .pk-context-cms-news-item-preview { |
|---|
| | 1138 | margin-top: 5px; |
|---|
| | 1139 | display: none; |
|---|
| | 1140 | } |
|---|
| | 1141 | .temporary-calendar { |
|---|
| | 1142 | position: relative; |
|---|
| | 1143 | left: -17px; |
|---|
| | 1144 | } |
|---|
| | 1145 | |
|---|
| | 1146 | /* [END] pkContextCMS Home Template ======================== */ |
|---|
| | 1147 | |
|---|
| | 1148 | /* [START] pkContextCMS Default Template ======================== */ |
|---|
| | 1149 | .pk-default .main { |
|---|
| | 1150 | width: 440px; |
|---|
| | 1151 | position: relative; |
|---|
| | 1152 | top: 0; |
|---|
| | 1153 | left: 0; |
|---|
| | 1154 | float: left; |
|---|
| | 1155 | display: inline; |
|---|
| | 1156 | margin-right: 40px; |
|---|
| | 1157 | } |
|---|
| | 1158 | |
|---|
| | 1159 | .pk-default .main .content-container { |
|---|
| | 1160 | position: relative; |
|---|
| | 1161 | z-index: 2; |
|---|
| | 1162 | width: 438px; |
|---|
| | 1163 | } |
|---|
| | 1164 | |
|---|
| | 1165 | .pk-default .sidebar { |
|---|
| | 1166 | width: 240px; |
|---|
| | 1167 | position: relative; |
|---|
| | 1168 | top: 0; |
|---|
| | 1169 | left: 0; |
|---|
| | 1170 | float: left; |
|---|
| | 1171 | display: inline; |
|---|
| | 1172 | } |
|---|
| | 1173 | |
|---|
| | 1174 | .pk-default .sidebar .content-container { |
|---|
| | 1175 | position: relative; |
|---|
| | 1176 | z-index: 2; |
|---|
| | 1177 | width: 238px; |
|---|
| | 1178 | } |
|---|
| | 1179 | |
|---|
| | 1180 | .pk-default .main h3 { |
|---|
| | 1181 | color: #EF9920; |
|---|
| | 1182 | } |
|---|
| | 1183 | |
|---|
| | 1184 | |
|---|
| | 1185 | /* [END] pkContextCMS Default Template ======================== */ |
|---|
| | 1186 | |
|---|
| | 1187 | /* [START] pkContextCMS Landing Template ======================== */ |
|---|
| | 1188 | |
|---|
| | 1189 | .pk-landing .main { |
|---|
| | 1190 | width: 440px; |
|---|
| | 1191 | position: relative; |
|---|
| | 1192 | top: 0; |
|---|
| | 1193 | left: 0; |
|---|
| | 1194 | float: left; |
|---|
| | 1195 | display: inline; |
|---|
| | 1196 | margin-right: 40px; |
|---|
| | 1197 | } |
|---|
| | 1198 | |
|---|
| | 1199 | .pk-landing .main .content-container { |
|---|
| | 1200 | position: relative; |
|---|
| | 1201 | z-index: 2; |
|---|
| | 1202 | width: 438px; |
|---|
| | 1203 | } |
|---|
| | 1204 | |
|---|
| | 1205 | .pk-landing .sidebar { |
|---|
| | 1206 | width: 240px; |
|---|
| | 1207 | position: relative; |
|---|
| | 1208 | top: 0; |
|---|
| | 1209 | left: 0; |
|---|
| | 1210 | float: left; |
|---|
| | 1211 | display: inline; |
|---|
| | 1212 | } |
|---|
| | 1213 | |
|---|
| | 1214 | .pk-landing .sidebar .content-container { |
|---|
| | 1215 | position: relative; |
|---|
| | 1216 | z-index: 2; |
|---|
| | 1217 | width: 238px; |
|---|
| | 1218 | } |
|---|
| | 1219 | |
|---|
| | 1220 | .pk-landing .main h3 { |
|---|
| | 1221 | color: #EF9920; |
|---|
| | 1222 | } |
|---|
| | 1223 | |
|---|
| | 1224 | .pk-landing .banner-item { |
|---|
| | 1225 | display: block; |
|---|
| | 1226 | } |
|---|
| | 1227 | |
|---|
| | 1228 | /* [END] Landing Template ======================== */ |
|---|
| | 1229 | |
|---|
| | 1230 | |
|---|
| | 1231 | /* [START] CMS Elements and Widgets ============================= */ |
|---|
| | 1232 | |
|---|
| | 1233 | /* == SEARCH BOX == */ |
|---|
| | 1234 | |
|---|
| | 1235 | .pk-search-form { |
|---|
| | 1236 | position: relative; |
|---|
| | 1237 | /*height: 20px; this might need to be restored, but for now...*/ |
|---|
| | 1238 | width: 240px; |
|---|
| | 1239 | } |
|---|
| | 1240 | |
|---|
| | 1241 | .pk-search-form span.pk-search-field { |
|---|
| | 1242 | position: absolute; |
|---|
| | 1243 | top: 0; |
|---|
| | 1244 | left: 0; |
|---|
| | 1245 | background: url(/pkContextCMSPlugin/images/pk-search-bg-240.png) no-repeat 0 0; |
|---|
| | 1246 | width: 240px; |
|---|
| | 1247 | height: 20px; |
|---|
| | 1248 | } |
|---|
| | 1249 | |
|---|
| | 1250 | .pk-search-form input.pk-search-field { |
|---|
| | 1251 | position: absolute; |
|---|
| | 1252 | top: 0; |
|---|
| | 1253 | left: 9px; |
|---|
| | 1254 | font: 12px Arial, Helvetica, Sans-serif; |
|---|
| | 1255 | border: 0 none; |
|---|
| | 1256 | padding: 3px 0 0 0; |
|---|
| | 1257 | width: 210px; |
|---|
| | 1258 | background: transparent; |
|---|
| | 1259 | } |
|---|
| | 1260 | |
|---|
| | 1261 | .pk-search-form span.pk-search-submit { |
|---|
| | 1262 | position: absolute; |
|---|
| | 1263 | right: 0; |
|---|
| | 1264 | top: 0; |
|---|
| | 1265 | height: 20px; |
|---|
| | 1266 | width: 29px; |
|---|
| | 1267 | display: block; |
|---|
| | 1268 | border: none !important; |
|---|
| | 1269 | z-index: 2; |
|---|
| | 1270 | } |
|---|
| | 1271 | |
|---|
| | 1272 | .pk-search-form input.pk-search-submit { |
|---|
| | 1273 | padding: 0; |
|---|
| | 1274 | width:29px; |
|---|
| | 1275 | height:20px; |
|---|
| | 1276 | border:none; |
|---|
| | 1277 | background: url(/pkContextCMSPlugin/images/pk-search-submit.png) no-repeat 0 0; |
|---|
| | 1278 | } |
|---|
| | 1279 | |
|---|
| | 1280 | .pk-search-form input.pk-search-submit:hover { |
|---|
| | 1281 | background-position: 0 -20px; |
|---|
| | 1282 | cursor: pointer; |
|---|
| | 1283 | } |
|---|
| | 1284 | |
|---|
| | 1285 | /* == SEARCH BOX Adjustments for Subnav sidebar == */ |
|---|
| | 1286 | |
|---|
| | 1287 | .subnav .pk-search-form { |
|---|
| | 1288 | width: 178px; |
|---|
| | 1289 | } |
|---|
| | 1290 | |
|---|
| | 1291 | .subnav .pk-search-form span.pk-search-field { |
|---|
| | 1292 | background: url(/pkContextCMSPlugin/images/pk-search-bg-180.png) no-repeat 0 0; |
|---|
| | 1293 | width: 178px; |
|---|
| | 1294 | } |
|---|
| | 1295 | |
|---|
| | 1296 | .subnav .pk-search-form input.pk-search-field { |
|---|
| | 1297 | width: 150px; |
|---|
| | 1298 | } |
|---|
| | 1299 | |
|---|
| | 1300 | |
|---|
| | 1301 | /* == pk_pager_navigation == */ |
|---|
| | 1302 | |
|---|
| | 1303 | .pk_pager_navigation { |
|---|
| | 1304 | float: left; |
|---|
| | 1305 | display: inline; |
|---|
| | 1306 | overflow: hidden; |
|---|
| | 1307 | margin: 10px 0; |
|---|
| | 1308 | font-size: 11px; |
|---|
| | 1309 | } |
|---|
| | 1310 | .pk_pager_navigation a, |
|---|
| | 1311 | .pk_pager_navigation span { |
|---|
| | 1312 | display: inline; |
|---|
| | 1313 | float: left; |
|---|
| | 1314 | height: 20px; |
|---|
| | 1315 | line-height: 20px; |
|---|
| | 1316 | } |
|---|
| | 1317 | |
|---|
| | 1318 | .pk_pager_navigation .pk_page_navigation_number { |
|---|
| | 1319 | padding: 0 6px; |
|---|
| | 1320 | } |
|---|
| | 1321 | |
|---|
| | 1322 | .pk_pager_navigation span.pk_page_navigation_number.pk_pager_navigation_disabled { |
|---|
| | 1323 | background-color: #e2e2e2; |
|---|
| | 1324 | } |
|---|
| | 1325 | |
|---|
| | 1326 | .pk_pager_navigation a.pk_page_navigation_number:hover { |
|---|
| | 1327 | color: #000; |
|---|
| | 1328 | background-color: #e2e2e2; |
|---|
| | 1329 | } |
|---|
| | 1330 | |
|---|
| | 1331 | .pk_pager_navigation .pk_pager_navigation_image { |
|---|
| | 1332 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat; |
|---|
| | 1333 | display: inline; |
|---|
| | 1334 | float: left; |
|---|
| | 1335 | width: 22px; |
|---|
| | 1336 | height: 20px; |
|---|
| | 1337 | text-indent: -9999px; |
|---|
| | 1338 | } |
|---|
| | 1339 | |
|---|
| | 1340 | .pk_pager_navigation a.pk_pager_navigation_image.disabled { |
|---|
| | 1341 | cursor: default; |
|---|
| | 1342 | } |
|---|
| | 1343 | |
|---|
| | 1344 | .pk_pager_navigation a.pk_pager_navigation_first { |
|---|
| | 1345 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat top left; |
|---|
| | 1346 | } |
|---|
| | 1347 | |
|---|
| | 1348 | .pk_pager_navigation a.pk_pager_navigation_first:hover { |
|---|
| | 1349 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat 0px -20px; |
|---|
| | 1350 | } |
|---|
| | 1351 | .pk_pager_navigation a.pk_pager_navigation_previous { |
|---|
| | 1352 | background-position: -22px 0; |
|---|
| | 1353 | width: 19px; |
|---|
| | 1354 | margin-right: 5px; |
|---|
| | 1355 | } |
|---|
| | 1356 | .pk_pager_navigation a.pk_pager_navigation_previous:hover { |
|---|
| | 1357 | background-position: -22px -40px !important; |
|---|
| | 1358 | } |
|---|
| | 1359 | .pk_pager_navigation a.pk_pager_navigation_next { |
|---|
| | 1360 | background-position: -41px 0; |
|---|
| | 1361 | width: 19px; |
|---|
| | 1362 | margin-left: 5px; |
|---|
| | 1363 | } |
|---|
| | 1364 | .pk_pager_navigation a.pk_pager_navigation_next:hover { |
|---|
| | 1365 | background-position: -41px -60px; |
|---|
| | 1366 | } |
|---|
| | 1367 | .pk_pager_navigation a.pk_pager_navigation_last { |
|---|
| | 1368 | background-position: -60px 0; |
|---|
| | 1369 | } |
|---|
| | 1370 | .pk_pager_navigation a.pk_pager_navigation_last:hover { |
|---|
| | 1371 | background-position: -60px -80px; |
|---|
| | 1372 | } |
|---|
| | 1373 | |
|---|
| | 1374 | .pk_pager_navigation span.pk_pager_navigation_first.pk_pager_navigation_disabled { |
|---|
| | 1375 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat 0px -20px; |
|---|
| | 1376 | text-indent: -999px; |
|---|
| | 1377 | overflow: hidden; |
|---|
| | 1378 | width: 22px; |
|---|
| | 1379 | } |
|---|
| | 1380 | |
|---|
| | 1381 | .pk_pager_navigation span.pk_pager_navigation_previous.pk_pager_navigation_disabled { |
|---|
| | 1382 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -22px -40px; |
|---|
| | 1383 | text-indent: -999px; |
|---|
| | 1384 | overflow: hidden; |
|---|
| | 1385 | width: 19px; |
|---|
| | 1386 | margin-right: 5px; |
|---|
| | 1387 | } |
|---|
| | 1388 | |
|---|
| | 1389 | .pk_pager_navigation span.pk_pager_navigation_last.pk_pager_navigation_disabled { |
|---|
| | 1390 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -60px -80px; |
|---|
| | 1391 | text-indent: -999px; |
|---|
| | 1392 | overflow: hidden; |
|---|
| | 1393 | width: 22px; |
|---|
| | 1394 | } |
|---|
| | 1395 | |
|---|
| | 1396 | .pk_pager_navigation span.pk_pager_navigation_next.pk_pager_navigation_disabled { |
|---|
| | 1397 | background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -41px -60px; |
|---|
| | 1398 | text-indent: -999px; |
|---|
| | 1399 | overflow: hidden; |
|---|
| | 1400 | width: 19px; |
|---|
| | 1401 | margin-left: 5px; |
|---|
| | 1402 | } |
|---|
| | 1403 | |
|---|
| | 1404 | /* == pk-media-slideshow == */ |
|---|
| | 1405 | |
|---|
| | 1406 | .pk-context-media-show{ |
|---|
| | 1407 | list-style:none !important; |
|---|
| | 1408 | } |
|---|
| | 1409 | |
|---|
| | 1410 | /* [END] CMS Elements and Widgets ============================= */ |
|---|
| | 1411 | |
|---|
| | 1412 | /* [START] pkContextCMSPlugin Slot Specific ============================= */ |
|---|
| | 1413 | |
|---|
| | 1414 | .pk-context-cms-slot { |
|---|
| | 1415 | position: relative; |
|---|
| | 1416 | } |
|---|
| | 1417 | .pk-context-cms-slot-controls { |
|---|
| | 1418 | position: absolute; |
|---|
| | 1419 | top: 0; |
|---|
| | 1420 | left: -20px; |
|---|
| | 1421 | float: left; |
|---|
| | 1422 | } |
|---|
| | 1423 | |
|---|
| | 1424 | .pk-context-cms-slot-history, |
|---|
| | 1425 | .pk-context-cms-slot-controls a { |
|---|
| | 1426 | display: block; |
|---|
| | 1427 | width: 20px; |
|---|
| | 1428 | height: 20px; |
|---|
| | 1429 | text-indent: -9999px; |
|---|
| | 1430 | overflow: hidden; |
|---|
| | 1431 | } |
|---|
| | 1432 | |
|---|
| | 1433 | .pk-context-cms-slot-controls-up { |
|---|
| | 1434 | background: url(/pkContextCMSPlugin/images/pk-icon-arrow-up.png) 0 0 no-repeat; |
|---|
| | 1435 | } |
|---|
| | 1436 | |
|---|
| | 1437 | .pk-context-cms-slot-controls-down { |
|---|
| | 1438 | background: url(/pkContextCMSPlugin/images/pk-icon-arrow-down.png) 0 0 no-repeat; |
|---|
| | 1439 | } |
|---|
| | 1440 | |
|---|
| | 1441 | .pk-context-cms-slot-controls-delete { |
|---|
| | 1442 | background: url(/pkContextCMSPlugin/images/pk-icon-close.png) 0 0 no-repeat; |
|---|
| | 1443 | } |
|---|
| | 1444 | |
|---|
| | 1445 | .pk-context-cms-slot-history { |
|---|
| | 1446 | float: left; |
|---|
| | 1447 | background: url(/pkContextCMSPlugin/images/pk-icon-revert.png) 0 0 no-repeat; |
|---|
| | 1448 | } |
|---|
| | 1449 | |
|---|
| | 1450 | .pk-context-cms-slot-history:hover, |
|---|
| | 1451 | .pk-context-cms-slot-controls-up:hover, |
|---|
| | 1452 | .pk-context-cms-slot-controls-down:hover, |
|---|
| | 1453 | .pk-context-cms-slot-controls-delete:hover { |
|---|
| | 1454 | background-position: 0 -20px; |
|---|
| | 1455 | } |
|---|
| | 1456 | .pkContextCMSTextSlot.multi-line { |
|---|
| | 1457 | display: block; |
|---|
| | 1458 | width: 100%; |
|---|
| | 1459 | padding: 4px; |
|---|
| | 1460 | font: 12px/1.25 Arial; |
|---|
| | 1461 | } |
|---|
| | 1462 | |
|---|
| | 1463 | .pkContextCMSTextSlot, |
|---|
| | 1464 | .pkContextCMSTextSlot:focus { |
|---|
| | 1465 | outline: 0 !important; |
|---|
| | 1466 | } |
|---|
| | 1467 | |
|---|
| | 1468 | /* [END] pkContextCMSPlugin Slot Specific ============================= */ |
|---|
| | 1469 | |
|---|
| | 1470 | .pk-context-cms-archived { |
|---|
| | 1471 | text-decoration: line-through; |
|---|
| | 1472 | } |
|---|
| | 1473 | |
|---|
| | 1474 | |
|---|
| | 1475 | /* [START] pk-feedback-form */ |
|---|
| | 1476 | #pk-feedback-form |
|---|
| | 1477 | { |
|---|
| | 1478 | margin: 10px 0; |
|---|
| | 1479 | } |
|---|
| | 1480 | |
|---|
| | 1481 | #pk-feedback-form .form-row label |
|---|
| | 1482 | { |
|---|
| | 1483 | display: block; |
|---|
| | 1484 | float: left; |
|---|
| | 1485 | text-align: left; |
|---|
| | 1486 | width: 120px; |
|---|
| | 1487 | color: #666; |
|---|
| | 1488 | font-weight: normal !important; |
|---|
| | 1489 | text-transform: capitalize; |
|---|
| | 1490 | } |
|---|
| | 1491 | |
|---|
| | 1492 | #pk-feedback-form .form-row.submit |
|---|
| | 1493 | { |
|---|
| | 1494 | margin-left: 120px; |
|---|
| | 1495 | } |
|---|
| | 1496 | /* [END] pk-feedback-form */ |
|---|
| | 1497 | |
|---|
| | 1498 | /* ================================================================================================ |
|---|
| | 1499 | * pkContextCMS Button Styles |
|---|
| | 1500 | * Site-wide for both Frontend & Admin |
|---|
| | 1501 | * ================================================================================================ |
|---|
| | 1502 | */ |
|---|
| | 1503 | |
|---|
| | 1504 | a.pk-btn, |
|---|
| | 1505 | span.pk-btn, |
|---|
| | 1506 | .pk-radio-select-container a { |
|---|
| | 1507 | position: relative; |
|---|
| | 1508 | height: 20px; |
|---|
| | 1509 | font-size: 12px; |
|---|
| | 1510 | line-height: 20px; |
|---|
| | 1511 | padding: 0 9px; |
|---|
| | 1512 | float: left; |
|---|
| | 1513 | display: inline; |
|---|
| | 1514 | white-space: nowrap; |
|---|
| | 1515 | background: url(/pkContextCMSPlugin/images/pk-btn.png) 0 0 no-repeat; |
|---|
| | 1516 | color: #EF9920 !important; |
|---|
| | 1517 | text-decoration: none !important; |
|---|
| | 1518 | margin-right: 5px; |
|---|
| | 1519 | } |
|---|
| | 1520 | |
|---|
| | 1521 | a.pk-btn span, |
|---|
| | 1522 | span.pk-btn span { |
|---|
| | 1523 | position: absolute; |
|---|
| | 1524 | right: 0px; |
|---|
| | 1525 | top: 0; |
|---|
| | 1526 | display: block; |
|---|
| | 1527 | height: 20px; |
|---|
| | 1528 | width: 9px; |
|---|
| | 1529 | background: #fff url(/pkContextCMSPlugin/images/pk-btn.png) -951px 0 no-repeat; |
|---|
| | 1530 | } |
|---|
| | 1531 | |
|---|
| | 1532 | a.pk-btn:hover, |
|---|
| | 1533 | a.pk-btn:hover span, |
|---|
| | 1534 | a.pk-btn.icon:hover { |
|---|
| | 1535 | background-position: 0 -20px; |
|---|
| | 1536 | color: #333 !important; |
|---|
| | 1537 | text-decoration: none !important; |
|---|
| | 1538 | } |
|---|
| | 1539 | |
|---|
| | 1540 | span.pk-btn, |
|---|
| | 1541 | span.pk-btn span { |
|---|
| | 1542 | background-position: 0 -40px; |
|---|
| | 1543 | color: #999; |
|---|
| | 1544 | cursor: default; |
|---|
| | 1545 | /* -moz-user-select:none; /* I like this - but it's not necessary */ |
|---|
| | 1546 | } |
|---|
| | 1547 | |
|---|
| | 1548 | |
|---|
| | 1549 | a.pk-btn:hover span |
|---|
| | 1550 | { |
|---|
| | 1551 | background-position: -951px -20px; |
|---|
| | 1552 | } |
|---|
| | 1553 | |
|---|
| | 1554 | span.pk-btn span |
|---|
| | 1555 | { |
|---|
| | 1556 | background-position: -951px -40px; |
|---|
| | 1557 | } |
|---|
| | 1558 | |
|---|
| | 1559 | |
|---|
| | 1560 | a.b {/* BLUE BUTTON */ |
|---|
| | 1561 | color: #13A0BC; |
|---|
| | 1562 | } |
|---|
| | 1563 | |
|---|
| | 1564 | a.cancel, |
|---|
| | 1565 | a.pk-cancel { |
|---|
| | 1566 | color: #15A1BD !important; |
|---|
| | 1567 | text-transform: lowercase; /* LOL @ Rick */ |
|---|
| | 1568 | } |
|---|
| | 1569 | |
|---|
| | 1570 | a.cancel:hover, |
|---|
| | 1571 | a.pk-cancel:hover { |
|---|
| | 1572 | text-decoration: underline; |
|---|
| | 1573 | } |
|---|
| | 1574 | |
|---|
| | 1575 | a.pk-btn.icon { /* BUTTON WITH AN ICON */ |
|---|
| | 1576 | text-indent:-9999px; |
|---|
| | 1577 | } |
|---|
| | 1578 | |
|---|
| | 1579 | a.pk-btn.icon span, |
|---|
| | 1580 | a.pk-btn.delete span { /* BUTTON WITH AN ICON HIDE SPAN (If There is One) */ |
|---|
| | 1581 | display: none; |
|---|
| | 1582 | } |
|---|
| | 1583 | |
|---|
| | 1584 | a.pk-btn.add, |
|---|
| | 1585 | span.pk-btn.add {/* BUTTON WITH ADD ICON */ |
|---|
| | 1586 | background-image: url(/pkContextCMSPlugin/images/pk-btn-add.png); |
|---|
| | 1587 | padding-left: 20px; |
|---|
| | 1588 | } |
|---|
| | 1589 | |
|---|
| | 1590 | a.pk-remove:hover, |
|---|
| | 1591 | a.pk-btn.icon:hover, |
|---|
| | 1592 | a.pk-btn.delete:hover { |
|---|
| | 1593 | background-position: 0 -20px; |
|---|
| | 1594 | } |
|---|
| | 1595 | |
|---|
| | 1596 | a.pk-btn.calendar {/* BUTTON WITH Calendar ICON */ |
|---|
| | 1597 | background-image: url(/pkContextCMSPlugin/images/pk-icon-calendar.png); |
|---|
| | 1598 | } |
|---|
| | 1599 | |
|---|
| | 1600 | a.pk-btn.clock {/* BUTTON WITH Clock ICON */ |
|---|
| | 1601 | background-image: url(/pkContextCMSPlugin/images/pk-icon-clock.png); |
|---|
| | 1602 | } |
|---|
| | 1603 | |
|---|
| | 1604 | a.pk-btn.revert {/* BUTTON WITH Revert ICON */ |
|---|
| | 1605 | background-image: url(/pkContextCMSPlugin/images/pk-icon-revert.png); |
|---|
| | 1606 | } |
|---|
| | 1607 | |
|---|
| | 1608 | a.pk-btn.drag {/* BUTTON WITH Drag ICON */ |
|---|
| | 1609 | background-image: url(/pkContextCMSPlugin/images/pk-icon-drag.png); |
|---|
| | 1610 | } |
|---|
| | 1611 | |
|---|
| | 1612 | a.pk-btn.trash {/* BUTTON WITH Trash ICON */ |
|---|
| | 1613 | background-image: url(/pkContextCMSPlugin/images/pk-icon-trash.png); |
|---|
| | 1614 | } |
|---|
| | 1615 | |
|---|
| | 1616 | a.pk-btn.arrow-left {/* BUTTON WITH Arrow Left ICON */ |
|---|
| | 1617 | background-image: url(/pkContextCMSPlugin/images/pk-icon-arrow-left.png); |
|---|
| | 1618 | } |
|---|
| | 1619 | |
|---|
| | 1620 | a.pk-btn.arrow-right {/* BUTTON WITH Arrow Right ICON */ |
|---|
| | 1621 | background-image: url(/pkContextCMSPlugin/images/pk-icon-arrow-right.png); |
|---|
| | 1622 | } |
|---|
| | 1623 | |
|---|
| | 1624 | a.pk-btn.close {/* BUTTON WITH Close ICON */ |
|---|
| | 1625 | background-image: url(/pkContextCMSPlugin/images/pk-icon-close.png); |
|---|
| | 1626 | } |
|---|
| | 1627 | |
|---|
| | 1628 | a.pk-btn.close-small {/* BUTTON WITH Close Small ICON */ |
|---|
| | 1629 | background-image: url(/pkContextCMSPlugin/images/pk-icon-close-small.png); |
|---|
| | 1630 | } |
|---|
| | 1631 | |
|---|
| | 1632 | #pk-context-cms-breadcrumb span.pk-context-cms-delete-action a { |
|---|
| | 1633 | display: inline-block; |
|---|
| | 1634 | text-indent: -9999px; |
|---|
| | 1635 | height: 16px; |
|---|
| | 1636 | width: 16px; |
|---|
| | 1637 | line-height: 36px; |
|---|
| | 1638 | background: url(/pkContextCMSPlugin/images/pk-breadcrumb-delete.png) no-repeat top left; |
|---|
| | 1639 | } |
|---|
| | 1640 | |
|---|
| | 1641 | #pk-context-cms-breadcrumb span.pk-context-cms-delete-action a:hover { |
|---|
| | 1642 | background-position: bottom left; |
|---|
| | 1643 | } |
|---|
| | 1644 | |
|---|
| | 1645 | /* BIG ANCHOR BUTTON */ |
|---|
| | 1646 | |
|---|
| | 1647 | a.pk-btn.big, |
|---|
| | 1648 | span.pk-btn.big { |
|---|
| | 1649 | height: 30px; |
|---|
| | 1650 | font-size: 18px; |
|---|
| | 1651 | line-height: 30px; |
|---|
| | 1652 | padding: 0 14px; |
|---|
| | 1653 | background: url(/pkContextCMSPlugin/images/pk-btn-big.png) 0 0 no-repeat; |
|---|
| | 1654 | } |
|---|
| | 1655 | |
|---|
| | 1656 | a.pk-btn.big span, |
|---|
| | 1657 | span.pk-btn.big span { |
|---|
| | 1658 | height: 30px; |
|---|
| | 1659 | width: 14px; |
|---|
| | 1660 | background: url(/pkContextCMSPlugin/images/pk-btn-big.png) -946px 0 no-repeat; |
|---|
| | 1661 | } |
|---|
| | 1662 | |
|---|
| | 1663 | a.pk-btn.big:hover { |
|---|
| | 1664 | background-position: 0 -30px; |
|---|
| | 1665 | } |
|---|
| | 1666 | |
|---|
| | 1667 | span.pk-btn.big { |
|---|
| | 1668 | background-position: 0 -60px; |
|---|
| | 1669 | } |
|---|
| | 1670 | |
|---|
| | 1671 | a.pk-btn.big:hover span |
|---|
| | 1672 | { |
|---|
| | 1673 | background-position: -946px -30px; |
|---|
| | 1674 | } |
|---|
| | 1675 | |
|---|
| | 1676 | span.pk-btn.big span |
|---|
| | 1677 | { |
|---|
| | 1678 | background-position: -946px -60px; |
|---|
| | 1679 | } |
|---|
| | 1680 | |
|---|
| | 1681 | |
|---|
| | 1682 | /* BANNER GO ANCHOR BUTTON */ |
|---|
| | 1683 | |
|---|
| | 1684 | a.pk-btn.go { |
|---|
| | 1685 | height: 25px; |
|---|
| | 1686 | font-size: 18px; |
|---|
| | 1687 | line-height: 23px; |
|---|
| | 1688 | padding: 0 0 0 12px; |
|---|
| | 1689 | width: 130px; |
|---|
| | 1690 | background: url(/pkContextCMSPlugin/images/pk-btn-go.png) 0 0 no-repeat; /* This image doesn't exist? */ |
|---|
| | 1691 | } |
|---|
| | 1692 | |
|---|
| | 1693 | /* TBB: these need enhancement */ |
|---|
| | 1694 | .pk-radio-select-container a { |
|---|
| | 1695 | color: #13A0BC !important; |
|---|
| | 1696 | margin-bottom: 5px; |
|---|
| | 1697 | } |
|---|
| | 1698 | |
|---|
| | 1699 | |
|---|
| | 1700 | .pk-radio-select-container a:hover { |
|---|
| | 1701 | color: #333 !important; |
|---|
| | 1702 | } |
|---|
| | 1703 | |
|---|
| | 1704 | .pk-radio-select-container a.first { |
|---|
| | 1705 | margin-right: 0; |
|---|
| | 1706 | } |
|---|
| | 1707 | |
|---|
| | 1708 | .pk-radio-select-container a.last { |
|---|
| | 1709 | background-position: top right; |
|---|
| | 1710 | border-left: 1px solid #e2e2e2; |
|---|
| | 1711 | } |
|---|
| | 1712 | |
|---|
| | 1713 | .pk-radio-select-container a.first:hover { |
|---|
| | 1714 | background-position: 0 -20px; |
|---|
| | 1715 | } |
|---|
| | 1716 | |
|---|
| | 1717 | .pk-radio-select-container a.last:hover { |
|---|
| | 1718 | background-position: right -20px; |
|---|
| | 1719 | } |
|---|
| | 1720 | |
|---|
| | 1721 | .pk-radio-select-container a.pk-radio-option-selected { |
|---|
| | 1722 | color: #fff !important; |
|---|
| | 1723 | } |
|---|
| | 1724 | |
|---|
| | 1725 | .pk-radio-select-container a.pk-radio-option-selected:hover |
|---|
| | 1726 | { |
|---|
| | 1727 | color:#fff !important; |
|---|
| | 1728 | cursor: default; |
|---|
| | 1729 | } |
|---|
| | 1730 | |
|---|
| | 1731 | .pk-radio-select-container a.pk-radio-option-selected.first { |
|---|
| | 1732 | background-position: left -60px; |
|---|
| | 1733 | } |
|---|
| | 1734 | |
|---|
| | 1735 | .pk-radio-select-container a.pk-radio-option-selected.last { |
|---|
| | 1736 | background-position: right -60px; |
|---|
| | 1737 | } |
|---|
| | 1738 | |
|---|
| | 1739 | |
|---|
| | 1740 | .pk-note { |
|---|
| | 1741 | font-size: 11px; |
|---|
| | 1742 | font-style: italic; |
|---|
| | 1743 | color: #999; |
|---|
| | 1744 | } |
|---|
| | 1745 | |
|---|
| | 1746 | /* ================================================================================================ |
|---|
| | 1747 | * pkContextCMS Admin |
|---|
| | 1748 | * Styles for Administrative Functionality |
|---|
| | 1749 | * ================================================================================================ |
|---|
| | 1750 | */ |
|---|
| | 1751 | |
|---|
| | 1752 | #pk-admin-container { |
|---|
| | 1753 | font: 12px/1.25 Arial, sans-serif; |
|---|
| | 1754 | position: relative; |
|---|
| | 1755 | } |
|---|
| | 1756 | |
|---|
| | 1757 | #pk-admin-container ul, |
|---|
| | 1758 | #pk-admin-container ol, |
|---|
| | 1759 | #pk-admin-container li, |
|---|
| | 1760 | #pk-admin-container h1, |
|---|
| | 1761 | #pk-admin-container h2, |
|---|
| | 1762 | #pk-admin-container h3, |
|---|
| | 1763 | #pk-admin-container h4, |
|---|
| | 1764 | #pk-admin-container h5, |
|---|
| | 1765 | #pk-admin-container h6, |
|---|
| | 1766 | #pk-admin-container pre, |
|---|
| | 1767 | #pk-admin-container form, |
|---|
| | 1768 | #pk-admin-container body, |
|---|
| | 1769 | #pk-admin-container html, |
|---|
| | 1770 | #pk-admin-container p, |
|---|
| | 1771 | #pk-admin-container blockquote, |
|---|
| | 1772 | #pk-admin-container fieldset, |
|---|
| | 1773 | #pk-admin-container input { |
|---|
| | 1774 | margin: 0; |
|---|
| | 1775 | padding: 0; |
|---|
| | 1776 | font-weight: normal; |
|---|
| | 1777 | } |
|---|
| | 1778 | |
|---|
| | 1779 | #pk-admin-container a img, |
|---|
| | 1780 | #pk-admin-container a:link img, |
|---|
| | 1781 | #pk-admin-container a:visited img { |
|---|
| | 1782 | border: none; |
|---|
| | 1783 | } |
|---|
| | 1784 | |
|---|
| | 1785 | #pk-admin-container a:link, |
|---|
| | 1786 | #pk-admin-container a:visited { |
|---|
| | 1787 | color: #15A1BD; |
|---|
| | 1788 | text-decoration: none; |
|---|
| | 1789 | } |
|---|
| | 1790 | |
|---|
| | 1791 | #pk-admin-container a:hover { |
|---|
| | 1792 | color: #333; |
|---|
| | 1793 | /* text-decoration: underline;*/ |
|---|
| | 1794 | } |
|---|
| | 1795 | |
|---|
| | 1796 | #pk-admin-container td { |
|---|
| | 1797 | margin: 0; |
|---|
| | 1798 | vertical-align: top; |
|---|
| | 1799 | /* padding: 20px;*/ |
|---|
| | 1800 | /* background-color: #fff;*/ |
|---|
| | 1801 | } |
|---|
| | 1802 | |
|---|
| | 1803 | #pk-admin-container p { |
|---|
| | 1804 | /* margin-bottom: 5px;*/ |
|---|
| | 1805 | } |
|---|
| | 1806 | |
|---|
| | 1807 | #pk-admin-container #pk-admin-bar, |
|---|
| | 1808 | #pk-admin-container #pk-admin-bar a, |
|---|
| | 1809 | #pk-admin-container #pk-admin-bar h2 { |
|---|
| | 1810 | color: #13A0BC; |
|---|
| | 1811 | } |
|---|
| | 1812 | |
|---|
| | 1813 | #pk-admin-container #pk-admin-bar h2 { |
|---|
| | 1814 | font-size: 24px; |
|---|
| | 1815 | letter-spacing: -.025em; |
|---|
| | 1816 | float: left; |
|---|
| | 1817 | position: relative; |
|---|
| | 1818 | text-transform: capitalize; |
|---|
| | 1819 | } |
|---|
| | 1820 | |
|---|
| | 1821 | #pk-admin-container #pk-admin-bar { |
|---|
| | 1822 | float: left; |
|---|
| | 1823 | display: inline; |
|---|
| | 1824 | width: 100%; |
|---|
| | 1825 | margin-bottom: 20px; |
|---|
| | 1826 | } |
|---|
| | 1827 | |
|---|
| | 1828 | #pk-admin-container #pk_admin_filter_container { |
|---|
| | 1829 | display: none; |
|---|
| | 1830 | float: left; |
|---|
| | 1831 | width: 960px; |
|---|
| | 1832 | margin-bottom: 24px; |
|---|
| | 1833 | color: #333; |
|---|
| | 1834 | border: 1px solid #e2e2e2; |
|---|
| | 1835 | background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; |
|---|
| | 1836 | } |
|---|
| | 1837 | |
|---|
| | 1838 | #pk-admin-container #pk_admin_filter_container.has-filters { |
|---|
| | 1839 | display: block; |
|---|
| | 1840 | } |
|---|
| | 1841 | |
|---|
| | 1842 | #pk-admin-container #pk_admin_filter_container .pk_admin_filter { |
|---|
| | 1843 | padding: 15px 10px 10px 10px; |
|---|
| | 1844 | } |
|---|
| | 1845 | |
|---|
| | 1846 | #pk-admin-container #pk-admin-content { |
|---|
| | 1847 | float: left; |
|---|
| | 1848 | display: inline; |
|---|
| | 1849 | margin: 0; |
|---|
| | 1850 | width: 720px; |
|---|
| | 1851 | } |
|---|
| | 1852 | |
|---|
| | 1853 | #pk-admin-container h2.pk-admin-title { |
|---|
| | 1854 | color: #555; |
|---|
| | 1855 | font-size: 24px; |
|---|
| | 1856 | line-height: 24px; |
|---|
| | 1857 | float: left; |
|---|
| | 1858 | } |
|---|
| | 1859 | |
|---|
| | 1860 | #pk-admin-container .notice { |
|---|
| | 1861 | color: #555; |
|---|
| | 1862 | font-size: 18px; |
|---|
| | 1863 | line-height: 18px; |
|---|
| | 1864 | margin-bottom: 20px; |
|---|
| | 1865 | } |
|---|
| | 1866 | |
|---|
| | 1867 | #pk-admin-container fieldset h2 { |
|---|
| | 1868 | padding: 10px 0 0; |
|---|
| | 1869 | margin: 0 0 10px 0; |
|---|
| | 1870 | color: #333; |
|---|
| | 1871 | background-color: transparent; |
|---|
| | 1872 | font-size: 14px; |
|---|
| | 1873 | text-transform: capitalize; |
|---|
| | 1874 | border-top: 1px #ddd solid; |
|---|
| | 1875 | } |
|---|
| | 1876 | |
|---|
| | 1877 | #pk-admin-container input, |
|---|
| | 1878 | #pk-admin-container textarea, |
|---|
| | 1879 | #pk-admin-container select { |
|---|
| | 1880 | padding: 3px; |
|---|
| | 1881 | font-family: Arial, sans-serif; |
|---|
| | 1882 | font-size: 11px; |
|---|
| | 1883 | border: 1px solid #ddd; |
|---|
| | 1884 | vertical-align: middle; |
|---|
| | 1885 | width: 358px; |
|---|
| | 1886 | } |
|---|
| | 1887 | |
|---|
| | 1888 | #pk-admin-container input.pk_admin_batch_checkbox { |
|---|
| | 1889 | width: auto; |
|---|
| | 1890 | } |
|---|
| | 1891 | |
|---|
| | 1892 | #pk-admin-container select { |
|---|
| | 1893 | width: auto; |
|---|
| | 1894 | } |
|---|
| | 1895 | |
|---|
| | 1896 | #pk-admin-container .pk_admin_batch_actions_choice select { |
|---|
| | 1897 | float: left; |
|---|
| | 1898 | margin-right: 10px; |
|---|
| | 1899 | } |
|---|
| | 1900 | |
|---|
| | 1901 | #pk-admin-container label { |
|---|
| | 1902 | display: block; |
|---|
| | 1903 | /*padding: 0 1em 3px 0;*/ |
|---|
| | 1904 | float: left; |
|---|
| | 1905 | text-align: left; |
|---|
| | 1906 | width: 120px; |
|---|
| | 1907 | color: #666; |
|---|
| | 1908 | font-weight: normal !important; |
|---|
| | 1909 | text-transform: capitalize; |
|---|
| | 1910 | } |
|---|
| | 1911 | |
|---|
| | 1912 | #pk-admin-container label.required { |
|---|
| | 1913 | color: #333 !important; |
|---|
| | 1914 | font-weight: bold !important; |
|---|
| | 1915 | } |
|---|
| | 1916 | |
|---|
| | 1917 | #pk-admin-container .pk_admin_filter input[type="checkbox"] + label { /* to-do can't use css3 stuff, convert to jquery */ |
|---|
| | 1918 | display: inline; |
|---|
| | 1919 | float: none; |
|---|
| | 1920 | } |
|---|
| | 1921 | |
|---|
| | 1922 | #pk-admin-container .save-ok { |
|---|
| | 1923 | margin-bottom: 10px; |
|---|
| | 1924 | border: 1px solid #73B65A; |
|---|
| | 1925 | } |
|---|
| | 1926 | |
|---|
| | 1927 | #pk-admin-container .save-ok h2 { |
|---|
| | 1928 | margin: 0 !important; |
|---|
| | 1929 | padding: 5px 20px 5px 25px; |
|---|
| | 1930 | font-size: 11px; |
|---|
| | 1931 | color: #fff; |
|---|
| | 1932 | background: #73B65A url(../images/ok.png) no-repeat 5px 2px; |
|---|
| | 1933 | } |
|---|
| | 1934 | |
|---|
| | 1935 | #pk-admin-container .form-row { |
|---|
| | 1936 | clear: both; |
|---|
| | 1937 | padding: 10px; |
|---|
| | 1938 | border-bottom: 1px solid #ddd; |
|---|
| | 1939 | float: left; |
|---|
| | 1940 | width: 100%; |
|---|
| | 1941 | } |
|---|
| | 1942 | |
|---|
| | 1943 | #pk-admin-container .pk_admin_form_row, |
|---|
| | 1944 | #pk-admin-container .pk_admin_form_row td { |
|---|
| | 1945 | padding-bottom: 10px; |
|---|
| | 1946 | } |
|---|
| | 1947 | |
|---|
| | 1948 | #pk-admin-container .form-row .content { |
|---|
| | 1949 | padding-left: 9em; |
|---|
| | 1950 | } |
|---|
| | 1951 | |
|---|
| | 1952 | #pk-admin-container .form-errors { |
|---|
| | 1953 | margin-bottom: 10px; |
|---|
| | 1954 | border: 1px solid #f33; |
|---|
| | 1955 | background-color: #ffc; |
|---|
| | 1956 | } |
|---|
| | 1957 | |
|---|
| | 1958 | #pk-admin-container .form-errors h2 { |
|---|
| | 1959 | padding: 5px 20px 5px 25px; |
|---|
| | 1960 | font-size: 11px; |
|---|
| | 1961 | color: #fff; |
|---|
| | 1962 | background: #f33 url(../images/error.png) no-repeat 5px 2px; |
|---|
| | 1963 | } |
|---|
| | 1964 | |
|---|
| | 1965 | #pk-admin-container .form-errors dl { |
|---|
| | 1966 | padding: 5px; |
|---|
| | 1967 | } |
|---|
| | 1968 | |
|---|
| | 1969 | #pk-admin-container .form-errors dt { |
|---|
| | 1970 | font-weight: bold; |
|---|
| | 1971 | float: left; |
|---|
| | 1972 | padding-right: 5px; |
|---|
| | 1973 | } |
|---|
| | 1974 | |
|---|
| | 1975 | #pk-admin-container .form-errors dd { |
|---|
| | 1976 | margin: 0; |
|---|
| | 1977 | } |
|---|
| | 1978 | |
|---|
| | 1979 | #pk-admin-container .form-error { |
|---|
| | 1980 | color: #f33; |
|---|
| | 1981 | } |
|---|
| | 1982 | |
|---|
| | 1983 | #pk-admin-container .form-error input, |
|---|
| | 1984 | #pk-admin-container .form-error select, |
|---|
| | 1985 | #pk-admin-container .form-error textarea { |
|---|
| | 1986 | /* border: 1px solid #f33;*/ |
|---|
| | 1987 | } |
|---|
| | 1988 | |
|---|
| | 1989 | #pk-admin-container fieldset { |
|---|
| | 1990 | margin-bottom: 3px; |
|---|
| | 1991 | /* border: 1px solid #ddd;*/ |
|---|
| | 1992 | /* border-bottom: 0px;*/ |
|---|
| | 1993 | background-color: #fff; |
|---|
| | 1994 | } |
|---|
| | 1995 | |
|---|
| | 1996 | #pk-admin-container fieldset.collapsed * { |
|---|
| | 1997 | display: none; |
|---|
| | 1998 | } |
|---|
| | 1999 | #pk-admin-container fieldset.collapsed h2, #pk-admin-container fieldset.collapsed { |
|---|
| | 2000 | display: block !important; |
|---|
| | 2001 | } |
|---|
| | 2002 | #pk-admin-container fieldset.collapsed .collapse-toggle { |
|---|
| | 2003 | display: inline !important; |
|---|
| | 2004 | } |
|---|
| | 2005 | #pk-admin-container fieldset.collapse h2 a.collapse-toggle { |
|---|
| | 2006 | color: #ffc; |
|---|
| | 2007 | } |
|---|
| | 2008 | #pk-admin-container fieldset.collapse h2 a.collapse-toggle:hover { |
|---|
| | 2009 | text-decoration: underline; |
|---|
| | 2010 | } |
|---|
| | 2011 | |
|---|
| | 2012 | #pk-admin-container .float-left { |
|---|
| | 2013 | float: left; |
|---|
| | 2014 | } |
|---|
| | 2015 | |
|---|
| | 2016 | #pk-admin-container .float-right { |
|---|
| | 2017 | float: right; |
|---|
| | 2018 | } |
|---|
| | 2019 | |
|---|
| | 2020 | #pk-admin-container ul.pk_admin_td_actions { |
|---|
| | 2021 | list-style-type: none; |
|---|
| | 2022 | } |
|---|
| | 2023 | |
|---|
| | 2024 | #pk-admin-container ul.pk_admin_td_actions li { |
|---|
| | 2025 | list-style-type: none; |
|---|
| | 2026 | display: block; |
|---|
| | 2027 | float: left; |
|---|
| | 2028 | width: 100%; |
|---|
| | 2029 | margin: 0 0 5px 0; |
|---|
| | 2030 | } |
|---|
| | 2031 | |
|---|
| | 2032 | #pk-admin-container ul.pk_admin_td_actions li a { |
|---|
| | 2033 | position: relative; |
|---|
| | 2034 | height: 20px; |
|---|
| | 2035 | font-size: 12px; |
|---|
| | 2036 | line-height: 20px; |
|---|
| | 2037 | padding: 0 9px; |
|---|
| | 2038 | float: left; |
|---|
| | 2039 | display: inline; |
|---|
| | 2040 | white-space: nowrap; |
|---|
| | 2041 | background: url(/pkContextCMSPlugin/images/pk-btn-left.png) 0 0 no-repeat; |
|---|
| | 2042 | color: #EF9920; |
|---|
| | 2043 | text-decoration: none; |
|---|
| | 2044 | } |
|---|
| | 2045 | |
|---|
| | 2046 | #pk-admin-container ul.pk_admin_td_actions li a span { |
|---|
| | 2047 | position: absolute; |
|---|
| | 2048 | right: 0px; |
|---|
| | 2049 | top: 0; |
|---|
| | 2050 | display: block; |
|---|
| | 2051 | height: 20px; |
|---|
| | 2052 | width: 9px; |
|---|
| | 2053 | background: url(/pkContextCMSPlugin/images/pk-btn-right.png) 0 0 no-repeat; |
|---|
| | 2054 | } |
|---|
| | 2055 | |
|---|
| | 2056 | #pk-admin-container ul.pk_admin_td_actions li a:hover, |
|---|
| | 2057 | #pk-admin-container ul.pk_admin_td_actions li a:hover span { |
|---|
| | 2058 | background-position: 0 -20px; |
|---|
| | 2059 | color: #333; |
|---|
| | 2060 | } |
|---|
| | 2061 | |
|---|
| | 2062 | #pk-admin-container ul.pk_admin_actions { |
|---|
| | 2063 | margin: 10px 0; |
|---|
| | 2064 | list-style-type: none; |
|---|
| | 2065 | border-top: 1px solid #e2e2e2; |
|---|
| | 2066 | padding-top: 20px; |
|---|
| | 2067 | } |
|---|
| | 2068 | |
|---|
| | 2069 | #pk-admin-container ul.pk_admin_actions a { |
|---|
| | 2070 | color: #333; |
|---|
| | 2071 | } |
|---|
| | 2072 | |
|---|
| | 2073 | #pk-admin-container ul.pk_admin_actions li { |
|---|
| | 2074 | list-style-type: none; |
|---|
| | 2075 | display: inline; |
|---|
| | 2076 | float: left; |
|---|
| | 2077 | } |
|---|
| | 2078 | |
|---|
| | 2079 | #pk-admin-container ul.pk_admin_actions li.pk_admin_batch_actions_choice { |
|---|
| | 2080 | float: left; |
|---|
| | 2081 | } |
|---|
| | 2082 | |
|---|
| | 2083 | #pk-admin-container ul.pk_admin_actions input { |
|---|
| | 2084 | padding: 2px; |
|---|
| | 2085 | color: #333; |
|---|
| | 2086 | font-size: 11px; |
|---|
| | 2087 | font-family: Arial, sans-serif; |
|---|
| | 2088 | border: 0px; |
|---|
| | 2089 | border-right: 4px solid #999; |
|---|
| | 2090 | background-color: #ffc; |
|---|
| | 2091 | cursor: hand; |
|---|
| | 2092 | cursor: pointer; |
|---|
| | 2093 | width: auto; |
|---|
| | 2094 | } |
|---|
| | 2095 | |
|---|
| | 2096 | #pk-admin-container input.pk_admin_submit { |
|---|
| | 2097 | background: none !important; |
|---|
| | 2098 | border: none !important; |
|---|
| | 2099 | padding: 2px !important; |
|---|
| | 2100 | } |
|---|
| | 2101 | |
|---|
| | 2102 | #pk-admin-container ul.pk_admin_td_actions li.pk_admin_action_edit, |
|---|
| | 2103 | #pk-admin-container ul.pk_admin_td_actions li.pk_admin_action_delete { |
|---|
| | 2104 | width: auto; |
|---|
| | 2105 | } |
|---|
| | 2106 | |
|---|
| | 2107 | a.pk-remove, |
|---|
| | 2108 | a.pk-btn.delete, |
|---|
| | 2109 | #pk-admin-container .pk_admin_action_delete .delete { |
|---|
| | 2110 | background: url(/pkAdminPlugin/images/pk-icon-close.png) no-repeat 0 0; |
|---|
| | 2111 | line-height: 20px; |
|---|
| | 2112 | float: left; |
|---|
| | 2113 | height: 20px; |
|---|
| | 2114 | width: 20px; |
|---|
| | 2115 | text-indent: -9999px; |
|---|
| | 2116 | overflow: hidden; |
|---|
| | 2117 | padding: 0; |
|---|
| | 2118 | } |
|---|
| | 2119 | |
|---|
| | 2120 | #pk-admin-container .pk_admin_default_action { |
|---|
| | 2121 | background-color: #fc6 !important; |
|---|
| | 2122 | font-weight: bold !important; |
|---|
| | 2123 | } |
|---|
| | 2124 | |
|---|
| | 2125 | #pk-admin-container .pk_admin_list { |
|---|
| | 2126 | width: 100%; |
|---|
| | 2127 | border-bottom: 0px; |
|---|
| | 2128 | border-right: 0px; |
|---|
| | 2129 | } |
|---|
| | 2130 | |
|---|
| | 2131 | #pk-admin-container .pk_admin_list_table { |
|---|
| | 2132 | width: 100%; |
|---|
| | 2133 | } |
|---|
| | 2134 | |
|---|
| | 2135 | #pk_admin_list_batch_actions { |
|---|
| | 2136 | width: 20px; |
|---|
| | 2137 | } |
|---|
| | 2138 | |
|---|
| | 2139 | #pk_admin_list_batch_actions * { |
|---|
| | 2140 | display: block; |
|---|
| | 2141 | } |
|---|
| | 2142 | |
|---|
| | 2143 | #pk_admin_list_th_actions { |
|---|
| | 2144 | width: 100px; |
|---|
| | 2145 | } |
|---|
| | 2146 | |
|---|
| | 2147 | #pk-admin-container .pk_admin_list thead th { |
|---|
| | 2148 | font-size: 18px; |
|---|
| | 2149 | padding: 6px 3px; |
|---|
| | 2150 | text-align: left; |
|---|
| | 2151 | border-bottom: 1px solid #e2e2e2; |
|---|
| | 2152 | line-height: 24px; |
|---|
| | 2153 | vertical-align: middle; |
|---|
| | 2154 | } |
|---|
| | 2155 | |
|---|
| | 2156 | #pk-admin-container .pk_admin_list thead th * { |
|---|
| | 2157 | float: left; |
|---|
| | 2158 | } |
|---|
| | 2159 | |
|---|
| | 2160 | #pk-admin-container .pk_admin_list tfoot th { |
|---|
| | 2161 | padding: 3px 6px; |
|---|
| | 2162 | border-top: 1px solid #e2e2e2; |
|---|
| | 2163 | background-color: #f4f4f4; |
|---|
| | 2164 | } |
|---|
| | 2165 | #pk-admin-container .pk_admin_list th a { |
|---|
| | 2166 | color: #333; |
|---|
| | 2167 | } |
|---|
| | 2168 | |
|---|
| | 2169 | #pk-admin-container .pk_admin_list td { |
|---|
| | 2170 | padding: 6px 3px; |
|---|
| | 2171 | border: none; |
|---|
| | 2172 | } |
|---|
| | 2173 | |
|---|
| | 2174 | #pk-admin-container .pk_admin_filter li { |
|---|
| | 2175 | list-style-type: none; |
|---|
| | 2176 | } |
|---|
| | 2177 | |
|---|
| | 2178 | #pk-admin-container .pk_admin_row_0 td { |
|---|
| | 2179 | } |
|---|
| | 2180 | |
|---|
| | 2181 | #pk-admin-container .pk_admin_row td { |
|---|
| | 2182 | border-bottom: 1px solid #e2e2e2; |
|---|
| | 2183 | } |
|---|
| | 2184 | |
|---|
| | 2185 | #pk-admin-container .pk_admin_row.last td { |
|---|
| | 2186 | border: none; |
|---|
| | 2187 | } |
|---|
| | 2188 | #pk-admin-container .pk_admin_row_1 td { |
|---|
| | 2189 | border-top: 1px solid #e2e2e2; |
|---|
| | 2190 | } |
|---|
| | 2191 | |
|---|
| | 2192 | #pk-admin-container .pk_admin_edit_help { |
|---|
| | 2193 | color: #aaa; |
|---|
| | 2194 | } |
|---|
| | 2195 | |
|---|
| | 2196 | #pk-admin-container .mceEditor td { |
|---|
| | 2197 | padding: 0px; |
|---|
| | 2198 | } |
|---|
| | 2199 | |
|---|
| | 2200 | #pk-admin-container select.pk_admin_multiple, |
|---|
| | 2201 | #pk-admin-container select.pk_admin_multiple-selected { |
|---|
| | 2202 | width: 12em; |
|---|
| | 2203 | } |
|---|
| | 2204 | |
|---|
| | 2205 | #pk-admin-container ul.pk_admin_checklist li { |
|---|
| | 2206 | list-style: none; |
|---|
| | 2207 | line-height: 1.5em; |
|---|
| | 2208 | } |
|---|
| | 2209 | |
|---|
| | 2210 | #pk-admin-container ul.pk_admin_checklist li label { |
|---|
| | 2211 | display: inline; |
|---|
| | 2212 | float: none; |
|---|
| | 2213 | } |
|---|
| | 2214 | |
|---|
| | 2215 | #pk-admin-header { |
|---|
| | 2216 | float: left; |
|---|
| | 2217 | width: 200px; |
|---|
| | 2218 | margin-right: 40px; |
|---|
| | 2219 | } |
|---|
| | 2220 | #pk-admin-container a.pk-admin-settings-btn { |
|---|
| | 2221 | float: left; |
|---|
| | 2222 | display: inline; |
|---|
| | 2223 | height: 20px; |
|---|
| | 2224 | width: 20px; |
|---|
| | 2225 | margin: 2px 0 0 5px; |
|---|
| | 2226 | overflow: hidden; |
|---|
| | 2227 | text-indent: -9999px; |
|---|
| | 2228 | background: url(/pkAdminPlugin/images/pk-icon-settings.png) no-repeat top left; |
|---|
| | 2229 | position: relative; |
|---|
| | 2230 | } |
|---|
| | 2231 | |
|---|
| | 2232 | #pk-admin-container a.pk-admin-settings-btn:hover { |
|---|
| | 2233 | background-position: bottom left; |
|---|
| | 2234 | } |
|---|
| | 2235 | |
|---|
| | 2236 | #pk-admin-header ul, |
|---|
| | 2237 | #pk-admin-header li { |
|---|
| | 2238 | display: block; |
|---|
| | 2239 | float: left; |
|---|
| | 2240 | width: 100%; |
|---|
| | 2241 | } |
|---|
| | 2242 | |
|---|
| | 2243 | #pk-admin-header li { |
|---|
| | 2244 | margin-bottom: 5px; |
|---|
| | 2245 | } |
|---|
| | 2246 | |
|---|
| | 2247 | .pk_admin_actions input { |
|---|
| | 2248 | border: 1px solid #ccc !important; |
|---|
| | 2249 | padding: 3px; |
|---|
| | 2250 | background: #fff !important; |
|---|
| | 2251 | font-size: 12px !important; |
|---|
| | 2252 | vertical-align: baseline !important; |
|---|
| | 2253 | } |
|---|
| | 2254 | |
|---|
| | 2255 | .pk_admin_actions input:hover { |
|---|
| | 2256 | border-color: #666 !important; |
|---|
| | 2257 | } |
|---|
| | 2258 | .pk_admin_date select { |
|---|
| | 2259 | } |
|---|
| | 2260 | |
|---|
| | 2261 | .pk_admin_list_results { |
|---|
| | 2262 | float: right; |
|---|
| | 2263 | font-size: 14px; |
|---|
| | 2264 | color: #333; |
|---|
| | 2265 | height: 20px; |
|---|
| | 2266 | line-height: 20px; |
|---|
| | 2267 | margin: 10px 0; |
|---|
| | 2268 | width: 100px; |
|---|
| | 2269 | } |
|---|
| | 2270 | |
|---|
| | 2271 | #pk-context-cms-admin-bar { |
|---|
| | 2272 | width: 100%; |
|---|
| | 2273 | margin: 0; |
|---|
| | 2274 | float: left; |
|---|
| | 2275 | display: inline; |
|---|
| | 2276 | clear: both; |
|---|
| | 2277 | } |
|---|
| | 2278 | |
|---|
| | 2279 | #pk-context-cms-admin-bar .pk-context-cms-admin-controls { |
|---|
| | 2280 | margin-left: 10px; |
|---|
| | 2281 | float: left; |
|---|
| | 2282 | } |
|---|
| | 2283 | |
|---|
| | 2284 | #pk-context-cms-admin-bar .pk-context-cms-admin-controls li { |
|---|
| | 2285 | float: left; |
|---|
| | 2286 | display: inline; |
|---|
| | 2287 | line-height: 30px; |
|---|
| | 2288 | margin: 0 10px 0 0; |
|---|
| | 2289 | } |
|---|
| | 2290 | |
|---|
| | 2291 | #pk-context-cms-admin-bar .pk-context-cms-admin-bg img { |
|---|
| | 2292 | width: 100%; |
|---|
| | 2293 | height: 11px; |
|---|
| | 2294 | } |
|---|
| | 2295 | |
|---|
| | 2296 | .pk-context-cms-content.pk-context-cms-editable { |
|---|
| | 2297 | border: 1px dashed #ef9920; |
|---|
| | 2298 | padding: 5px; |
|---|
| | 2299 | } |
|---|
| | 2300 | |
|---|
| | 2301 | .specialbox .content-container.editing { |
|---|
| | 2302 | padding-top: 10px; |
|---|
| | 2303 | background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x !important; |
|---|
| | 2304 | } |
|---|
| | 2305 | |
|---|
| | 2306 | .caution { |
|---|
| | 2307 | float: left; |
|---|
| | 2308 | margin-bottom: 40px; |
|---|
| | 2309 | color: #333; |
|---|
| | 2310 | padding: 16px 0 10px; |
|---|
| | 2311 | border: 1px solid #e2e2e2; |
|---|
| | 2312 | background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; |
|---|
| | 2313 | } |
|---|
| | 2314 | .caution-padding { |
|---|
| | 2315 | display: block; |
|---|
| | 2316 | float: left; |
|---|
| | 2317 | margin: 0 10px; |
|---|
| | 2318 | } |
|---|
| | 2319 | |
|---|
| | 2320 | /* JQ Date Picker Fix */ |
|---|
| | 2321 | #ui-datepicker-div { |
|---|
| | 2322 | z-index: 9999; |
|---|
| | 2323 | } |
|---|
| | 2324 | |
|---|
| | 2325 | .ui-datepicker-trigger {/* This seems like a temporary solution, the datepicker markup sucks */ |
|---|
| | 2326 | position: relative; |
|---|
| | 2327 | top: 6px; |
|---|
| | 2328 | left: 3px; |
|---|
| | 2329 | } |
|---|
| | 2330 | |
|---|
| | 2331 | .ui-datepicker-trigger:hover { |
|---|
| | 2332 | cursor: pointer; |
|---|
| | 2333 | } |
|---|
| | 2334 | |
|---|
| | 2335 | |
|---|
| | 2336 | .pk-admin-controls { |
|---|
| | 2337 | position: relative; |
|---|
| | 2338 | float: left; |
|---|
| | 2339 | width: 720px !important; |
|---|
| | 2340 | border-bottom: 0; |
|---|
| | 2341 | } |
|---|
| | 2342 | |
|---|
| | 2343 | /* == admin-multi-button == */ |
|---|
| | 2344 | |
|---|
| | 2345 | #pk-admin-container .pk-admin-multi-button { |
|---|
| | 2346 | float: left; |
|---|
| | 2347 | width: 100%; |
|---|
| | 2348 | } |
|---|
| | 2349 | |
|---|
| | 2350 | #pk-admin-container .pk-admin-multi-button li { |
|---|
| | 2351 | float: left; |
|---|
| | 2352 | margin: 10px 0; |
|---|
| | 2353 | } |
|---|
| | 2354 | |
|---|
| | 2355 | #pk-admin-container .pk-admin-multi-button li a { |
|---|
| | 2356 | color: #13A0BC; |
|---|
| | 2357 | position: relative; |
|---|
| | 2358 | height: 20px; |
|---|
| | 2359 | font-size: 12px; |
|---|
| | 2360 | line-height: 20px; |
|---|
| | 2361 | padding: 0 9px; |
|---|
| | 2362 | float: left; |
|---|
| | 2363 | display: inline; |
|---|
| | 2364 | white-space: nowrap; |
|---|
| | 2365 | background: url(/pkContextCMSPlugin/images/pk-btn-left.png) 0 0 no-repeat; |
|---|
| | 2366 | text-decoration: none; |
|---|
| | 2367 | margin: 0; |
|---|
| | 2368 | } |
|---|
| | 2369 | |
|---|
| | 2370 | #pk-admin-container .pk-admin-multi-button li a:hover { |
|---|
| | 2371 | color: #333; |
|---|
| | 2372 | } |
|---|
| | 2373 | |
|---|
| | 2374 | #pk-admin-container .pk-admin-multi-button li.last a:hover { |
|---|
| | 2375 | background-position: right -20px; |
|---|
| | 2376 | } |
|---|
| | 2377 | |
|---|
| | 2378 | #pk-admin-container .pk-admin-multi-button li.first a:hover, |
|---|
| | 2379 | #pk-admin-container .pk-admin-multi-button li.middle a:hover { |
|---|
| | 2380 | background-position: 0 -20px; |
|---|
| | 2381 | } |
|---|
| | 2382 | |
|---|
| | 2383 | #pk-admin-container .pk-admin-multi-button li.first a:active, |
|---|
| | 2384 | #pk-admin-container .pk-admin-multi-button li.middle a:active { |
|---|
| | 2385 | background-position: 0 -40px; |
|---|
| | 2386 | } |
|---|
| | 2387 | |
|---|
| | 2388 | #pk-admin-container .pk-admin-multi-button li.middle a { |
|---|
| | 2389 | background: url(/pkContextCMSPlugin/images/pk-btn-middle-toggle.png) top right no-repeat; |
|---|
| | 2390 | border-left: 1px solid #e2e2e2; |
|---|
| | 2391 | } |
|---|
| | 2392 | |
|---|
| | 2393 | #pk-admin-container .pk-admin-multi-button li.last a { |
|---|
| | 2394 | background: url(/pkContextCMSPlugin/images/pk-btn-right-toggle.png) top right no-repeat; |
|---|
| | 2395 | border-left: 1px solid #e2e2e2; |
|---|
| | 2396 | } |
|---|
| | 2397 | |
|---|
| | 2398 | #pk-admin-container .pk-admin-multi-button li a.selected:hover, |
|---|
| | 2399 | #pk-admin-container .pk-admin-multi-button li a.selected { |
|---|
| | 2400 | color: #80C9D9; |
|---|
| | 2401 | cursor: default; |
|---|
| | 2402 | background-position: bottom left; |
|---|
| | 2403 | } |
|---|
| | 2404 | |
|---|
| | 2405 | #pk-admin-container .pk-admin-multi-button li.last a.selected:hover, |
|---|
| | 2406 | #pk-admin-container .pk-admin-multi-button li.last a.selected { |
|---|
| | 2407 | background-position: bottom right; |
|---|
| | 2408 | } |
|---|
| | 2409 | |
|---|
| | 2410 | /* ================================================================================================ |
|---|
| | 2411 | * PLUGIN: pkTubes |
|---|
| | 2412 | * Frontend Only -- Admin Styles should come from pkContextCMS Admin |
|---|
| | 2413 | * ================================================================================================ |
|---|
| | 2414 | */ |
|---|
| | 2415 | |
|---|
| | 2416 | .pk-tubes-row { |
|---|
| | 2417 | display: block; |
|---|
| | 2418 | float: left; |
|---|
| | 2419 | width: 100%; |
|---|
| | 2420 | margin: 20px 0 0 0; |
|---|
| | 2421 | padding: 10px 0 0 0; |
|---|
| | 2422 | border-top: 1px solid #ddd; |
|---|
| | 2423 | position: relative; |
|---|
| | 2424 | } |
|---|
| | 2425 | |
|---|
| | 2426 | .pk-tubes h3, |
|---|
| | 2427 | .pk-tubes-plugin-feed-title { |
|---|
| | 2428 | color: #28305E; |
|---|
| | 2429 | } |
|---|
| | 2430 | |
|---|
| | 2431 | .pk-tubes-plugin-feed-title, |
|---|
| | 2432 | .pk-tubes-plugin-feed-url, |
|---|
| | 2433 | .pk-tubes-plugin-feed-quickview { |
|---|
| | 2434 | display: block; |
|---|
| | 2435 | float: left; |
|---|
| | 2436 | width: 100%; |
|---|
| | 2437 | margin-bottom: 5px; |
|---|
| | 2438 | } |
|---|
| | 2439 | |
|---|
| | 2440 | #pk-admin-container .pk-tubes-plugin-date, |
|---|
| | 2441 | #pk-admin-container .pk-tubes-plugin-feed-url a:link { |
|---|
| | 2442 | font-size: 11px; |
|---|
| | 2443 | color: #999; |
|---|
| | 2444 | } |
|---|
| | 2445 | |
|---|
| | 2446 | .pk-tubes-plugin-feed-quickview { |
|---|
| | 2447 | color: #333; |
|---|
| | 2448 | } |
|---|
| | 2449 | |
|---|
| | 2450 | #pk-admin-container .pk-tubes-plugin-feed-quickview li { |
|---|
| | 2451 | margin: 5px 0 0 0; |
|---|
| | 2452 | } |
|---|
| | 2453 | |
|---|
| | 2454 | .pk-tubes-plugin-feed-quickview span { |
|---|
| | 2455 | float: left; |
|---|
| | 2456 | width: 120px; |
|---|
| | 2457 | color: #13A0BC; |
|---|
| | 2458 | } |
|---|
| | 2459 | #pk-admin-container .pk-tubes-plugin-date li { |
|---|
| | 2460 | float: left; |
|---|
| | 2461 | margin-right: 5px ; |
|---|
| | 2462 | } |
|---|
| | 2463 | |
|---|
| | 2464 | .pk-tubes-plugin-controls { |
|---|
| | 2465 | position: absolute; |
|---|
| | 2466 | top: 20px; |
|---|
| | 2467 | right: 0; |
|---|
| | 2468 | width: 130px; |
|---|
| | 2469 | } |
|---|
| | 2470 | |
|---|
| | 2471 | .pk-tubes #pk-admin-container .pk-tubes-plugin-controls li a { |
|---|
| | 2472 | margin: 0; |
|---|
| | 2473 | } |
|---|
| | 2474 | |
|---|
| | 2475 | .pk-tubes #pk-admin-container .pk-tubes-plugin-controls li { |
|---|
| | 2476 | float: left; |
|---|
| | 2477 | width: 100%; |
|---|
| | 2478 | margin: 0 0 10px 0; |
|---|
| | 2479 | } |
|---|
| | 2480 | |
|---|
| | 2481 | .pk-tubes #pk-admin-container form { |
|---|
| | 2482 | } |
|---|
| | 2483 | |
|---|
| | 2484 | .pk-tubes #pk-admin-container .form-row { |
|---|
| | 2485 | border-bottom: none; |
|---|
| | 2486 | } |
|---|
| | 2487 | |
|---|
| | 2488 | .pk-tubes #pk-admin-container .form-row iframe { |
|---|
| | 2489 | height: 400px; |
|---|
| | 2490 | } |
|---|
| | 2491 | |
|---|
| | 2492 | .pk-tubes #pk-admin-container input.pk_admin_submit { |
|---|
| | 2493 | float: left; |
|---|
| | 2494 | padding: 2px 4px; |
|---|
| | 2495 | width: auto; |
|---|
| | 2496 | border: 1px solid #333 !important; |
|---|
| | 2497 | background: #ddd !important; |
|---|
| | 2498 | font-size: 12px; |
|---|
| | 2499 | margin-right: 5px; |
|---|
| | 2500 | } |
|---|
| | 2501 | |
|---|
| | 2502 | .pk-tubes .pk-admin-form-help { |
|---|
| | 2503 | display: block; |
|---|
| | 2504 | font-size: 11px; |
|---|
| | 2505 | color: #999; |
|---|
| | 2506 | margin-left: 130px; |
|---|
| | 2507 | padding: 3px; |
|---|
| | 2508 | } |
|---|
| | 2509 | |
|---|
| | 2510 | .pk-tubes-plugin-item-container.event, |
|---|
| | 2511 | .pk-tubes-plugin-item-container.article { |
|---|
| | 2512 | width: 480px; |
|---|
| | 2513 | } |
|---|
| | 2514 | |
|---|
| | 2515 | .pk-tubes #pk-admin-container .pk-tubes-plugin-description { |
|---|
| | 2516 | margin: 10px 0; |
|---|
| | 2517 | } |
|---|
| | 2518 | |
|---|
| | 2519 | .pk-tubes #pk-admin-container .form-row p { |
|---|
| | 2520 | width: 360px; |
|---|
| | 2521 | margin-left: 120px; |
|---|
| | 2522 | } |
|---|
| | 2523 | |
|---|
| | 2524 | /* == pk-tubes Calendar == */ |
|---|
| | 2525 | |
|---|
| | 2526 | .pk-tubes-calendar |
|---|
| | 2527 | { |
|---|
| | 2528 | float: left; |
|---|
| | 2529 | width: 100%; |
|---|
| | 2530 | } |
|---|
| | 2531 | |
|---|
| | 2532 | .pk-tubes-calendar ul |
|---|
| | 2533 | { |
|---|
| | 2534 | padding: 0; |
|---|
| | 2535 | } |
|---|
| | 2536 | |
|---|
| | 2537 | .pk-tubes-calendar ul li |
|---|
| | 2538 | { |
|---|
| | 2539 | margin: 0; |
|---|
| | 2540 | color: #28305E; |
|---|
| | 2541 | } |
|---|
| | 2542 | |
|---|
| | 2543 | .pk-tubes-calendar .title |
|---|
| | 2544 | { |
|---|
| | 2545 | position: relative; |
|---|
| | 2546 | } |
|---|
| | 2547 | |
|---|
| | 2548 | .pk-tubes-calendar .pk-tubes-calendar-controls |
|---|
| | 2549 | { |
|---|
| | 2550 | position: absolute; |
|---|
| | 2551 | top: 0; |
|---|
| | 2552 | right: 0; |
|---|
| | 2553 | } |
|---|
| | 2554 | |
|---|
| | 2555 | .pk-tubes-calendar .pk-tubes-calendar-controls .arrow-right |
|---|
| | 2556 | { |
|---|
| | 2557 | margin-right: 0; |
|---|
| | 2558 | margin-left: 5px; |
|---|
| | 2559 | } |
|---|
| | 2560 | |
|---|
| | 2561 | .pk-tubes-calendar ul.month .grid |
|---|
| | 2562 | { |
|---|
| | 2563 | float: left; |
|---|
| | 2564 | width: 100%; |
|---|
| | 2565 | border: 1px solid #ddd; |
|---|
| | 2566 | } |
|---|
| | 2567 | |
|---|
| | 2568 | .pk-tubes-calendar ul.month |
|---|
| | 2569 | { |
|---|
| | 2570 | float: left; |
|---|
| | 2571 | width: 100%; |
|---|
| | 2572 | margin-bottom: 10px; |
|---|
| | 2573 | } |
|---|
| | 2574 | |
|---|
| | 2575 | .pk-tubes-calendar ul.weeks |
|---|
| | 2576 | { |
|---|
| | 2577 | float: left; |
|---|
| | 2578 | width: 100%; |
|---|
| | 2579 | padding-bottom: 4px; |
|---|
| | 2580 | } |
|---|
| | 2581 | |
|---|
| | 2582 | .pk-tubes-calendar ul.weeks li |
|---|
| | 2583 | { |
|---|
| | 2584 | float: left; |
|---|
| | 2585 | width: 100%; |
|---|
| | 2586 | margin: 2px 0; |
|---|
| | 2587 | } |
|---|
| | 2588 | |
|---|
| | 2589 | .pk-tubes-calendar ul.weeks li.week-0 |
|---|
| | 2590 | { |
|---|
| | 2591 | border-top: 1px solid #ddd; |
|---|
| | 2592 | padding-top: 4px; |
|---|
| | 2593 | margin-top: 0; |
|---|
| | 2594 | } |
|---|
| | 2595 | |
|---|
| | 2596 | |
|---|
| | 2597 | .pk-tubes-calendar ul.weeks ul.days |
|---|
| | 2598 | { |
|---|
| | 2599 | margin: 4px 0; |
|---|
| | 2600 | } |
|---|
| | 2601 | |
|---|
| | 2602 | .pk-tubes-calendar ul.weeks li.day, |
|---|
| | 2603 | .pk-tubes-calendar ul.days li |
|---|
| | 2604 | { |
|---|
| | 2605 | margin: 1px 0; |
|---|
| | 2606 | float: left; |
|---|
| | 2607 | width: 14%; |
|---|
| | 2608 | text-align: center; |
|---|
| | 2609 | } |
|---|
| | 2610 | |
|---|
| | 2611 | .pk-tubes-calendar ul.weeks li.day |
|---|
| | 2612 | { |
|---|
| | 2613 | padding: 4px 0; |
|---|
| | 2614 | } |
|---|
| | 2615 | |
|---|
| | 2616 | |
|---|
| | 2617 | .pk-tubes-calendar ul.days li a, |
|---|
| | 2618 | .pk-tubes-calendar ul.days li span |
|---|
| | 2619 | { |
|---|
| | 2620 | display: block; |
|---|
| | 2621 | height: 13px; |
|---|
| | 2622 | width: 18px; |
|---|
| | 2623 | text-align: center; |
|---|
| | 2624 | margin: auto; |
|---|
| | 2625 | border: 1px solid #fff; |
|---|
| | 2626 | } |
|---|
| | 2627 | |
|---|
| | 2628 | .pk-tubes-calendar ul.days li a:hover |
|---|
| | 2629 | { |
|---|
| | 2630 | text-decoration: none; |
|---|
| | 2631 | } |
|---|
| | 2632 | |
|---|
| | 2633 | |
|---|
| | 2634 | .pk-tubes-calendar ul.days li.today a, |
|---|
| | 2635 | .pk-tubes-calendar ul.days li.today a.has-events, |
|---|
| | 2636 | .pk-tubes-calendar ul.days li.today span |
|---|
| | 2637 | { |
|---|
| | 2638 | background-color: #EF9920; |
|---|
| | 2639 | color: #fff; |
|---|
| | 2640 | border: 1px solid #ef9920; |
|---|
| | 2641 | /*font-weight: bold;*/ |
|---|
| | 2642 | } |
|---|
| | 2643 | |
|---|
| | 2644 | .pk-tubes-calendar li.today a:hover |
|---|
| | 2645 | { |
|---|
| | 2646 | background-color: #fff; |
|---|
| | 2647 | color: #28305E; |
|---|
| | 2648 | } |
|---|
| | 2649 | |
|---|
| | 2650 | .pk-tubes-calendar ul.days li a.has-events |
|---|
| | 2651 | { |
|---|
| | 2652 | border: 1px solid #15A1BD; |
|---|
| | 2653 | } |
|---|
| | 2654 | |
|---|
| | 2655 | .pk-tubes-calendar ul.days li a.has-events:hover |
|---|
| | 2656 | { |
|---|
| | 2657 | border-color: #ccc; |
|---|
| | 2658 | /* background-color: #e2e2e2;*/ |
|---|
| | 2659 | color: #000; |
|---|
| | 2660 | } |
|---|
| | 2661 | |
|---|
| | 2662 | |
|---|
| | 2663 | .pk-tubes-calendar ul.days li a.selected, |
|---|
| | 2664 | .pk-tubes-calendar ul.days li.today a.selected, |
|---|
| | 2665 | .pk-tubes-calendar ul.days li a.selected:hover |
|---|
| | 2666 | { |
|---|
| | 2667 | background-color: #15A1BD; |
|---|
| | 2668 | color: #fff; |
|---|
| | 2669 | border: 1px solid #15A1BD; |
|---|
| | 2670 | } |
|---|
| | 2671 | |
|---|
| | 2672 | .pk-tubes-calendar .not-current-month, |
|---|
| | 2673 | .pk-tubes-calendar .not-current-month a |
|---|
| | 2674 | { |
|---|
| | 2675 | color: #ccc; |
|---|
| | 2676 | } |
|---|
| | 2677 | |
|---|
| | 2678 | .pk-tubes-calendar .pk-tubes-calendar-day-container |
|---|
| | 2679 | { |
|---|
| | 2680 | float: left; |
|---|
| | 2681 | width: 100%; |
|---|
| | 2682 | position: relative; |
|---|
| | 2683 | } |
|---|
| | 2684 | |
|---|
| | 2685 | .pk-tubes-calendar .pk-tubes-calendar-day-events |
|---|
| | 2686 | { |
|---|
| | 2687 | /* position: absolute;*/ |
|---|
| | 2688 | /* top: 0;*/ |
|---|
| | 2689 | /* left: 0;*/ |
|---|
| | 2690 | display: none; |
|---|
| | 2691 | } |
|---|
| | 2692 | |
|---|
| | 2693 | |
|---|
| | 2694 | .pk-tubes-calendar ul li.day-event-details |
|---|
| | 2695 | { |
|---|
| | 2696 | float: left; |
|---|
| | 2697 | width: 100%; |
|---|
| | 2698 | font-size: 11px; |
|---|
| | 2699 | margin-bottom: 10px; |
|---|
| | 2700 | } |
|---|
| | 2701 | |
|---|
| | 2702 | .pk-tubes-calendar ul li.day-event-details-date |
|---|
| | 2703 | { |
|---|
| | 2704 | float: left; |
|---|
| | 2705 | width: 20%; |
|---|
| | 2706 | margin-right: 8%; |
|---|
| | 2707 | /*text-align: right;*/ |
|---|
| | 2708 | color: #15A1BD; |
|---|
| | 2709 | } |
|---|
| | 2710 | |
|---|
| | 2711 | .pk-tubes-calendar ul li.day-event-details-title |
|---|
| | 2712 | { |
|---|
| | 2713 | float: right; |
|---|
| | 2714 | width: 72%; |
|---|
| | 2715 | } |
|---|
| | 2716 | |
|---|
| | 2717 | /* ================================================================================================ |
|---|
| | 2718 | * PLUGIN: pkMedia |
|---|
| | 2719 | * Frontend Only -- Admin Styles should come from pkContextCMS Admin |
|---|
| | 2720 | * ================================================================================================ |
|---|
| | 2721 | */ |
|---|
| | 2722 | |
|---|
| | 2723 | .pk-media .main { |
|---|
| | 2724 | width: 720px; |
|---|
| | 2725 | position: relative; |
|---|
| | 2726 | top: 0; |
|---|
| | 2727 | left: 0; |
|---|
| | 2728 | float: left; |
|---|
| | 2729 | display: inline; |
|---|
| | 2730 | } |
|---|
| | 2731 | |
|---|
| | 2732 | .pk-media .main .content-container { |
|---|
| | 2733 | position: relative; |
|---|
| | 2734 | z-index: 2; |
|---|
| | 2735 | width: 718px; |
|---|
| | 2736 | } |
|---|
| | 2737 | |
|---|
| | 2738 | .pk-media .sidebar { |
|---|
| | 2739 | width: 240px; |
|---|
| | 2740 | position: relative; |
|---|
| | 2741 | top: 0; |
|---|
| | 2742 | left: 0; |
|---|
| | 2743 | float: left; |
|---|
| | 2744 | display: inline; |
|---|
| | 2745 | } |
|---|
| | 2746 | |
|---|
| | 2747 | .pk-media .sidebar .content-container { |
|---|
| | 2748 | position: relative; |
|---|
| | 2749 | z-index: 2; |
|---|
| | 2750 | width: 238px; |
|---|
| | 2751 | } |
|---|
| | 2752 | |
|---|
| | 2753 | .pk-media-filters{ |
|---|
| | 2754 | /* margin-top:40px;*/ |
|---|
| | 2755 | |
|---|
| | 2756 | /* position:relative;*/ |
|---|
| | 2757 | } |
|---|
| | 2758 | |
|---|
| | 2759 | .pk-media .pk-media-select { |
|---|
| | 2760 | float:left; |
|---|
| | 2761 | padding-bottom: 10px; |
|---|
| | 2762 | margin-bottom: 10px; |
|---|
| | 2763 | border-bottom: 1px solid #ccc; |
|---|
| | 2764 | } |
|---|
| | 2765 | |
|---|
| | 2766 | .pk-media .main h3, |
|---|
| | 2767 | .pk-media .main h3 a { |
|---|
| | 2768 | color: #15A1BD; |
|---|
| | 2769 | } |
|---|
| | 2770 | |
|---|
| | 2771 | .pk-media-container{ |
|---|
| | 2772 | float:left; |
|---|
| | 2773 | } |
|---|
| | 2774 | |
|---|
| | 2775 | .pk-media-row{ |
|---|
| | 2776 | float:left; |
|---|
| | 2777 | display:inline; |
|---|
| | 2778 | margin-bottom: 80px; |
|---|
| | 2779 | } |
|---|
| | 2780 | |
|---|
| | 2781 | .pk-media-item { |
|---|
| | 2782 | width: 340px; |
|---|
| | 2783 | float: left; |
|---|
| | 2784 | display:inline; |
|---|
| | 2785 | } |
|---|
| | 2786 | |
|---|
| | 2787 | .pk-media-item.even { |
|---|
| | 2788 | margin-right:38px; |
|---|
| | 2789 | } |
|---|
| | 2790 | |
|---|
| | 2791 | .pk-media-item.odd { |
|---|
| | 2792 | } |
|---|
| | 2793 | |
|---|
| | 2794 | /*.pk-media-item-content{ |
|---|
| | 2795 | float:left; |
|---|
| | 2796 | }*/ |
|---|
| | 2797 | |
|---|
| | 2798 | .pk-media-title { |
|---|
| | 2799 | clear: both; |
|---|
| | 2800 | width: 100%; |
|---|
| | 2801 | float: left; |
|---|
| | 2802 | position: relative; |
|---|
| | 2803 | } |
|---|
| | 2804 | |
|---|
| | 2805 | .pk-media-title h3 { |
|---|
| | 2806 | float: left; |
|---|
| | 2807 | } |
|---|
| | 2808 | |
|---|
| | 2809 | .pk-media-title.editing h3 { |
|---|
| | 2810 | width: 260px; |
|---|
| | 2811 | } |
|---|
| | 2812 | |
|---|
| | 2813 | .pk-media-edit-links { |
|---|
| | 2814 | float: right; |
|---|
| | 2815 | } |
|---|
| | 2816 | |
|---|
| | 2817 | .pk-media-thumb-link{ |
|---|
| | 2818 | position:relative; |
|---|
| | 2819 | float:left; |
|---|
| | 2820 | } |
|---|
| | 2821 | |
|---|
| | 2822 | .pk-media-thumb-link .pk-media-play-btn{ |
|---|
| | 2823 | position:absolute; |
|---|
| | 2824 | z-index:10; |
|---|
| | 2825 | width:100%; |
|---|
| | 2826 | height:100%; |
|---|
| | 2827 | background:url(/pkContextCMSPlugin/images/pk-media-play-btn.png) no-repeat 50% 50%; |
|---|
| | 2828 | } |
|---|
| | 2829 | |
|---|
| | 2830 | .pk-media-thumb-link img{ |
|---|
| | 2831 | position:relative; |
|---|
| | 2832 | z-index:0; |
|---|
| | 2833 | } |
|---|
| | 2834 | |
|---|
| | 2835 | .pk-media-description { |
|---|
| | 2836 | border-bottom: 1px solid #ccc; |
|---|
| | 2837 | margin: 5px 0; |
|---|
| | 2838 | width:100%; |
|---|
| | 2839 | float:left; |
|---|
| | 2840 | display:inline; |
|---|
| | 2841 | } |
|---|
| | 2842 | |
|---|
| | 2843 | .pk-media-meta { |
|---|
| | 2844 | font-size: 11px; |
|---|
| | 2845 | width:100%; |
|---|
| | 2846 | float:left; |
|---|
| | 2847 | display:inline; |
|---|
| | 2848 | } |
|---|
| | 2849 | |
|---|
| | 2850 | .pk-media-meta span{ |
|---|
| | 2851 | color:#15A1BD; |
|---|
| | 2852 | } |
|---|
| | 2853 | |
|---|
| | 2854 | .pk-media-footer { |
|---|
| | 2855 | width: 100%; |
|---|
| | 2856 | clear: both; |
|---|
| | 2857 | float: left; |
|---|
| | 2858 | display: inline; |
|---|
| | 2859 | } |
|---|
| | 2860 | |
|---|
| | 2861 | #pk-media-selection-list { |
|---|
| | 2862 | float: left; |
|---|
| | 2863 | width: 100%; |
|---|
| | 2864 | clear: both; |
|---|
| | 2865 | margin-bottom: 10px; |
|---|
| | 2866 | } |
|---|
| | 2867 | |
|---|
| | 2868 | .pk-media .pk-media-selection-list-item { |
|---|
| | 2869 | float: left; |
|---|
| | 2870 | cursor: move; |
|---|
| | 2871 | position: relative; |
|---|
| | 2872 | } |
|---|
| | 2873 | |
|---|
| | 2874 | .pk-media .pk-media-selection-list-item img { |
|---|
| | 2875 | float: left; |
|---|
| | 2876 | } |
|---|
| | 2877 | |
|---|
| | 2878 | .pk-media .pk-media-selection-list-item .delete { |
|---|
| | 2879 | float: right; |
|---|
| | 2880 | position: relative; |
|---|
| | 2881 | top: 0; |
|---|
| | 2882 | } |
|---|
| | 2883 | |
|---|
| | 2884 | .pk-media .pk-media-selected-overlay { |
|---|
| | 2885 | position: absolute; |
|---|
| | 2886 | z-index: 9999; |
|---|
| | 2887 | top: 0; |
|---|
| | 2888 | left: 0; |
|---|
| | 2889 | height: 100%; |
|---|
| | 2890 | width: 100%; |
|---|
| | 2891 | background-color: #fff; |
|---|
| | 2892 | cursor: default !important; |
|---|
| | 2893 | } |
|---|
| | 2894 | /* == [START] Media Edit Form ============================= */ |
|---|
| | 2895 | |
|---|
| | 2896 | .pk-media-item-edit-form iframe { |
|---|
| | 2897 | overflow: hidden; |
|---|
| | 2898 | } |
|---|
| | 2899 | |
|---|
| | 2900 | #pk-media-edit-form { |
|---|
| | 2901 | clear: both; |
|---|
| | 2902 | /*width: 340px; needs width on .pk-media-item*/ |
|---|
| | 2903 | } |
|---|
| | 2904 | |
|---|
| | 2905 | #pk-media-edit-form .form-row { |
|---|
| | 2906 | clear: both; |
|---|
| | 2907 | padding: 10px 0; |
|---|
| | 2908 | float: left; |
|---|
| | 2909 | width: 340px; |
|---|
| | 2910 | overflow: hidden; |
|---|
| | 2911 | } |
|---|
| | 2912 | |
|---|
| | 2913 | #pk-media-edit-form .form-row label { |
|---|
| | 2914 | display: block; |
|---|
| | 2915 | float: left; |
|---|
| | 2916 | text-align: left; |
|---|
| | 2917 | width: 120px; |
|---|
| | 2918 | color: #666; |
|---|
| | 2919 | font-weight: normal !important; |
|---|
| | 2920 | text-transform: capitalize; |
|---|
| | 2921 | } |
|---|
| | 2922 | |
|---|
| | 2923 | #pk-media-edit-form .form-row.title input, |
|---|
| | 2924 | #pk-media-edit-form .form-row.service-url input, |
|---|
| | 2925 | #pk-media-edit-form .form-row.description textarea, |
|---|
| | 2926 | #pk-media-edit-form .form-row.newfile input, |
|---|
| | 2927 | #pk-media-edit-form .form-row.credit input, |
|---|
| | 2928 | #pk-media-edit-form .form-row.tags input { |
|---|
| | 2929 | border: 1px solid #ccc; |
|---|
| | 2930 | width: 218px; |
|---|
| | 2931 | float: left; |
|---|
| | 2932 | font: 12px/1 Arial, Sans-serif; |
|---|
| | 2933 | padding: 0; |
|---|
| | 2934 | } |
|---|
| | 2935 | |
|---|
| | 2936 | #pk-media-edit-form .form-row.newfile { |
|---|
| | 2937 | display: block; |
|---|
| | 2938 | } |
|---|
| | 2939 | |
|---|
| | 2940 | #pk-media-edit-form .form-row.title input:focus, |
|---|
| | 2941 | #pk-media-edit-form .form-row.service-url input:focus, |
|---|
| | 2942 | #pk-media-edit-form .form-row.description textarea:focus, |
|---|
| | 2943 | #pk-media-edit-form .form-row.credit input:focus, |
|---|
| | 2944 | #pk-media-edit-form .form-row.tags input:focus { |
|---|
| | 2945 | border-color: #999; |
|---|
| | 2946 | } |
|---|
| | 2947 | |
|---|
| | 2948 | #pk-media-edit-form label.required { |
|---|
| | 2949 | color: #333 !important; |
|---|
| | 2950 | font-weight: bold !important; |
|---|
| | 2951 | } |
|---|
| | 2952 | |
|---|
| | 2953 | #pk-media-edit-form .form-row.title input { |
|---|
| | 2954 | color: #333; |
|---|
| | 2955 | font: 18px/1 Arial, Sans-serif; |
|---|
| | 2956 | } |
|---|
| | 2957 | |
|---|
| | 2958 | #pk-media-edit-form .form-row.image { |
|---|
| | 2959 | position: relative; |
|---|
| | 2960 | } |
|---|
| | 2961 | |
|---|
| | 2962 | #pk-media-edit-form .form-row.image input { |
|---|
| | 2963 | position: absolute; |
|---|
| | 2964 | top: 20px; |
|---|
| | 2965 | left: 10px; |
|---|
| | 2966 | } |
|---|
| | 2967 | |
|---|
| | 2968 | #pk-media-edit-form .form-errors { |
|---|
| | 2969 | margin-bottom: 10px; |
|---|
| | 2970 | border: 1px solid #f33; |
|---|
| | 2971 | background-color: #ffc; |
|---|
| | 2972 | } |
|---|
| | 2973 | |
|---|
| | 2974 | #pk-media-edit-form .form-errors h2 { |
|---|
| | 2975 | padding: 5px 20px 5px 25px; |
|---|
| | 2976 | font-size: 11px; |
|---|
| | 2977 | color: #fff; |
|---|
| | 2978 | background: #f33 url(../images/error.png) no-repeat 5px 2px; |
|---|
| | 2979 | } |
|---|
| | 2980 | |
|---|
| | 2981 | #pk-media-edit-form .form-errors dl { |
|---|
| | 2982 | padding: 5px; |
|---|
| | 2983 | } |
|---|
| | 2984 | |
|---|
| | 2985 | #pk-media-edit-form .form-errors dt { |
|---|
| | 2986 | font-weight: bold; |
|---|
| | 2987 | float: left; |
|---|
| | 2988 | padding-right: 5px; |
|---|
| | 2989 | } |
|---|
| | 2990 | |
|---|
| | 2991 | #pk-media-edit-form .form-errors dd { |
|---|
| | 2992 | margin: 0; |
|---|
| | 2993 | } |
|---|
| | 2994 | |
|---|
| | 2995 | #pk-media-edit-form .form-error { |
|---|
| | 2996 | color: #f33; |
|---|
| | 2997 | } |
|---|
| | 2998 | |
|---|
| | 2999 | #pk-media-edit-form .form-error input, |
|---|
| | 3000 | #pk-media-edit-form .form-error select, |
|---|
| | 3001 | #pk-media-edit-form .form-error textarea { |
|---|
| | 3002 | /* border: 1px solid #f33;*/ |
|---|
| | 3003 | } |
|---|
| | 3004 | |
|---|
| | 3005 | #pk-media-edit-form .pk-media-edit-footer *{ |
|---|
| | 3006 | float:left; |
|---|
| | 3007 | } |
|---|
| | 3008 | |
|---|
| | 3009 | #pk-media-edit-form .pk-media-edit-footer span{ |
|---|
| | 3010 | margin:0 4px; |
|---|
| | 3011 | } |
|---|
| | 3012 | |
|---|
| | 3013 | #pk-media-edit-form .pk-media-edit-footer .pk-btn.delete { |
|---|
| | 3014 | float: right; |
|---|
| | 3015 | } |
|---|
| | 3016 | |
|---|
| | 3017 | #pk-media-edit-form td { |
|---|
| | 3018 | padding-top: 10px; |
|---|
| | 3019 | padding-bottom: 10px; |
|---|
| | 3020 | } |
|---|
| | 3021 | |
|---|
| | 3022 | #pk-media-edit-form p { |
|---|
| | 3023 | width: 400px; |
|---|
| | 3024 | padding-bottom: 10px; |
|---|
| | 3025 | } |
|---|
| | 3026 | |
|---|
| | 3027 | /* == [END] Media Edit Form ============================= */ |
|---|
| | 3028 | |
|---|
| | 3029 | /* == [START] Media Upload Form ========================== */ |
|---|
| | 3030 | |
|---|
| | 3031 | #pk-media-upload-iframe-container{ |
|---|
| | 3032 | margin:0 9px 0; |
|---|
| | 3033 | } |
|---|
| | 3034 | |
|---|
| | 3035 | #pk-media-upload-iframe{ |
|---|
| | 3036 | overflow:hidden; |
|---|
| | 3037 | } |
|---|
| | 3038 | |
|---|
| | 3039 | .pk-media-iframe h3{ |
|---|
| | 3040 | margin-bottom:10px; |
|---|
| | 3041 | float:left; |
|---|
| | 3042 | } |
|---|
| | 3043 | |
|---|
| | 3044 | .pk-media-iframe .error_list, |
|---|
| | 3045 | .pk-media-iframe .error_list li{ |
|---|
| | 3046 | margin:0; |
|---|
| | 3047 | padding:0; |
|---|
| | 3048 | } |
|---|
| | 3049 | |
|---|
| | 3050 | .pk-media-iframe .error_list li{ |
|---|
| | 3051 | float:left; |
|---|
| | 3052 | margin-left:20px; |
|---|
| | 3053 | height:20px; |
|---|
| | 3054 | line-height:24px; |
|---|
| | 3055 | padding-left:20px; |
|---|
| | 3056 | background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; |
|---|
| | 3057 | } |
|---|
| | 3058 | |
|---|
| | 3059 | #pk-media-upload-form-subforms{ |
|---|
| | 3060 | clear:both; |
|---|
| | 3061 | float:left; |
|---|
| | 3062 | display:inline; |
|---|
| | 3063 | width:100%; |
|---|
| | 3064 | } |
|---|
| | 3065 | |
|---|
| | 3066 | #pk-media-upload-form .form-row { |
|---|
| | 3067 | /* Enough for possible errors and helpful messages, as well as the |
|---|
| | 3068 | browse button. Fixed height makes computing iframe height easy. */ |
|---|
| | 3069 | height: 40px; |
|---|
| | 3070 | float:left; |
|---|
| | 3071 | display:inline; |
|---|
| | 3072 | clear:both; |
|---|
| | 3073 | } |
|---|
| | 3074 | |
|---|
| | 3075 | #pk-media-upload-form .form-row input { |
|---|
| | 3076 | border:1px solid #ccc; |
|---|
| | 3077 | /* Explicit width messes up following remove link. */ |
|---|
| | 3078 | /* Float not needed when just input elements, remove links and errors |
|---|
| | 3079 | are potentially present. tom@punkave.com */ |
|---|
| | 3080 | /* width:218px; */ |
|---|
| | 3081 | font: 12px/1 Arial, Sans-serif; |
|---|
| | 3082 | padding:0; |
|---|
| | 3083 | float:left; |
|---|
| | 3084 | display:inline; |
|---|
| | 3085 | } |
|---|
| | 3086 | |
|---|
| | 3087 | #pk-media-upload-form .form-row img { |
|---|
| | 3088 | float: right; |
|---|
| | 3089 | } |
|---|
| | 3090 | |
|---|
| | 3091 | .pk-media-upload-form-footer, |
|---|
| | 3092 | .pk-media-edit-footer{ |
|---|
| | 3093 | margin-top:10px; |
|---|
| | 3094 | border-top:1px solid #ccc; |
|---|
| | 3095 | padding-top:10px; |
|---|
| | 3096 | width:100%; |
|---|
| | 3097 | clear:both; |
|---|
| | 3098 | float:left; |
|---|
| | 3099 | } |
|---|
| | 3100 | |
|---|
| | 3101 | /* == [END] Media Upload Form ========================== */ |
|---|
| | 3102 | |
|---|
| | 3103 | |
|---|
| | 3104 | /* == [START] Media Iframe Template Adjustments ======================== */ |
|---|
| | 3105 | |
|---|
| | 3106 | .pk-media-iframe { /* This is an additional body class used INSIDE iframes */ |
|---|
| | 3107 | margin-bottom: 0px; /* Kill the bottom margin which is making the iframe huge. tom@punkave.com */ |
|---|
| | 3108 | } |
|---|
| | 3109 | |
|---|
| | 3110 | /* == [END] Media Iframe Template Adjustments ======================== */ |
|---|
| | 3111 | |
|---|
| | 3112 | |
|---|
| | 3113 | |
|---|
| | 3114 | |
|---|
| | 3115 | /* ================================================================================================ |
|---|
| | 3116 | * Duke A+S TRINITY |
|---|
| | 3117 | * Site Specific Styles -- General -> Specific |
|---|
| | 3118 | * ================================================================================================ |
|---|
| | 3119 | */ |
|---|
| | 3120 | |
|---|
| | 3121 | /* -- TRINITY COLORS -- |
|---|
| | 3122 | ORANGE: #EF9920 |
|---|
| | 3123 | LIGHT BLUE: #15A1BD |
|---|
| | 3124 | DARK BLUE: #28305E |
|---|
| | 3125 | GREY: #DDDDDD |
|---|
| | 3126 | */ |
|---|
| | 3127 | |
|---|
| | 3128 | body { |
|---|
| | 3129 | margin-bottom: 100px; |
|---|
| | 3130 | } |
|---|
| | 3131 | |
|---|
| | 3132 | h1#head a { |
|---|
| | 3133 | display: block; |
|---|
| | 3134 | float: left; |
|---|
| | 3135 | width: 960px; |
|---|
| | 3136 | height: 66px; |
|---|
| | 3137 | margin: 30px 0; |
|---|
| | 3138 | text-indent: -9999px; |
|---|
| | 3139 | background: url(/images/head_duke_trinity.png) top left no-repeat; |
|---|
| | 3140 | } |
|---|
| | 3141 | |
|---|
| | 3142 | h1#head a:hover { |
|---|
| | 3143 | background-position: bottom left; |
|---|
| | 3144 | } |
|---|
| | 3145 | |
|---|
| | 3146 | .main .pk-context-cms-content ol{ |
|---|
| | 3147 | list-style:decimal; |
|---|
| | 3148 | list-style-position:inside; |
|---|
| | 3149 | } |
|---|
| | 3150 | |
|---|
| | 3151 | .main .pk-context-cms-content ul{ |
|---|
| | 3152 | list-style:disc; |
|---|
| | 3153 | list-style-position:inside; |
|---|
| | 3154 | } |
|---|
| | 3155 | |
|---|
| | 3156 | /* == [START] Shadows ================= */ |
|---|
| | 3157 | |
|---|
| | 3158 | .shadow { |
|---|
| | 3159 | /*height: auto; |
|---|
| | 3160 | float: left; |
|---|
| | 3161 | display: inline;*/ |
|---|
| | 3162 | } |
|---|
| | 3163 | .shadow-img { |
|---|
| | 3164 | position: absolute; |
|---|
| | 3165 | top: 0; |
|---|
| | 3166 | left: -10px; |
|---|
| | 3167 | height: 100%; |
|---|
| | 3168 | z-index: -1; |
|---|
| | 3169 | } |
|---|
| | 3170 | |
|---|
| | 3171 | .shadow .content-container { |
|---|
| | 3172 | border: 1px solid #e9e9e9; |
|---|
| | 3173 | border-bottom: none; |
|---|
| | 3174 | } |
|---|
| | 3175 | |
|---|
| | 3176 | .shadow .content-container .content { |
|---|
| | 3177 | margin: 10px; |
|---|
| | 3178 | } |
|---|
| | 3179 | |
|---|
| | 3180 | .subnav.shadow, |
|---|
| | 3181 | .feature.shadow { |
|---|
| | 3182 | width: 200px; |
|---|
| | 3183 | } |
|---|
| | 3184 | |
|---|
| | 3185 | .subnav.shadow .shadow-img, |
|---|
| | 3186 | .feature.shadow .shadow-img { |
|---|
| | 3187 | width: 220px; |
|---|
| | 3188 | } |
|---|
| | 3189 | |
|---|
| | 3190 | .pk-default .main.shadow { |
|---|
| | 3191 | width: 440px; |
|---|
| | 3192 | } |
|---|
| | 3193 | |
|---|
| | 3194 | .pk-default .main.shadow .shadow-img { |
|---|
| | 3195 | width: 460px; |
|---|
| | 3196 | } |
|---|
| | 3197 | |
|---|
| | 3198 | .pk-default .sidebar.shadow { |
|---|
| | 3199 | width: 240px; |
|---|
| | 3200 | } |
|---|
| | 3201 | |
|---|
| | 3202 | .pk-default .sidebar.shadow .shadow-img { |
|---|
| | 3203 | width: 260px; |
|---|
| | 3204 | } |
|---|
| | 3205 | |
|---|
| | 3206 | .pk-home .banner-container.shadow .shadow-img { |
|---|
| | 3207 | width: 980px; |
|---|
| | 3208 | z-index: 0; |
|---|
| | 3209 | } |
|---|
| | 3210 | |
|---|
| | 3211 | .pk-hub .main.shadow { |
|---|
| | 3212 | width: 720px; |
|---|
| | 3213 | } |
|---|
| | 3214 | |
|---|
| | 3215 | .pk-hub .main.shadow .shadow-img { |
|---|
| | 3216 | width: 740px; |
|---|
| | 3217 | } |
|---|
| | 3218 | |
|---|
| | 3219 | .pk-admin-controls .shadow-img { |
|---|
| | 3220 | width: 740px; |
|---|
| | 3221 | } |
|---|
| | 3222 | |
|---|
| | 3223 | /* == [END] Shadows ================== */ |
|---|
| | 3224 | |
|---|
| | 3225 | .example { |
|---|
| | 3226 | display: block; |
|---|
| | 3227 | float: left; |
|---|
| | 3228 | margin: 20px 0; |
|---|
| | 3229 | width: 100%; |
|---|
| | 3230 | } |
|---|
| | 3231 | |
|---|
| | 3232 | /* to-do move home banner styles into the trinity style section and integrate with these two stragglers */ |
|---|
| | 3233 | |
|---|
| | 3234 | .banner-item { |
|---|
| | 3235 | z-index: 2; |
|---|
| | 3236 | } |
|---|
| | 3237 | |
|---|
| | 3238 | #banner-home { |
|---|
| | 3239 | z-index: 1; |
|---|
| | 3240 | } |
|---|
| | 3241 | |
|---|
| | 3242 | /* == [START] A+S Handbook Styles == */ |
|---|
| | 3243 | |
|---|
| | 3244 | .handbook .sidebar h4 { |
|---|
| | 3245 | background-color: #ccc; |
|---|
| | 3246 | line-height: 20px; |
|---|
| | 3247 | color: #fff; |
|---|
| | 3248 | text-indent: 8px; |
|---|
| | 3249 | width: 100%; |
|---|
| | 3250 | position: relative; |
|---|
| | 3251 | } |
|---|
| | 3252 | |
|---|
| | 3253 | .handbook .sidebar h4 span { |
|---|
| | 3254 | position: absolute; |
|---|
| | 3255 | right: 0; |
|---|
| | 3256 | font-size: 12px; |
|---|
| | 3257 | color: #999; |
|---|
| | 3258 | } |
|---|
| | 3259 | .handbook .sidebar h4.handbook-all-tags-title { |
|---|
| | 3260 | color: #00afc8; |
|---|
| | 3261 | background: #fff url(/pkContextCMSPlugin/images/pk-icon-arrow-toggle.png) 0 0 no-repeat; |
|---|
| | 3262 | cursor: pointer; |
|---|
| | 3263 | text-indent: 20px; |
|---|
| | 3264 | } |
|---|
| | 3265 | |
|---|
| | 3266 | .handbook .sidebar h4.handbook-all-tags-title.open { |
|---|
| | 3267 | background-position: 0 -20px; |
|---|
| | 3268 | } |
|---|
| | 3269 | |
|---|
| | 3270 | .handbook .sidebar h4.handbook-all-tags-title.over { |
|---|
| | 3271 | color: #666; |
|---|
| | 3272 | background-position: 0 -40px; |
|---|
| | 3273 | } |
|---|
| | 3274 | |
|---|
| | 3275 | .handbook .sidebar h4.handbook-all-tags-title.over.open { |
|---|
| | 3276 | background-position: 0 -60px; |
|---|
| | 3277 | } |
|---|
| | 3278 | .handbook-all-tags-list { |
|---|
| | 3279 | display: none; |
|---|
| | 3280 | } |
|---|
| | 3281 | |
|---|
| | 3282 | .handbook .sidebar li { |
|---|
| | 3283 | font-size: 11px; |
|---|
| | 3284 | display: block; |
|---|
| | 3285 | margin: 0 0 0 20px; |
|---|
| | 3286 | border-bottom: 1px solid #ccc; |
|---|
| | 3287 | height: 20px; |
|---|
| | 3288 | line-height: 20px; |
|---|
| | 3289 | padding: 0; |
|---|
| | 3290 | } |
|---|
| | 3291 | |
|---|
| | 3292 | .handbook .sidebar li.last { |
|---|
| | 3293 | border: none; |
|---|
| | 3294 | margin-bottom: 20px; |
|---|
| | 3295 | } |
|---|
| | 3296 | |
|---|
| | 3297 | .handbook .sidebar li .tag { |
|---|
| | 3298 | display: block; |
|---|
| | 3299 | float: left; |
|---|
| | 3300 | } |
|---|
| | 3301 | |
|---|
| | 3302 | .handbook .sidebar li .tag-count { |
|---|
| | 3303 | display: block; |
|---|
| | 3304 | float: right; |
|---|
| | 3305 | } |
|---|
| | 3306 | |
|---|
| | 3307 | li.handbook-tag { |
|---|
| | 3308 | padding: 10px 0; |
|---|
| | 3309 | border-bottom: 1px solid #e2e2e2; |
|---|
| | 3310 | } |
|---|
| | 3311 | |
|---|
| | 3312 | li.handbook-tag h4 { |
|---|
| | 3313 | margin: 0; |
|---|
| | 3314 | } |
|---|
| | 3315 | |
|---|
| | 3316 | li.handbook-tag.last { |
|---|
| | 3317 | border: none; |
|---|
| | 3318 | } |
|---|
| | 3319 | |
|---|
| | 3320 | .subnav .handbook-related-articles { |
|---|
| | 3321 | margin-top: 20px; |
|---|
| | 3322 | width: 100%; |
|---|
| | 3323 | float: left; |
|---|
| | 3324 | display: inline; |
|---|
| | 3325 | } |
|---|
| | 3326 | |
|---|
| | 3327 | .subnav .handbook-related-articles li { |
|---|
| | 3328 | line-height: 1.1; |
|---|
| | 3329 | margin: 10px 0; |
|---|
| | 3330 | font-size: 11px; |
|---|
| | 3331 | } |
|---|
| | 3332 | |
|---|
| | 3333 | .policy-related-articles, |
|---|
| | 3334 | .policy-article-tags { |
|---|
| | 3335 | border-top: 1px solid #ddd; |
|---|
| | 3336 | float: left; |
|---|
| | 3337 | width: 100%; |
|---|
| | 3338 | margin: 10px 0 0 0; |
|---|
| | 3339 | padding: 10px 0 0 0; |
|---|
| | 3340 | line-height: 1.6; |
|---|
| | 3341 | } |
|---|
| | 3342 | |
|---|
| | 3343 | .policy-related-articles span, |
|---|
| | 3344 | .policy-article-tags span { |
|---|
| | 3345 | float: left; |
|---|
| | 3346 | width: 120px; |
|---|
| | 3347 | color: #13A0BC; |
|---|
| | 3348 | } |
|---|
| | 3349 | |
|---|
| | 3350 | .policy-related-articles ul, |
|---|
| | 3351 | .policy-article-tags ul { |
|---|
| | 3352 | margin-left: 120px; |
|---|
| | 3353 | } |
|---|
| | 3354 | |
|---|
| | 3355 | .policy-related-articles ul li, |
|---|
| | 3356 | .policy-article-tags ul li { |
|---|
| | 3357 | display: inline; |
|---|
| | 3358 | } |
|---|
| | 3359 | |
|---|
| | 3360 | .policy-category-sidebar { |
|---|
| | 3361 | float: left; |
|---|
| | 3362 | width: 100%; |
|---|
| | 3363 | margin-top:40px; |
|---|
| | 3364 | } |
|---|
| | 3365 | |
|---|
| | 3366 | .policy-category-sidebar li.handbook-tag { |
|---|
| | 3367 | font-size: 11px; |
|---|
| | 3368 | border: none; |
|---|
| | 3369 | padding: 0; |
|---|
| | 3370 | margin: 5px 0; |
|---|
| | 3371 | } |
|---|
| | 3372 | |
|---|
| | 3373 | /* [START] A+S Footer Styles ==========================*/ |
|---|
| | 3374 | |
|---|
| | 3375 | #footer { |
|---|
| | 3376 | border-top: 1px solid #ccc; |
|---|
| | 3377 | margin: 80px 0 40px 0; |
|---|
| | 3378 | padding-top: 10px; |
|---|
| | 3379 | width: 100%; |
|---|
| | 3380 | clear: both; |
|---|
| | 3381 | float: left; |
|---|
| | 3382 | display: inline; |
|---|
| | 3383 | color: #888; |
|---|
| | 3384 | } |
|---|
| | 3385 | |
|---|
| | 3386 | #footer li { |
|---|
| | 3387 | display: inline; |
|---|
| | 3388 | margin-right: 20px; |
|---|
| | 3389 | } |
|---|