git.roojs.org Git - Pman.Core/blob - core.css

   1
   2 .loading-indicator {
   3     font-size:12px;
   4     height:28px;
   5 }
   6 .loading-indicator {
   7     background-position:left top;
   8     background-repeat:no-repeat;
   9     font-size:8pt;
  10     height:18px;
  11     padding-left:20px;
  12     text-align:left;
  13 }
  14 #loading {
  15     background:#fff;
  16     border:1px solid #6593CF;
  17     left:40%;
  18     padding:2px;
  19     position:absolute;
  20     text-align:center;
  21     top:40%;
  22     width:250px;
  23
  24     z-index:20001;
  25     font-family:tahoma,arial,helvetica;
  26 }
  27 /** not sure if this is still needed ? */
  28
  29 #loading-logo-bottom,
  30 #loading-logo-center,
  31 #loading-logo-tile,
  32 #loading-logo-tile-top
  33 {
  34    width:100%;
  35    height:100%;
  36    position:absolute;
  37
  38    left:0;
  39    top:0;
  40    background-position:50% 50%;
  41 }
  42
  43 /* background-tile.jpg */
  44 #loading-logo-tile {
  45     z-index:1000;
  46 }
  47
  48 /* background.jpg */
  49 #loading-logo-center
  50 {
  51    background-position:50% 0;
  52    background-repeat:no-repeat;
  53    z-index:1001;
  54 }
  55 /* background-tile-top.jpg */
  56 #loading-logo-tile-top
  57 {
  58    background-position:50% 0;
  59    z-index:1002;
  60    background-repeat:repeat-x;
  61
  62 }
  63 /* background_bottom_logo.gif */
  64 #loading-logo-bottom
  65 {
  66    background-position:50% 100%;
  67    background-repeat:no-repeat;
  68    z-index:1003;
  69 }
  70
  71
  72
  73 .logoblock {
  74     background-color: #f8ecb2;
  75 }
  76 .x-grid-row .x-grid-col-Companies-Company_Name {
  77     white-space: pre;
  78 }
  79 .x-grid-row .x-grid-td-FaxArchive-Details,
  80 .x-grid-row .x-grid-col-Directory-Directory_Address {
  81     white-space: normal;
  82 }
  83
  84
  85 .x-grid-row-selected .x-grid-check-icon-toggle,
  86 .x-grid-check-icon-checked {
  87     background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 -16px;
  88     height:16px;
  89     width:16px;
  90 }
  91 .x-grid-check-icon-toggle,
  92 .x-grid-check-icon {
  93     background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 0;
  94     height:16px;
  95     width:16px;
  96 }
  97
  98 /** - add button next to combo box (of type ComboAdder) */
  99 .x-form-adder,
 100 .x-form-textfield-adder,
 101 .x-form-textfield-minus
 102 {
 103     background:transparent url(../../roojs1/images/default/dd/drop-add.gif) no-repeat scroll 0 0;
 104     border-style:none none solid;
 105
 106     border-style:none none solid;
 107     cursor:pointer;
 108     height:14px;
 109     left:2px;
 110     margin-left:20px;
 111     position:relative;
 112     top:4px;
 113     width:17px;
 114 }
 115 .x-form-textfield-adder
 116 {
 117     margin-left: 3px;
 118 }
 119 .x-form-textfield-minus
 120 {
 121     background:transparent url(../../roojs1/images/default/dd/drop-sub.gif) no-repeat scroll 0 0;
 122     margin-left: 23px;
 123 }
 124
 125
 126 .x-date-menu .x-menu-list {
 127     width: 200px;
 128 }
 129
 130 /* Select distribution list - make pointer a hand */
 131 #distgrid-Documents_In .x-grid-row td,
 132 #distgrid-Documents_Out .x-grid-row td,
 133 #grid-Group_Members .x-grid-row td,
 134 #grid-Group_Rights .x-grid-row td
 135 {
 136     cursor: pointer;
 137 }
 138
 139 #headerInformation {
 140     clear:none;
 141     color:#244;
 142     font-size:12px;
 143     font-family:arial,tahoma,helvetica,sans-serif;
 144     position:absolute;
 145     right:210px;
 146     top:6px;
 147 }
 148
 149 #headerInformation-company-logo {
 150
 151 }
 152 #headerInformation-applogo {
 153     position:absolute;
 154     right:0px;
 155 }
 156
 157 .pman-details-view {
 158     padding : 0x;
 159 }
 160 .pman-details-view-header {
 161     padding: 2px;
 162     padding-left: 5px;
 163     background: #ddd;
 164     font-weight: bold;
 165     -moz-user-focus:normal;
 166     -x-system-font:none;
 167     font-family:arial,tahoma,helvetica,sans-serif;
 168     font-size:11px;
 169     font-size-adjust:none;
 170     font-stretch:normal;
 171     font-style:normal;
 172     font-variant:normal;
 173     font-weight:normal;
 174     line-height:13px;
 175     outline-color:-moz-use-text-color;
 176     outline-style:none;
 177     outline-width:medium;
 178     vertical-align:top;
 179     white-space:nowrap;
 180
 181
 182 }
 183 /*
 184 .pman-details-view td {
 185     padding : 10px;
 186 }
 187 */
 188 .pman-details-tbl td {
 189     padding: 1px;
 190     white-space : normal;
 191 }
 192 .pman-details-view-remarks  {
 193     margin: 0px 4px;
 194 }
 195 .pman-details-view-remark {
 196     border-bottom:3px dotted #CCC;
 197     padding-top:5px;
 198 }
 199
 200
 201 .pman-details-view-remark-header {
 202     background-color : #f8f8f8;
 203     display: block;
 204 }
 205
 206 .pman-details-view-remark-date {
 207     display: inline;
 208     float: right;
 209     color: #999;
 210 }
 211 .pman-details-view-remark-to {
 212     clear:none;
 213     display:inline;
 214     float:left;
 215     font-weight:bold;
 216 }
 217
 218 .pman-details-view-remark-body {
 219     padding: 2px 0px 13px 0px;
 220     clear: left;
 221     border-top: 1px dotted #ccc;
 222     white-space: normal;
 223    /* width: 200px; */
 224 }
 225
 226 .pman-details-style,  .pman-details-style td {
 227     font-family:arial,tahoma,helvetica,sans-serif;
 228     font-size:11px;
 229     font-size-adjust:none;
 230     font-style:normal;
 231     font-variant:normal;
 232     font-weight:normal;
 233     line-height:13px;
 234
 235 }
 236 /* slightly ligher disabled */
 237 .x-item-disabled {
 238     opacity:0.9;
 239 }
 240
 241 .x-tabs-wrap {
 242     padding-top: 0px;
 243 }
 244 .x-tabs-wrap .x-toolbar {
 245     padding-top : 0px;
 246     padding-bottom : 0px;
 247 }
 248 /*
 249 #distgrid-DocumentsCirc_In .x-grid-header,
 250 #distgrid-DocumentsCirc_Out .x-grid-header
 251 {
 252     display:none;
 253 }
 254 */
 255 /* status icon on inbox */
 256 .x-grid-col-Documents_Wip-locked_by .x-grid-cell-text,
 257 .x-grid-col-Unread-status_str .x-grid-cell-text,
 258 .x-grid-col-Inbox-status_str .x-grid-cell-text {
 259     padding: 1px;
 260 }
 261 .x-strikethrough .x-grid-cell-text {
 262     text-decoration: line-through;
 263     color: #ccc;
 264 }
 265 .x-doc-closed .x-grid-cell-text {
 266     color: #999;
 267 }
 268
 269 /* override forms so they are a bit tighter */
 270 .x-form-label-top .x-form-element {
 271     padding:0;
 272 }
 273
 274 /*--------- timesheet -------*/
 275 .x-grid-td-ts_item .x-grid-cell-inner {
 276     overflow: visible;
 277 }
 278 .x-grid-col-ts_clear .x-grid-cell-text {
 279     padding: 1px;
 280 }
 281
 282
 283
 284 .p-email-need-filing .x-toolbar {
 285
 286     background: #f66 none no-repeat scroll 0 0;
 287 }
 288 .p-preview-remarks {
 289     font-family:arial,tahoma,helvetica,sans-serif;
 290     font-size:11px;
 291     font-size-adjust:none;
 292     font-style:normal;
 293     font-variant:normal;
 294     font-weight:normal;
 295     line-height:13px;
 296     white-space:nowrap;
 297 }
 298 /** ------ email adder ---- */
 299 .p-cblist-item {
 300     display: inline-block;
 301     background: #e0ecff none no-repeat scroll 0 0;
 302     float: left;
 303     height: 18px;
 304     -moz-border-radius: 2px;
 305     margin: 2px;
 306     float: left
 307
 308     font-family:arial,tahoma,helvetica,sans-serif;
 309     font-size:11px;
 310     font-size-adjust:none;
 311     font-style:normal;
 312     font-variant:normal;
 313     font-weight:normal;
 314
 315 }
 316 .p-cblist-item div
 317 {
 318     display: inline-block;
 319     float: left;
 320     margin: 2px;
 321     margin-left: 5px;
 322 }
 323 .p-cblist-item img
 324 {
 325    margin-left: 5px;
 326    background:transparent url(../templates/images/mailAddClose.gif) no-repeat scroll 0 0;
 327    cursor: pointer;
 328 }
 329 .p-cblist-cb
 330 {
 331     float:left;
 332 }
 333
 334 .p-cblist-grp
 335 {
 336     padding: 2px;
 337     border: 1px solid #e0ecff;
 338     display: inline-block;
 339 }
 340
 341    /** ---- more kludges? --- */
 342 /* was clear none for some reason... dealflow changed this back? to both... */
 343 .x-form-column .x-form-clear-left
 344 {
 345     clear: both;
 346 }
 347
 348
 349 .p-thumb{
 350         background: #ddd;
 351         padding: 3px;
 352     border: 2px solid #ddd;
 353
 354 }
 355 .x-view-selected .p-thumb {
 356     border: 2px solid #66c;
 357 }
 358
 359 /*
 360 .p-thumb img {
 361         height: 100px;
 362         width: 200px;
 363 }
 364 */
 365 .p-thumb-wrap{
 366         float: left;
 367         margin: 4px;
 368         margin-right: 0;
 369         padding: 5px;
 370        font-family:arial,tahoma,helvetica,sans-serif;
 371     font-size:11px;
 372     font-size-adjust:none;
 373     font-style:normal;
 374     font-variant:normal;
 375     font-weight:normal;
 376     line-height:13px;
 377 }
 378 .p-thumb-wrap span{
 379
 380         display: block;
 381         overflow: hidden;
 382         text-align: center;
 383     height: 40px;
 384     width: 80px;
 385 }
 386 .p-thumb-view .x-view-selected {
 387     background: #316AC5 !important;
 388 }
 389
 390 .p-reply-to-link
 391 {
 392     color :#0c0;
 393     font-style: normal;
 394     font-weight: bold;
 395     cursor:pointer;
 396
 397 }
 398
 399 .p-doc-unread td
 400 {
 401     font-weight: bold;
 402    }
 403
 404 span.ptcv-selectlang
 405 {
 406    text-decoration: underline;
 407    color : #00f;
 408    cursor:pointer;
 409 }
 410
 411 /** -------------------- ACTION BOXES ----------------- */
 412 .x-action-box
 413 {
 414      font-family:arial,tahoma,helvetica,sans-serif;
 415     font-size:11px;
 416     font-size-adjust:none;
 417     font-style:normal;
 418     font-variant:normal;
 419     font-weight:normal;
 420     line-height:13px;
 421 }
 422 .x-action-box-header {
 423     -moz-background-clip:border;
 424     -moz-background-inline-policy:continuous;
 425     -moz-background-origin:padding;
 426     background:#E3E3E3 none repeat scroll 0 0;
 427     border-left: 1px solid #ccc;
 428     border-top: 1px solid #ccc;
 429     border-bottom: 1px solid #ccc;
 430     color:#333;
 431 }
 432 .x-action-box-small-header {
 433     padding:8px 12px 4px;
 434 }
 435 .x-action-box-properties-header {
 436     font-size:120%;
 437     font-weight:bold;
 438 }
 439 .x-action-box-top-right {
 440     background-image:url(../templates/images/shcornertop.png);
 441     background-repeat:no-repeat;
 442   /*  height:12px; */
 443     min-width:12px;
 444     width:1%;
 445 }
 446
 447 .x-action-box-right {
 448     background-image:url(../templates/images/action/shr.png);
 449     background-repeat:repeat-y;
 450 }
 451 .x-action-box-body {
 452     -moz-background-clip:border;
 453     -moz-background-inline-policy:continuous;
 454     -moz-background-origin:padding;
 455     background:white none repeat scroll 0 0;
 456     padding:10px;
 457      border-left: 1px solid #ccc;
 458 }
 459 .x-action-box-ico-edit {
 460     -moz-background-clip:border !important;
 461     -moz-background-inline-policy:continuous !important;
 462     -moz-background-origin:padding !important;
 463     /* background:transparent url(../../images/16x16/all_16_16_vertical.png) no-repeat scroll 0 -378px !important; */
 464 }
 465 .x-action-box-action {
 466     background-position:0 2px;
 467     background-repeat:no-repeat;
 468     padding:3px 0 2px 22px;
 469     cursor:pointer;
 470     color: #33c;
 471     text-decoration: underline;
 472     clear: both;
 473     float: left;
 474     line-height: 15px;
 475 }
 476
 477 .x-action-box-bottom-left {
 478     background-image:url(../templates/images/action/shcornerbottom.png);
 479     background-repeat:no-repeat;
 480     height:12px;
 481   /*   min-width:12px; */
 482     width:1%;
 483 }
 484 .x-action-box-bottom {
 485     background-image:url(../templates/images/action/shb.png);
 486     background-repeat:repeat-x;
 487 }
 488 .x-action-box-bottom-right {
 489     background-image:url(../templates/images/action/shcorner.png);
 490     background-repeat:no-repeat;
 491     height:12px;
 492     min-width:12px;
 493     width:1%;
 494 }
 495 .x-action-box-hr {
 496     border-bottom:1px solid #DDDDDD;
 497     margin-bottom:2px;
 498     padding-bottom:2px;
 499     padding-top:4px;
 500     clear:both;
 501 }
 502 /*** -------------- boxes with themes ----- */
 503 .x-action-box-yellow .x-action-box-header
 504 {
 505     background:#F6D64E none repeat scroll 0 0;
 506     border-color:#C9A30A;
 507     color:#655205;
 508 }
 509
 510 .x-action-box-yellow .x-action-box-body
 511 {
 512
 513    background:#FFF2BF none repeat scroll 0 0;
 514     color:#655205;
 515 }
 516
 517
 518
 519
 520
 521
 522
 523
 524
 525
 526
 527 /** BOX style forms **/
 528
 529
 530
 531
 532
 533 .x-form fieldset.x-formbox {
 534     padding-left :0;
 535     padding-bottom :0;
 536     padding-right :0;
 537     padding-top: 15px;
 538
 539     border: 1px solid gray;
 540     -moz-box-shadow: 5px 5px 5px #ccc;
 541     -webkit-box-shadow: 5px 5px 5px #ccc;
 542     box-shadow: 5px 5px 5px #ccc;
 543
 544     -webkit-margin-start: 0;
 545     -webkit-margin-end: 0;
 546     -webkit-padding-before: 15px;
 547     -webkit-padding-start: 0;
 548     -webkit-padding-end: 0;
 549     -webkit-padding-after: 0;
 550 }
 551
 552 .x-form fieldset.x-formbox legend {
 553     display: block;
 554     border-bottom: 1px solid gray;
 555     border-top: 1px solid gray;
 556     margin: 0px;
 557     padding: 5px 0px;
 558
 559     background: #E3E3E3 none repeat scroll 0 0;
 560
 561     width: 100%;
 562     position: relative;
 563     top: 11px;
 564     text-align: center;
 565
 566  }
 567
 568 .x-form fieldset.x-formbox .x-form-item {
 569     margin-left: 2px;
 570     margin-right: 2px;
 571 }
 572
 573 .x-form fieldset.x-formbox x-form-displayfield,
 574 .x-form fieldset.x-formbox label {
 575     padding-top: 0px; /* tighter layout */
 576
 577 }
 578 .x-form fieldset.x-formbox .x-form-displayfield {
 579     font-weight: bold;
 580 }
 581
 582 .align-right {
 583     text-align: right;
 584 }