Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 7, 2017 */@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(/img/button.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(/img/button_pressed.png) 6 repeat
- }
- ::-webkit-scrollbar-button:disabled {
- background-color:#8d8671;
- border-image:url(/img/button_pressed.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(/img/button.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(/img/button_pressed.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:#abb9ba;
- border:11px solid #abb9ba;
- 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
- }
- #windows>div>span {
- display:block;
- pointer-events:none;
- margin-top:-7px;
- text-shadow:1px 1px #696969;
- color:#404040;
- 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:#7d9293;
- border:5px solid #7e635c;
- border-width:5px;
- -o-border-image:url(/img/window_in.png) 5 repeat;
- border-image:url(/img/window_in.png) 5 repeat
- }
- #windows>div>div>input {
- border:6px solid #7e635c;
- -o-border-image:url(/img/small_border.png) 6 repeat;
- border-image:url(/img/small_border.png) 6 repeat;
- border-image-outset:1px
- }
- #windows>div>div>* {
- -webkit-box-sizing:border-box;
- box-sizing:border-box
- }
- button {
- border:6px outset #404040;
- -o-border-image:url(/img/button.png) 6 repeat;
- border-image:url(/img/button.png) 6 repeat;
- background-color:#404040
- }
- 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(/img/button_pressed.png) 6 repeat;
- border-image:url(/img/button_pressed.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(/img/small_border.png) 5 repeat;
- border-image:url(/img/small_border.png) 5 repeat;
- border-image-outset:1px;
- background-color:#7d9293;
- -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:#aaa
- }
- #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:#aba389;
- border:11px solid #aba389;
- 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 #4d313b;
- color:#7e635c;
- margin-bottom:3px;
- min-width:100%;
- text-align:center
- }
- #help>.content {
- overflow:auto;
- min-width:100%;
- height:100%;
- margin:0 -5px -5px;
- background-color:#7e635c;
- border:5px solid #7e635c;
- 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:#00c7ea
- }
- #chat-messages>li.moderator {
- color:#55e100
- }
- #chat-messages>li.admin {
- color:#d50000
- }
- #chat-messages>li.discord>.nick {
- color:#00d9b3
- }
- #chat-messages>li.server {
- color:#ff41e4
- }
- #chat-messages>li.tell {
- color:#ffb735
- }
- #chat-messages .emote {
- width:16px;
- height:16px;
- vertical-align:bottom
- }
- #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
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement