partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

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 }