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