Difference between revisions of "User:Tark/Sandbox/Page.css"

Latest revision as of 17:19, 29 April 2024

@font-face{font-family:TF2 Build;src:url(/assets/fonts/tf2build-webfont.eot);src:url(/assets/fonts/tf2build-webfont.eot?#iefix) format("embedded-opentype"),url(https://digitdigout.espacore.de/static/uhhv2/assets/fonts/tf2build-webfont.woff) format("woff"),url(https://digitdigout.espacore.de/static/uhhv2/assets/fonts/tf2build-webfont.ttf) format("truetype"),url(/assets/fonts/tf2build-webfont.svg#TF2\ Build) format("svg");font-weight:400;font-style:normal}@font-face{font-family:TF2 Secondary;src:url(/assets/fonts/tf2secondary-webfont.eot);src:url(/assets/fonts/tf2secondarywebfont.eot?#iefix) format("embedded-opentype"),url(https://digitdigout.espacore.de/static/uhhv2/assets/fonts/tf2secondary-webfont.woff) format("woff"),url(https://digitdigout.espacore.de/static/uhhv2/assets/fonts/tf2secondary-webfont.ttf) format("truetype"),url(/assets/fonts/tf2secondary-webfont.svg#TF2\ Build) format("svg");font-weight:400;font-style:normal}.container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.6fr .6fr .6fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:". SCORE ." "BEST-SCORES GAME FRUITLIST" "BEST-SCORES GAME FRUITLIST"}.GAME{justify-self:center;align-self:stretch;grid-area:GAME}.BEST-SCORES{justify-self:end;align-self:start;grid-area:BEST-SCORES}.FRUITLIST{justify-self:start;align-self:start;grid-area:FRUITLIST}.SCORE{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"BEST SAVED" "CURRENT NEXT";grid-area:SCORE}.BEST{align-self:end;grid-area:BEST}.CURRENT{align-self:start;grid-area:CURRENT;margin-top:20px}.SAVED{align-self:end;grid-area:SAVED;min-width:300px}.NEXT{align-self:start;grid-area:NEXT;margin-top:20px;min-width:300px}.container{border-radius:20px;background:#2e2b29;color:#ece3cb;font-size:30px;font-family:TF2 Build;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#t-explainer,#t-bestscores{background:#a39588;padding:20px;border-radius:16px;margin:0 20px 20px;text-align:center}#t-bestscores p{background-color:#252321;padding:15px;font-family:TF2 Secondary;text-align:left;margin:8px}#t-explainer div img:nth-child(2n){margin-bottom:34px}#t-score,#t-score-best{background:#a39588;padding:20px;border-radius:16px;text-align:center}#t-backtobase,#t-next{background:#a39588;padding:20px;border-radius:16px;text-align:center;margin-left:20px}#t-game{cursor:grab}.t-modal{position:fixed;display:none;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;align-items:center;justify-content:center}.t-modal .t-modal-content{margin:5vh auto;padding:5vw;width:90vw;max-width:600px;text-align:center;background:#2e2b29;color:#ece3cb;border-radius:16px;font-family:TF2 Build;font-size:30px}.t-modal .t-modal-content #t-modal-gameover-header{color:#ece3cb;font-family:TF2 Build;font-size:35px}.t-modal .t-modal-close{color:#ece3cb;float:right;font-size:20px;margin:-50px}.t-modal .t-modal-close:hover{cursor:pointer}.t-modal input{background-color:#252321;padding:15px;font-family:TF2 Secondary;text-align:center;margin:8px;color:#ece3cb;border:0;font-size:31px}