Products/Plinn/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   border-radius: &dtml-borderRadius;px;
  16 }
  17
  18 table.TwoColumnForm td.ListDefinition {
  19   font-style: italic }
  20
  21 table.TwoColumnForm td.ListName {
  22   color: #fff;
  23   font-weight: bold;
  24   background-color: #369;
  25   vertical-align: middle }
  26
  27 table.TwoColumnForm th {
  28   font-weight: bold;
  29   text-align: right;
  30   padding-right: 5px }
  31
  32 table.TwoColumnForm tr {
  33 /*  background-color: #ddd;*/
  34   vertical-align: top }
  35
  36 table.TwoColumnForm tr td.TextField {
  37   vertical-align: top;
  38   padding-right: 10px;
  39   padding-left: 10px }
  40
  41 dl.FieldHelp {
  42   margin: 3px }
  43
  44 dl.FieldHelp dd {
  45   font-size : 90% ;
  46   font-style : italic }
  47
  48 table.TwoColumnForm tr th.TextField {
  49   vertical-align: top }
  50
  51 table.FolderFactories th {
  52   text-align : center ;
  53 }
  54
  55 table.FolderFactories td.ListName {
  56   color: &dtml-fontColor;;
  57   font-weight: bold;
  58   vertical-align: middle;
  59   padding : 2px;
  60 }
  61
  62 table.FolderFactories td.spacing {
  63   height : 8px ;
  64 }
  65
  66 table.assign_global_roles {
  67   margin-top : 0.5em;
  68   background-color: &dtml-twoColumnFormBackground;;
  69   padding: 4px;
  70 }
  71
  72 .assign_global_roles th {
  73   padding-right: 5px;
  74   vertical-align:top;
  75 }
  76
  77 .assign_global_roles td ul {
  78   margin: 0px;
  79   padding-left: 15px
  80 }
  81
  82 .config {
  83   color: &dtml-configFontColor;;
  84   background-color: &dtml-configBackgroundColor;;
  85   padding: 5px }
  86
  87 .config .info_message {
  88   color: &dtml-messageFontColor;;
  89   font-weight: 800 }
  90
  91 .config .tabs {
  92   margin: 0px;
  93   padding: 0px;
  94   border-bottom: 1pt solid #669 }
  95
  96 .config a
  97 .config a:link,
  98 .config a:visited,
  99 .config a:active {
 100   color : &dtml-linkColor;;
 101 }
 102
 103 .config a:hover {
 104   color : &dtml-linkHoverColor;;
 105 }
 106
 107 .config .tabs a,
 108 .config .tabs a:link,
 109 .config .tabs a:visited,
 110 .config .tabs a:active {
 111   color : &dtml-tabsFontColor;;
 112   text-decoration: none
 113
 114 }
 115
 116 .config .tabs a:hover {
 117   color: #59c
 118 }
 119
 120 .config .tabs td {
 121   padding-right: 5px;
 122   padding-left: 5px;
 123   border-style: solid;
 124   border-width: 1px 2px 2px 1px;
 125   border-color: #ccc;
 126   text-align: center;
 127 }
 128
 129 .config .tabs td.selected {
 130   vertical-align: bottom;
 131   margin: 0px;
 132   padding: 0px 5px;
 133   background: #eee;
 134   border: solid 1px #669;
 135 }
 136
 137 .config .tabs td.selected a,
 138 .config .tabs td.selected a:link,
 139 .config .tabs td.selected a:visited,
 140 .config .tabs td.selected a:active {
 141   color: #000;
 142   font-weight: bold
 143 }
 144
 145 .twins_list {
 146   vertical-align: middle }
 147
 148 .send_email_form label {
 149   margin-right : 1em ;
 150 }
 151
 152
 153 /* Boxes styles */
 154
 155 .boxes_container {
 156   padding-top:1em;
 157 }
 158
 159 .boxes_container table {
 160   width : 100%;
 161   font-size : 9pt ;
 162   margin-bottom : 5px;
 163 }
 164
 165 .boxes_container img {
 166   vertical-align:middle
 167 }
 168
 169 .boxes_container a:link,
 170 .boxes_container a:visited,
 171 .boxes_container a:active {
 172   color : &dtml-linkColor;;
 173 }
 174
 175 .boxes_container a:hover {
 176   color : &dtml-linkHoverColor;;
 177 }
 178
 179 .boxes_container th  {
 180   color: &dtml-fontColor;;
 181   border-bottom: thin dotted &dtml-boxesBorderColor;;
 182 }
 183
 184 .boxes_container ul {
 185   margin : 0 ;
 186   padding : 2px }
 187
 188 .boxes_container li  {
 189   margin-left : 0.5em ;
 190   color: &dtml-bulletColor;;
 191   list-style:none;
 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   border-radius:7px;
 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 /* Mosaic document */
 545 table.input_form { border: none; border-spacing: 4px }
 546 table.input_form tr td { border: none }
 547 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 }
 548 div.container_block_form { background-color: #f0f0f0; padding: 10px 5px; border: dotted 2px }
 549 div.slot_text { text-align: justify }
 550 form.block_form { border : 2px solid #d7d7d7; background-color : #fff }
 551 .mosaic_input { background-color: white }
 552 .move_table {background-color: #d7d7d7; text-align:right }
 553
 554 /* completions */
 555
 556 ul.completions {
 557   border:1px solid black;
 558   margin:0;
 559   padding:0;
 560   position:absolute;
 561   background:#fff;
 562   list-style:none;
 563   cursor : pointer;
 564 }
 565 ul.completions li.selected {
 566   background:&dtml-linkHoverColor;;
 567 }
 568
 569 ul.completions li:hover {
 570   background:&dtml-linkHoverColor;;
 571 }
 572
 573 .comparison th {
 574   background:#ddd;
 575 }
 576 .comparison .mid {
 577   background:#f0f0f0;
 578 }
 579 .comparison .insert .left,
 580 .comparison .insert .right {
 581   background:#dfd;
 582 }
 583
 584 .comparison .replace .left,
 585 .comparison .replace .right {
 586   background:#fe9;
 587 }
 588
 589 .comparison .delete .left,
 590 .comparison .delete .right {
 591   background:#fdd;
 592 }
 593
 594 .revision_context {
 595   border:1px solid &dtml-outlineColor;;
 596   background: &dtml-configBackgroundColor;;
 597   padding:0 0.5em;
 598 }
 599
 600 /* ckeditor */
 601 a.cke_path_item, a.cke_path_empty {
 602   color: #4c4c4c;
 603 }
 604
 605 /* </dtml-with> */