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 }
 143
 144 #PortalLogo  {
 145   vertical-align: middle;
 146 }
 147
 148 #PortalLogo img {
 149   border: none;
 150 }
 151
 152
 153 #PortalTitle {
 154   font-family: &dtml-headingFontFamily;;
 155   font-size: 120%;
 156   font-weight: bold;
 157 }
 158
 159 #NavBar {
 160   font-size: &dtml-fontSmallSize;;
 161   font-weight: bold;
 162 }
 163
 164 #NavBar a,
 165 #NavBar a:link,
 166 #NavBar a:visited,
 167 #NavBar a:active {
 168   color: &dtml-specialLinkColor;;
 169 }
 170
 171 #NavBar a:hover {
 172   color: &dtml-specialLinkHoverColor;;
 173 }
 174
 175
 176 /* User menu bar */
 177
 178 #MemberActionsBox {
 179   width: 100%;
 180   background-color: &dtml-memberActionsBoxBackground;;
 181   color: &dtml-fontColor;;
 182   font-weight: bold ;
 183   font-size: &dtml-fontSmallSize;;
 184   padding : 0 2px ;
 185 }
 186 #MemberActionsBox td {
 187         vertical-align: middle;
 188 }
 189
 190 .ActionTitle {
 191   color: &dtml-fontColor;
 192 }
 193
 194 .ActionLink a:link,
 195 .ActionLink a:visited,
 196 .ActionLink a:active {
 197   color: &dtml-linkColor;;
 198   text-decoration: none
 199 }
 200
 201 .ActionLink a:hover { color: &dtml-linkHoverColor;}
 202
 203
 204 /* Breadcrumbs + Search form */
 205 #Breadcrumbs {
 206   background: &dtml-breadcrumbsBackground;;
 207   font-size: &dtml-fontSmallSize;;
 208   padding: 0 2px 1px 2px;
 209
 210 }
 211
 212 /*
 213  Main column
 214  */
 215
 216
 217 /* Status messages */
 218 .DesktopStatusBar  {
 219   background-color: &dtml-messageBackgroundColor;;
 220   border: 1px solid &dtml-messageBorderColor;;
 221   color: &dtml-messageFontColor;;
 222   font-size: &dtml-fontSmallSize;;
 223   font-weight: bold;
 224   padding-left : 1em;
 225   margin-bottom : 6px;
 226   vertical-align: middle;
 227 }
 228
 229 .DesktopStatusBar img {
 230   vertical-align: middle;
 231 }
 232
 233 /* Content tabs */
 234 .contentTabs {
 235   border-bottom : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 236   border-collapse: collapse;
 237   white-space: nowrap;
 238   padding-left: 1em;
 239   margin: 0;
 240 }
 241
 242 .contentTabs li, .additionalTabs li {
 243   display: inline;
 244   font-size: &dtml-fontSmallSize;;
 245 }
 246
 247 .contentTabs a,
 248 .contentTabs a:visited
 249 {
 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 }
 258
 259 .contentTabs a:hover, .contentTabs a:active {
 260   background-color: &dtml-tabsBorderColor;;
 261   color: &dtml-tabsFontColor;;
 262 }
 263
 264 .contentTabs .selected a,
 265 .contentTabs .selected a:visited,
 266 .contentTabs .selected a:hover {
 267   border-left : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 268   border-right : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 269   border-top : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 270   border-bottom : &dtml-tabsBottomBorderSelectedWidth; solid &dtml-selectedTabBackgroundColor;;
 271   color: &dtml-tabsFontColor;;
 272   background-color : &dtml-selectedTabBackgroundColor;;
 273 }
 274
 275 .additionalTabs {
 276   padding-right : 2em ;
 277   text-align : right ;
 278   margin : 0 ;
 279 }
 280
 281 .additionalTabs a, .additionalTabs a:visited {
 282   color: &dtml-tabsFontColor;;
 283   padding: 0 1em;
 284   border-left : 1px dashed &dtml-tabsBorderColor;;
 285 }
 286
 287 .additionalTabs .selected a {
 288   background-color : &dtml-tabsBorderColor;;
 289   }
 290
 291
 292 #mainCell {
 293   padding: 12px 5px;
 294 }
 295 #ForematterCell {
 296   background: &dtml-contentBackgroundColor;;
 297   padding-bottom : 1px ;
 298 }
 299
 300 /* Header */
 301 .header {
 302   font-family: &dtml-headingFontFamily;;
 303   padding: 0 0.5em;
 304 }
 305
 306 /* Title */
 307 #DesktopTitle {
 308   font-size: 120%;
 309   font-weight: bold;
 310   color: &dtml-fontColor;;
 311   margin : 0 ;
 312   padding: 2px;
 313   vertical-align : bottom ;
 314 }
 315
 316 #DesktopTitle img {
 317   vertical-align:middle;
 318   padding-right: 2px;
 319 }
 320 /* Description */
 321 #DesktopDescription {
 322   font-size: &dtml-fontSmallSize;;
 323   color: &dtml-descriptionColor;;
 324 }
 325
 326 /* Content Byline */
 327 #ContentByLine {
 328         color : &dtml-descriptionColor;;
 329   background-color: &dtml-bylineBackgroundColor;;
 330   font-size: &dtml-fontSmallSize;;
 331   text-align: right;
 332   padding: 0 1em;
 333 }
 334
 335 #ContentByLine a {
 336
 337 }
 338
 339 /* Main content */
 340 #Desktop {
 341   padding: 0 0.5em;
 342   text-align: justify ;
 343 }
 344
 345 /* Search form */
 346
 347 #search_form {
 348   font-size: &dtml-fontSmallSize;;
 349 }
 350
 351 #Footer {
 352   background-color : &dtml-footerBackgroundColor;;
 353   color: &dtml-fontColor;;
 354   font-size: 80%;
 355   text-align: center;
 356   padding : 3px;
 357 }
 358
 359 /* Folder contents */
 360
 361 .listing {
 362   font-size: &dtml-fontSmallSize;;
 363 }
 364
 365 .listing th {
 366   background-color: &dtml-listingHeaderBackgroundColor;;
 367   text-align: left;
 368   padding: 2px 0 1px 4px;
 369 }
 370
 371 .listing th a,
 372 .listing a:link,
 373 .listing a:visited,
 374 .listing a:active {
 375   color: &dtml-specialLinkColor;;
 376 }
 377
 378 .listing th a:hover {
 379         color: &dtml-specialLinkHoverColor;;
 380 }
 381
 382 .listing td {
 383   padding : 2px ;
 384   vertical-align : middle ;
 385 }
 386
 387 .listing .odd {
 388   background-color: &dtml-oddRowBackgroundColor;;
 389 }
 390 .listing .even {
 391   background-color: &dtml-evenRowBackgroundColor;;
 392 }
 393
 394 /* Batched navigation */
 395
 396 .listingBar {
 397   background-color: &dtml-tabsBackgroundColor;;
 398   font-size: &dtml-fontSmallSize;;
 399   border: 1px solid &dtml-listingBarBorderColor;;
 400   padding: 0em 1em;
 401   margin:1em 0;
 402   text-align: center;
 403   vertical-align: top;
 404 }
 405
 406 .listingBar a,
 407 .listingBar a:link,
 408 .listingBar a:visited,
 409 .listingBar a:active {
 410         color : &dtml-specialLinkColor;;
 411 }
 412
 413 .listingBar a:hover {
 414         color : &dtml-specialLinkHoverColor;;
 415 }
 416
 417 .listingBar a.previous {
 418     text-align: left;
 419     float: left;
 420 }
 421
 422 .listingBar a.next {
 423     text-align: right;
 424     float: right;
 425 }
 426
 427 /* Recent news */
 428
 429 .newsItem {
 430   font-size:90%;
 431   background-color: &dtml-contentBackgroundColor;;
 432   margin: 1em 0;
 433 }
 434
 435 .newsTitle {
 436   color: &dtml-fontColor;;
 437   font-weight: bold;
 438   padding: 0 2px;
 439   border: &dtml-tabsBorderWidth; solid &dtml-newsTitleBorderColor;;
 440 }
 441
 442 .newsTitle a {
 443   color: &dtml-fontColor;;
 444 }
 445
 446 .newsDescription {
 447   margin: 0 0.5em;
 448 }
 449
 450 .newsContent {
 451   padding: 0 1em 1em 1em;
 452 }
 453
 454 .newsContent ul,
 455 .newsContent li {
 456     display: block;
 457     list-style: none;
 458     list-style-image: none;
 459     margin: 0;
 460     padding: 0;
 461 }
 462
 463 .newsAbout {
 464     display: block;
 465     color: &dtml-fontColor;;
 466     font-size: &dtml-fontSmallSize;;
 467     list-style: none;
 468     list-style-image: none;
 469     float: right;
 470     text-align: right;
 471 }
 472
 473 .newsAbout li {
 474     display: inline;
 475 }
 476
 477 .newsFooter {
 478     font-size: &dtml-fontSmallSize;;
 479 }
 480
 481 .newsFooter li {
 482     display: inline;
 483     margin: 0 1em 0 0;
 484 }
 485
 486 <dtml-comment>
 487
 488 /* Not used */
 489
 490 .ObjectStatus {
 491   font-style: italic }
 492
 493 .ContextActionsRow {
 494   color: white;
 495   background-color: #aaa }
 496
 497 #ContextActionsBox {
 498   background-color: #aaa;
 499   padding: 0;
 500   border: dotted 2px #ffa500 }
 501
 502 #DiscussionAbove {
 503   font-style: italic;
 504   margin: 8pt 8pt 8pt 16pt;
 505   border: dashed 2px #f00 }
 506
 507 </dtml-comment>
 508
 509 /* </dtml-with> */