forked from webments/simplistika.css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsimplistika.min.css
3 lines (3 loc) · 9.93 KB
/
simplistika.min.css
1
2
3
:root{--orange:#ff4d0d;--orange-disabled:#ff4e0d20;--blue:#094f91;--blue-disabled:#094f9120;--light-blue:#29b6f6;--light-blue-disabled:#29b5f620;--red:#b71c1c;--red-disabled:#b71c1c20;--pink:#e91e63;--pink-disabled:#e91e6320;--purple:#7b1fa2;--purple-disabled:#7b1fa220;--yellow:#ffa206;--yellow-disabled:#ffa20620;--green:#8bc34a;--green-disabled:#8bc34a20;--gradient:linear-gradient(45deg,
rgba(255, 29, 17, 0.9),
rgba(255, 162, 6, 0.9));--dark1:#212121;--dark2:#2e2e2e;--dark3:#484848;--dark4:#666666;--light1:#e9e9e9;--light2:#dbdbdb;--light3:#b4b4b4;--light4:#a1a1a1;--monospace-font:'Source Code Pro',monospace}.orange{color:var(--orange)}.dark1,.dark2,.dark3,.dark4{color:#fff}.dark1{background-color:var(--dark1)}.dark2{background-color:var(--dark2)}.dark3{background-color:var(--dark3)}.dark4{background-color:var(--dark4)}.light1,.light2,.light3,.light4{color:var(--dark1)}.light1{background-color:var(--light1)}.light2{background-color:var(--light2)}.light3{background-color:var(--light3)}.light4{background-color:var(--light4)}.orange{background-color:var(--orange)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.p,p{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem!important;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem!important;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem!important;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem!important;font-weight:300;line-height:1.2}.pre,pre{padding:.5rem;line-height:1.25;overflow-x:scroll;border-radius:4px}.code,code{border-radius:2px;padding:5px;font-family:'Source Code Pro'}.blockquote,.quo,blockquote{border-left:3px solid;padding-left:1rem;background:0 0!important}.quo p{font-size:1.2rem}.quo-fo{text-align:right;color:var(--dark4)}.br-orange{border-color:var(--orange)}.br-orange:disabled,.br-orange[disabled]{border-color:var(--orange-disabled)!important;color:var(--dark4)!important}.br-blue{border-color:var(--blue)}.br-blue:disabled,.br-blue[disabled]{border-color:var(--blue-disabled)!important;color:var(--dark4)!important}.br-light-blue{border-color:var(--light-blue)}.br-light-blue:disabled,.br-light-blue[disabled]{border-color:var(--light-blue-disabled)!important;color:var(--dark4)!important}.br-red{border-color:var(--red)}.br-red:disabled,.br-red[disabled]{border-color:var(--red-disabled)!important;color:var(--dark4)!important}.br-pink{border-color:var(--pink)}.br-pink:disabled,.br-pink[disabled]{border-color:var(--pink-disabled)!important;color:var(--dark4)!important}.br-purple{border-color:var(--purple)}.br-purple:disabled,.br-purple[disabled]{border-color:var(--purple-disabled)!important;color:var(--dark4)!important}.br-yellow{border-color:var(--yellow)}.br-yellow:disabled,.br-yellow[disabled]{border-color:var(--yellow-disabled)!important;color:var(--dark4)!important}.br-green{border-color:var(--green)}.br-green:disabled,.br-green[disabled]{border-color:var(--green-disabled)!important;color:var(--dark4)!important}.br-orange:active:enabled,.br-orange:focus:enabled,.br-orange:hover:enabled{background-color:var(--orange)}.br-blue:active:enabled,.br-blue:focus:enabled,.br-blue:hover:enabled{background-color:var(--blue)}.br-light-blue:active:enabled,.br-light-blue:focus:enabled,.br-light-blue:hover:enabled{background-color:var(--light-blue)}.br-red:active:enabled,.br-red:focus:enabled,.br-red:hover:enabled{background-color:var(--red)}.br-pink:active:enabled,.br-pink:focus:enabled,.br-pink:hover:enabled{background-color:var(--pink)}.br-purple:active:enabled,.br-purple:focus:enabled,.br-purple:hover:enabled{background-color:var(--purple)}.br-yellow:active:enabled,.br-yellow:focus:enabled,.br-yellow:hover:enabled{background-color:var(--yellow)}.br-green:active:enabled,.br-green:focus:enabled,.br-green:hover:enabled{background-color:var(--green)}.button,a.bt,button{color:#fff;border:2px solid;outline:0;padding:.55rem 1rem;background:0 0;border-radius:8px;text-align:center;cursor:pointer;font-weight:700;text-decoration:none;padding-top:15px;padding-bottom:15px;font-size:1rem;width:170px;transition:.1s}.bt:hover:enabled,.button:hover:enabled,button:hover:enabled{transition:.2s}.mini-bt{padding:.45rem 1.5rem .45rem 1.5rem;width:auto}.fl{width:100%;height:auto;border:2px solid;border-radius:8px;padding:0 5px;opacity:.7;transition:.1s;padding-left:15px}.fl-orange{border-color:var(--orange);color:var(--orange)!important}.fl-blue{border-color:var(--blue);color:var(--blue)!important}.fl-light-blue{border-color:var(--light-blue);color:var(--light-blue)!important}.fl-red{border-color:var(--red);color:var(--red)!important}.fl-pink{border-color:var(--pink);color:var(--pink)!important}.fl-purple{border-color:var(--purple);color:var(--purple)!important}.fl-yellow{border-color:var(--yellow);color:var(--yellow)!important}.fl-green{border-color:var(--green);color:var(--green)!important}.fl:hover{opacity:1;transition:.2s}input,select{outline-style:none}.inp-text,input[type=text]{padding:12px 20px;margin:8px 0;border-radius:6px;border:2px solid var(--dark3);background:0 0;box-sizing:border-box;color:#fff;font-size:1rem;transition:.1s}.inp-text:focus:enabled,.inp-text:hover:enabled,input[type=text]:focus:enabled,input[type=text]:hover:enabled{background:var(--dark3);transition:.2s}.inp-chb,input[type=checkbox]{border-radius:5px;width:45px;height:15px;background:var(--dark4);margin:0;padding:0}.slc,select{border-style:solid;width:140px;height:35px;padding:5px 35px 5px 5px;font-size:1rem;color:#fff;background:0 0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.1s;padding-left:10px}.slc:hover,select:hover{transition:.2s}.slc-dark option{background:var(--dark3)}.slc-dark option:active,.slc-dark option:focus,.slc-dark option:hover{background:var(--dark2)}.slc-light option{background:var(--light3)}.slc-light option:hover{background:var(--light2)}.bt:disabled,.button:disabled,.inp-text:disabled,.slc:disabled,button:disabled,button[disabled],input[type=text]:disabled,input[type=text][disabled],select[disabled]{border-color:var(--dark2);color:var(--light2)}.conatiner{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.conatiner input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.conatiner:hover input~.checkmark{background-color:#ccc}.conatiner input:checked~.checkmark{background-color:var(--orange)}.checkmark:after{content:"";position:absolute;display:none}.conatiner input:checked~.checkmark:after{display:block}.conatiner .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.radiocontainer{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radiocontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmarkradio{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radiocontainer:hover input~.checkmark{background-color:#ccc}.radiocontainer input:checked~.checkmark{background-color:var(--orange)}.checkmarkradio:after{content:"";position:absolute;display:none}.radiocontainer input:checked~.checkmarkradio:after{display:block}.radiocontainer .checkmarkradio:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.nv,nav{width:100%;height:auto;display:block;box-sizing:border-box;padding:0 40px}.nv ul{position:relative;text-align:right;list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex}.nv li{display:inline-block;margin:0 10px}.nv li a{display:block;padding:16px 12px;color:#fff;font-size:1.2em;text-decoration:none;text-align:center;background:0 0;transition:0,5s;width:100%;height:100%}.nv li a:hover{background:#fff;transition:.2s}.nv-lg{margin-left:10px;margin-top:5px;text-decoration:none;font-size:2.1rem;color:#fff;float:left}.nv .inp-text{right:0;border-color:#fff;border-radius:12px;width:auto;max-width:220px;min-width:10%;margin-left:auto;order:2;transition:width .2s ease-in-out;-webkit-transition:width .2s ease-in-out}.nv .inp-text:focus:enabled,.nv .inp-text:hover:enabled{width:auto;max-width:400px;min-width:20%;background:#fff}@media (max-width:1075px){.nv,nav{padding:0 20px}}.nv-gradient{background:var(--gradient)}.nv-orange{background:var(--orange)}.nv-blue{background:var(--blue)}.nv-light-blue{background:var(--light-blue)}.nv-red{background:var(--red)}.nv-pink{background:var(--pink)}.nv-purple{background:var(--purple)}.nv-yellow{background:var(--yellow)}.nv-green{background:var(--green)}.nv-gradient .inp-text:focus:enabled,.nv-gradient .inp-text:hover:enabled,.nv-gradient ul li a:hover,.nv-orange .inp-text:focus:enabled,.nv-orange .inp-text:hover:enabled,.nv-orange ul li a:hover{color:var(--orange)!important}.nv-blue .inp-text:focus:enabled,.nv-blue .inp-text:hover:enabled,.nv-blue ul li a:hover{color:var(--blue)!important}.nv-light-blue .inp-text:focus:enabled,.nv-light-blue .inp-text:hover:enabled,.nv-light-blue ul li a:hover{color:var(--light-blue)!important}.nv-red .inp-text:focus:enabled,.nv-red .inp-text:hover:enabled,.nv-red ul li a:hover{color:var(--red)!important}.nv-pink .inp-text:focus:enabled,.nv-pink .inp-text:hover:enabled,.nv-pink ul li a:hover{color:var(--pink)!important}.nv-purple .inp-text:focus:enabled,.nv-purple .inp-text:hover:enabled,.nv-purple ul li a:hover{color:var(--purple)!important}.nv-yellow .inp-text:focus:enabled,.nv-yellow .inp-text:hover:enabled,.nv-yellow ul li a:hover{color:var(--yellow)!important}.nv-green .inp-text:focus:enabled,.nv-green .inp-text:hover:enabled,.nv-green ul li a:hover{color:var(--green)!important}