API tools faq
paste
Advertisement
Pvp_machine100

asd

Pvp_machine100
Apr 21st, 2018
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.81 KB | None | 0 0
raw download clone embed print report diff
  1. /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 7, 2017 */@font-face {
  2.  font-family:pixel-op;
  3.  src:url(/font/pixeloperator.woff2) format("woff2"),url(/font/pixeloperator.woff) format("woff");
  4.  font-weight:400;
  5.  font-style:normal
  6. }
  7. ::-webkit-scrollbar {
  8.  width:16px;
  9.  height:16px
  10. }
  11. ::-webkit-scrollbar-corner {
  12.  background-color:transparent
  13. }
  14. ::-webkit-scrollbar-button {
  15.  height:16px;
  16.  width:16px;
  17.  /*border:6px solid;*/
  18.  /*border-image:url(/img/button.png) 6 repeat;*/
  19.  background-image:url(/img/gui.png);
  20.  background-color:#404040;
  21.  border-width:6px;
  22.  background-origin:border-box;
  23.  background-repeat:no-repeat
  24. }
  25. ::-webkit-scrollbar-button:hover {
  26.  background-color:#505050
  27. }
  28. ::-webkit-scrollbar-button:active {
  29.  background-color:#303030;
  30.  /*border-image:url(/img/button_pressed.png) 6 repeat*/
  31. }
  32. ::-webkit-scrollbar-button:disabled {
  33.  background-color:#202020;
  34.  /*border-image:url(/img/button_pressed.png) 6 repeat*/
  35. }
  36. ::-webkit-scrollbar-button:vertical:increment {
  37.  background-position:-32px 0
  38. }
  39. ::-webkit-scrollbar-button:vertical:increment:disabled {
  40.  background-position:-48px 0
  41. }
  42. ::-webkit-scrollbar-button:vertical:decrement {
  43.  background-position:0 0
  44. }
  45. ::-webkit-scrollbar-button:vertical:decrement:disabled {
  46.  background-position:-16px 0
  47. }
  48. ::-webkit-scrollbar-button:horizontal:increment {
  49.  background-position:0 16px
  50. }
  51. ::-webkit-scrollbar-button:horizontal:increment:disabled {
  52.  background-position:-16px 16px
  53. }
  54. ::-webkit-scrollbar-button:horizontal:decrement {
  55.  background-position:-32px 16px
  56. }
  57. ::-webkit-scrollbar-button:horizontal:decrement:disabled {
  58.  background-position:-48px 16px
  59. }
  60. ::-webkit-scrollbar-thumb {
  61.  /*border:6px solid;
  62.  border-image:url(/img/button.png) 6 repeat;*/
  63.  background-color:#404040;
  64.  /*border-width:6px*/
  65. }
  66. ::-webkit-scrollbar-thumb:hover {
  67.  background-color:#505050
  68. }
  69. ::-webkit-scrollbar-thumb:active {
  70.  background-color:#202020;
  71.  /*border-image:url(/img/button_pressed.png) 6 repeat*/
  72. }
  73. body,html {
  74.  font:16px pixel-op,sans-serif;
  75.  width:100%;
  76.  height:100%;
  77.  margin:0;
  78.  -ms-touch-action:none;
  79.  touch-action:none;
  80.  position:fixed
  81. }
  82. body {
  83.  background-color:#d1d1d1;
  84.  background-image:url(/img/unloaded.png);
  85.  background-size:16px
  86. }
  87. html {
  88.  -webkit-user-select:none;
  89.  -moz-user-select:none;
  90.  -ms-user-select:none;
  91.  user-select:none
  92. }
  93. hr {
  94.  border-color:rgba(0,0,0,.2)
  95. }
  96. .hide {
  97.  display:none!important
  98. }
  99. .selectable {
  100.  -webkit-user-select:text;
  101.  -moz-user-select:text;
  102.  -ms-user-select:text;
  103.  user-select:text
  104. }
  105. .centered {
  106.  position:absolute;
  107.  padding-top:1px;
  108.  top:50%;
  109.  left:50%;
  110.  -webkit-transform:translate(-50%,-50%);
  111.  transform:translate(-50%,-50%)
  112. }
  113. .centeredChilds {
  114.  display:-webkit-box;
  115.  display:-ms-flexbox;
  116.  display:flex;
  117.  -webkit-box-pack:center;
  118.  -ms-flex-pack:center;
  119.  justify-content:center;
  120.  -webkit-box-align:center;
  121.  -ms-flex-align:center;
  122.  align-items:center
  123. }
  124. .tooltip {
  125.  pointer-events:none;
  126.  position:absolute;
  127.  top:0;
  128.  left:0;
  129.  opacity:.9
  130. }
  131. .owopdropdown {
  132.  pointer-events:none!important;
  133.  padding:0!important;
  134.  padding-top:1px!important;
  135.  top:0;
  136.  left:50%;
  137.  -webkit-transform:translateX(-50%);
  138.  transform:translateX(-50%);
  139.  border:none!important;
  140.  background-color:transparent!important;
  141.  -webkit-transition:-webkit-transform .5s ease-out;
  142.  transition:-webkit-transform .5s ease-out;
  143.  transition:transform .5s ease-out;
  144.  transition:transform .5s ease-out,-webkit-transform .5s ease-out
  145. }
  146. button.winframe:active {
  147.  -o-border-image:inherit;
  148.  border-image:inherit
  149. }
  150. #chat,#dev-chat,#playercount-display,#xy-display,.whitetext {
  151.  color:#fff;
  152.  font:16px pixel-op,sans-serif;
  153.  text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000
  154. }
  155. #tool-select,img {
  156.  -ms-interpolation-mode:nearest-neighbor;
  157.  image-rendering:-webkit-optimize-contrast;
  158.  image-rendering:-moz-crisp-edges;
  159.  image-rendering:-o-pixelated;
  160.  image-rendering:pixelated
  161. }
  162. #load-scr {
  163.  position:absolute;
  164.  height:100%;
  165.  width:100%;
  166.  text-align:center;
  167.  font:0/0 a;
  168.  pointer-events:none;
  169.  -webkit-transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  170.  transition:-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  171.  transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  172.  transition:transform 1.5s cubic-bezier(.68,-.55,.27,1.55),-webkit-transform 1.5s cubic-bezier(.68,-.55,.27,1.55);
  173.  background-image:url(/img/unloaded.png);
  174.  -webkit-box-shadow:0 0 5px #000;
  175.  box-shadow:0 0 5px #000
  176. }
  177. #load-scr:before {
  178.  content:" ";
  179.  height:100%
  180. }
  181. #load-scr:before,#load-ul {
  182.  display:inline-block;
  183.  vertical-align:middle
  184. }
  185. #load-ul {
  186.  list-style-type:none;
  187.  padding:0;
  188.  margin:0;
  189.  max-width:50%;
  190.  min-width:224px;
  191.  pointer-events:auto;
  192.  -webkit-transition:-webkit-transform 1s;
  193.  transition:-webkit-transform 1s;
  194.  transition:transform 1s;
  195.  transition:transform 1s,-webkit-transform 1s
  196. }
  197. #noscript-msg,#status {
  198.  font:16px pixel-op
  199. }
  200. #status-msg {
  201.  vertical-align:super;
  202.  text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,0 0 2px #000
  203. }
  204. #spinner {
  205.  margin-right:8px
  206. }
  207. #animations,#viewport,#windows {
  208.  position:absolute
  209. }
  210. #windows {
  211.  pointer-events:none;
  212.  width:100%;
  213.  height:100%
  214. }
  215. #windows>div,.winframe {
  216.  position:absolute;
  217.  pointer-events:auto;
  218.  background-color:#404040;
  219.  border:11px solid #404040;
  220.  border-width:11px;
  221.    -webkit-box-shadow:0 0 5px #000;
  222.  box-shadow:0 0 5px #000
  223. }
  224. #windows>div>span {
  225.  display:block;
  226.  pointer-events:none;
  227.  margin-top:-7px;
  228.  color:#fff;
  229.  margin-bottom:3px;
  230.  min-width:100%;
  231.  text-align:center
  232. }
  233. .windowCloseButton {
  234.  position:absolute;
  235.  right:0;
  236.  top:-2px;
  237.  width:9px;
  238.  height:9px;
  239.  padding:0;
  240.  background-position:-48px -32px;
  241.  background-color:#ff0000;
  242.  border:1px solid #404040;
  243.  border-radius: 10px
  244. }
  245. button.windowCloseButton:active {
  246.  background-position:-48px -41px
  247. }
  248. .wincontainer {
  249.  overflow:auto;
  250.  min-width:100%;
  251.  height:100%;
  252.  margin:0 -5px -5px;
  253.  background-color:#404040;
  254.  border:5px solid #404040;
  255.  border-width:5px;
  256.  /*
  257.    -webkit-box-shadow:0 0 5px #000;
  258.  box-shadow:0 0 5px #000
  259.  */
  260. }
  261. #windows>div>div>input {
  262.  border:6px solid #7e635c;
  263.  border-image-outset:1px
  264. }
  265. #windows>div>div>* {
  266.  -webkit-box-sizing:border-box;
  267.  box-sizing:border-box
  268. }
  269. button {
  270.  border:6px solid #404040;
  271.  background-color:#202af2;
  272. }
  273. button,button:hover {
  274.  -webkit-transition:-webkit-filter .125s;
  275.  transition:-webkit-filter .125s;
  276.  transition:filter .125s;
  277.  transition:filter .125s,-webkit-filter .125s
  278. }
  279. button:hover {
  280.  -webkit-filter:brightness(134%);
  281.  filter:brightness(134%)
  282. }
  283. button:active {
  284.   /*
  285.  -webkit-filter:brightness(90%);
  286.  filter:brightness(90%);
  287.  
  288.   -webkit-transition:none;
  289.  transition:none
  290.   */
  291. }
  292. button:focus {
  293.  outline:none
  294. }
  295. #clusters>canvas {
  296.  position:absolute;
  297.  ackground-image:url(/img/unloaded.png);
  298.  background-size:8px
  299. }
  300. #animations {
  301.  top:0;
  302.  left:0
  303. }
  304. #palette,#playercount-display,#xy-display {
  305.  position:absolute;
  306.  pointer-events:none;
  307.  -webkit-transform:translateY(-100%);
  308.  transform:translateY(-100%);
  309.  -webkit-transition:-webkit-transform .75s;
  310.  transition:-webkit-transform .75s;
  311.  transition:transform .75s;
  312.  transition:transform .75s,-webkit-transform .75s
  313. }
  314. #xy-display {
  315.  padding-left:2px;
  316.  left:-4px;
  317.  top:-4px
  318. }
  319. #playercount-display {
  320.  right:-4px;
  321.  top:-4px
  322. }
  323. #toole-container {
  324.  overflow:hidden
  325. }
  326. #palette,#palette-create,#playercount-display,#xy-display,.framed {
  327.  border:5px solid #404040;
  328.  background-color:#404040;
  329.  -webkit-box-shadow:0 0 5px #000;
  330.  box-shadow:0 0 5px #000
  331. }
  332. #toole-container>button>div {
  333.  position:fixed;
  334.  margin:-18px -4px;
  335.  width:36px;
  336.  height:36px
  337. }
  338. #toole-container>button {
  339.  position:relative;
  340.  display:inline-block;
  341.  width:40px;
  342.  height:40px;
  343.  padding:0
  344. }
  345.  
  346. #tool-select>button>div {
  347.  position:absolute;
  348.  width:36px;
  349.  height:36px;
  350.  margin-left:50%;
  351.  -webkit-transform:translate(-50%,-50%);
  352.  transform:translate(-50%,-50%)
  353. }
  354. #palette {
  355.  right:-5px;
  356.  top:50%;
  357.  -webkit-transform:translateY(-50%) translateX(200%);
  358.  transform:translateY(-50%) translateX(200%);
  359.  width:45px;
  360.  height:40px;
  361.  -webkit-box-sizing:border-box;
  362.  box-sizing:border-box
  363. }
  364. #palette-bg {
  365.  position:absolute;
  366.  height:100%;
  367.  width:44px;
  368.  top:0;
  369.  right:0;
  370.  background-color:rgba(0,0,0,.3);
  371.  pointer-events:none
  372. }
  373. #palette-create {
  374.  right:50px;
  375.  top:50%;
  376.  -webkit-transform:translateY(-50%);
  377.  transform:translateY(-50%);
  378.  width:24px;
  379.  height:24px;
  380.  background-image:url(/img/plus.png);
  381.  background-repeat:no-repeat;
  382.  pointer-events:all
  383. }
  384. #palette-create,#palette-input {
  385.  position:absolute;
  386.  -webkit-box-sizing:border-box;
  387.  box-sizing:border-box
  388. }
  389. #palette-input {
  390.  width:100%;
  391.  height:100%;
  392.  opacity:0;
  393.  cursor:pointer
  394. }
  395. #palette-colors {
  396.  position:absolute;
  397.  left:-1px;
  398.  top:-9px;
  399.  
  400.  -webkit-transition:-webkit-transform .01s ease-out;
  401.  transition:-webkit-transform .01s ease-out;
  402.  transition:transform 1s ease-out;
  403.  transition:transform 1s ease-out,-webkit-transform .2s ease-out
  404.  
  405. }
  406. #palette-colors>div {
  407.  width:32px;
  408.  height:32px;
  409.  margin:8px 0;
  410.  border:1px solid rgba(0,0,0,.3);
  411.  -webkit-box-sizing:border-box;
  412.  box-sizing:border-box;
  413.  pointer-events:all;
  414.  cursor:pointer
  415. }
  416. #player-list {
  417.  max-height:300px;
  418.  overflow-y:scroll
  419. }
  420. #player-list>table {
  421.  border-collapse:collapse;
  422.  border:1px solid #000;
  423.  color:#fff;
  424.  text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
  425.  padding:2px
  426. }
  427. #player-list>table>tr:nth-child(odd) {
  428.  background-color:rgba(0,0,0,.1)
  429. }
  430. #player-list>table>tr:nth-child(2n) {
  431.  background-color:rgba(0,0,0,.3)
  432. }
  433. #player-list>table>tr:first-child {
  434.  text-align:left;
  435.  background-color:rgba(0,0,0,.5)
  436. }
  437. #player-list td,#player-list th {
  438.  padding:2px 6px
  439. }
  440. #player-list>table>tr>td:first-child {
  441.  border-right:1px solid rgba(0,0,0,.5)
  442. }
  443. #player-list>table>tr>td:nth-child(2) {
  444.  border-right:1px solid rgba(0,0,0,.3)
  445. }
  446. #help-button {
  447.  position:absolute;
  448.  bottom:0;
  449.  right:0;
  450.  padding:0;
  451.  margin:16px
  452.  -webkit-box-shadow:0 0 5px #000;
  453.  box-shadow:0 0 5px #000
  454. }
  455. #help-button>img {
  456.  width:64px;
  457.  display:block
  458.  
  459. }
  460. #help {
  461.  position:absolute;
  462.  top:50%;
  463.  left:50%;
  464.  -webkit-transform:translate(-50%,-50%);
  465.  transform:translate(-50%,-50%);
  466.  width:80%;
  467.  max-width:800px;
  468.  background-color:#404040;
  469.  border:11px solid #404040;
  470.  border-width:11px;
  471.  /*
  472.  -o-border-image:url(/img/window_out.png) 11 repeat;
  473.  border-image:url(/img/window_out.png) 11 repeat;
  474.  */
  475.   border-image-outset:1px;
  476.  -webkit-box-shadow:0 0 5px #000;
  477.  box-shadow:0 0 5px #000
  478. }
  479. #help>.title {
  480.  display:block;
  481.  pointer-events:none;
  482.  margin-top:-7px;
  483.  color:#fff;
  484.  margin-bottom:3px;
  485.  min-width:100%;
  486.  text-align:center
  487. }
  488. #help>.content {
  489.  overflow:auto;
  490.  min-width:100%;
  491.  height:100%;
  492.  margin:0 -5px -5px;
  493.  background-color:#404040;
  494.  border:5px solid #404040;
  495.  border-width:5px;
  496.  /*
  497.  -o-border-image:url(/img/window_in.png) 5 repeat;
  498.  border-image:url(/img/window_in.png) 5 repeat
  499.  */
  500. }
  501. #help>.content>.links {
  502.  text-align:center
  503. }
  504. #help>.content>.links>a {
  505.  display:inline-block;
  506.  vertical-align:middle;
  507.  width:76px
  508. }
  509. #help>.content>.links>a>img {
  510.  width:100%
  511. }
  512. #help.hidden {
  513.  display:none
  514. }
  515. #chat {
  516.  -webkit-transform:translateY(100%);
  517.  transform:translateY(100%)
  518. }
  519. #chat,#dev-chat {
  520.  position:absolute;
  521.  left:0;
  522.  bottom:0;
  523.  min-width:20%;
  524.  max-width:450px;
  525.  display:-webkit-box;
  526.  display:-ms-flexbox;
  527.  display:flex;
  528.  font-family:pixel-op,monospace;
  529.  -webkit-box-orient:vertical;
  530.  -webkit-box-direction:normal;
  531.  -ms-flex-direction:column;
  532.  flex-direction:column;
  533.  background-color:transparent;
  534.  pointer-events:none;
  535.  overflow:hidden;
  536.  -webkit-transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;
  537.  transition:background-color .2s,-webkit-box-shadow .2s,-webkit-transform .75s;
  538.  transition:background-color .2s,box-shadow .2s,transform .75s;
  539.  transition:background-color .2s,box-shadow .2s,transform .75s,-webkit-box-shadow .2s,-webkit-transform .75s;
  540.  -webkit-animation-fill-mode:forwards;
  541.  animation-fill-mode:forwards
  542. }
  543. #dev-chat {
  544.  right:0;
  545.  left:auto
  546. }
  547. #chat.active,#dev-chat.active {
  548.  background-color:rgba(0,0,0,.8);
  549.  -webkit-box-shadow:0 0 5px #000;
  550.  box-shadow:0 0 5px #000;
  551.  pointer-events:all;
  552.  overflow-y:auto
  553. }
  554. @-webkit-keyframes fade {
  555.  0% {
  556.   opacity:1
  557.  }
  558.  to {
  559.   opacity:0
  560.  }
  561. }
  562. @keyframes fade {
  563.  0% {
  564.   opacity:1
  565.  }
  566.  to {
  567.   opacity:0
  568.  }
  569. }
  570. #chat-messages>li {
  571.  background-color:rgba(0,0,0,.8);
  572.  -webkit-animation-name:fade;
  573.  animation-name:fade;
  574.  -webkit-animation-duration:3s;
  575.  animation-duration:3s;
  576.  -webkit-animation-delay:15s;
  577.  animation-delay:15s;
  578.  -webkit-animation-fill-mode:forwards;
  579.  animation-fill-mode:forwards;
  580.  -webkit-transition:background-color .2s;
  581.  transition:background-color .2s;
  582.  white-space:pre-wrap
  583. }
  584. #chat-messages>li a:link {
  585.  color:#82c9ff
  586. }
  587. #chat-messages>li a:visited {
  588.  color:#ab80f9
  589. }
  590. #chat-messages>li a:hover {
  591.  color:#76b0dc
  592. }
  593. #chat-messages>li>.nick {
  594.  color:#fff
  595. }
  596. #chat-messages>li.moderator {
  597.  color:#42ff50
  598. }
  599. #chat-messages>li.admin {
  600.  color:#c10000
  601. }
  602. #chat-messages>li.discord>.nick {
  603.  color:#6cffe7
  604. }
  605. #chat-messages>li.server {
  606.  color:#aa00ff
  607. }
  608. #chat-messages>li.tell {
  609.  color:#ffb735
  610. }
  611. #chat-messages.active>li {
  612.  background-color:initial;
  613.  -webkit-animation-duration:0s;
  614.  animation-duration:0s;
  615.  animation-direction:reverse;
  616.  color:#00aaff;
  617. }
  618. #chat-messages,#dev-chat-messages {
  619.  -webkit-box-flex:1;
  620.  -ms-flex:1;
  621.  flex:1;
  622.  margin:0;
  623.  padding:0;
  624.  font-size:16px;
  625.  max-height:40vh;
  626.  word-wrap:break-word;
  627.  overflow:inherit;
  628.  vertical-align:bottom
  629. }
  630. #chat-input {
  631.  -webkit-box-flex:0;
  632.  -ms-flex:0;
  633.  flex:0;
  634.  height:16px;
  635.  color:#fff;
  636.  pointer-events:all;
  637.  border:1px solid #666;
  638.  padding:4px;
  639.  background:rgba(0,0,0,.8);
  640.  font-family:pixel-op,sans-serif;
  641.  font-size:16px;
  642.  resize:none;
  643.  overflow-y:scroll
  644. }
  645. #chat-input:focus {
  646.  outline:none
  647. }
  648. #chat-input::-webkit-input-placeholder {
  649.  color:#bbb
  650. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!