Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 55e8299e

Von Sven Schöling vor etwa 2 Jahren hinzugefügt

  • ID 55e8299e0f86146ab53801eb8d9f1caf83797ab2
  • Vorgänger ffc8c1ab
  • Nachfolger 91f41784

design40: image pfade

Unterschiede anzeigen:

css/design40/less/buttons.less
321 321
}
322 322
input[type="button"].button-image{
323 323
  &.delete {
324
    background-image:     url("image/cross.png");
324
    background-image:     url("image/cross2.png");
325 325
    background-repeat:     no-repeat;
326 326
    background-position:   0 0;
327 327
    color:                 #fff;
css/design40/less/common.less
119 119
  padding-left: 18px;
120 120
  top: 2px;
121 121
  vertical-align: middle;
122
  background-image: url(../image/icons/16x16/phone.png);
122
  background-image: url(../../image/icons/16x16/phone.png);
123 123
  background-repeat: no-repeat;
124 124
}
125 125

  
css/design40/less/control_panels.less
150 150
}
151 151

  
152 152
div.filtered_select input {
153
  background-image: url(../../image/glass14x14.png);
153
  background-image: url(../../../image/glass14x14.png);
154 154
  background-repeat: no-repeat;
155 155
  background-position: 2px 2px;
156 156
  border-radius: 0px;
css/design40/less/forms.less
120 120
  // PENDENT: Pop-Down-Symbol wo definiert?
121 121

  
122 122
  select {
123
    // background: white url('../image/select-down.png') no-repeat scroll right center;
123
    // background: white url('../../image/select-down.png') no-repeat scroll right center;
124 124
    //padding-right:         1.0em;
125 125
    //padding-left:          0.6em ;
126 126
    &.helper {
css/design40/less/icons16.less
3 3
/* ------------------------------------------------------------- */
4 4

  
5 5

  
6
.icon16 { background: url(../image/maps/icons16.png) 16px 0px no-repeat; padding: 0; width: 16px; height: 16px; }
6
.icon16 { background: url(../../image/maps/icons16.png) 16px 0px no-repeat; padding: 0; width: 16px; height: 16px; }
7 7
.icon16.admin { background-position: -0px 0px; }
8 8
.icon16.ap { background-position: -16px 0px; }
9 9
.icon16.ap_aging { background-position: -32px 0px; }
css/design40/less/jquery-ui.less
503 503

  
504 504
    &.ui-widget-header {
505 505
      .ui-icon {
506
        background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
506
        background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
507 507
      }
508 508
      .ui-state-hover{
509 509
        .ui-icon{
510
          background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
510
          background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
511 511
          //background: #ffffff;
512 512
        }
513 513
      }
......
920 920
      background-position:  4px 2px;
921 921

  
922 922
      // Original Code (but now disabled)
923
      // &.icon-edit   { background-image: url(../image/jquery.contextMenu/page_white_edit.png)  ; }
924
      // &.icon-cut    { background-image: url(../image/jquery.contextMenu/cut.png)              ; }
925
      // &.icon-copy   { background-image: url(../image/jquery.contextMenu/page_white_copy.png)  ; }
926
      // &.icon-paste  { background-image: url(../image/jquery.contextMenu/page_white_paste.png) ; }
927
      // &.icon-delete { background-image: url(../image/jquery.contextMenu/page_white_delete.png); }
928
      // &.icon-add    { background-image: url(../image/jquery.contextMenu/page_white_add.png)   ; }
929
      // &.icon-quit   { background-image: url(../image/jquery.contextMenu/door.png)             ; }
923
      // &.icon-edit   { background-image: url(../../image/jquery.contextMenu/page_white_edit.png)  ; }
924
      // &.icon-cut    { background-image: url(../../image/jquery.contextMenu/cut.png)              ; }
925
      // &.icon-copy   { background-image: url(../../image/jquery.contextMenu/page_white_copy.png)  ; }
926
      // &.icon-paste  { background-image: url(../../image/jquery.contextMenu/page_white_paste.png) ; }
927
      // &.icon-delete { background-image: url(../../image/jquery.contextMenu/page_white_delete.png); }
928
      // &.icon-add    { background-image: url(../../image/jquery.contextMenu/page_white_add.png)   ; }
929
      // &.icon-quit   { background-image: url(../../image/jquery.contextMenu/door.png)             ; }
930 930

  
931 931
      // All Icons are listed here
932 932
      &.icon-add      {  }
......
1035 1035
    height: 100%;
1036 1036
  }
1037 1037
  .ui-progressbar-overlay {
1038
    background: url("ui-lightness/images/animated-overlay.gif");
1038
    background: url("ui-lightne../../images/animated-overlay.gif");
1039 1039
    height: 100%;
1040 1040
    filter: alpha(opacity=25);
1041 1041
    opacity: 0.25;
......
1368 1368
.ui-state-focus,
1369 1369
.ui-state-active {
1370 1370
  .ui-icon {
1371
    background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
1371
    background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
1372 1372
  }
1373 1373
}
1374 1374

  
1375 1375
.ui-state-default {
1376 1376
  border: 1px solid #cccccc;
1377
  //background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
1377
  //background: #f6f6f6 url(ui-lightne../../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
1378 1378
  background: none ;
1379 1379
  font-weight: bold;
1380 1380
  color: @base-darker;
......
1389 1389
.ui-state-hover,
1390 1390
.ui-state-focus {
1391 1391
  //border: 1px solid #fbcb09;
1392
  //background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
1392
  //background: #fdf5ce url(ui-lightne../../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
1393 1393
  background: none ;
1394 1394
  font-weight: bold;
1395 1395
  color: #c77405;
......
1404 1404

  
1405 1405
.ui-state-active {
1406 1406
  border: 1px solid #fbd850;
1407
  //background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
1407
  //background: #ffffff url(ui-lightne../../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
1408 1408
  background: none ;
1409 1409
  font-weight: bold;
1410 1410
  color: #eb8f00;
......
1423 1423
// ----------------------------------
1424 1424
.ui-state-highlight {
1425 1425
  border: 1px solid #fed22f;
1426
  //background: #ffe45c url(ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
1426
  //background: #ffe45c url(ui-lightne../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
1427 1427
  background: none ;
1428 1428
  color: #363636;
1429 1429
  a { color: #363636; }
......
1431 1431

  
1432 1432
.ui-state-error {
1433 1433
  border: 1px solid #cd0a0a;
1434
  //background: #b81900 url(ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
1434
  //background: #b81900 url(ui-lightne../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
1435 1435
  background: none ;
1436 1436
  color: #ffffff;
1437 1437
  a { color: #ffffff; }
......
1476 1476
}
1477 1477
.ui-icon,
1478 1478
.ui-widget-content .ui-icon {
1479
  background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
1479
  background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
1480 1480
}
1481 1481
.ui-widget-header .ui-icon {
1482
  background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
1482
  background-image: url(ui-lightne../../images/ui-icons_ffffff_256x240.png);
1483 1483
}
1484 1484
.ui-state-default .ui-icon {
1485
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
1485
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1486 1486
}
1487 1487
.ui-state-hover .ui-icon,
1488 1488
.ui-state-focus .ui-icon {
1489
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
1489
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1490 1490
}
1491 1491
.ui-state-active .ui-icon {
1492
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
1492
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1493 1493
}
1494 1494
.ui-state-highlight .ui-icon {
1495
  background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png);
1495
  background-image: url(ui-lightne../../images/ui-icons_228ef1_256x240.png);
1496 1496
}
1497 1497
.ui-state-error .ui-icon,
1498 1498
.ui-state-error-text .ui-icon {
1499
  background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png);
1499
  background-image: url(ui-lightne../../images/ui-icons_ffd27a_256x240.png);
1500 1500
}
1501 1501

  
1502 1502
//  positioning
......
1711 1711

  
1712 1712
// Overlays */
1713 1713
.ui-widget-overlay {
1714
  //background: #666666 url(ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
1714
  //background: #666666 url(ui-lightne../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
1715 1715
  background: #666666 ;
1716 1716
  opacity: .5;
1717 1717
  filter: Alpha(Opacity=50);
......
1719 1719
.ui-widget-shadow {
1720 1720
  margin: -5px 0 0 -5px;
1721 1721
  padding: 5px;
1722
  //background: #000000 url(ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
1722
  //background: #000000 url(ui-lightne../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
1723 1723
  background: #000000 ;
1724 1724
  opacity: .2;
1725 1725
  filter: Alpha(Opacity=20);
css/design40/less/jquery-ui_overrides.less
354 354
// Forward / Backward Arrows
355 355
//.ui-widget-header {
356 356
//  .ui-icon {
357
//    background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
357
//    background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
358 358
//  }
359 359
//  .ui-state-hover{
360 360
//    .ui-icon{
361
//      background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
361
//      background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
362 362
//      background: #ffffff;
363 363
//    }
364 364
//  }
......
420 420
//.ui-state-focus,
421 421
//.ui-state-active {
422 422
//  .ui-icon {
423
//    background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
423
//    background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
424 424
//  }
425 425
//}
css/design40/less/jquery.chartpicker.less
105 105
  height: 20px;
106 106
  width: 20px;
107 107
  cursor: pointer;
108
  background: url("../image/search.svg") no-repeat center right;
108
  background: url("../../image/search.svg") no-repeat center right;
109 109
  background-size: contain;
110 110
}
111 111

  
css/design40/less/main.less
509 509
        background-position:      50% 50%;
510 510
        &.min,
511 511
        &.max { background-position-x: 99% ; }
512
        &.min { background-image: url(../image/toggle-down.png); }
513
        &.max { background-image: url(../image/toggle-left.png); }
512
        &.min { background-image: url(../../image/toggle-down.png); }
513
        &.max { background-image: url(../../image/toggle-left.png); }
514 514
      }
515 515
    } // /.toggles
516 516

  
css/design40/less/menu.less
144 144

  
145 145
          // Items with Sub Items
146 146
          div.x {
147
            background:    no-repeat right url("../image/menu-arrow-to-right-5.png");
147
            background:    no-repeat right url("../../image/menu-arrow-to-right-5.png");
148 148
            padding-right: 2.0em ;
149 149

  
150 150
            // does not work because text has to be a block
css/design40/less/menu_actionbar.less
139 139
        border-bottom-right-radius: @actionbar-border-radius ;
140 140
        padding: 4px;
141 141
        background-color: @actionbar-bg ;
142
        //background-image: url("../image/select-down.png") no-repeat;
143
        background-image: url("../image/select-down.png") ;
142
        //background-image: url("../../image/select-down.png") no-repeat;
143
        background-image: url("../../image/select-down.png") ;
144 144
        background-repeat: no-repeat;
145 145
        background-position: 5px 5px;
146 146
      }
css/design40/less/requirement_spec.less
72 72

  
73 73
    //  Special things that apply to the tree
74 74
    #tree li.flagged > a > ins {
75
      background-image:     url("../image/flag-red.png") !important;
75
      background-image:     url("../../image/flag-red.png") !important;
76 76
      background-position:   0;
77 77
    }
78 78

  
......
365 365
// --------------------------------------
366 366

  
367 367
// Have a look on jquery-ui.less
368
//.context-menu-item.icon-flag        { background-image: url("../image/flag-red.png"); }
369
//.context-menu-item.icon-close       { background-image: url("../image/document-close.png"); }
370
//.context-menu-item.icon-save        { background-image: url("../image/document-save.png"); }
371
//.context-menu-item.icon-revert      { background-image: url("../image/edit-undo.png"); }
372
//.context-menu-item.icon-pdf         { background-image: url("../image/application-pdf.png"); }
373
//.context-menu-item.icon-html        { background-image: url("../image/text-html.png"); }
374
//.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }
375
//.context-menu-item.icon-download    { background-image: url("../image/download.png"); }
376
//.context-menu-item.icon-renumber    { background-image: url("../image/format-list-ordered.png"); }
368
//.context-menu-item.icon-flag        { background-image: url("../../image/flag-red.png"); }
369
//.context-menu-item.icon-close       { background-image: url("../../image/document-close.png"); }
370
//.context-menu-item.icon-save        { background-image: url("../../image/document-save.png"); }
371
//.context-menu-item.icon-revert      { background-image: url("../../image/edit-undo.png"); }
372
//.context-menu-item.icon-pdf         { background-image: url("../../image/application-pdf.png"); }
373
//.context-menu-item.icon-html        { background-image: url("../../image/text-html.png"); }
374
//.context-menu-item.icon-add-picture { background-image: url("../../image/add-picture.png"); }
375
//.context-menu-item.icon-download    { background-image: url("../../image/download.png"); }
376
//.context-menu-item.icon-renumber    { background-image: url("../../image/format-list-ordered.png"); }
377 377

  
378 378

  
379 379

  
css/design40/style.css
169 169
  padding-left: 18px;
170 170
  top: 2px;
171 171
  vertical-align: middle;
172
  background-image: url(../image/icons/16x16/phone.png);
172
  background-image: url(../../image/icons/16x16/phone.png);
173 173
  background-repeat: no-repeat;
174 174
}
175 175
.interact {
......
466 466
  margin-left: 1px;
467 467
}
468 468
#menuv3 > ul > li > ul > li div.x {
469
  background: no-repeat right url("../image/menu-arrow-to-right-5.png");
469
  background: no-repeat right url("../../image/menu-arrow-to-right-5.png");
470 470
  padding-right: 2em;
471 471
}
472 472
#menuv3 > ul > li > ul > li:hover {
......
873 873
  border-bottom-right-radius: 4px;
874 874
  padding: 4px;
875 875
  background-color: #ccccbb;
876
  background-image: url("../image/select-down.png");
876
  background-image: url("../../image/select-down.png");
877 877
  background-repeat: no-repeat;
878 878
  background-position: 5px 5px;
879 879
}
......
3870 3870
  vertical-align: middle;
3871 3871
}
3872 3872
input[type="button"].button-image.delete {
3873
  background-image: url("image/cross.png");
3873
  background-image: url("image/cross2.png");
3874 3874
  background-repeat: no-repeat;
3875 3875
  background-position: 0 0;
3876 3876
  color: #fff;
......
3978 3978
  display: block;
3979 3979
}
3980 3980
div.filtered_select input {
3981
  background-image: url(../../image/glass14x14.png);
3981
  background-image: url(../../../image/glass14x14.png);
3982 3982
  background-repeat: no-repeat;
3983 3983
  background-position: 2px 2px;
3984 3984
  border-radius: 0px;
......
4534 4534
  background-position-x: 99% ;
4535 4535
}
4536 4536
.wrapper.toggled > .toggles a.toggle.min {
4537
  background-image: url(../image/toggle-down.png);
4537
  background-image: url(../../image/toggle-down.png);
4538 4538
}
4539 4539
.wrapper.toggled > .toggles a.toggle.max {
4540
  background-image: url(../image/toggle-left.png);
4540
  background-image: url(../../image/toggle-left.png);
4541 4541
}
4542 4542
.wrapper.bordered {
4543 4543
  border: 1px #666633 solid;
......
4778 4778
  width: 98% ;
4779 4779
}
4780 4780
#column-container #tree-column #tree li.flagged > a > ins {
4781
  background-image: url("../image/flag-red.png") !important;
4781
  background-image: url("../../image/flag-red.png") !important;
4782 4782
  background-position: 0;
4783 4783
}
4784 4784
#column-container #content-column {
......
5445 5445
  curser: pointer ;
5446 5446
}
5447 5447
.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon {
5448
  background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
5448
  background-image: url(images/ui-icons_222222_256x240.png);
5449 5449
}
5450 5450
.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-hover .ui-icon {
5451
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
5451
  background-image: url(images/ui-icons_ef8c08_256x240.png);
5452 5452
}
5453 5453
.ui-datepicker table {
5454 5454
  width: 100%;
......
5811 5811
  height: 100%;
5812 5812
}
5813 5813
.ui-progressbar .ui-progressbar-overlay {
5814
  background: url("ui-lightness/images/animated-overlay.gif");
5814
  background: url("images/animated-overlay.gif");
5815 5815
  height: 100%;
5816 5816
  filter: alpha(opacity=25);
5817 5817
  opacity: 0.25;
......
6035 6035
.ui-state-hover .ui-icon,
6036 6036
.ui-state-focus .ui-icon,
6037 6037
.ui-state-active .ui-icon {
6038
  background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
6038
  background-image: url(images/ui-icons_777777_256x240.png) !important;
6039 6039
}
6040 6040
.ui-state-default {
6041 6041
  border: 1px solid #cccccc;
......
6119 6119
}
6120 6120
.ui-icon,
6121 6121
.ui-widget-content .ui-icon {
6122
  background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
6122
  background-image: url(images/ui-icons_222222_256x240.png);
6123 6123
}
6124 6124
.ui-widget-header .ui-icon {
6125
  background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
6125
  background-image: url(images/ui-icons_ffffff_256x240.png);
6126 6126
}
6127 6127
.ui-state-default .ui-icon {
6128
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
6128
  background-image: url(images/ui-icons_ef8c08_256x240.png);
6129 6129
}
6130 6130
.ui-state-hover .ui-icon,
6131 6131
.ui-state-focus .ui-icon {
6132
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
6132
  background-image: url(images/ui-icons_ef8c08_256x240.png);
6133 6133
}
6134 6134
.ui-state-active .ui-icon {
6135
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
6135
  background-image: url(images/ui-icons_ef8c08_256x240.png);
6136 6136
}
6137 6137
.ui-state-highlight .ui-icon {
6138
  background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png);
6138
  background-image: url(images/ui-icons_228ef1_256x240.png);
6139 6139
}
6140 6140
.ui-state-error .ui-icon,
6141 6141
.ui-state-error-text .ui-icon {
6142
  background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png);
6142
  background-image: url(images/ui-icons_ffd27a_256x240.png);
6143 6143
}
6144 6144
.ui-icon-blank {
6145 6145
  background-position: 16px 16px;
......
7181 7181
  height: 20px;
7182 7182
  width: 20px;
7183 7183
  cursor: pointer;
7184
  background: url("../image/search.svg") no-repeat center right;
7184
  background: url("../../image/search.svg") no-repeat center right;
7185 7185
  background-size: contain;
7186 7186
}
7187 7187
/* ------------------------------------------------------------- */
......
8021 8021
/* ICONS 16 (icons16.less)                                    */
8022 8022
/* ------------------------------------------------------------- */
8023 8023
.icon16 {
8024
  background: url(../image/maps/icons16.png) 16px 0px no-repeat;
8024
  background: url(../../image/maps/icons16.png) 16px 0px no-repeat;
8025 8025
  padding: 0;
8026 8026
  width: 16px;
8027 8027
  height: 16px;

Auch abrufbar als: Unified diff