uio-plus
Version:
User Interface Options Plus (UIO+) allows you to customize websites to match your own personal needs and preferences.
1 lines • 2 kB
CSS
@font-face{font-family:"OpenSans";src:url("../fonts/OpenSans-Light.woff");font-weight:300;font-style:normal}@font-face{font-family:'OpenSans';src:url("../fonts/OpenSans-Regular.woff");font-weight:normal;font-style:normal}@font-face{font-family:'OpenSans';src:url("../fonts/OpenSans-Semibold.woff");font-weight:600;font-style:normal}.uioPlus-loading{display:flex;justify-content:center;align-items:center;height:183px}.uioPlus-spinner{position:relative;display:inline-block;width:5em;height:5em;margin:0 .5rem;text-indent:-999rem;overflow:hidden;animation:spin 1s infinite steps(8)}.uioPlus-spinner:before,.uioPlus-spinner:after,.uioPlus-spinner > div:before,.uioPlus-spinner > div:after{content:'';position:absolute;width:.5rem;height:1.5rem;top:0;left:2.25em;border-radius:.2rem;background:#eee;box-shadow:0 3.5em #eee;transform-origin:50% 2.5em}.uioPlus-spinner:before{background:#555}.uioPlus-spinner:after{transform:rotate(-45deg);background:#777}.uioPlus-spinner > div:before{transform:rotate(-90deg);background:#999}.uioPlus-spinner > div:after{transform:rotate(-135deg);background:#bbb}.uioPlus-selection-preview-yellow,.uioPlus-selection-preview-yellow *{background-color:#eeee1a;color:#000}.uioPlus-selection-preview-green,.uioPlus-selection-preview-green *{background-color:#318712;color:#000}.uioPlus-selection-preview-pink,.uioPlus-selection-preview-pink *{background-color:#de00a2;color:#000}.fl-prefsEditor-separatedPanel{background-image:none}.fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel{border-top:transparent;border-bottom:transparent}.fl-prefsEditor-separatedPanel .fl-prefsEditor-panels .fl-prefsEditor-panel,body{font-size:1rem;width:450px;min-height:183px}.fl-prefsEditor .fl-textfieldStepper .fl-textfieldStepper-textField{font-size:2em;height:auto;width:4ch}@-moz-keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@-o-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}