skins/generic/plinn_style.css.dtml

   1 /* <dtml-with base_properties> */
   2
   3 img {
   4   border:none;
   5 }
   6
   7 input, textarea, select {
   8   color: &dtml-inputFontColor;;
   9 }
  10
  11 table.TwoColumnForm {
  12         color: &dtml-twoColumnFormFontColor;;
  13   background-color: &dtml-twoColumnFormBackground;;
  14   padding : 4px ;
  15 }
  16
  17 table.TwoColumnForm td.ListDefinition {
  18   font-style: italic }
  19
  20 table.TwoColumnForm td.ListName {
  21   color: #fff;
  22   font-weight: bold;
  23   background-color: #369;
  24   vertical-align: middle }
  25
  26 table.TwoColumnForm th {
  27   font-weight: bold;
  28   text-align: right;
  29   padding-right: 5px }
  30
  31 table.TwoColumnForm tr {
  32 /*  background-color: #ddd;*/
  33   vertical-align: top }
  34
  35 table.TwoColumnForm tr td.TextField {
  36   vertical-align: top;
  37   padding-right: 10px;
  38   padding-left: 10px }
  39
  40 dl.FieldHelp {
  41   margin: 3px }
  42
  43 dl.FieldHelp dd {
  44   font-size : 90% ;
  45   font-style : italic }
  46
  47 table.TwoColumnForm tr th.TextField {
  48   vertical-align: top }
  49
  50 table.FolderFactories th {
  51   text-align : center ;
  52 }
  53
  54 table.FolderFactories td.ListName {
  55   color: &dtml-fontColor;;
  56   font-weight: bold;
  57   vertical-align: middle;
  58   padding : 2px;
  59 }
  60
  61 table.FolderFactories td.spacing {
  62   height : 8px ;
  63 }
  64
  65 table.assign_global_roles {
  66   margin-top : 0.5em;
  67   background-color: &dtml-twoColumnFormBackground;;
  68   padding: 4px;
  69 }
  70
  71 .assign_global_roles th {
  72   padding-right: 5px;
  73   vertical-align:top;
  74 }
  75
  76 .assign_global_roles td ul {
  77   margin: 0px;
  78   padding-left: 15px
  79 }
  80
  81 .config {
  82   color: &dtml-configFontColor;;
  83   background-color: &dtml-configBackgroundColor;;
  84   padding: 5px }
  85
  86 .config .info_message {
  87   color: &dtml-messageFontColor;;
  88   font-weight: 800 }
  89
  90 .config .tabs {
  91   margin: 0px;
  92   padding: 0px;
  93   border-bottom: 1pt solid #669 }
  94
  95 .config a
  96 .config a:link,
  97 .config a:visited,
  98 .config a:active {
  99         color : &dtml-specialLinkColor;;
 100 }
 101
 102 .config a:hover {
 103         color : &dtml-specialLinkHoverColor;;
 104 }
 105
 106 .config .tabs a {
 107         color : &dtml-tabsFontColor;;
 108   text-decoration: none }
 109
 110 .config .tabs a:active {
 111   color: &dtml-tabsFontColor;; }
 112
 113 .config .tabs a:hover {
 114   color: #59c }
 115
 116 .config .tabs a:link {
 117   color: &dtml-tabsFontColor;; }
 118
 119 .config .tabs a:visited {
 120   color: &dtml-tabsFontColor;; }
 121
 122 .config .tabs td {
 123   padding-right: 5px;
 124   padding-left: 5px;
 125   border-style: solid;
 126   border-width: 1px 2px 2px 1px;
 127   border-color: #ccc;
 128   text-align: center;
 129 }
 130
 131 .config .tabs td.selected {
 132   vertical-align: bottom;
 133   margin: 0px;
 134   padding: 0px 5px;
 135   background: #eee;
 136   border: solid 1px #669;
 137 }
 138
 139 .config .tabs td.selected a  {
 140   color: #000;
 141   font-weight: bold }
 142
 143 .twins_list {
 144   vertical-align: middle }
 145
 146 .send_email_form label {
 147   margin-right : 1em ;
 148 }
 149
 150
 151 /* Boxes styles */
 152
 153 .boxes_container {
 154   padding-top:1em;
 155 }
 156
 157 .boxes_container table {
 158   width : 100%;
 159   font-size : 9pt ;
 160   margin-bottom : 5px;
 161 }
 162
 163 .boxes_container img {
 164         vertical-align:middle
 165 }
 166
 167 .boxes_container a:link,
 168 .boxes_container a:visited,
 169 .boxes_container a:active {
 170   color : &dtml-linkColor;;
 171 }
 172
 173 .boxes_container a:hover {
 174   color : &dtml-linkHoverColor;;
 175 }
 176
 177 .boxes_container th  {
 178   background-color: &dtml-boxeHeaderBackgroundColor;;
 179   color: &dtml-fontColor;;
 180   border-bottom: &dtml-tabsBorderWidth; solid &dtml-boxesBorderColor;;
 181 }
 182
 183 .boxes_container ul {
 184   margin : 0 ;
 185   padding : 2px }
 186
 187 .boxes_container li  {
 188   margin-left : 0 ;
 189   color: &dtml-bulletColor;;
 190   list-style-position : inside ;
 191   list-style-image : url(list_bullet.gif);
 192 }
 193
 194 .tree_box table {
 195   margin:0;
 196 }
 197
 198 .folder_object,
 199 .global,
 200 .workflow,
 201 .tree_box,
 202 .supervision,
 203 .clipboard,
 204 .news_box {
 205   border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
 206 }
 207
 208 .news_box td.even {  background-color: &dtml-evenRowBackgroundColor;; }
 209
 210 .news_box td.odd {  background-color: &dtml-oddRowBackgroundColor;; }
 211
 212
 213 /* Calendar */
 214
 215 .remove .calendar_table a, .remove .week_table a {
 216   color : red ;
 217   cursor : crosshair ;
 218 }
 219
 220 /* month view*/
 221 .calendar_table {
 222   border-collapse : collapse ;
 223   text-align : left ;
 224 }
 225
 226 .calendar_table ul {
 227   margin : 0 ;
 228   padding : 2px }
 229
 230 .calendar_table li {
 231   margin-left : 0 ;
 232   color: &dtml-bulletColor;;
 233   list-style-position : inside ;
 234   font-size : 9pt ;
 235 }
 236
 237
 238 .calendar_table div {
 239    text-align : right ;
 240  }
 241
 242 .calendar_table th {
 243   text-align : center ;
 244   width : 14% ;
 245 }
 246
 247 .calendar_table td {
 248   border : 1px solid &dtml-calGridBorderColor;
 249 }
 250
 251 .calendar_table td.disabled {
 252   border : none ;
 253 }
 254
 255 .calendar_table td.today {
 256   background-color : &dtml-todayBackgroundColor;;
 257 }
 258
 259 .cal_navigation td {
 260   vertical-align : middle ;
 261 }
 262
 263 .cal_navigation a, .cal_navigation a:visited {
 264   font-size: &dtml-fontSmallSize;;
 265   background-color: &dtml-tabsBackgroundColor;;
 266   color: &dtml-fontColor;;
 267 }
 268
 269 .cal_navigation a.selected, .cal_navigation a.selected:visited {
 270   background-color: &dtml-tabsBorderColor;;
 271   color: &dtml-tabsFontColor;;
 272
 273 }
 274
 275 .cal_navigation a:hover {
 276   background-color: &dtml-tabsBorderColor;;
 277   color: &dtml-tabsFontColor;;
 278 }
 279
 280 /* week view */
 281 .week_table {
 282   width : 100% ;
 283   border-collapse : collapse ;
 284   font-size : 9pt ;
 285 }
 286
 287 .week_table th {
 288   font-weight : normal ;
 289   text-align : center ;
 290   border-bottom : 1px solid &dtml-calGridBorderColor; ;
 291 }
 292
 293 .week_table td {
 294   border-left : 1px solid &dtml-calGridBorderColor; ;
 295   border-right : 1px solid &dtml-calGridBorderColor; ;
 296   padding : 0 ;
 297 }
 298
 299 .week_table td.hourLabel {
 300   border-left : 1px solid &dtml-contentBackgroundColor; ;
 301 /*  width : 5ex ;*/
 302 }
 303
 304 .week_table div {
 305   margin-top : -1px ;
 306   padding : 0 ;
 307   height : 15px ;
 308   border-bottom : 1px solid &dtml-contentBackgroundColor; ;
 309 }
 310
 311 .week_table ul {
 312   height : 15px ;
 313   overflow : hidden ;
 314   margin : 0 ;
 315   padding : 0 ;
 316   position : absolute ;
 317 }
 318
 319 .week_table ul:hover {
 320   height : auto ;
 321   overflow : visible ;
 322   background-color : #f0f0f0 ;
 323   border-top : 1px solid &dtml-bulletColor; ;
 324   border-left : 1px solid &dtml-contentBackgroundColor; ;
 325   border-right : 1px solid &dtml-contentBackgroundColor; ;
 326   border-bottom : 1px solid &dtml-contentBackgroundColor; ;
 327   z-index : 1 ;
 328 }
 329
 330 .week_table li  {
 331   margin-left : 0 ;
 332   color: &dtml-bulletColor;;
 333   list-style-position : inside ;
 334 }
 335
 336 .week_table .hour_row {
 337   border-bottom : 1px solid &dtml-calGridBorderColor; ;
 338 }
 339 .week_table .half_hour_row {
 340   border-bottom : 1px solid &dtml-calHalfGridBorderColor; ;
 341 }
 342
 343 .week_table .today {
 344   background-color : &dtml-todayBackgroundColor;;
 345 }
 346
 347 .week_table div.event {
 348   position : absolute ;
 349   border : 1px solid #ccc ;
 350   background-color : white ;
 351 }
 352
 353 .week_table div.event:hover {
 354   border : 1px solid &dtml-bulletColor; ;
 355   z-index : 1 ;
 356 }
 357
 358 /* Photo / Portfolio */
 359
 360 /* Deprecated. TODO :remove */
 361 .photo_slide {
 362   height : &dtml-slide_size;px ;
 363   width : &dtml-slide_size;px ;
 364   float : left ;
 365   border : 1px solid black ;
 366   margin-top : -1px;
 367   margin-left : -1px;
 368   text-align : center ;
 369   overflow : hidden ;
 370 }
 371
 372 .portfolio_slide {
 373   height : &dtml-slide_size;px ;
 374   width : &dtml-slide_size;px ;
 375   float : left ;
 376   border : 1px solid black ;
 377   margin-top : -1px;
 378   margin-left : -1px;
 379   text-align : center ;
 380   overflow : hidden ;
 381   background-image: url(portfolio_icon.gif);
 382   background-repeat: no-repeat;
 383   background-position: 2px 2px;
 384   background-color: &dtml-portfolioSlideBackgroundColor;;
 385 }
 386
 387 .photo_slide a, .portfolio_slide a {
 388   padding : 2px;
 389 }
 390
 391 .exif_table th {
 392   font-weight : bold ;
 393   text-align : right ;
 394 }
 395
 396 /* Plinn document */
 397 .plinn_document {
 398   font-size : 14px;
 399   background-color : transparent;
 400 }
 401
 402 .plinn_document div {
 403   overflow : visible;
 404 }
 405
 406 .active_epoz {
 407   border : 1px solid &dtml-linkColor;;
 408   width : 99%;
 409 }
 410
 411 .inactive_epoz {
 412   border : 1px dashed &dtml-linkColor;;
 413   width : 99%;
 414 }
 415
 416 .hidden, .hidden_value {
 417   visibility : hidden;
 418   display : none;
 419 }
 420
 421 .resize_handle {
 422         position : absolute;
 423         display : block;
 424         right : 0;
 425         bottom : 0;
 426         visibility:hidden;
 427         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/resize_handle.png');
 428         line-height : 0; /* IE hack */
 429         background-repeat : no-repeat;
 430         width : 12px;
 431         height : 12px;
 432 /*      cursor : se-resize;*/
 433 }
 434
 435 .resize_handle[class] {
 436         background-image : url(&dtml-portal_url;/resize_handle.png);
 437 }
 438
 439 .rectangle_header {
 440         position : absolute;
 441         background : url(&dtml-portal_url;/degrad_rectangle_header.gif);
 442         height : 11px;
 443         width : 100%;
 444         border: 1px solid #cbcbcb;
 445         border-bottom : 1px solid #9f9f9f;
 446         top : -13px;
 447         left : -1px;
 448         visibility:hidden;
 449 /*      cursor : move;*/
 450 }
 451
 452 .rectangle_delimg {
 453         margin-left:5px;
 454 }
 455
 456
 457 #ImageUploadForm, #FileUploadForm {
 458   border : 1px solid #aaa;
 459   position : absolute;
 460         padding : 2px;
 461         top : 29px;
 462         left : -317px;
 463   height : 130px;
 464   width : 310px;
 465   background : #ccc;
 466   visibility : hidden;
 467 }
 468
 469 /* Discussion */
 470
 471 .reply_title {
 472   font-weight : bold;
 473 }
 474
 475 .reply_body {
 476   padding : 5px 0 15px 20px;
 477 }
 478 .reply_body p {
 479   margin:0;
 480 }
 481
 482
 483 .outline_in_reply_to {
 484   border-left : 1em solid &dtml-outlineColor;;
 485   border-bottom : 1px solid &dtml-outlineColor;;
 486 }
 487
 488 .outline_new_reply {
 489   border-left : 2px solid &dtml-outlineColor;;
 490 }
 491
 492 /* batch drop */
 493 .dropPageTarget {
 494   background : &dtml-highLightColor;;
 495   padding : 0 0.5em;
 496 }
 497
 498 /* clipboard */
 499 .clipboard td, .clipboard ul {
 500         padding : 0;
 501 }
 502
 503
 504 .clipboard li {
 505         padding-left : 5px;
 506         list-style : none outside none;
 507 }
 508
 509 .clipboard li.odd {
 510         background-color : &dtml-oddRowBackgroundColor;;
 511 }
 512
 513 .clipboard li.even {
 514         background-color : &dtml-evenRowBackgroundColor;;
 515 }
 516
 517 .clipboard input {
 518         font-size : &dtml-fontSmallSize;;
 519 }
 520
 521 .live_field {
 522         border : 1px solid black;
 523 }
 524
 525 .editable:hover {
 526         background: #fff8aa;
 527         cursor:text;
 528         border-color: #666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102);
 529         border-style:solid;
 530         border-width:2px;
 531 }
 532
 533 /* Epoz */
 534
 535 .EpozToolbar img, #EpozToolbar img {
 536         border: 1px solid rgb(170, 170, 170);
 537         background-color: rgb(204, 204, 204);
 538         cursor: pointer;
 539         margin-right: 1px;
 540         margin-bottom: 1px;
 541 }
 542
 543 #HeaderArea a
 544 #HeaderArea a:link,
 545 #HeaderArea a:visited,
 546 #HeaderArea a:active {
 547         color : &dtml-specialLinkColor;;
 548 }
 549
 550 #HeaderArea a:hover {
 551         color : &dtml-specialLinkHoverColor;;
 552 }
 553
 554 /* Mosaic document */
 555 table.input_form { border: none; border-spacing: 4px }
 556 table.input_form tr td { border: none }
 557 table.input_form tr th  { color: white; font-weight: 800; font-size: 13px; font-family: Arial, sans-serif; background-color: #69c; text-align: right; vertical-align: top; padding: 1px 10px 5px 5px }
 558 div.container_block_form { background-color: #f0f0f0; padding: 10px 5px; border: dotted 2px }
 559 div.slot_text { text-align: justify }
 560 form.block_form { border : 2px solid #d7d7d7; background-color : #fff }
 561 .mosaic_input { background-color: white }
 562 .move_table {background-color: #d7d7d7; text-align:right }
 563
 564 /* completions */
 565
 566 ul.completions {
 567         border:1px solid black;
 568         margin:0;
 569         padding:0;
 570         position:absolute;
 571         background:#fff;
 572         list-style:none;
 573         cursor : pointer;
 574 }
 575 ul.completions li.selected {
 576         background:&dtml-linkHoverColor;;
 577 }
 578
 579 ul.completions li:hover {
 580   background:&dtml-linkHoverColor;;
 581 }
 582
 583 .comparison th {
 584   background:#ddd;
 585 }
 586 .comparison .mid {
 587   background:#f0f0f0;
 588 }
 589 .comparison .insert .left,
 590 .comparison .insert .right {
 591   background:#dfd;
 592 }
 593
 594 .comparison .replace .left,
 595 .comparison .replace .right {
 596   background:#fe9;
 597 }
 598
 599 .comparison .delete .left,
 600 .comparison .delete .right {
 601   background:#fdd;
 602 }
 603
 604 .revision_context {
 605   border:1px solid &dtml-outlineColor;;
 606   background: &dtml-configBackgroundColor;;
 607   padding:0 0.5em;
 608 }
 609
 610 /* </dtml-with> */