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;
 360 }
 361
 362 /* Folder contents */
 363
 364 .listing {
 365   font-size: &dtml-fontSmallSize;;
 366 }
 367
 368 .listing th {
 369   background-color: &dtml-listingHeaderBackgroundColor;;
 370   text-align: left;
 371   padding: 2px 0 1px 4px;
 372 }
 373
 374 .listing th a,
 375 .listing a:link,
 376 .listing a:visited,
 377 .listing a:active {
 378   color: &dtml-linkColor;;
 379 }
 380
 381 .listing th a:hover {
 382         color: &dtml-linkHoverColor;;
 383 }
 384
 385 .listing td {
 386   padding : 2px ;
 387   vertical-align : middle ;
 388 }
 389
 390 .listing .odd {
 391   background-color: &dtml-oddRowBackgroundColor;;
 392 }
 393 .listing .even {
 394   background-color: &dtml-evenRowBackgroundColor;;
 395 }
 396
 397 .listing span.upload-progress {
 398   display: block;
 399   position:absolute;
 400   background:#ef8e32;
 401   height:4px;
 402   border-radius:2px;
 403   width:0;
 404   top:3px;
 405 }
 406
 407
 408 /* Batched navigation */
 409
 410 .listingBar {
 411   background-color: &dtml-tabsBackgroundColor;;
 412   font-size: &dtml-fontSmallSize;;
 413   border: 1px solid &dtml-listingBarBorderColor;;
 414   padding: 0em 1em;
 415   margin:1em 0;
 416   text-align: center;
 417   vertical-align: top;
 418 }
 419
 420 .listingBar a,
 421 .listingBar a:link,
 422 .listingBar a:visited,
 423 .listingBar a:active {
 424         color : &dtml-linkColor;;
 425 }
 426
 427 .listingBar a:hover {
 428         color : &dtml-linkHoverColor;;
 429 }
 430
 431 .listingBar a.previous {
 432     text-align: left;
 433     float: left;
 434 }
 435
 436 .listingBar a.next {
 437     text-align: right;
 438     float: right;
 439 }
 440
 441 /* Recent news */
 442
 443 .newsItem {
 444   font-size:90%;
 445   background-color: &dtml-contentBackgroundColor;;
 446   margin: 1em 0;
 447 }
 448
 449 .newsTitle {
 450   color: &dtml-fontColor;;
 451   font-weight: bold;
 452   padding: 0 2px;
 453   border: &dtml-tabsBorderWidth; solid &dtml-newsTitleBorderColor;;
 454 }
 455
 456 .newsTitle a {
 457   color: &dtml-fontColor;;
 458 }
 459
 460 .newsDescription {
 461   margin: 0 0.5em;
 462 }
 463
 464 .newsContent {
 465   padding: 0 1em 1em 1em;
 466 }
 467
 468 .newsContent ul,
 469 .newsContent li {
 470     display: block;
 471     list-style: none;
 472     list-style-image: none;
 473     margin: 0;
 474     padding: 0;
 475 }
 476
 477 .newsAbout {
 478     display: block;
 479     color: &dtml-fontColor;;
 480     font-size: &dtml-fontSmallSize;;
 481     list-style: none;
 482     list-style-image: none;
 483     float: right;
 484     text-align: right;
 485 }
 486
 487 .newsAbout li {
 488     display: inline;
 489 }
 490
 491 .newsFooter {
 492     font-size: &dtml-fontSmallSize;;
 493 }
 494
 495 .newsFooter li {
 496     display: inline;
 497     margin: 0 1em 0 0;
 498 }
 499
 500 <dtml-comment>
 501
 502 /* Not used */
 503
 504 .ObjectStatus {
 505   font-style: italic }
 506
 507 .ContextActionsRow {
 508   color: white;
 509   background-color: #aaa }
 510
 511 #ContextActionsBox {
 512   background-color: #aaa;
 513   padding: 0;
 514   border: dotted 2px #ffa500 }
 515
 516 #DiscussionAbove {
 517   font-style: italic;
 518   margin: 8pt 8pt 8pt 16pt;
 519   border: dashed 2px #f00 }
 520
 521 </dtml-comment>
 522
 523 /* </dtml-with> */