WheelOfFortune/mflx.min.css

1 line
6.4 KiB
CSS
Raw Normal View History

:root{--ez-dark-theme:0;--primary:#6a4c94;--secondary:#ef8801;--success:#8bc926;--warning:#ffca38;--error:#ff575c;--info:#1981c2;--black:#1f1300;--white:#fffaff;--main-title:"Arial";--sub-titles:"Montserrat";--paragraphs:"Montserrat";--title-size:5rem;--subtitle-size:2.5rem;--padme-setting:0.5em 0.5em 0.5em 0.5em;--button-roundness:2em 2em 2em 2em;--marginme-setting:0.5em 0em 0.5em 0em;--mp-5-setting:2rem;--mp-4-setting:1rem;--mp-3-setting:.75rem;--mp-2-setting:.5rem;--mp-1-setting:.25rem;filter:invert(var(--ez-dark-theme))}:root img,video{filter:invert(var(--ez-dark-theme))}:focus{outline:0}::-moz-focus-inner{border:0}h1{font-family:var(--main-title),"sans-serif";font-size:var(--title-size)}h2{font-size:var(--subtitle-size)}h2,h3,h4,h5,h6{font-family:var(--sub-titles),sans}.link,a,button,input,label,li,p,select,span,textarea{font-family:var(--paragraphs),sans;text-decoration:none;outline:0;border:none;padding:0;line-height:1.5;word-break:break-word}.link,input,p{margin:.25em 0}img,video{max-width:100%}input:focus,select:focus,textarea:focus{border:solid 1px var(--primary);border-radius:4px}a:focus,button:focus{border:solid 1px #000}.is-round:active,button,input,submit{border:none}button[disabled],input[disabled]{background-color:#ccc;color:grey}.link:link{text-decoration:none;color:var(--info)}.link:visited{color:var(--info)}.link:focus,.link:hover{border:0;color:#1c90d9}ul{list-style-type:none;padding:0}.primary{background-color:var(--primary)}.secondary{background-color:var(--secondary)}.white{background-color:var(--white)}.black{background-color:var(--black)}.flx,.flx\(\){display:flex}.flx\(wrap\){display:flex;flex-wrap:wrap}.flx\(column\){display:flex;flex-direction:column}.flx\(nowrap\){display:flex;flex-wrap:nowrap}.flx\(column\,nowrap\),.flx\(nowrap\,column\){display:flex;flex-wrap:nowrap;flex-direction:column}.flx\(column\,wrap\),.flx\(wrap\,column\){display:flex;flex-wrap:wrap;flex-direction:column}.col-left,.top{align-items:flex-start}.bottom,.col-right{align-items:flex-end}.baseline{align-items:baseline}.col-center,.middle{align-items:center}.stretch{align-items:stretch}.col-top,.left{justify-content:flex-start}.col-bottom,.right{justify-content:flex-end}.center,.col-middle{justify-content:center}.col-space-evenly,.space-evenly{justify-content:space-evenly}.col-space-around,.space-around{justify-content:space-around}.col-space-between,.space-between{justify-content:space-between}.padme{padding:var(--padme-setting)}.marginme{margin:var(--marginme-setting)}.is-1{min-width:8.333333333%}.is-2{min-width:16.666666666%}.is-3,.is-quarter{min-width:24.999999999%}.is-4,.is-one-third{min-width:33.333333333%}.is-5{min-width:41.666666666%}.is-6,.is-half{min-width:49.999999999%}.is-7{min-width:58.333333333%}.is-8,.is-two-thirds{min-width:66.666666666%}.is-9,.is-three-quarters{min-width:74.999999999%}.is-10{min-width:83.333333333%}.is-11{min-width:91.666666666%}.is-12,.is-full{min-width:100%}.is-fluid{min-width:0}.btn,.btn\(\),.btn\(normal\){background-color:var(--white);border-width:1px;color:var(--black);cursor:pointer;font-size:1em;justify-content:center;padding:calc(.5em - 1px) 1em;line-height:1.5em;text-align:center;white-space:nowrap;outline:0}.btn\(small\){background-color:var(--white);color:var(--black);cursor:pointer;padding:calc(.25em - 1px) .5em;line-height:1.5em;text-align:center;white-space:nowrap;font-size:.75em;outline:0}.btn\(large\){background-color:var(--white);color:var(--black);cursor:pointer;padding:calc(.75em - 1px) 1.25em;line-height:1.5em;text-align:center;white-space:nowrap;font-size:1em;outline:0}.btn\(xlarge\){background-color:var(--white);color:var(--black);cursor:pointer;padding:calc(.25em - 1px) .5em;line-height:1.5em;text-align:center;white-space:nowrap;font-size:2em;outline:0}.is-primary{background-color:var(--primary);color:var(--white)}.is-primary:hover{background-color:#65498d}.is-primary:active{background-color:#5e4483}.is-secondary{background-color:var(--secondary);color:var(--white)}.is-secondary::hover{background-color:#e48201}.is-secondary:active{background-color:#d57901}.is-success{