-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
1 lines (1 loc) · 3.59 KB
/
index.css
1
html{font-size:1rem;font-family:"Raleway";min-height:100vh}*,*::before,*::after{box-sizing:border-box}body{min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#000}.wrapper{margin:.3rem;position:relative;background-color:#fff;box-shadow:0px 0px 10px #daa520;z-index:0}.wrapper[focused=true]{z-index:1}.wrapper[sizeState=CLOSED]{display:none}.wrapper[sizeState=MINIMIZED]{min-height:48vh;display:block}.wrapper[sizeState=MAXIMIZED]{min-height:98vh;display:block;top:0;left:0}.wrapper #previewer,.wrapper #editor{outline:1px solid #daa520;min-width:40vw;max-width:95vw;padding:5px;background-color:#000;color:#daa520}.wrapper #previewer[sizeState=CLOSED],.wrapper #editor[sizeState=CLOSED]{display:none}.wrapper #previewer[sizeState=MINIMIZED],.wrapper #editor[sizeState=MINIMIZED]{min-height:calc(48vh - 2.5rem);display:block}.wrapper #previewer[sizeState=MAXIMIZED],.wrapper #editor[sizeState=MAXIMIZED]{resize:horizontal;height:calc(98vh - 2.5rem);display:block}.wrapper #previewer{resize:both;overflow-y:auto;overflow-x:auto}.wrapper #previewer img{max-width:100%;background-color:#daa520}.wrapper #previewer a{transition:text-shadow .1s linear}.wrapper #previewer a:link{color:#ff0;text-decoration-color:#ff0}.wrapper #previewer a:visited{color:#ff4500;text-decoration-color:#ff4500}.wrapper #previewer a:hover{text-shadow:0 0 .2em #ff0,0 0 .2em #ff0,0 0 .2em #ff0}.wrapper #previewer :not(pre)>code{background:repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 5%, transparent 5%, transparent 10%);background-color:#daa520}.wrapper #previewer pre:has(>code){background-color:#daa520}.wrapper .elementHeader{background-color:#000;color:#daa520;outline:1px solid #daa520;padding:.25rem;height:2.5rem;display:flex;justify-content:space-between;cursor:grab}.wrapper .elementHeader[dragged="1"]{cursor:grabbing}.wrapper .elementHeader button{background-color:rgba(0,0,0,0);border:0;margin:0;padding:0}.wrapper .elementHeader button::before{font-size:1.9rem;cursor:pointer;color:#000;-webkit-text-stroke:1px #daa520}.wrapper .elementHeader button:hover::before{color:#daa520}.wrapper .elementHeader .elementLabel{margin:auto 0;vertical-align:middle;font-size:1.5rem}@keyframes backgroundScroll{0%{transform:translateX(-50%)}50%{transform:translateX(0%)}100%{transform:translateX(50%)}}#background{z-index:-1;position:absolute;background:#000;display:flex;flex-flow:column;justify-content:space-evenly}#background .backgroundRow{overflow:hidden;display:flex;flex-flow:row}#background .backgroundRow[backwards=true]{animation-direction:reverse}#background .backgroundRow .backgroundRowSlice{position:relative;display:flex;flex-flow:row;animation:backgroundScroll 60s linear 0s infinite;animation-direction:inherit;left:inherit}#background .backgroundRow .backgroundRowSlice .backgroundCell{font-family:Impact;color:#daa520;overflow:hidden;white-space:nowrap;margin:0 10px;transition:text-shadow .3s linear,color .3s linear,-webkit-text-stroke-color .3s linear;color:#000;-webkit-text-stroke:.1rem #daa520}#background .backgroundRow .backgroundRowSlice .backgroundCell[focused=true]{color:#daa520;-webkit-text-stroke-color:#000;text-shadow:0 0 .5rem #daa520}::-webkit-scrollbar{background-color:#daa520}::-webkit-scrollbar-thumb{border:1px solid #daa520;background:#000;border-radius:.3rem}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 .3rem #000}::-webkit-scrollbar-button{border:1px solid #daa520;background-color:#000}::-webkit-scrollbar-corner{background-color:#daa520}.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}/*# sourceMappingURL=index.css.map */