Skip to content

Instantly share code, notes, and snippets.

@dimdenGD
Last active November 5, 2018 17:55
Show Gist options
  • Save dimdenGD/91b3ee7eece2a760878321adf4d6389e to your computer and use it in GitHub Desktop.
Save dimdenGD/91b3ee7eece2a760878321adf4d6389e to your computer and use it in GitHub Desktop.
Discord Style
var style = `/*! Generated by OPM*/@font-face{font-family:pixel-op;src:url(/font/pixeloperator.woff2) format("woff2"),url(/font/pixeloperator.woff) format("woff");font-weight:400;font-style:normal}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-button{height:16px;width:16px;border:6px solid;border-image:url(http://i.piccy.info/i9/86cec70b30929137ea2483184b8873a9/1541164757/339/1273364/imgonline_com_ua_Transparent_backgr_ZFM5DXPhtC.png) 6 repeat;background-image:url(/img/gui.png);background-color:#aba389;border-width:6px;background-origin:border-box;background-repeat:no-repeat}::-webkit-scrollbar-button:hover{background-color:#b8b29c}::-webkit-scrollbar-button:active{background-color:#8d8671;border-image:url(http://i.piccy.info/i9/7136ba069868e4ce212c89a5770d1d59/1541167268/347/1273364/buttonpressed.png) 6 repeat}::-webkit-scrollbar-button:disabled{background-color:#8d8671;border-image:url(http://i.piccy.info/i9/7136ba069868e4ce212c89a5770d1d59/1541167268/347/1273364/buttonpressed.png) 6 repeat}::-webkit-scrollbar-button:vertical:increment{background-position:-32px 0}::-webkit-scrollbar-button:vertical:increment:disabled{background-position:-48px 0}::-webkit-scrollbar-button:vertical:decrement{background-position:0 0}::-webkit-scrollbar-button:vertical:decrement:disabled{background-position:-16px 0}::-webkit-scrollbar-button:horizontal:increment{background-position:0 16px}::-webkit-scrollbar-button:horizontal:increment:disabled{background-position:-16px 16px}::-webkit-scrollbar-button:horizontal:decrement{background-position:-32px 16px}::-webkit-scrollbar-button:horizontal:decrement:disabled{background-position:-48px 16px}::-webkit-scrollbar-thumb{border:6px solid;border-image:url(http://i.piccy.info/i9/86cec70b30929137ea2483184b8873a9/1541164757/339/1273364/imgonline_com_ua_Transparent_backgr_ZFM5DXPhtC.png) 6 repeat;background-color:#aba389;border-width:6px}::-webkit-scrollbar-thumb:hover{background-color:#b8b29c}::-webkit-scrollbar-thumb:active{background-color:#8d8671;border-image:url(http://i.piccy.info/i9/7136ba069868e4ce212c89a5770d1d59/1541167268/347/1273364/buttonpressed.png) 6 repeat}body,html{font:16px pixel-op,sans-serif;width:100%;height:100%;margin:0;-ms-touch-action:none;touch-action:none;position:fixed}body{background-color:#d1d1d1;background-image:url(/img/unloaded.png);background-size:16px}html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}hr{border-color:rgba(0,0,0,.2)}.hide{display:none!important}.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.centered{position:absolute;padding-top:1px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.centeredChilds{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tooltip{pointer-events:none;position:absolute;top:0;left:0;opacity:.9}.owopdropdown{pointer-events:none!important;padding:0!important;padding-top:1px!important;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:none!important;background-color:transparent!important;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}button.winframe:active{-o-border-image:inherit;border-image:inherit}#chat,#dev-chat,#playercount-display,#xy-display,.whitetext{color:#fff;font:16px pixel-op,sans-serif;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}#tool-select,img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}#load-scr{position:absolute;height:100%;width:100%;text-align:center;font:0/0 a;pointer-events:none;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55);transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55),-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);background-image:url(/img/unloaded.png);-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}#load-scr:before{content:" ";height:100%}#load-scr:before,#load-ul{display:inline-block;vertical-align:middle}#load-ul{list-style-type:none;padding:0;margin:0;max-width:50%;min-width:224px;pointer-events:auto;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}#noscript-msg,#status{font:16px pixel-op}#status-msg{vertical-align:super;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,0 0 2px #000}#spinner{margin-right:8px}#animations,#viewport,#windows{position:absolute}#windows{pointer-events:none;width:100%;height:100%}#windows>div,.winframe{position:absolute;pointer-events:auto;background-color:#36393f;border:11px solid #36393f;border-width:11px;-o-border-image:url(/img/window_out.png) 11 repeat;border-image:url(http://i.piccy.info/i9/a889c34390ed7cb03f416daaf025f178/1541164424/353/1273364/window_out.png) 11 repeat;border-image-outset:4px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}#windows>div>span{display:block;pointer-events:none;margin-top:-7px;text-shadow:1px 1px #421754;color:#add2d4;margin-bottom:3px;min-width:100%;text-align:center}.windowCloseButton{position:absolute;right:0;top:-2px;width:9px;height:9px;padding:0;background-image:url(/img/gui.png);background-position:-48px -32px;background-color:#ff7979;border:none}button.windowCloseButton:active{background-image:url(/img/gui.png);background-position:-48px -41px}.wincontainer{overflow:auto;min-width:100%;height:100%;margin:0 -5px -5px;background-color:#2f3035;border:5px solid #2f3035;border-width:5px;-o-border-image:url(/img/window_in.png) 5 repeat;border-image:url(http://i.piccy.info/i9/ee1bd843894fbc8003c45546e67f8c76/1541163346/319/1273364/imgonline_com_ua_Transparent_backgr_ZdFDYvDfd0.png) 5 repeat}#windows>div>div>input{border:6px solid #7e635c;-o-border-image:url(http://i.piccy.info/i9/3e97408296aeec0c86a39affacd44126/1541165223/337/1273364/imgonline_com_ua_Transparent_backgr_FgVNm01oJhf9mj.png) 6 repeat;border-image:url(http://i.piccy.info/i9/3e97408296aeec0c86a39affacd44126/1541165223/337/1273364/imgonline_com_ua_Transparent_backgr_FgVNm01oJhf9mj.png) 6 repeat;border-image-outset:1px}#windows>div>div>*{-webkit-box-sizing:border-box;box-sizing:border-box}button{border:6px outset #36393f;-o-border-image:url(http://i.piccy.info/i9/86cec70b30929137ea2483184b8873a9/1541164757/339/1273364/imgonline_com_ua_Transparent_backgr_ZFM5DXPhtC.png) 6 repeat;border-image:url(http://i.piccy.info/i9/86cec70b30929137ea2483184b8873a9/1541164757/339/1273364/imgonline_com_ua_Transparent_backgr_ZFM5DXPhtC.png) 6 repeat;background-color:#36393f}button,button:hover{-webkit-transition:-webkit-filter .125s;transition:-webkit-filter .125s;transition:filter .125s;transition:filter .125s,-webkit-filter .125s}button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}button:active{border-style:inset;-o-border-image:url(http://i.piccy.info/i9/7136ba069868e4ce212c89a5770d1d59/1541167268/347/1273364/buttonpressed.png) 6 repeat;border-image:url(http://i.piccy.info/i9/7136ba069868e4ce212c89a5770d1d59/1541167268/347/1273364/buttonpressed.png) 6 repeat;-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-transition:none;transition:none}button:focus{outline:none}#clusters>canvas{position:absolute;background-image:url(/img/unloaded.png);background-size:8px}#animations{top:0;left:0}#palette,#playercount-display,#xy-display{position:absolute;pointer-events:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s}#xy-display{padding-left:2px;left:-4px;top:-4px}#playercount-display{right:-4px;top:-4px}#toole-container{overflow:hidden}#palette,#palette-create,#playercount-display,#xy-display,.framed{border:5px solid #aba389;-o-border-image:url(http://i.piccy.info/i9/3e97408296aeec0c86a39affacd44126/1541165223/337/1273364/imgonline_com_ua_Transparent_backgr_FgVNm01oJhf9mj.png) 5 repeat;border-image:url(http://i.piccy.info/i9/3e97408296aeec0c86a39affacd44126/1541165223/337/1273364/imgonline_com_ua_Transparent_backgr_FgVNm01oJhf9mj.png) 5 repeat;border-image-outset:1px;background-color:#2f3035;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}#toole-container>button>div{position:fixed;margin:-18px -4px;width:36px;height:36px}#toole-container>button{position:relative;display:inline-block;width:40px;height:40px;padding:0}#toole-container>button.selected{background-color:#727669}#tool-select>button>div{position:absolute;width:36px;height:36px;margin-left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#palette{right:-5px;top:50%;-webkit-transform:translateY(-50%) translateX(200%);transform:translateY(-50%) translateX(200%);width:45px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box}#palette-bg{position:absolute;height:100%;width:44px;top:0;right:0;background-color:rgba(0,0,0,.3);pointer-events:none}#palette-create{right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;background-image:url(/img/plus.png);background-repeat:no-repeat;pointer-events:all}#palette-create,#palette-input{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}#palette-input{width:100%;height:100%;opacity:0;cursor:pointer}#palette-colors{position:absolute;left:-1px;top:-9px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}#palette-colors>div{width:32px;height:32px;margin:8px 0;border:1px solid rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:all;cursor:pointer}#player-list{max-height:300px;overflow-y:scroll}#player-list>table{border-collapse:collapse;border:1px solid #000;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;padding:2px}#player-list>table>tr:nth-child(odd){background-color:rgba(0,0,0,.1)}#player-list>table>tr:nth-child(2n){background-color:rgba(0,0,0,.3)}#player-list>table>tr:first-child{text-align:left;background-color:rgba(0,0,0,.5)}#player-list td,#player-list th{padding:2px 6px}#player-list>table>tr>td:first-child{border-right:1px solid rgba(0,0,0,.5)}#player-list>table>tr>td:nth-child(2){border-right:1px solid rgba(0,0,0,.3)}#help-button{position:absolute;bottom:0;right:0;padding:0;margin:16px}#help-button>img{width:64px;display:block}#help{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;max-width:800px;background-color:#36393f;border:11px solid #36393f;border-width:11px;-o-border-image:url(/img/window_out.png) 11 repeat;border-image:url(/img/window_out.png) 11 repeat;border-image-outset:1px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}#help>.title{display:block;pointer-events:none;margin-top:-7px;text-shadow:1px 1px #421754;color:#e4951a;margin-bottom:3px;min-width:100%;text-align:center}#help>.content{overflow:auto;min-width:100%;height:100%;margin:0 -5px -5px;background-color:#5e038f;border:5px solid #5e038f;border-width:5px;-o-border-image:url(/img/window_in.png) 5 repeat;border-image:url(/img/window_in.png) 5 repeat}#help>.content>.links{text-align:center}#help>.content>.links>a{display:inline-block;vertical-align:middle;width:76px}#help>.content>.links>a>img{width:100%}#help.hidden{display:none}#chat{-webkit-transform:translateY(100%);transform:translateY(100%)}#chat,#dev-chat{position:absolute;left:0;bottom:0;min-width:20%;max-width:450px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:pixel-op,monospace;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:transparent;pointer-events:none;overflow:hidden;-webkit-transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;transition:background-color .2s,box-shadow .2s,transform .75s;transition:background-color .2s,box-shadow .2s,transform .75s,-webkit-box-shadow .2s,-webkit-transform .75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#dev-chat{right:0;left:auto}#chat.active,#dev-chat.active{background-color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;pointer-events:all;overflow-y:auto}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}#chat-messages>li{background-color:rgba(0,0,0,.8);-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:background-color .2s;transition:background-color .2s;white-space:pre-wrap}#chat-messages>li a:link{color:#82c9ff}#chat-messages>li a:visited{color:#ab80f9}#chat-messages>li a:hover{color:#76b0dc}#chat-messages>li>.nick{color:#3ab2ff}#chat-messages>li.moderator{color:#86ff41}#chat-messages>li.admin{color:#ff4f4f;text-shadow: 0 0 10px #000, 0 0 5px #000, 0 0 3px #0000, 0 0 4px #000, 0 0 7px #000, 0 0 8px #ff4f4f, 0 0 10px #ff4f4f, 0 0 15px #ff4f4f;}#chat-messages>li.discord>.nick{color:#6cffe7}#chat-messages>li.server{color:#ff41e4}#chat-messages>li.tell{color:#ffb735}#chat-messages.active>li{background-color:initial;-webkit-animation-duration:0s;animation-duration:0s;animation-direction:reverse}#chat-messages,#dev-chat-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:0;font-size:16px;max-height:40vh;word-wrap:break-word;overflow:inherit;vertical-align:bottom}#chat-input{-webkit-box-flex:0;-ms-flex:0;flex:0;height:16px;color:#fff;pointer-events:all;border:1px solid #666;padding:4px;background:rgba(0,0,0,.8);font-family:pixel-op,sans-serif;font-size:16px;resize:none;overflow-y:scroll;display:none}#chat-input:focus{outline:none}#chat-input::-webkit-input-placeholder{color:#bbb}#chat-input:-ms-input-placeholder,#chat-input::-ms-input-placeholder{color:#bbb}#chat-input::placeholder{color:#bbb}#terminal {position:fixed;left:0px;bottom:0px;height:40px;width:100%;background:#999}`;
document.getElementsByTagName('style')[0].innerHTML=`${style}`;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment