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