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