| 1 | <dtml-comment> |
|---|
| 2 | CSS directives conforming to the CSS 2.1 spec. |
|---|
| 3 | Those CSS directives are suppported by user agents such as Mozilla/Firefox, MSIE6, MSIE5.x, etc. |
|---|
| 4 | $Id: default.css.dtml 47552 2006-07-28 17:33:14Z gracinet $ |
|---|
| 5 | </dtml-comment> |
|---|
| 6 | |
|---|
| 7 | <dtml-let last_modified="_.DateTime()-14" expires="_.DateTime()+1" > |
|---|
| 8 | <dtml-call "REQUEST.RESPONSE.setHeader( 'Content-Type', 'text/css' )"> |
|---|
| 9 | <dtml-call "REQUEST.RESPONSE.setHeader( 'Last-Modified', last_modified.toZone('GMT').rfc822() )"> |
|---|
| 10 | <dtml-call "REQUEST.RESPONSE.setHeader( 'Cache-Control', 'max-age=36000, must-revalidate' )"> |
|---|
| 11 | <dtml-call "REQUEST.RESPONSE.setHeader( 'Expires', expires.toZone('GMT').rfc822() )" > |
|---|
| 12 | </dtml-let> |
|---|
| 13 | |
|---|
| 14 | <dtml-with stylesheet_properties> |
|---|
| 15 | |
|---|
| 16 | <dtml-comment> |
|---|
| 17 | BASIC ELEMENTS ------------------------------ |
|---|
| 18 | </dtml-comment> |
|---|
| 19 | |
|---|
| 20 | body { |
|---|
| 21 | font: <dtml-var mainFont>; |
|---|
| 22 | background: <dtml-var mainBackground>; |
|---|
| 23 | color: <dtml-var mainFontColor>; |
|---|
| 24 | margin: 0; |
|---|
| 25 | padding: 0; |
|---|
| 26 | } |
|---|
| 27 | |
|---|
| 28 | body .popup { |
|---|
| 29 | font: <dtml-var mainFont>; |
|---|
| 30 | } |
|---|
| 31 | |
|---|
| 32 | a { |
|---|
| 33 | text-decoration: none; |
|---|
| 34 | color: <dtml-var mainLinkColor>; |
|---|
| 35 | background-color: transparent; |
|---|
| 36 | } |
|---|
| 37 | |
|---|
| 38 | a.strong { |
|---|
| 39 | font-weight: bold; |
|---|
| 40 | } |
|---|
| 41 | |
|---|
| 42 | img { |
|---|
| 43 | border: 0; |
|---|
| 44 | vertical-align: middle; |
|---|
| 45 | } |
|---|
| 46 | |
|---|
| 47 | p { |
|---|
| 48 | margin: 0.5em 0 1em 0; |
|---|
| 49 | line-height: 133%; |
|---|
| 50 | } |
|---|
| 51 | p a { |
|---|
| 52 | text-decoration: underline; |
|---|
| 53 | } |
|---|
| 54 | p a:visited { |
|---|
| 55 | color: <dtml-var contentLinkVisitedColor>; |
|---|
| 56 | background-color: transparent; |
|---|
| 57 | } |
|---|
| 58 | p a:active { |
|---|
| 59 | color: <dtml-var contentLinkActiveColor>; |
|---|
| 60 | background-color: transparent; |
|---|
| 61 | } |
|---|
| 62 | a:hover { |
|---|
| 63 | text-decoration: none; |
|---|
| 64 | } |
|---|
| 65 | p img { |
|---|
| 66 | border: <dtml-var contentImageBorder>; |
|---|
| 67 | margin: 0; |
|---|
| 68 | } |
|---|
| 69 | |
|---|
| 70 | h1, h2, h3, h4, h5, h6 { |
|---|
| 71 | color: <dtml-var headingFontColor>; |
|---|
| 72 | background-color: transparent; |
|---|
| 73 | font: <dtml-var headingFont>; |
|---|
| 74 | font-weight: bold; |
|---|
| 75 | margin: 0; |
|---|
| 76 | padding-top: 0.5em; |
|---|
| 77 | } |
|---|
| 78 | h1 { |
|---|
| 79 | font-size: <dtml-var headingSize1>; |
|---|
| 80 | margin-top: 0.5em; |
|---|
| 81 | margin-bottom: 0.5em; |
|---|
| 82 | } |
|---|
| 83 | h2 { |
|---|
| 84 | font-size: <dtml-var headingSize2>; |
|---|
| 85 | margin-bottom: 1em; |
|---|
| 86 | } |
|---|
| 87 | h3 { |
|---|
| 88 | font-size: <dtml-var headingSize3>; |
|---|
| 89 | } |
|---|
| 90 | h4 { |
|---|
| 91 | font-size: <dtml-var headingSize4>; |
|---|
| 92 | } |
|---|
| 93 | h5 { |
|---|
| 94 | font-size: <dtml-var headingSize5>; |
|---|
| 95 | } |
|---|
| 96 | h6 { |
|---|
| 97 | font-size: <dtml-var headingSize6>; |
|---|
| 98 | } |
|---|
| 99 | |
|---|
| 100 | ol, ul { |
|---|
| 101 | padding: 0; |
|---|
| 102 | margin: 0; |
|---|
| 103 | line-height: 133%; |
|---|
| 104 | } |
|---|
| 105 | ul a, ol a { |
|---|
| 106 | text-decoration: underline; |
|---|
| 107 | } |
|---|
| 108 | |
|---|
| 109 | dt { |
|---|
| 110 | font-weight: bold; |
|---|
| 111 | margin: 0.5em 0em 0.5em 0em; |
|---|
| 112 | } |
|---|
| 113 | dt a { |
|---|
| 114 | text-decoration: none; |
|---|
| 115 | } |
|---|
| 116 | |
|---|
| 117 | dd { |
|---|
| 118 | line-height: 133%; |
|---|
| 119 | margin-bottom: 1em; |
|---|
| 120 | } |
|---|
| 121 | |
|---|
| 122 | legend { |
|---|
| 123 | background: <dtml-var mainBackground>; |
|---|
| 124 | padding: 0.5em 0em 0.5em 0em; |
|---|
| 125 | } |
|---|
| 126 | |
|---|
| 127 | textarea { |
|---|
| 128 | color: <dtml-var mainFontColor>; |
|---|
| 129 | background-color: white; |
|---|
| 130 | font: <dtml-var inputFont>; |
|---|
| 131 | } |
|---|
| 132 | input { |
|---|
| 133 | font: <dtml-var inputFont>; |
|---|
| 134 | color: <dtml-var mainFontColor>; |
|---|
| 135 | background-color: white; |
|---|
| 136 | vertical-align: middle; |
|---|
| 137 | } |
|---|
| 138 | select { |
|---|
| 139 | font: <dtml-var inputFont>; |
|---|
| 140 | vertical-align: top; |
|---|
| 141 | } |
|---|
| 142 | abbr, acronym, .explain { |
|---|
| 143 | color: <dtml-var mainFontColor>; |
|---|
| 144 | background-color: transparent; |
|---|
| 145 | } |
|---|
| 146 | q, blockquote { |
|---|
| 147 | font-style: italic; |
|---|
| 148 | font-size: 100%; |
|---|
| 149 | } |
|---|
| 150 | code { |
|---|
| 151 | font-size: 100%; |
|---|
| 152 | color: <dtml-var mainFontColor>; |
|---|
| 153 | background-color: <dtml-var preBackground>; |
|---|
| 154 | } |
|---|
| 155 | pre { |
|---|
| 156 | font-size: 100%; |
|---|
| 157 | padding: 1em; |
|---|
| 158 | border: <dtml-var preBorder>; |
|---|
| 159 | color: <dtml-var mainFontColor>; |
|---|
| 160 | background-color: <dtml-var preBackground>; |
|---|
| 161 | overflow: auto; |
|---|
| 162 | } |
|---|
| 163 | |
|---|
| 164 | <dtml-comment> |
|---|
| 165 | Classes ------------------------------ |
|---|
| 166 | </dtml-comment> |
|---|
| 167 | |
|---|
| 168 | #idioma p { |
|---|
| 169 | margin-top: 0; |
|---|
| 170 | } |
|---|
| 171 | |
|---|
| 172 | .logo { |
|---|
| 173 | margin: <dtml-var logoMargin>; |
|---|
| 174 | padding: <dtml-var logoPadding>; |
|---|
| 175 | } |
|---|
| 176 | |
|---|
| 177 | .note { |
|---|
| 178 | font-size: smaller; |
|---|
| 179 | } |
|---|
| 180 | |
|---|
| 181 | .even { |
|---|
| 182 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 183 | } |
|---|
| 184 | |
|---|
| 185 | .odd { |
|---|
| 186 | background-color: <dtml-var boxOddBackground>; |
|---|
| 187 | } |
|---|
| 188 | |
|---|
| 189 | .pending { |
|---|
| 190 | font-weight: bold; |
|---|
| 191 | color: #ffa500; |
|---|
| 192 | } |
|---|
| 193 | |
|---|
| 194 | .work { |
|---|
| 195 | font-weight: bold; |
|---|
| 196 | color: blue; |
|---|
| 197 | } |
|---|
| 198 | |
|---|
| 199 | .draft { |
|---|
| 200 | font-weight: bold; |
|---|
| 201 | color: #5555ff; |
|---|
| 202 | } |
|---|
| 203 | |
|---|
| 204 | .published { |
|---|
| 205 | font-weight: bold; |
|---|
| 206 | color: #22a522; |
|---|
| 207 | } |
|---|
| 208 | |
|---|
| 209 | .deferred { |
|---|
| 210 | font-weight: bold; |
|---|
| 211 | color: #ff6600; |
|---|
| 212 | } |
|---|
| 213 | |
|---|
| 214 | .expired { |
|---|
| 215 | font-weight: bold; |
|---|
| 216 | color: #ff0033; |
|---|
| 217 | } |
|---|
| 218 | |
|---|
| 219 | .locked { |
|---|
| 220 | border: 1px solid #ff6600; |
|---|
| 221 | color: #ff6600; |
|---|
| 222 | padding-left: 0.2em; |
|---|
| 223 | padding-right: 0.2em; |
|---|
| 224 | } |
|---|
| 225 | |
|---|
| 226 | .url { |
|---|
| 227 | color: <dtml-var urlFontColor> |
|---|
| 228 | } |
|---|
| 229 | |
|---|
| 230 | input.standalone, button.standalone { |
|---|
| 231 | background: <dtml-var standaloneButtonBackground>; |
|---|
| 232 | background-image: none; |
|---|
| 233 | color: <dtml-var standaloneButtonFontColor>; |
|---|
| 234 | border: <dtml-var standaloneButtonBorder>; |
|---|
| 235 | } |
|---|
| 236 | |
|---|
| 237 | input.context { |
|---|
| 238 | background: <dtml-var contextButtonBackground>; |
|---|
| 239 | background-image: none; |
|---|
| 240 | color: <dtml-var contextButtonFontColor>; |
|---|
| 241 | } |
|---|
| 242 | |
|---|
| 243 | input.destructive { |
|---|
| 244 | background: <dtml-var destructiveButtonBackground>; |
|---|
| 245 | background-image: none; |
|---|
| 246 | color: <dtml-var destructiveButtonFontColor>; |
|---|
| 247 | } |
|---|
| 248 | |
|---|
| 249 | button { |
|---|
| 250 | font: <dtml-var inputFont>; |
|---|
| 251 | background: <dtml-var standaloneButtonBackground>; |
|---|
| 252 | color: <dtml-var standaloneButtonFontColor>; |
|---|
| 253 | background-image: none; |
|---|
| 254 | vertical-align: middle; |
|---|
| 255 | } |
|---|
| 256 | |
|---|
| 257 | <dtml-comment> |
|---|
| 258 | DIVs ------------------------------ |
|---|
| 259 | </dtml-comment> |
|---|
| 260 | |
|---|
| 261 | div.batchLayout { |
|---|
| 262 | text-align: right; |
|---|
| 263 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 264 | } |
|---|
| 265 | |
|---|
| 266 | div.pageNavigationLayout { |
|---|
| 267 | text-align: center; |
|---|
| 268 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 269 | } |
|---|
| 270 | |
|---|
| 271 | .contact { |
|---|
| 272 | text-align: center; |
|---|
| 273 | margin: 0; |
|---|
| 274 | padding: 1px 0px 1px 0px; |
|---|
| 275 | } |
|---|
| 276 | |
|---|
| 277 | div.message { |
|---|
| 278 | background: <dtml-var messageBackground>; |
|---|
| 279 | color: <dtml-var mainFontColor>; |
|---|
| 280 | font: <dtml-var messageFont>; |
|---|
| 281 | margin: 1em 0; |
|---|
| 282 | padding: 0.5em 1em; |
|---|
| 283 | vertical-align: middle; |
|---|
| 284 | } |
|---|
| 285 | |
|---|
| 286 | div.message a { |
|---|
| 287 | background: <dtml-var messageBackground>; |
|---|
| 288 | color: <dtml-var mainFontColor>; |
|---|
| 289 | text-decoration: underline; |
|---|
| 290 | } |
|---|
| 291 | |
|---|
| 292 | div.description { |
|---|
| 293 | font: <dtml-var descriptionFont>; |
|---|
| 294 | display: block; |
|---|
| 295 | margin-bottom: 0.5em; |
|---|
| 296 | line-height: 133%; |
|---|
| 297 | } |
|---|
| 298 | |
|---|
| 299 | div.documentActions { |
|---|
| 300 | float: right; |
|---|
| 301 | margin-top: 1em; |
|---|
| 302 | } |
|---|
| 303 | |
|---|
| 304 | div.documentActions li { |
|---|
| 305 | display: inline; |
|---|
| 306 | } |
|---|
| 307 | |
|---|
| 308 | div.searchBox { |
|---|
| 309 | float: right; |
|---|
| 310 | text-align: right; |
|---|
| 311 | padding: <dtml-var searchPadding>; |
|---|
| 312 | margin: <dtml-var searchMargin>; |
|---|
| 313 | clear: right; |
|---|
| 314 | background-color: transparent; |
|---|
| 315 | color: <dtml-var searchFontColor>; |
|---|
| 316 | text-transform: <dtml-var textTransform>; |
|---|
| 317 | width: 40%; |
|---|
| 318 | } |
|---|
| 319 | |
|---|
| 320 | div.headerActions { |
|---|
| 321 | float: right; |
|---|
| 322 | text-align: right; |
|---|
| 323 | margin-top: 1em; |
|---|
| 324 | margin-right: 1em; |
|---|
| 325 | margin-bottom: 4px; |
|---|
| 326 | } |
|---|
| 327 | |
|---|
| 328 | div.headerActions li { |
|---|
| 329 | display: inline; |
|---|
| 330 | } |
|---|
| 331 | |
|---|
| 332 | div.pathBar { |
|---|
| 333 | padding: 1px 1em 1px 1em; |
|---|
| 334 | text-transform: <dtml-var textTransform>; |
|---|
| 335 | } |
|---|
| 336 | |
|---|
| 337 | div.row { |
|---|
| 338 | clear: both; |
|---|
| 339 | } |
|---|
| 340 | |
|---|
| 341 | div.label { |
|---|
| 342 | padding-right: 2em; |
|---|
| 343 | font-weight: bold; |
|---|
| 344 | float: left; |
|---|
| 345 | } |
|---|
| 346 | |
|---|
| 347 | div.field { |
|---|
| 348 | padding: 0px 0px 0px 0px; |
|---|
| 349 | float: left; |
|---|
| 350 | text-align: left; |
|---|
| 351 | } |
|---|
| 352 | |
|---|
| 353 | span.legend { |
|---|
| 354 | font-weight: bold; |
|---|
| 355 | } |
|---|
| 356 | |
|---|
| 357 | div.popupImg { |
|---|
| 358 | padding: 10px; |
|---|
| 359 | text-align: center; |
|---|
| 360 | } |
|---|
| 361 | |
|---|
| 362 | .hidden { |
|---|
| 363 | display: none; |
|---|
| 364 | } |
|---|
| 365 | |
|---|
| 366 | .hiddenItem { |
|---|
| 367 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 368 | } |
|---|
| 369 | |
|---|
| 370 | <dtml-comment> |
|---|
| 371 | Documents language selection |
|---|
| 372 | </dtml-comment> |
|---|
| 373 | |
|---|
| 374 | span.selectedLang { |
|---|
| 375 | background: #003a6b; |
|---|
| 376 | color: #ffffff; |
|---|
| 377 | font-weight: bold; |
|---|
| 378 | padding-left: 0.5em; |
|---|
| 379 | padding-right: 0.5em; |
|---|
| 380 | } |
|---|
| 381 | a.availableLang { |
|---|
| 382 | text-decoration: underline; |
|---|
| 383 | } |
|---|
| 384 | a.availableLang:hover { |
|---|
| 385 | text-decoration: none; |
|---|
| 386 | } |
|---|
| 387 | |
|---|
| 388 | <dtml-comment> |
|---|
| 389 | Accessibility statement and usage |
|---|
| 390 | </dtml-comment> |
|---|
| 391 | |
|---|
| 392 | div.accesskeys, div.accesskeysUsage { |
|---|
| 393 | border: 1px solid #999999; |
|---|
| 394 | background-color: #dddddd; |
|---|
| 395 | padding: 1em; |
|---|
| 396 | margin: 0.5em 0 2em 0; |
|---|
| 397 | } |
|---|
| 398 | |
|---|
| 399 | <dtml-comment> |
|---|
| 400 | Contact info and conformance statement |
|---|
| 401 | </dtml-comment> |
|---|
| 402 | |
|---|
| 403 | .contactInfo li { |
|---|
| 404 | display: inline; |
|---|
| 405 | margin: 1em; |
|---|
| 406 | } |
|---|
| 407 | |
|---|
| 408 | .conformanceStatement { |
|---|
| 409 | text-align: center; |
|---|
| 410 | } |
|---|
| 411 | |
|---|
| 412 | .conformanceStatement li { |
|---|
| 413 | display: inline; |
|---|
| 414 | } |
|---|
| 415 | |
|---|
| 416 | .conformanceStatement img { |
|---|
| 417 | margin: 1em; |
|---|
| 418 | } |
|---|
| 419 | |
|---|
| 420 | <dtml-comment> |
|---|
| 421 | CMF Calendar |
|---|
| 422 | </dtml-comment> |
|---|
| 423 | |
|---|
| 424 | .CalendarArrow { |
|---|
| 425 | font-weight: bold; |
|---|
| 426 | text-decoration: none; |
|---|
| 427 | color: #000000; |
|---|
| 428 | } |
|---|
| 429 | |
|---|
| 430 | .CalendarTitle { |
|---|
| 431 | font-weight: bold; |
|---|
| 432 | text-decoration: none; |
|---|
| 433 | text-align: center; |
|---|
| 434 | color: #000000; |
|---|
| 435 | } |
|---|
| 436 | |
|---|
| 437 | p.help { |
|---|
| 438 | font-style: italic; |
|---|
| 439 | } |
|---|
| 440 | |
|---|
| 441 | table.calendar td { |
|---|
| 442 | white-space: nowrap; |
|---|
| 443 | background-color: white; |
|---|
| 444 | width: 1.5em; |
|---|
| 445 | } |
|---|
| 446 | |
|---|
| 447 | table.calendar a { |
|---|
| 448 | text-decoration: none; |
|---|
| 449 | color: black; |
|---|
| 450 | } |
|---|
| 451 | |
|---|
| 452 | table.calendar td.event { |
|---|
| 453 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 454 | text-decoration: none; |
|---|
| 455 | } |
|---|
| 456 | |
|---|
| 457 | table.calendar td.todayevent { |
|---|
| 458 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 459 | } |
|---|
| 460 | |
|---|
| 461 | table.calendar td.weekdays { |
|---|
| 462 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 463 | } |
|---|
| 464 | |
|---|
| 465 | table.calendar th { |
|---|
| 466 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 467 | white-space: nowrap; |
|---|
| 468 | } |
|---|
| 469 | |
|---|
| 470 | table.localRoleForm th { |
|---|
| 471 | text-align: left; |
|---|
| 472 | } |
|---|
| 473 | |
|---|
| 474 | span.highlightedSearchTerm { |
|---|
| 475 | background-color: #ffff00; |
|---|
| 476 | } |
|---|
| 477 | |
|---|
| 478 | span.searchFor { |
|---|
| 479 | font-weight: bold; |
|---|
| 480 | } |
|---|
| 481 | |
|---|
| 482 | /* hack for IE6 bugs */ |
|---|
| 483 | /* Hides from IE5-mac \*/ |
|---|
| 484 | * html .group {height: 1%} |
|---|
| 485 | * html div.box {height: 1%} |
|---|
| 486 | * html div.box .content {height: 1%} |
|---|
| 487 | * html div.document {height: 1%} |
|---|
| 488 | /* End hide from IE-mac */ |
|---|
| 489 | |
|---|
| 490 | .netscape4 { |
|---|
| 491 | display: none; |
|---|
| 492 | } |
|---|
| 493 | |
|---|
| 494 | table { |
|---|
| 495 | font-size: 100%; |
|---|
| 496 | } |
|---|
| 497 | |
|---|
| 498 | hr { |
|---|
| 499 | height: 1px; |
|---|
| 500 | color: <dtml-var mainTabBorderColorSelected>; |
|---|
| 501 | background-color: transparent; |
|---|
| 502 | } |
|---|
| 503 | |
|---|
| 504 | h1, h2 { |
|---|
| 505 | border-bottom: 1px solid <dtml-var mainTabBorderColor>; |
|---|
| 506 | } |
|---|
| 507 | |
|---|
| 508 | form { |
|---|
| 509 | border: none; |
|---|
| 510 | } |
|---|
| 511 | |
|---|
| 512 | textarea { |
|---|
| 513 | border: <dtml-var inputBorder>; |
|---|
| 514 | padding: 0.1em; |
|---|
| 515 | } |
|---|
| 516 | input { |
|---|
| 517 | border: <dtml-var inputBorder>; |
|---|
| 518 | margin-bottom: 1px; /* IE bug fix */ |
|---|
| 519 | padding: 0.1em; |
|---|
| 520 | } |
|---|
| 521 | select { |
|---|
| 522 | font: <dtml-var inputFont>; |
|---|
| 523 | border: <dtml-var inputBorder>; |
|---|
| 524 | vertical-align: top; |
|---|
| 525 | } |
|---|
| 526 | |
|---|
| 527 | abbr, acronym, .explain { |
|---|
| 528 | border-bottom: 1px dotted <dtml-var mainFontColor>; |
|---|
| 529 | cursor: help; |
|---|
| 530 | } |
|---|
| 531 | |
|---|
| 532 | ol, ul { |
|---|
| 533 | padding-left: 3em; |
|---|
| 534 | margin: 0px; |
|---|
| 535 | } |
|---|
| 536 | |
|---|
| 537 | .content li, #content li { |
|---|
| 538 | padding: 0em 0em 0.4em 0em; |
|---|
| 539 | } |
|---|
| 540 | |
|---|
| 541 | ul.fileChoice { |
|---|
| 542 | padding-left: 0; |
|---|
| 543 | list-style-type: None; |
|---|
| 544 | } |
|---|
| 545 | |
|---|
| 546 | button { |
|---|
| 547 | background: <dtml-var buttonBackground>; |
|---|
| 548 | border: <dtml-var buttonBorder>; |
|---|
| 549 | margin: 0.2em; |
|---|
| 550 | padding: 0.1em; |
|---|
| 551 | font: <dtml-var inputFont>; |
|---|
| 552 | } |
|---|
| 553 | |
|---|
| 554 | button:hover { |
|---|
| 555 | background: <dtml-var buttonBackgroundHover>; |
|---|
| 556 | } |
|---|
| 557 | |
|---|
| 558 | input.standalone, button.standalone { |
|---|
| 559 | background: <dtml-var standaloneButtonBackground>; |
|---|
| 560 | cursor: pointer; |
|---|
| 561 | font: <dtml-var inputFont>; |
|---|
| 562 | font-weight: <dtml-var buttonWeight>; |
|---|
| 563 | padding: <dtml-var standaloneButtonPadding>; |
|---|
| 564 | text-transform: <dtml-var textTransform>; |
|---|
| 565 | } |
|---|
| 566 | |
|---|
| 567 | input.standalone:hover, button.standalone:hover { |
|---|
| 568 | background: <dtml-var standaloneButtonBackgroundHover>; |
|---|
| 569 | } |
|---|
| 570 | |
|---|
| 571 | input.context { |
|---|
| 572 | background: <dtml-var contextButtonBackground>; |
|---|
| 573 | cursor: pointer; |
|---|
| 574 | font: <dtml-var inputFont>; |
|---|
| 575 | font-weight: <dtml-var buttonWeight>; |
|---|
| 576 | padding: <dtml-var contextButtonPadding>; |
|---|
| 577 | text-transform: <dtml-var textTransform>; |
|---|
| 578 | border: <dtml-var contextButtonBorder>; |
|---|
| 579 | } |
|---|
| 580 | |
|---|
| 581 | input.context:hover { |
|---|
| 582 | background: <dtml-var contextButtonBackgroundHover>; |
|---|
| 583 | } |
|---|
| 584 | |
|---|
| 585 | input.destructive { |
|---|
| 586 | background: <dtml-var destructiveButtonBackground>; |
|---|
| 587 | border: <dtml-var destructiveButtonBorder>; |
|---|
| 588 | cursor: pointer; |
|---|
| 589 | font: <dtml-var inputFont>; |
|---|
| 590 | font-weight: <dtml-var buttonWeight>; |
|---|
| 591 | padding: <dtml-var destructiveButtonPadding>; |
|---|
| 592 | text-transform: <dtml-var textTransform>; |
|---|
| 593 | } |
|---|
| 594 | |
|---|
| 595 | input.destructive:hover { |
|---|
| 596 | background: <dtml-var destructiveButtonBackgroundHover>; |
|---|
| 597 | border: <dtml-var destructiveButtonBorderHover>; |
|---|
| 598 | } |
|---|
| 599 | |
|---|
| 600 | input.noborder { |
|---|
| 601 | background: transparent; |
|---|
| 602 | border: <dtml-var noBorder>; |
|---|
| 603 | margin: 0; |
|---|
| 604 | } |
|---|
| 605 | |
|---|
| 606 | input.searchButton { |
|---|
| 607 | font-size: 100% ! important; |
|---|
| 608 | margin-bottom: 1px ! important; |
|---|
| 609 | } |
|---|
| 610 | |
|---|
| 611 | input.moveUp { |
|---|
| 612 | background: <dtml-var moveUpButtonBackground>; |
|---|
| 613 | } |
|---|
| 614 | input.moveDown { |
|---|
| 615 | background: <dtml-var moveDownButtonBackground>; |
|---|
| 616 | } |
|---|
| 617 | input.moveTop { |
|---|
| 618 | background: <dtml-var moveTopButtonBackground>; |
|---|
| 619 | } |
|---|
| 620 | input.moveBottom { |
|---|
| 621 | background: <dtml-var moveBottomButtonBackground>; |
|---|
| 622 | } |
|---|
| 623 | |
|---|
| 624 | <dtml-comment> |
|---|
| 625 | Forms ------------------------------ |
|---|
| 626 | </dtml-comment> |
|---|
| 627 | |
|---|
| 628 | form { |
|---|
| 629 | margin: 0px; |
|---|
| 630 | } |
|---|
| 631 | |
|---|
| 632 | form.workflow { |
|---|
| 633 | padding:0px 0px 10px 0px; |
|---|
| 634 | } |
|---|
| 635 | |
|---|
| 636 | form.workflow dl { |
|---|
| 637 | font-weight: bold; |
|---|
| 638 | } |
|---|
| 639 | |
|---|
| 640 | form.workflow dd { |
|---|
| 641 | margin-left: 0px; |
|---|
| 642 | } |
|---|
| 643 | |
|---|
| 644 | <dtml-comment> |
|---|
| 645 | Generic table definitions |
|---|
| 646 | </dtml-comment> |
|---|
| 647 | |
|---|
| 648 | table.columns td.left { |
|---|
| 649 | background: <dtml-var columnsLeftBackground>; |
|---|
| 650 | } |
|---|
| 651 | table.columns td.right { |
|---|
| 652 | background: <dtml-var columnsRightBackground>; |
|---|
| 653 | } |
|---|
| 654 | |
|---|
| 655 | table.listing { |
|---|
| 656 | width: 100%; |
|---|
| 657 | } |
|---|
| 658 | |
|---|
| 659 | table.listing caption { |
|---|
| 660 | font-weight: bold; |
|---|
| 661 | } |
|---|
| 662 | |
|---|
| 663 | table.listing td { |
|---|
| 664 | padding: 0.4em; |
|---|
| 665 | } |
|---|
| 666 | |
|---|
| 667 | table.listing thead tr th { |
|---|
| 668 | text-align: center; |
|---|
| 669 | } |
|---|
| 670 | |
|---|
| 671 | table.listing thead td { |
|---|
| 672 | background-color: <dtml-var listingHeaderBackground>; |
|---|
| 673 | color: <dtml-var listingHeaderColor>; |
|---|
| 674 | text-align: center; |
|---|
| 675 | font-weight: bold; |
|---|
| 676 | } |
|---|
| 677 | |
|---|
| 678 | table.listing tbody td { |
|---|
| 679 | background-color: <dtml-var listingCellBackground>; |
|---|
| 680 | color: <dtml-var listingCellColor>; |
|---|
| 681 | } |
|---|
| 682 | |
|---|
| 683 | table.listing tbody tr.odd td { |
|---|
| 684 | background-color: <dtml-var listingCellOddBackground>; |
|---|
| 685 | color: <dtml-var listingCellOddColor>; |
|---|
| 686 | } |
|---|
| 687 | |
|---|
| 688 | table.listing tbody tr.even td { |
|---|
| 689 | background-color: <dtml-var listingCellEvenBackground>; |
|---|
| 690 | color: <dtml-var listingCellEvenColor>; |
|---|
| 691 | } |
|---|
| 692 | |
|---|
| 693 | table.listing .action { |
|---|
| 694 | font-weight: bold; |
|---|
| 695 | text-align: left; |
|---|
| 696 | } |
|---|
| 697 | |
|---|
| 698 | <dtml-comment> |
|---|
| 699 | Specific table definitions |
|---|
| 700 | </dtml-comment> |
|---|
| 701 | |
|---|
| 702 | form#loginForm { |
|---|
| 703 | padding-top:20px; |
|---|
| 704 | padding-bottom:20px; |
|---|
| 705 | width: 30em; |
|---|
| 706 | } |
|---|
| 707 | table#login th { |
|---|
| 708 | width: 12em; |
|---|
| 709 | } |
|---|
| 710 | |
|---|
| 711 | table#portalConfiguration th { |
|---|
| 712 | width: 18em; |
|---|
| 713 | padding-bottom: 1em; |
|---|
| 714 | } |
|---|
| 715 | table#portalConfiguration td { |
|---|
| 716 | width: 18em; |
|---|
| 717 | padding-bottom: 1em; |
|---|
| 718 | } |
|---|
| 719 | |
|---|
| 720 | table#subscriptions td { |
|---|
| 721 | text-align: center; |
|---|
| 722 | } |
|---|
| 723 | |
|---|
| 724 | table#subscriptions .action { |
|---|
| 725 | text-align: left; |
|---|
| 726 | } |
|---|
| 727 | |
|---|
| 728 | table.localRolesAssignment { |
|---|
| 729 | width: 100%; |
|---|
| 730 | padding: 0; |
|---|
| 731 | margin: 0.4em; |
|---|
| 732 | margin-bottom: 2em; |
|---|
| 733 | border: 0.1em solid black; |
|---|
| 734 | } |
|---|
| 735 | |
|---|
| 736 | table.localRolesAssignment td.assignedRole { |
|---|
| 737 | text-align: center; |
|---|
| 738 | } |
|---|
| 739 | |
|---|
| 740 | table.localRolesAssignment td.inheritedRole { |
|---|
| 741 | text-align: center; |
|---|
| 742 | background: <dtml-var inheritedRole>; |
|---|
| 743 | } |
|---|
| 744 | |
|---|
| 745 | span.inheritedRole { |
|---|
| 746 | background: <dtml-var inheritedRole>; |
|---|
| 747 | } |
|---|
| 748 | |
|---|
| 749 | table.localRolesAssignment td.inheritedBlockedRole { |
|---|
| 750 | text-align: center; |
|---|
| 751 | background: <dtml-var inheritedBlockedRole>; |
|---|
| 752 | } |
|---|
| 753 | |
|---|
| 754 | span.inheritedBlockedRole { |
|---|
| 755 | background: <dtml-var inheritedBlockedRole>; |
|---|
| 756 | } |
|---|
| 757 | |
|---|
| 758 | <dtml-comment> |
|---|
| 759 | DIVs ------------------------------ |
|---|
| 760 | </dtml-comment> |
|---|
| 761 | |
|---|
| 762 | div.top { |
|---|
| 763 | background: <dtml-var topBackground>; |
|---|
| 764 | margin: <dtml-var topMargin>; |
|---|
| 765 | padding: <dtml-var topPadding>; |
|---|
| 766 | width: 100%; |
|---|
| 767 | } |
|---|
| 768 | |
|---|
| 769 | .contact { |
|---|
| 770 | background: <dtml-var footerBackground>; |
|---|
| 771 | border-top: <dtml-var footerBorder>; |
|---|
| 772 | border-bottom: <dtml-var footerBorder>; |
|---|
| 773 | width: 100%; |
|---|
| 774 | } |
|---|
| 775 | |
|---|
| 776 | div.document { |
|---|
| 777 | font: <dtml-var contentFont>; |
|---|
| 778 | background: <dtml-var contentBackground>; |
|---|
| 779 | } |
|---|
| 780 | |
|---|
| 781 | div.message { |
|---|
| 782 | border: <dtml-var messageBorder>; |
|---|
| 783 | } |
|---|
| 784 | |
|---|
| 785 | div.pathBar { |
|---|
| 786 | border-bottom-color: <dtml-var mainTabBorderColorSelected>; |
|---|
| 787 | border-bottom-style: solid; |
|---|
| 788 | border-bottom-width: 1px; |
|---|
| 789 | } |
|---|
| 790 | |
|---|
| 791 | div.row { |
|---|
| 792 | margin: 0em 0em 0.5em 0em; |
|---|
| 793 | position:relative; |
|---|
| 794 | } |
|---|
| 795 | |
|---|
| 796 | .required { |
|---|
| 797 | padding-right: 0.5em; |
|---|
| 798 | background: <dtml-var requiredField>; |
|---|
| 799 | } |
|---|
| 800 | |
|---|
| 801 | .error { |
|---|
| 802 | background: <dtml-var messageBackground>; |
|---|
| 803 | border: <dtml-var messageBorder>; |
|---|
| 804 | padding: 1em; |
|---|
| 805 | margin: 0em; |
|---|
| 806 | } |
|---|
| 807 | |
|---|
| 808 | span.legend { |
|---|
| 809 | background: <dtml-var contentBackground>; |
|---|
| 810 | font-size: <dtml-var legendFontSize>; |
|---|
| 811 | padding: 0.5em 0em 0.5em 0em; |
|---|
| 812 | position : relative; |
|---|
| 813 | top: -0.8em; |
|---|
| 814 | left: 0; |
|---|
| 815 | } |
|---|
| 816 | |
|---|
| 817 | <dtml-comment> |
|---|
| 818 | The "group" class is used to group together the HTML fields of a form. |
|---|
| 819 | </dtml-comment> |
|---|
| 820 | .group { |
|---|
| 821 | margin: 0em; |
|---|
| 822 | padding:10px 0px 20px 0px; |
|---|
| 823 | } |
|---|
| 824 | |
|---|
| 825 | .comment_box { |
|---|
| 826 | border: 1px solid #bcbcbc; |
|---|
| 827 | margin: 1em 0 1em 1em; |
|---|
| 828 | padding: 5px 10px 10px 20px; |
|---|
| 829 | } |
|---|
| 830 | |
|---|
| 831 | .user_roles { |
|---|
| 832 | margin: 1em 0 1em 0; |
|---|
| 833 | padding: 0.7em 0em 0.7em 0em; |
|---|
| 834 | } |
|---|
| 835 | |
|---|
| 836 | .header_roles { |
|---|
| 837 | font-weight: bold; |
|---|
| 838 | background: #b1acb2; |
|---|
| 839 | } |
|---|
| 840 | |
|---|
| 841 | .assign_roles { |
|---|
| 842 | padding-top: 0.7em; |
|---|
| 843 | } |
|---|
| 844 | |
|---|
| 845 | table.calendar { |
|---|
| 846 | border: <dtml-var boxBorder>; |
|---|
| 847 | text-align: right; |
|---|
| 848 | } |
|---|
| 849 | |
|---|
| 850 | table.calendar a:hover { |
|---|
| 851 | text-decoration: none; |
|---|
| 852 | } |
|---|
| 853 | |
|---|
| 854 | table.calendar th { |
|---|
| 855 | border: none; |
|---|
| 856 | font-weight: bold; |
|---|
| 857 | text-align: center; |
|---|
| 858 | } |
|---|
| 859 | |
|---|
| 860 | table.calendar td { |
|---|
| 861 | width: 1.5em; |
|---|
| 862 | } |
|---|
| 863 | |
|---|
| 864 | table.calendar td.weekdays { |
|---|
| 865 | border: <dtml-var boxBorder>; |
|---|
| 866 | border-style: solid none; |
|---|
| 867 | text-align: center; |
|---|
| 868 | } |
|---|
| 869 | |
|---|
| 870 | table.calendar td.event { |
|---|
| 871 | font-weight: bold; |
|---|
| 872 | } |
|---|
| 873 | |
|---|
| 874 | table.calendar td.todayevent { |
|---|
| 875 | border: <dtml-var boxHighlight>; |
|---|
| 876 | font-weight: bold; |
|---|
| 877 | } |
|---|
| 878 | |
|---|
| 879 | table.calendar td.todaynoevent { |
|---|
| 880 | border-collapse: collapse; |
|---|
| 881 | border: <dtml-var boxHighlight>; |
|---|
| 882 | } |
|---|
| 883 | |
|---|
| 884 | <dtml-comment> |
|---|
| 885 | Tooltips |
|---|
| 886 | </dtml-comment> |
|---|
| 887 | |
|---|
| 888 | .tooltipControl { |
|---|
| 889 | color: #000000; |
|---|
| 890 | background: #ffffe1; |
|---|
| 891 | border: 1px solid #000000; |
|---|
| 892 | |
|---|
| 893 | margin-left: 1em; |
|---|
| 894 | } |
|---|
| 895 | |
|---|
| 896 | .tooltipControl:hover { |
|---|
| 897 | background: #ffffb8; |
|---|
| 898 | } |
|---|
| 899 | |
|---|
| 900 | .tooltipArea { |
|---|
| 901 | color: #000000; |
|---|
| 902 | background: #ffffe1; |
|---|
| 903 | border: 1px solid #000000; |
|---|
| 904 | padding: 0.8em; |
|---|
| 905 | font-weight: normal; |
|---|
| 906 | font-size: 80%; |
|---|
| 907 | text-align: left; |
|---|
| 908 | |
|---|
| 909 | position: inherit; |
|---|
| 910 | left: -15em; |
|---|
| 911 | top: 1.5em; |
|---|
| 912 | width: 20em; |
|---|
| 913 | |
|---|
| 914 | visibility: hidden; |
|---|
| 915 | display: none; |
|---|
| 916 | z-index: 1000; |
|---|
| 917 | } |
|---|
| 918 | |
|---|
| 919 | <dtml-comment> |
|---|
| 920 | XXX: CPSMailBoxer definitions that should not be here but in a dedicated file |
|---|
| 921 | </dtml-comment> |
|---|
| 922 | |
|---|
| 923 | div.mailboxerNoArchive { |
|---|
| 924 | border-top: solid; |
|---|
| 925 | border-width: 1px; |
|---|
| 926 | } |
|---|
| 927 | |
|---|
| 928 | td.mailboxerMonth { |
|---|
| 929 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 930 | text-align: center; |
|---|
| 931 | } |
|---|
| 932 | |
|---|
| 933 | <dtml-comment> |
|---|
| 934 | Books |
|---|
| 935 | </dtml-comment> |
|---|
| 936 | |
|---|
| 937 | div.bookSummary { |
|---|
| 938 | width: 100%; |
|---|
| 939 | border: 1px solid black; |
|---|
| 940 | padding: 0.5em; |
|---|
| 941 | } |
|---|
| 942 | |
|---|
| 943 | div.bookSummaryNav { |
|---|
| 944 | text-align: center; |
|---|
| 945 | width: 100%; |
|---|
| 946 | background-color: <dtml-var boxEvenBackground>; |
|---|
| 947 | } |
|---|
| 948 | |
|---|
| 949 | li.summaryEntries { |
|---|
| 950 | margin: 0.5em; |
|---|
| 951 | } |
|---|
| 952 | |
|---|
| 953 | div.bookPageHeader { |
|---|
| 954 | border-bottom: 1px solid black; |
|---|
| 955 | } |
|---|
| 956 | |
|---|
| 957 | div.bookPageNavigation { |
|---|
| 958 | } |
|---|
| 959 | |
|---|
| 960 | div.bookPageInfo { |
|---|
| 961 | float: right; |
|---|
| 962 | } |
|---|
| 963 | |
|---|
| 964 | <dtml-comment> |
|---|
| 965 | Hide stuff by id and make it available in source |
|---|
| 966 | </dtml-comment> |
|---|
| 967 | |
|---|
| 968 | #bylineFolder { |
|---|
| 969 | clear: both; |
|---|
| 970 | text-align: left; |
|---|
| 971 | } |
|---|
| 972 | |
|---|
| 973 | #byline { |
|---|
| 974 | clear: both; |
|---|
| 975 | text-align: right; |
|---|
| 976 | margin-top: 2em; |
|---|
| 977 | } |
|---|
| 978 | |
|---|
| 979 | <dtml-comment> |
|---|
| 980 | javascript use for block toggle |
|---|
| 981 | </dtml-comment> |
|---|
| 982 | |
|---|
| 983 | div.hidden { |
|---|
| 984 | visibility: hidden; |
|---|
| 985 | display: none; |
|---|
| 986 | } |
|---|
| 987 | |
|---|
| 988 | div.visible { |
|---|
| 989 | visibility: visible; |
|---|
| 990 | display: block; |
|---|
| 991 | } |
|---|
| 992 | |
|---|
| 993 | <dtml-comment> |
|---|
| 994 | Advanced search form |
|---|
| 995 | </dtml-comment> |
|---|
| 996 | |
|---|
| 997 | #advancedSearchForm { |
|---|
| 998 | font-size: 90%; |
|---|
| 999 | } |
|---|
| 1000 | |
|---|
| 1001 | #advancedSearchZCText { |
|---|
| 1002 | text-align: right; |
|---|
| 1003 | } |
|---|
| 1004 | |
|---|
| 1005 | p.advancedSearchButton { |
|---|
| 1006 | text-align: right; |
|---|
| 1007 | } |
|---|
| 1008 | |
|---|
| 1009 | #advancedSearchForm fieldset { |
|---|
| 1010 | border: none; |
|---|
| 1011 | border-left: <dtml-var boxBorder>; |
|---|
| 1012 | border-bottom: <dtml-var boxBorder>; |
|---|
| 1013 | padding: 0.5em 0em 0.5em 0em; |
|---|
| 1014 | margin: 0.5em; |
|---|
| 1015 | } |
|---|
| 1016 | |
|---|
| 1017 | span.advancedSearchColumn { |
|---|
| 1018 | padding-left: 1em; |
|---|
| 1019 | float:left; |
|---|
| 1020 | width:12em; |
|---|
| 1021 | } |
|---|
| 1022 | |
|---|
| 1023 | div.drophover { |
|---|
| 1024 | border-bottom: 3px solid black; |
|---|
| 1025 | } |
|---|
| 1026 | |
|---|
| 1027 | div.drophover-in { |
|---|
| 1028 | background: #ffe68f; |
|---|
| 1029 | border: 1px solid black; |
|---|
| 1030 | } |
|---|
| 1031 | |
|---|
| 1032 | #ajax_psm { |
|---|
| 1033 | background: #ffac0b; |
|---|
| 1034 | color: white; |
|---|
| 1035 | padding: 8px; |
|---|
| 1036 | border: 1px solid black; |
|---|
| 1037 | float: right; |
|---|
| 1038 | font-weight: bold; |
|---|
| 1039 | position: absolute; |
|---|
| 1040 | <dtml-if "isUserAgentGecko(REQUEST)"> |
|---|
| 1041 | -moz-border-radius: 4px; |
|---|
| 1042 | </dtml-if> |
|---|
| 1043 | } |
|---|
| 1044 | |
|---|
| 1045 | div.draggable:hover { |
|---|
| 1046 | background: #efefef; |
|---|
| 1047 | } |
|---|
| 1048 | |
|---|
| 1049 | div.more_block { |
|---|
| 1050 | padding-left: 10px; |
|---|
| 1051 | } |
|---|
| 1052 | |
|---|
| 1053 | div.batchLayout, div.pageNavigationLayout { |
|---|
| 1054 | color: #666666; |
|---|
| 1055 | margin: 0px 2px 0px 2px; |
|---|
| 1056 | padding: 3px 20px 3px 0px; |
|---|
| 1057 | } |
|---|
| 1058 | |
|---|
| 1059 | table.folderButtons { |
|---|
| 1060 | padding-top: 1.2em; |
|---|
| 1061 | } |
|---|
| 1062 | |
|---|
| 1063 | </dtml-with> |
|---|
