Michael Lando | 451a340 | 2017-02-19 10:28:42 +0200 | [diff] [blame^] | 1 | .sprite { |
| 2 | background-image: url('images/sprites/sprite-global-old.png'); |
| 3 | display: inline-block; |
| 4 | } |
| 5 | |
| 6 | .sprite.logo { background-position: -50px -100px; width: 39px; height: 32px;} |
| 7 | .sprite.white-arrow-down { background-position: -50px -200px; width: 15px; height: 9px;} |
| 8 | .sprite.white-arrow-up { background-position: -100px -200px; width: 15px; height: 9px;} |
| 9 | .arrow-left { background-position: -262px -4041px; width: 11px; height: 10px;} |
| 10 | .sprite.tab-info { background-position: -50px -300px; width: 18px; height: 20px;} |
| 11 | .sprite.edit { background-position: -51px -689px; width: 31px; height: 30px;} |
| 12 | .sprite.details { background-position: -50px -900px; width: 19px; height: 19px;} |
| 13 | .sprite.structure { background-position: -212px -3880px; width: 23px; height: 21px;} |
| 14 | .sprite.artifacts { background-position: -50px -1098px; width: 20px; height: 20px;} |
| 15 | .sprite.menu { background-position: -50px -1200px; width: 17px; height: 14px;} |
| 16 | .sprite.catalog { background-position: -53px -1303px; width: 20px; height: 20px;} |
| 17 | .sprite.distribution { background-position: -50px -1400px; width: 24px; height: 14px;} |
| 18 | .sprite.support { background-position: -50px -1500px; width: 22px; height: 22px;} |
| 19 | .sprite.filter { background-position: -50px -1600px; width: 15px; height: 16px;} |
| 20 | .sprite.card-menu { background-position: -50px -2000px; width: 4px; height: 16px;} |
| 21 | .sprite.relationships { background-position: -50px -2097px; width: 26px; height: 19px;} |
| 22 | .sprite.lifecycle { background-position: -50px -2200px; width: 20px; height: 20px;} |
| 23 | .sprite.properties { background-position: -50px -2300px; width: 19px; height: 19px;} |
| 24 | .sprite.e-sdc-small-icon-delete { background-position: -64px -2771px; width: 11px; height: 13px;} |
| 25 | .sprite.magnification-glass { background-position: -49px -3138px; width: 12px; height: 12px;} |
| 26 | .sprite.clear-text { background-position: -104px -4040px; width: 10px; height: 11px;} |
| 27 | /*new tabs icons*/ |
| 28 | .sprite.info { background-position: -105px -3583px; width: 18px; height: 18px;} |
| 29 | .sprite.information-artifacts { background-position: -105px -3632px; width: 20px; height: 21px;} |
| 30 | .sprite.deployment-artifacts { background-position: -105px -3682px; width: 19px; height: 19px;} |
| 31 | .sprite.properties { background-position: -105px -3733px; width: 18px; height: 18px;} |
| 32 | .sprite.relations { background-position: -105px -3781px; width: 20px; height: 20px;} |
| 33 | .sprite.inputs { background-position: -104px -3887px; width: 18px; height: 14px;} |
| 34 | .sprite.api { background-position: -104px -3930px; width: 25px; height: 21px;} |
| 35 | |
| 36 | .sprite.NOT_CERTIFIED_CHECKOUT { background-position: -54px -2887px; width: 13px; height: 13px;} |
| 37 | .sprite.CERTIFICATION_IN_PROGRESS { background-position: -54px -2934px; width: 13px; height: 16px;} |
| 38 | .sprite.NOT_CERTIFIED_CHECKIN { background-position: -54px -2985px; width: 13px; height: 15px;} |
| 39 | .sprite.CERTIFIED { background-position: -54px -3034px; width: 13px; height: 16px;} |
| 40 | .sprite.READY_FOR_CERTIFICATION { background-position: -49px -3087px; width: 23px; height: 16px;} |
| 41 | |
| 42 | .message-DEBUG { background-position: -51px -3187px; width: 47px; height: 47px;} |
| 43 | .message-INFO { background-position: -51px -3187px; width: 47px; height: 47px;} |
| 44 | .message-WARNING { background-position: -51px -3187px; width: 47px; height: 47px;} |
| 45 | .message-ERROR { background-position: -51px -3187px; width: 47px; height: 47px;} |
| 46 | |
| 47 | .e-sdc-small-icon-eye { background-position: -60px -2722px; width: 20px; height: 20px;} |
| 48 | .e-sdc-small-icon-pencil { background-position: -51px -3339px; width: 12px; height: 12px;} |
| 49 | .e-sdc-small-icon-pad { background-position: -157px -2772px; width: 15px; height: 12px;} |
| 50 | .sprite.e-sdc-small-icon-trash { background-position: -48px -300px; width: 20px; height: 20px;} |
| 51 | .sprite.e-sdc-small-check { background-position: -48px -399px; width: 20px; height: 20px;} |
| 52 | .sprite.e-sdc-small-clone { background-position: -49px -501px; width: 20px; height: 20px;} |
| 53 | .sprite.e-sdc-small-print-screen { background-position: -49px -351px; width: 19px; height: 20px;} |
| 54 | .sprite.e-sdc-small-certification { background-position: -48px -602px; width: 20px; height: 20px;} |
| 55 | .sprite.e-sdc-small-download { background-position: -51px -3390px; width: 12px; height: 11px;} |
| 56 | .sprite.e-sdc-cloud { background-position: -51px -3278px; width: 24px; height: 23px;} |
| 57 | .sprite.e-sdc-pencil { background-position: -53px -2404px; width: 16px; height: 16px;} |
| 58 | .sprite.e-sdc-green-save { background-position: -157px -4089px; width: 12px; height: 12px;} |
| 59 | |
| 60 | /* canvas items non-certified indicator */ |
| 61 | .s-sdc-state-non-certified { background-position: -157px -3386px; width: 15px; height: 15px;} |
| 62 | |
| 63 | /* dashboard card main icons */ |
| 64 | .s-sdc-service { background-position: -60px -2654px; width: 14px; height: 17px;} |
| 65 | .s-sdc-resource { background-position: -54px -2585px; width: 16px; height: 16px;} |
| 66 | |
| 67 | /* dashboard card statuses icons */ |
| 68 | .s-sdc-state.NOT_CERTIFIED_CHECKIN { background-position: -47px -2839px; width: 20px; height: 19px;} |
| 69 | .s-sdc-state.NOT_CERTIFIED_CHECKIN.green { background-position: -70px -2839px;} |
| 70 | .s-sdc-state.NOT_CERTIFIED_CHECKIN.red { background-position: -93px -2839px;} |
| 71 | |
| 72 | .s-sdc-state.NOT_CERTIFIED_CHECKOUT { background-position: -53px -2889px; width: 14px; height: 14px;} |
| 73 | .s-sdc-state.NOT_CERTIFIED_CHECKOUT.green { background-position: -76px -2889px;} |
| 74 | .s-sdc-state.NOT_CERTIFIED_CHECKOUT.red { background-position: -99px -2889px;} |
| 75 | |
| 76 | .s-sdc-state.CERTIFIED { background-position: -53px -3034px; width: 14px; height: 16px;} |
| 77 | .s-sdc-state.CERTIFIED.green { background-position: -76px -3034px;} |
| 78 | .s-sdc-state.CERTIFIED.red { background-position: -99px -3034px;} |
| 79 | |
| 80 | .s-sdc-state.READY_FOR_CERTIFICATION { background-position: -53px -2985px; width: 14px; height: 16px;} |
| 81 | .s-sdc-state.READY_FOR_CERTIFICATION.green { background-position: -76px -2985px;} |
| 82 | .s-sdc-state.READY_FOR_CERTIFICATION.red { background-position: -99px -2985px;} |
| 83 | |
| 84 | .s-sdc-state.CERTIFICATION_IN_PROGRESS { background-position: -53px -2934px; width: 14px; height: 16px;} |
| 85 | .s-sdc-state.CERTIFICATION_IN_PROGRESS.green { background-position: -76px -2934px;} |
| 86 | .s-sdc-state.CERTIFICATION_IN_PROGRESS.red { background-position: -99px -2934px; } |
| 87 | |
| 88 | .s-sdc-state.DISTRIBUTED { background-position: -43px -3087px; width: 24px; height: 14px;} |
| 89 | .s-sdc-state.DISTRIBUTED.green { background-position: -76px -3087px;} |
| 90 | .s-sdc-state.DISTRIBUTED.red { background-position: -113px -3087px;} |
| 91 | |
| 92 | .sprite.e-sdc-small-blue-down-arrow { background-position: -51px -3262px; width: 10px; height: 7px;} |
| 93 | .sprite.e-sdc-small-blue-up-arrow { background-position: -111px -3262px; width: 10px; height: 7px;} |
| 94 | |
| 95 | .e-checkbox-unchecked { background-position: -51px -3490px; width: 12px; height: 11px;} |
| 96 | .e-checkbox-checked { background-position: -103px -3490px; width: 12px; height: 11px;} |
| 97 | .e-checkbox-unchecked-disabled { background-position: -265px -3490px; width: 12px; height: 11px;} |
| 98 | |
| 99 | /* viewer modal */ |
| 100 | .sprite.x-btn { background-position: -50px -3438px; width: 14px; height: 13px;} |
| 101 | .sprite.x-btn:hover { background-position: -103px -3438px; width: 14px; height: 13px;} |
| 102 | .sprite.x-btn-white { background-position: -157px -3437px; width: 14px; height: 13px;} |
| 103 | .sprite.x-btn-white:hover { background-position: -211px -3438px; width: 14px; height: 13px;} |
| 104 | .sprite.x-btn-black { background-position: -52px -4041px; width: 10px; height: 11px;} |
| 105 | .sprite.x-btn-black:hover { background-position: -104px -4041px; width: 10px; height: 11px;} |
| 106 | .sprite.small-x-btn-black { background-position: -157px -4044px; width: 8px; height: 8px;} |
| 107 | .sprite.small-x-btn-black:hover { background-position: -211px -4044px; width: 8px; height: 8px;} |
| 108 | |
| 109 | |
| 110 | /* input file upload icons */ |
| 111 | .sprite.upload-icon { background-position: -51px -3286px; width: 16px; height: 15px; } |
| 112 | .sprite.upload-icon-hover { background-position: -104px -3286px; } |
| 113 | .sprite.uploaded { background-position: -143px -3283px; width: 18px; height: 18px; } |
| 114 | .sprite.change-file { background-position: -261px -3285px; width: 22px; height: 16px; } |
| 115 | .sprite.change-file-hover { background-position: -211px -3285px; } |
| 116 | .sprite.e-sdc-small-icon-upload { background-position: -104px -4188px; width: 12px; height: 13px; } |
| 117 | |
| 118 | /* error messages icons */ |
| 119 | .exclamation-mark-white-icon { background-position: -51px -3990px; width: 13px; height: 11px; } |
| 120 | .exclamation-mark-red-icon { background-position: -212px -3990px; width: 13px; height: 11px; } |
| 121 | .question-message-icon-gray { background-position: -104px -3987px; width: 14px; height: 14px; } |
| 122 | .question-message-icon-white { background-position: -158px -3987px; width: 14px; height: 14px; } |
| 123 | |
| 124 | /* wizard icons */ |
| 125 | .sprite.table-arrow { background-position: -57px -4241px; width: 7px; height: 10px; } |
| 126 | .sprite.table-arrow.opened { background-position: -54px -4295px; width: 10px; height: 6px; } |
| 127 | |
| 128 | .sprite-green-tick { background-position: -157px -3290px; width: 15px; height: 11px; } |
| 129 | |
| 130 | /* tags category relation icon*/ |
| 131 | .sprite.relation-icon { background-position: -100px -4351px; width: 24px; height: 24px; } |
| 132 | .sprite.relation-icon-hover { background-position: -52px -4351px; width: 24px; height: 24px; } |