skins/generic/zpt_stylesheet_print.css.dtml

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