skins/custom_generic/zpt_stylesheet.css.dtml

   1 /* <dtml-with base_properties> */
   2
   3 body {
   4   background-color: &dtml-backgroundColor;;
   5   color: &dtml-fontColor;;
   6   font-family: &dtml-fontFamily;;
   7   font-size : &dtml-fontBaseSize;;
   8   margin: 0;
   9   padding: 0;
  10 }
  11
  12 h1, h2, h3, h4, h5, h6 {
  13   font-family: &dtml-headingFontFamily;;
  14 }
  15
  16 h1 {
  17   font-size:120%;
  18 }
  19
  20 h2 {
  21   font-size:110%;
  22 }
  23
  24 h3 {
  25   font-size:100%;
  26 }
  27
  28 h4 {
  29   font-style: italic;
  30 }
  31
  32 a:link,
  33 a:visited,
  34 a:active {
  35   color: &dtml-linkColor;;
  36   text-decoration: none;
  37 }
  38
  39 a:hover {
  40   color: &dtml-linkHoverColor;;
  41   text-decoration: none;
  42 }
  43
  44 form {
  45         margin:0;
  46 }
  47
  48 table.ContentsList tr td {  }
  49
  50 table.ContentsList tr td img {
  51   border: 0;
  52 }
  53
  54 table.FormLayout {
  55     width: 99% }
  56
  57 table.FormLayout dl.FieldHelp dd {
  58   font-size : 90% ;
  59   font-style : italic}
  60
  61 table.FormLayout td.ListDefinition {
  62   font-style: italic }
  63
  64 table.FormLayout td.ListName {
  65   color: &dtml-fontColor;;
  66   font-weight: bold;
  67   vertical-align: middle;
  68   padding-left: 2px;
  69 }
  70
  71 table.FormLayout th {
  72   font-weight: bold;
  73   text-align: right }
  74
  75 table.FormLayout tr {
  76     vertical-align: top }
  77
  78 table.FormLayout tr td.TextField {
  79   vertical-align: top }
  80
  81 table.FormLayout tr th.TextField {
  82     vertical-align: top }
  83
  84 table.NewsItems {
  85   border: 0 }
  86
  87 table.SearchResults {
  88   width: auto }
  89
  90 table.SearchResults tr td img {
  91   border: 0 }
  92
  93 table.SearchResults tr th {
  94   text-align: left }
  95
  96 table.Wizard {
  97   width: auto }
  98
  99 table.Wizard tr {
 100   vertical-align: top }
 101
 102 table.Wizard tr th {
 103   text-align: right }
 104
 105 td {
 106   vertical-align: top }
 107
 108 td.NewsBorder {
 109   background-color: #369 }
 110
 111 td.NewsByLine {
 112   color: #369;
 113   background-color: #ccc;
 114   text-align: left;
 115   vertical-align: top }
 116
 117 td.NewsListing {
 118   color: #fff;
 119   font-weight: bold;
 120   background-color: #369 }
 121
 122 td.NewsTitle {
 123   color: #fff;
 124   font-weight: bold;
 125   background-color: #369;
 126   text-align: center }
 127
 128 /*
 129 textarea {
 130   width : 99%
 131 }
 132 */
 133
 134
 135 /* Top bar */
 136
 137 #Masthead {
 138   background-color: &dtml-topbarBackgroundColor;;
 139   width: 100%;
 140 }
 141
 142 #Masthead td {
 143   vertical-align: middle;
 144   padding:0;
 145 }
 146
 147 #PortalLogo  {
 148   vertical-align: middle;
 149 }
 150
 151 #PortalLogo img {
 152   border: none;
 153 }
 154
 155
 156 #PortalTitle {
 157   font-family: &dtml-headingFontFamily;;
 158   font-size: 120%;
 159   font-weight: bold;
 160 }
 161
 162 #NavBar {
 163   font-size: &dtml-fontSmallSize;;
 164   font-weight: bold;
 165 }
 166
 167 #NavBar a,
 168 #NavBar a:link,
 169 #NavBar a:visited,
 170 #NavBar a:active {
 171   color: &dtml-specialLinkColor;;
 172 }
 173
 174 #NavBar a:hover {
 175   color: &dtml-specialLinkHoverColor;;
 176 }
 177
 178
 179 /* User menu bar */
 180
 181 #MemberActionsBox {
 182   width: 100%;
 183   background-color: &dtml-memberActionsBoxBackground;;
 184   color: &dtml-fontColor;;
 185   font-weight: bold ;
 186   font-size: &dtml-fontSmallSize;;
 187   padding : 0 2px ;
 188 }
 189 #MemberActionsBox td {
 190         vertical-align: middle;
 191 }
 192
 193 .ActionTitle {
 194   color: &dtml-fontColor;
 195 }
 196
 197 .ActionLink a:link,
 198 .ActionLink a:visited,
 199 .ActionLink a:active {
 200   color: &dtml-specialLinkColor;;
 201   text-decoration: none
 202 }
 203
 204 .ActionLink a:hover { color: &dtml-specialLinkHoverColor;}
 205
 206
 207 /* Breadcrumbs + Search form */
 208 #Breadcrumbs {
 209   background: &dtml-breadcrumbsBackground;;
 210   font-size: &dtml-fontSmallSize;;
 211   padding: 0 2px 1px 2px;
 212
 213 }
 214
 215 /*
 216  Main column
 217  */
 218
 219
 220 /* Status messages */
 221 #DesktopStatusBar, .DesktopStatusBar  {
 222   background-color: &dtml-messageBackgroundColor;;
 223   border: 1px solid &dtml-messageBorderColor;;
 224   color: &dtml-messageFontColor;;
 225   font-size: &dtml-fontSmallSize;;
 226   font-weight: bold;
 227   padding-left : 1em;
 228   margin-bottom : 6px;
 229   vertical-align: middle;
 230 }
 231
 232 #DesktopStatusBar img, .DesktopStatusBar img {
 233   vertical-align: middle;
 234 }
 235
 236 /* Content tabs */
 237 .contentTabs {
 238   border-bottom : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 239   border-collapse: collapse;
 240   white-space: nowrap;
 241   padding-left: 1em;
 242   margin: 0;
 243 }
 244
 245 .contentTabs li, .additionalTabs li {
 246   display: inline;
 247   font-size: &dtml-fontSmallSize;;
 248 }
 249
 250 .contentTabs a,
 251 .contentTabs a:visited {
 252   background-color: &dtml-tabsBackgroundColor;;
 253   color: &dtml-tabsFontColor;;
 254   margin-right: 0.5em;
 255   padding: 0 1em;
 256   border-left : 1px dashed &dtml-tabsBorderColor;;
 257   border-top : 1px dashed &dtml-tabsBorderColor;;
 258   border-right : 1px dashed &dtml-tabsBorderColor;;
 259   border-radius:7px 7px 0 0;
 260 }
 261
 262 .contentTabs a:hover, .contentTabs a:active {
 263   background-color: &dtml-tabsBorderColor;;
 264   color: &dtml-tabsFontColor;;
 265 }
 266
 267 .contentTabs .selected a,
 268 .contentTabs .selected a:visited,
 269 .contentTabs .selected a:hover {
 270   border-left : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 271   border-right : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 272   border-top : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 273   border-bottom : &dtml-tabsBottomBorderSelectedWidth; solid &dtml-selectedTabBackgroundColor;;
 274   color: &dtml-tabsFontColor;;
 275   background-color : &dtml-selectedTabBackgroundColor;;
 276 }
 277
 278 .additionalTabs {
 279   padding-right : 2em ;
 280   text-align : right ;
 281   margin : 0 ;
 282 }
 283
 284 .additionalTabs a, .additionalTabs a:visited {
 285   color: &dtml-tabsFontColor;;
 286   padding: 0 1em;
 287   border-left : 1px dashed &dtml-tabsBorderColor;;
 288 }
 289
 290 .additionalTabs .selected a {
 291   background-color : &dtml-tabsBorderColor;;
 292   }
 293
 294
 295 #mainCell {
 296   padding: 12px 5px;
 297 }
 298 #ForematterCell {
 299   background: &dtml-contentBackgroundColor;;
 300   padding-bottom : 1px ;
 301 }
 302
 303 /* Header */
 304 .header {
 305   font-family: &dtml-headingFontFamily;;
 306   padding: 0 0.5em;
 307 }
 308
 309 /* Title */
 310 #DesktopTitle {
 311   font-size: 120%;
 312   font-weight: bold;
 313   color: &dtml-fontColor;;
 314   margin : 0 ;
 315   padding: 2px;
 316   vertical-align : bottom ;
 317 }
 318
 319 #DesktopTitle img {
 320   vertical-align:middle;
 321   padding-right: 2px;
 322 }
 323 /* Description */
 324 #DesktopDescription {
 325   font-size: &dtml-fontSmallSize;;
 326   color: &dtml-descriptionColor;;
 327 }
 328
 329 /* Content Byline */
 330 #ContentByLine {
 331         color : &dtml-descriptionColor;;
 332   background-color: &dtml-bylineBackgroundColor;;
 333   font-size: &dtml-fontSmallSize;;
 334   text-align: right;
 335   padding: 0 1em;
 336 }
 337
 338 #ContentByLine a {
 339
 340 }
 341
 342 /* Main content */
 343 #Desktop {
 344   padding: 0 0.5em;
 345   text-align: justify ;
 346 }
 347
 348 /* Search form */
 349
 350 #search_form {
 351   font-size: &dtml-fontSmallSize;;
 352 }
 353
 354 #Footer {
 355   background-color : &dtml-footerBackgroundColor;;
 356   color: &dtml-fontColor;;
 357   font-size: 80%;
 358   text-align: center;
 359   padding : 3px 0;
 360         position:absolute;
 361         bottom:0;
 362         width:100%;
 363         height:1em;
 364 }
 365
 366 /* Folder contents */
 367
 368 .listing {
 369   font-size: &dtml-fontSmallSize;;
 370 }
 371
 372 .listing th {
 373   background-color: &dtml-listingHeaderBackgroundColor;;
 374   text-align: left;
 375   padding: 2px 0 1px 4px;
 376 }
 377
 378 .listing th a,
 379 .listing a:link,
 380 .listing a:visited,
 381 .listing a:active {
 382   color: &dtml-linkColor;;
 383 }
 384
 385 .listing th a:hover {
 386         color: &dtml-linkHoverColor;;
 387 }
 388
 389 .listing td {
 390   padding : 2px ;
 391   vertical-align : middle ;
 392 }
 393
 394 .listing .odd {
 395   background-color: &dtml-oddRowBackgroundColor;;
 396 }
 397 .listing .even {
 398   background-color: &dtml-evenRowBackgroundColor;;
 399 }
 400
 401 .listing span.upload-progress {
 402   display: block;
 403   position:absolute;
 404   background:#ef8e32;
 405   height:4px;
 406   border-radius:2px;
 407   width:0;
 408   top:3px;
 409 }
 410
 411
 412 /* Batched navigation */
 413
 414 .listingBar {
 415   background-color: &dtml-tabsBackgroundColor;;
 416   font-size: &dtml-fontSmallSize;;
 417   border: 1px solid &dtml-listingBarBorderColor;;
 418   padding: 0em 1em;
 419   margin:1em 0;
 420   text-align: center;
 421   vertical-align: top;
 422 }
 423
 424 .listingBar a,
 425 .listingBar a:link,
 426 .listingBar a:visited,
 427 .listingBar a:active {
 428         color : &dtml-linkColor;;
 429 }
 430
 431 .listingBar a:hover {
 432         color : &dtml-linkHoverColor;;
 433 }
 434
 435 .listingBar a.previous {
 436     text-align: left;
 437     float: left;
 438 }
 439
 440 .listingBar a.next {
 441     text-align: right;
 442     float: right;
 443 }
 444
 445 /* Recent news */
 446
 447 .newsItem {
 448   font-size:90%;
 449   background-color: &dtml-contentBackgroundColor;;
 450   margin: 1em 0;
 451 }
 452
 453 .newsTitle {
 454   color: &dtml-fontColor;;
 455   font-weight: bold;
 456   padding: 0 2px;
 457   border: &dtml-tabsBorderWidth; solid &dtml-newsTitleBorderColor;;
 458 }
 459
 460 .newsTitle a {
 461   color: &dtml-fontColor;;
 462 }
 463
 464 .newsDescription {
 465   margin: 0 0.5em;
 466 }
 467
 468 .newsContent {
 469   padding: 0 1em 1em 1em;
 470 }
 471
 472 .newsContent ul,
 473 .newsContent li {
 474     display: block;
 475     list-style: none;
 476     list-style-image: none;
 477     margin: 0;
 478     padding: 0;
 479 }
 480
 481 .newsAbout {
 482     display: block;
 483     color: &dtml-fontColor;;
 484     font-size: &dtml-fontSmallSize;;
 485     list-style: none;
 486     list-style-image: none;
 487     float: right;
 488     text-align: right;
 489 }
 490
 491 .newsAbout li {
 492     display: inline;
 493 }
 494
 495 .newsFooter {
 496     font-size: &dtml-fontSmallSize;;
 497 }
 498
 499 .newsFooter li {
 500     display: inline;
 501     margin: 0 1em 0 0;
 502 }
 503
 504 <dtml-comment>
 505
 506 /* Not used */
 507
 508 .ObjectStatus {
 509   font-style: italic }
 510
 511 .ContextActionsRow {
 512   color: white;
 513   background-color: #aaa }
 514
 515 #ContextActionsBox {
 516   background-color: #aaa;
 517   padding: 0;
 518   border: dotted 2px #ffa500 }
 519
 520 #DiscussionAbove {
 521   font-style: italic;
 522   margin: 8pt 8pt 8pt 16pt;
 523   border: dashed 2px #f00 }
 524
 525 </dtml-comment>
 526
 527 /* </dtml-with> */