You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.5 KiB
CSS
1 line
4.5 KiB
CSS
body{margin:0;font-family:sans-serif;height:100%;background:#f5f5fb}a:link,a:visited{color:#f44337}::selection{background:#f44337;color:#fff}code,pre{background:#fcfcff;color:#666;font-weight:bold;padding:3px 5px;border-radius:4px}pre{padding:12px;overflow-x:auto}.rbl-layout{display:flex;flex-direction:column;min-height:100vh}.rbl-layout__header{padding:20px}.rbl-layout__content{flex:1;margin:0 auto}.rbl-layout__footer{color:#888;font-size:12px;text-align:center;padding:20px}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{color:#333;font-family:BlinkMacSystemFont,sans-serif;font-weight:normal}html{font-size:1em}body{font-family:BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.45;color:#666}.rbl-paragraph{margin-bottom:1.3em}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{margin:1.414em 0 .5em;font-weight:inherit;line-height:1.2}.rbl-header-1{margin-top:0;font-size:2.074em}.rbl-header-2{font-size:1.728em}.rbl-header-3{font-size:1.44em}.rbl-header-4{font-size:1.2em}.rbl-small{font-size:.833em}.rbl-panel{border-radius:6px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.01);background:#fff}.rbl-panel__title{box-sizing:border-box;margin:0;padding:20px 20px 0}.rbl-panel__inner{box-sizing:border-box;padding:20px}.rbl-button,.rbl-button--secondary{border:0;border-radius:2px;min-width:64px;padding:0 16px;display:inline-block;font-family:BlinkMacSystemFont,sans-serif;height:36px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,0.2,1),color .2s cubic-bezier(0.4,0,0.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;user-select:none;vertical-align:middle}.rbl-button{background:rgba(244,67,55,0.1);color:#f44337}.rbl-button:hover{background:rgba(244,67,55,0.2)}.rbl-button:active{background:rgba(244,67,55,0.4)}.rbl-button:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-button--secondary{background:transparent;color:#666}.rbl-button--secondary:hover{background:rgba(0,0,0,0.06)}.rbl-button--secondary:active{background:rgba(0,0,0,0.12)}.rbl-button--secondary:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-checkbox{position:fixed;top:-30px;left:-30px;opacity:0}.rbl-checkbox+label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none}.rbl-checkbox+label::before{content:'';width:16px;height:16px;border-radius:2px;background:#fff center center;background-size:90%;margin:0 10px 0 0;border:2px solid #aaa;transition:background .1s ease,background-size .1s ease,border .1s ease}.rbl-checkbox+label::after{content:'';width:40px;height:40px;background:rgba(0,0,0,0.1);position:absolute;left:-10px;top:-10px;border-radius:100%;transform:scale(0);transition:transform .5s ease}.rbl-checkbox:checked+label::before{border-color:#ff8981;background:#ff8981 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy44LDE1LjYgMi4yLDEwIDMuOCw4LjQgNy44LDEyLjQgMTYuMiw0IDE3LjgsNS42ICIvPjwvc3ZnPg==);background-size:100%;color:#fff}.rbl-checkbox:active+label::after{transform:scale(1);transition:transform .1s ease}@keyframes checkboxFocus{0{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.rbl-checkbox:focus+label::after{background:rgba(244,67,55,0.2);animation:checkboxFocus .7s infinite alternate;transition:transform .1s ease,color .1s ease}.rbl-select{border:0;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat right center;font-family:sans-serif;padding:0 32px 0 16px;font-size:16px;border-radius:2px;-webkit-appearance:none;color:#555;height:36px;transition:box-shadow .1s ease}.rbl-select:focus{outline:0;box-shadow:0 0 0 2px rgba(244,67,55,0.3)}.rbl-field-label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none;margin:0 0 4px}.rbl-textfield{box-shadow:0 0 0 2px rgba(0,0,0,0.1);border:0;background:#fff;border-radius:2px;color:#555;padding:8px;display:block;font-family:BlinkMacSystemFont,sans-serif;font-size:16px;outline:0;width:100%;box-sizing:border-box}.rbl-textfield::placeholder{color:rgba(102,102,102,0.2)}.rbl-textfield:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.3)} |