PartKeepr.css (5348B)
1 .dataview-multisort-item { 2 float: left; 3 padding: 8px; 4 margin: 8px 8px 4px 8px; 5 } 6 7 .iclogo { 8 display: flex; 9 justify-content: center; 10 align-items: center; 11 width: 120px; 12 height: 120px; 13 } 14 15 .x-item-selected { 16 outline: 1px solid #157fcc !important; 17 outline-offset: -1px; 18 } 19 20 .remote-image-background { 21 background-color: white; 22 border: 1px solid black; 23 text-align: center; 24 } 25 26 .x-title-wrappable-text > div { 27 overflow: auto; 28 white-space: normal; 29 vertical-align: top; 30 } 31 32 .x-title-wrappable-text > div > div { 33 font-size: 20px; 34 line-height: normal; 35 } 36 37 .x-title-wrappable-text small { 38 font-size: 14px; 39 line-height: 16px; 40 } 41 42 .x-wrappable-grid .x-grid-cell-inner { 43 white-space: normal; 44 } 45 46 .x-form-reload-trigger { 47 background-image: url(../images/form/reload-trigger.png); 48 } 49 50 .x-form-trigger-save { 51 background-image: url(../images/form/trigger-save.png); 52 } 53 54 .x-form-trigger-add { 55 background-image: url(../images/form/trigger-add.png); 56 } 57 58 .x-form-trigger-markdefault { 59 background-image: url(../images/form/trigger-default.png); 60 } 61 62 .x-form-trigger-delete { 63 background-image: url(../images/form/trigger-delete.png); 64 } 65 66 .x-form-trigger-link { 67 background-image: url(../images/form/trigger-link.png); 68 } 69 70 .x-form-trigger-help { 71 background-image: url(../images/form/trigger-help.gif); 72 } 73 74 .x-form-trigger-ellipsis { 75 background-image: url(../images/form/trigger-ellipsis.png); 76 } 77 78 .partkeepr-part-manager-compact { 79 background-position: top left; 80 background-repeat: no-repeat; 81 display: inline-block; 82 width: 73px; 83 height: 43px; 84 line-height: 16px; 85 vertical-align: text-top; 86 background-image: url(../images/config/layout-compact.png); 87 } 88 89 .partkeepr-part-manager-standard { 90 background-position: top left; 91 background-repeat: no-repeat; 92 display: inline-block; 93 width: 73px; 94 height: 43px; 95 line-height: 16px; 96 vertical-align: text-top; 97 98 background-image: url(../images/config/layout-standard.png); 99 } 100 101 #loader-wrapper { 102 display: flex; 103 justify-content: center; 104 align-items: center; 105 position: fixed; 106 top: 0; 107 left: 0; 108 width: 100%; 109 height: 100%; 110 z-index: 1000; 111 background-color: white; 112 } 113 114 #loader-message { 115 position: fixed; 116 top: 70%; 117 text-align: center; 118 font-size: 30px; 119 } 120 121 #loader-logo { 122 background-image: url(../images/partkeepr_loading.svg); 123 background-repeat: no-repeat; 124 -webkit-background-size: 100%; 125 background-size: 100%; 126 height: 150px; 127 width: 150px; 128 position: fixed; 129 top: 50%; 130 left: 50%; 131 margin-top: -75px; 132 margin-left: -75px; 133 134 } 135 136 #loader { 137 display: block; 138 width: 200px; 139 height: 200px; 140 border-radius: 50%; 141 border: 3px solid transparent; 142 border-top-color: #0087b0; 143 background-position: center; 144 -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 145 animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 146 top: 50%; 147 left: 50%; 148 margin-top: -103px; 149 margin-left: -103px; 150 position: fixed; 151 } 152 153 #loader:before { 154 content: ""; 155 position: absolute; 156 top: 5px; 157 left: 5px; 158 right: 5px; 159 bottom: 5px; 160 border-radius: 50%; 161 border: 3px solid transparent; 162 border-top-color: #007497; 163 164 -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 165 animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 166 } 167 168 #loader:after { 169 content: ""; 170 position: absolute; 171 top: 13px; 172 left: 13px; 173 right: 13px; 174 bottom: 13px; 175 border-radius: 50%; 176 border: 3px solid transparent; 177 border-top-color: #005d7a; 178 179 -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 180 animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 181 } 182 183 @-webkit-keyframes spin { 184 0% { 185 -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ 186 -ms-transform: rotate(0deg); /* IE 9 */ 187 transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ 188 } 189 100% { 190 -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ 191 -ms-transform: rotate(360deg); /* IE 9 */ 192 transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ 193 } 194 } 195 196 @keyframes spin { 197 0% { 198 -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ 199 -ms-transform: rotate(0deg); /* IE 9 */ 200 transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ 201 } 202 100% { 203 -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ 204 -ms-transform: rotate(360deg); /* IE 9 */ 205 transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ 206 } 207 } 208 209 .partkeeprLogo { 210 height: 22px !important; 211 width: 112px !important; 212 background-image: url(../images/partkeepr-header.png); 213 background-repeat: no-repeat; 214 } 215 216 .patreonLogo { 217 background-image: url(../images/patreon.png); 218 } 219 220 .patreonButton { 221 display: block; 222 height: 51px; 223 width: 217px; 224 background-image: url(../images/become_a_patron_button.png); 225 } 226 227 .x-panel-notification { 228 padding: 2px; 229 } 230 231 .x-panel-body-notification { 232 background-color: #cce5ff; 233 border: 1px solid #b8daff; 234 border-radius: .25rem; 235 padding: .25rem .75rem; 236 }