API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 30th, 2016
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.19 KB | None | 0 0
raw download clone embed print report
  1. @import url(http://ogario.ovh/download/v2/icomoon.css);
  2. #helloContainer[data-logged-in="0"] .btn-spectate,
  3. body,
  4. html {
  5. width: 100%
  6. }
  7. #clantag,
  8. .btn-copy-token,
  9. .btn-spectate,
  10. .menu-panel,
  11. .skin {
  12. float: left
  13. }
  14. .btn,
  15. .menu-tabs {
  16. text-transform: uppercase
  17. }
  18. .clearfix,
  19. .menu-tabs {
  20. clear: both
  21. }
  22. #next-profile:hover,
  23. #prev-profile:hover,
  24. .close {
  25. opacity: 1
  26. }
  27. #leaderboard-info,
  28. #leaderboard-positions,
  29. #profiles,
  30. #top5-hud,
  31. .hide-url,
  32. .leaderboard-panel,
  33. .menu-tabs {
  34. overflow: hidden
  35. }
  36. #overlays-hud,
  37. #statsContinue2 {
  38. position: absolute
  39. }
  40. #message,
  41. #pause-hud {
  42. transform: translate(-50%, 0)
  43. }
  44. #hotkeys-inst ul,
  45. #messages,
  46. .menu-tabs {
  47. list-style-type: none
  48. }
  49. body,
  50. html {
  51. height: 100%;
  52. margin: 0;
  53. padding: 0
  54. }
  55. body {
  56.  
  57. font-family: ubuntu;
  58. background-size: cover;
  59. background-repeat: no-repeat;
  60. background-position: center
  61. }
  62. a,
  63. a:hover {
  64. color: #337ab7
  65. }
  66. .main-color {
  67. color: #b5a642
  68. }
  69. #helloContainer[data-logged-in="1"] .btn-play {
  70. margin-left: 0;
  71. width: 100%
  72. }
  73. #helloContainer[data-logged-in="1"] .btn-spectate {
  74. width: 65%
  75. }
  76. #agario-main-buttons,
  77. #helloContainer[data-logged-in="0"] #agario-main-buttons {
  78. padding: 0
  79. }
  80. #helloContainer[data-gamemode=":teams"] .leaderboard-panel {
  81. display: none
  82. }
  83. #helloContainer[data-gamemode=":party"] .party-panel {
  84. display: inline-block
  85. }
  86. #helloContainer {
  87. width: 810px;
  88. opacity: 1
  89. }
  90. .center-container {
  91. width: 350px;
  92. margin: 0
  93. }
  94. .left-container, .right-container {
  95. background-color: #222222;
  96. width: 225px;
  97. margin: 0;
  98. pointer-events: auto;
  99. padding: 10px 15px;
  100. border-radius: 10px;
  101. }
  102. #main-menu {
  103. background-color: #222;
  104. padding: 15px 20px;
  105. border-radius: 8px;
  106. }
  107. #main-panel {
  108. display: block
  109. }
  110. .menu-panel,
  111. .party-panel {
  112. display: none
  113. }
  114. .agario-panel,
  115. .btn,
  116. .form-control,
  117. .input-group-addon,
  118. .input-group-sm>.input-group-addon {
  119. }
  120. .agario-panel {
  121. width: 350px;
  122. background: 0 0;
  123. color: #FFF;
  124. margin: 0
  125. }
  126. .agario-panel input,
  127. .agario-panel select,
  128. .agario-side-panel input,
  129. .agario-side-panel select,
  130. .input-group-addon {
  131. background-color: #333;
  132. color: #fff;
  133. border-radius: 4px;
  134. border: 0px;
  135. }
  136. .form-control:focus {
  137. border-color: none !important;
  138. outline: none !important;
  139. -webkit-box-shadow: none !important;
  140. box-shadow: none !important;
  141. }
  142. .agario-side-panel {
  143. width: 225px;
  144. background-color: #222;
  145. border-top: 5px solid #b5a642;
  146. color: #DDD;
  147. padding: 0;
  148. margin: 0 0 10px
  149. }
  150. .agario-side-panel h4 {
  151. color: #b5a642;
  152. font-size: 16px;
  153. font-weight: 700;
  154. text-align: center
  155. }
  156. #stats h2,
  157. .agario-panel h5,
  158. .agario-side-panel h5 {
  159. border-bottom: 1px solid #333;
  160. font-size: 12px;
  161. font-weight: 700;
  162. text-align: center;
  163. text-transform: uppercase;
  164. margin: 0 0 10px;
  165. padding: 12px 0
  166. }
  167. #stats h2 {
  168. padding-top: 0
  169. }
  170. .menu-panel {
  171. width: 100%
  172. }
  173. #adsBottom,#adsBottomInner{
  174. display: none !important;
  175. }
  176. .toast-warning,
  177. .toast-message {
  178. color: #fff;
  179. }
  180. #theme .title,
  181. .leaderboard-panel span,
  182. .start-tab a {
  183. display: block
  184. }
  185. .ogario-yt-panel,
  186. .radio-panel {
  187. padding: 0 0 6px;
  188. text-align: center
  189. }
  190. .agario-party {
  191. display: none !important;
  192. padding: 0
  193. }
  194. .agario-party-6 {
  195. padding: 10px 10px 0
  196. }
  197. .close {
  198. color: #b5a642;
  199. text-shadow: none
  200. }
  201. .agario-exp-bar {
  202. width: 290px
  203. }
  204. .progress-bar-star {
  205. right: -5px
  206. }
  207. .agario-panel-freecoins,
  208. .agario-panel-gifting,
  209. .agario-shop-panel {
  210. padding: 5px 15px
  211. }
  212. .agario-profile-panel {
  213. padding: 5px 15px 10px
  214. }
  215. .btn {
  216. outline: none;
  217. border-radius: 3px;
  218. font-weight: 400;
  219. font-size: 13px;
  220. height: 34px;
  221. }
  222. .btn-play {
  223. background-color: #428bca;
  224. border-color: #428bca
  225. }
  226. .btn-play-guest {
  227. background-color: #5cb85c;
  228. border-color: #5cb85c
  229. }
  230. #clantag,
  231. .btn-copy-token,
  232. .btn-logout {
  233. width: 33%
  234. }
  235. #nick {
  236. width: 100%
  237. }
  238. .skin {
  239. margin-bottom: 4px;
  240. margin-top: 10px;
  241. }
  242. .nick .input-group-btn,
  243. .skin .input-group-btn {
  244. background-color: #333
  245. }
  246. #ogario-party .partyToken,
  247. #region {
  248. width: 65%;
  249. margin: 6px 0 0;
  250. float: left
  251. }
  252. #gamemode {
  253. margin-top: 6px
  254. }
  255. .btn-login-play,
  256. .btn-play-guest {
  257. width: 49%;
  258. margin-left: 0
  259. }
  260. .btn-play {
  261. width: 100%;
  262. margin-left: 0
  263. }
  264. .btn-cancel-party,
  265. .btn-settings {
  266. width: 13%;
  267. margin-top: 6px
  268. }
  269. .btn-spectate {
  270. margin: 10px 0 0;
  271. }
  272. .btn-logout,
  273. .btn-next {
  274. margin: 10px 0 0 2%
  275. }
  276. .btn-cancel-party,
  277. .btn-copy-token,
  278. .btn-login-play,
  279. .btn-logout,
  280. .nick {
  281. float: right
  282. }
  283. .btn-next {
  284. width: 15%;
  285. height: 35px;
  286. font-weight: 700;
  287. float: left
  288. }
  289. .btn-copy-leaderboard {
  290. width: 100%;
  291. margin: 10px 0 0
  292. }
  293. .btn-create-party,
  294. .btn-join-party {
  295. margin: 6px 2% 0 0;
  296. float: left
  297. }
  298. #create-party-btn {
  299. margin-bottom: 5px;
  300. margin-top: 6px;
  301. }
  302. #join-party-btn {
  303. float: right!important;
  304. width: 33%;
  305. }
  306. #og-reconnect-btn {
  307. width: 12%;
  308. font-weight: 400;
  309. float: right;
  310. margin-top: 6px
  311. }
  312. #hide-url,
  313. #stream-mode {
  314. background-color: #333;
  315. border: none;
  316. color: #BBB;
  317. font-size: 17px;
  318. font-weight: 400;
  319. line-height: 1;
  320. margin: 0
  321. }
  322. #hide-url.active,
  323. #stream-mode.active {
  324. box-shadow: none;
  325. border: none;
  326. outline: 0
  327. }
  328. .hide-url {
  329. color: #333!important;
  330. text-indent: 100%;
  331. pointer-events: none
  332. }
  333. input.stream-mode {
  334. color: #333!important;
  335. -webkit-touch-callout: none!important;
  336. -webkit-user-select: none!important;
  337. -khtml-user-select: none!important;
  338. -moz-user-select: none!important;
  339. -ms-user-select: none!important;
  340. user-select: none!important
  341. }
  342. input.stream-mode::-moz-selection {
  343. background: 0 0!important
  344. }
  345. input.stream-mode::selection {
  346. background: 0 0!important
  347. }
  348. .menu-tabs {
  349. width: 100%;
  350. height: 34px;
  351. border-bottom: 1px solid #333;
  352. font-size: 12px;
  353. padding: 0;
  354. float: left
  355. }
  356. .menu-tabs li {
  357. text-align: center;
  358. margin: 0;
  359. float: left
  360. }
  361. .start-tab a {
  362. width: 100%;
  363. }
  364. #next-profile,
  365. #prev-profile,
  366. #skin-preview {
  367. display: inline-block;
  368. vertical-align: bottom
  369. }
  370. .start-tab,
  371. .theme-tab,
  372. .hotkeys-tab,
  373. .settings-tab {
  374. padding: 8px 10px;
  375. }
  376. .pl .start-tab {
  377. width: 13%
  378. }
  379. .pl .profile-tab {
  380. width: 18%
  381. }
  382. .pl .settings-tab {
  383. width: 25.5%
  384. }
  385. .pl .hotkeys-tab {
  386. width: 22.5%
  387. }
  388. .pl .theme-tab {
  389. width: 21%
  390. }
  391. .menu-tabs a {
  392. text-decoration: none;
  393. }
  394. .menu-tabs .active {
  395. color: #fff;
  396. }
  397. .menu-tabs .active {
  398. text-decoration: none
  399. }
  400. .menu-tabs li.active {
  401. background-color: #333;
  402. border-radius: 5px 5px 0px 0px;
  403. }
  404. .form-group {
  405. margin-bottom: 10px !important;
  406. }
  407. #profiles {
  408. padding: 5px 5px 10px
  409. }
  410. #skin-preview {
  411. left: 50%;
  412. width: 120px;
  413. height: 120px;
  414. border-radius: 50%;
  415. box-shadow: 0px 0px 4px #000;
  416. position: relative;
  417. transform: translateX(-50%);
  418. }
  419. #skin-preview img {
  420. width: 120px;
  421. height: 120px;
  422. border: 0;
  423. border-radius: 50%
  424. }
  425. #next-profile,
  426. #prev-profile {
  427. top: 70px;
  428. position: absolute;
  429. width: 0;
  430. height: 0;
  431. }
  432. #next-profile img,
  433. #prev-profile img {
  434. width: 80px;
  435. height: 80px;
  436. border: 0;
  437. border-radius: 50%
  438. }
  439. #next-profile {
  440. left: 195px;
  441. border-top: 10px solid transparent;
  442. border-bottom: 10px solid transparent;
  443. border-left: 10px solid #101010;
  444. }
  445. #next-profile:hover {
  446. border-left: 10px solid black;
  447. }
  448. #prev-profile {
  449. left: 20px;
  450. border-top: 10px solid transparent;
  451. border-bottom: 10px solid transparent;
  452. border-right: 10px solid #101010;
  453. }
  454. #prev-profile:hover {
  455. border-right: 10px solid black;
  456. }
  457. .next-profile-default,
  458. .prev-profile-default {
  459. opacity: .1!important
  460. }
  461. .next-profile-default:hover,
  462. .prev-profile-default:hover {
  463. opacity: .3!important
  464. }
  465. .skin-preview-default {
  466. background: none;
  467. }
  468. .prev-profile-default {
  469. background: url(http://ogario.ovh/download/v2/img/prev_bg.png) center center no-repeat
  470. }
  471. .next-profile-default {
  472. background: url(http://ogario.ovh/download/v2/img/next_bg.png) center center no-repeat
  473. }
  474. #agario-main-buttons .row {
  475. margin: 0
  476. }
  477. #menu-footer,
  478. #menu-footer-v {
  479. background-color: rgba(0, 0, 0, .2);
  480. font-size: 12px;
  481. font-weight: 700;
  482. margin-top: 5px;
  483. padding: 5px;
  484. overflow: hidden
  485. }
  486. #menu-footer-v {
  487. background: 0 0;
  488. text-align: right;
  489. padding: 0
  490. }
  491. .btn-donate {
  492. color: #b5a642;
  493. float: left
  494. }
  495. #menu-footer-v a,
  496. #version a,
  497. .btn-donate:hover {
  498. color: #fff
  499. }
  500. #version {
  501. float: right
  502. }
  503. #activepartys {
  504. font-weight: 700
  505. }
  506. #ogario-party .partyToken {
  507. margin: 0
  508. }
  509. .partyToken {
  510. color: #fff;
  511. background: #333;
  512. border: 0px;
  513. border-radius: 4px;
  514. width: 64%;
  515. float: left;
  516. margin-bottom: 0px !important;
  517. }
  518. .form-control {
  519. font-family: ubuntu;
  520. font-size: 13px;
  521. }
  522. #locationKnown #region,
  523. #locationUnknown #region,
  524. .nick {
  525. width: 65%
  526. }
  527. #locationUnknown #region {
  528. display: block;
  529. margin-bottom: 0
  530. }
  531. #leaderboard-info {
  532. white-space: nowrap;
  533. padding: 0 15px
  534. }
  535. #ogario-ad {
  536. width: 300px;
  537. height: 250px;
  538. background: url(http://ogario.ovh/download/v2/img/ogario-ad_bg.png) center center no-repeat;
  539. text-align: center;
  540. margin: 0 auto;
  541. padding: 10px 0
  542. }
  543. #og-settings label,
  544. #theme-options label {
  545. width: 50%;
  546. font-size: 12px;
  547. font-weight: 400;
  548. vertical-align: top;
  549. margin: 0;
  550. padding: 0 2%
  551. }
  552. #og-options {
  553. margin: 16px 0 6px
  554. }
  555. #zoom-speed-value {
  556. text-transform: uppercase;
  557. font-size: 10px;
  558. text-align: right;
  559. padding: 3px 0px;
  560. }
  561. #tags-container {
  562. padding-bottom: 5px
  563. }
  564. #og-settings input,
  565. #theme-options input {
  566. margin-right: 2%
  567. }
  568. #theme-type label {
  569. color: #AAA;
  570. background-color: #333;
  571. border: none;
  572. font-weight: 400
  573. }
  574. #hotkeys,
  575. #top5-hud h5,
  576. .message-nick,
  577. .toast-warning {
  578. font-weight: 700
  579. }
  580. #theme-type .active {
  581. background-color: #444;
  582. color: #DDD
  583. }
  584. #theme .color-box {
  585. width: 100%;
  586. padding: 2% 0;
  587. float: left
  588. }
  589. #theme .theme-box {
  590. width: 100%;
  591. padding-top: 0
  592. }
  593. #theme .title {
  594. text-align: left;
  595. padding-bottom: 1px;
  596. text-transform: uppercase;
  597. font-size: 10px;
  598. }
  599. #hotkeys,
  600. #message,
  601. #mode-hud,
  602. #pause-hud,
  603. .hud,
  604. .hud-b {
  605. display: none
  606. }
  607. #theme .btn-save {
  608. width: 100%;
  609. margin: 12px 0 0;
  610. float: left
  611. }
  612. #theme-options {
  613. width: 100%;
  614. padding: 15px 0 10px;
  615. float: left
  616. }
  617. #stats {
  618. width: 350px;
  619. top: 0!important;
  620. opacity: 1!important;
  621. margin: 0;
  622. padding: 0
  623. }
  624. #s300x250,
  625. #stats hr,
  626. #statsContinue,
  627. #statsContinue2,
  628. #statsGraph {
  629. width: 350px!important
  630. }
  631. #s300x250,
  632. #socialStats,
  633. #stats hr,
  634. #statsContinue,
  635. #statsContinue2,
  636. #statsGraph {
  637. left: 0!important;
  638. right: 0!important
  639. }
  640. #statsContinue,
  641. #statsContinue2 {
  642. bottom: 0
  643. }
  644. #statsText {
  645. color: #BBB
  646. }
  647. #statsSubtext {
  648. color: #DDD
  649. }
  650. #stats hr {
  651. border-top: 1px solid #333
  652. }
  653. #statsPelletsContainer,
  654. #statsPlayerCellsEatenContainer,
  655. #statsTimeAliveContainer {
  656. left: 30px
  657. }
  658. #statsHighestMassContainer,
  659. #statsTimeLeaderboardContainer,
  660. #statsTopPositionContainer {
  661. right: 30px
  662. }
  663. .btn-twitter {
  664. border: 1px solid #3b89c3
  665. }
  666. #overlays-hud {
  667. z-index: 100
  668. }
  669. .hud{
  670. background-color: rgba(0, 0, 0, .4);
  671. font-family: Ubuntu;
  672. font-size: 22px;
  673. font-weight: 100;
  674. padding: 2px;
  675. position: fixed;
  676. pointer-events: none;
  677. }
  678. .hud-b {
  679. background-color: rgba(0, 0, 0, .4);
  680. border-radius: 4px;
  681. color: #FFF;
  682. font-family: Ubuntu;
  683. font-size: 20px;
  684. padding: 2px 10px;
  685. position: fixed;
  686. pointer-events: none
  687. }
  688. #leaderboard-positions span,
  689. #messages li,
  690. #stats-hud,
  691. #time-hud {
  692. display: block
  693. }
  694. #message,
  695. #minimap,
  696. #minimap-sectors {
  697. position: absolute
  698. }
  699. .hud-top {
  700. top: 10px
  701. }
  702. #mode-hud,
  703. #time-hud {
  704. width: 200px;
  705. top: 260px;
  706. right: 10px;
  707. text-align: center
  708. }
  709. .hud-bottom {
  710. bottom: 10px
  711. }
  712. #messages,
  713. .toast-bottom-left {
  714. left: 10px;
  715. bottom: 86px
  716. }
  717. .hud-text-center {
  718. text-align: center
  719. }
  720. #pause-hud {
  721. color: red;
  722. top: 10px;
  723. left: 50%
  724. }
  725. #stats-hud {
  726. white-space: pre;
  727. color: #fff;
  728. left: 10px;
  729. }
  730. #top5-hud {
  731. width: 200px;
  732. font-size: 14px;
  733. top: 55px;
  734. left: 10px;
  735. white-space: nowrap
  736. }
  737. #top5-hud h5 {
  738. font-size: 16px;
  739. text-align: center;
  740. margin: 6px 0
  741. }
  742. #top5p-hud {
  743. padding-left: 15px
  744. }
  745. #minimap-hud {
  746. width: 200px;
  747. height: 200px;
  748. padding: 0;
  749. right: 10px;
  750. bottom: 10px;
  751. border-radius: 0px;
  752. border: 1px solid #222;
  753. }
  754. #minimap-sectors {
  755. margin: 0px;
  756. opacity: .1
  757. }
  758. #leaderboard-hud {
  759. width: 200px;
  760. display: block;
  761. white-space: nowrap;
  762. padding: 0;
  763. top: 10px;
  764. right: 10px
  765. }
  766. #leaderboard-hud h4 {
  767. font-size: 30px;
  768. text-align: center;
  769. margin: 6px;
  770. font-weight: 400;
  771. }
  772. #leaderboard-positions {
  773. font-size: 14px;
  774. padding: 0 10px 6px
  775. }
  776. #leaderboard-positions .clan-color {
  777. color: #00C8FF
  778. }
  779. #time-hud {
  780. font-size: 15px;
  781. padding: 6px 0
  782. }
  783. #mode-hud {
  784. font-size: 14px;
  785. padding: 2px 0
  786. }
  787. #mode-hud .state {
  788. color: #FF0A00
  789. }
  790. #message {
  791. width: 37%;
  792. height: 40px;
  793. background-color: #222;
  794. border: none;
  795. border-radius: 4px;
  796. color: #FFF;
  797. padding: 0 10px;
  798. left: 50%;
  799. bottom: 30px;
  800. z-index: 210;
  801. }
  802. #message::-webkit-input-placeholder {
  803. color: #DDD
  804. }
  805. #message::-moz-placeholder {
  806. color: #DDD
  807. }
  808. #toast-container>div {
  809. width: 280px;
  810. box-shadow: none;
  811. padding: 10px 10px 10px 50px;
  812. opacity: 1;
  813. z-index: 220
  814. }
  815. #hotkeys-cfg {
  816. position: absolute;
  817. left: 0;
  818. right: 0
  819. }
  820. #toast-container>:hover {
  821. box-shadow: 0 0 12px #999;
  822. cursor: pointer
  823. }
  824. #toast-container>.toast-success {
  825. background-image: none!important;
  826. padding-left: 10px
  827. }
  828. .toast-success {
  829. background-color: rgba(0, 0, 0, .4)
  830. }
  831. .toast-warning {
  832. background-color: #b5a642
  833. }
  834. .toast-info {
  835. background-color: #337ab7
  836. }
  837. #messages {
  838. width: 300px;
  839. padding: 0;
  840. margin: 0;
  841. position: absolute;
  842. z-index: 210
  843. }
  844. #messages li {
  845. width: 280px;
  846. background-color: rgba(0, 0, 0, .4);
  847. color: #FFF;
  848. border-radius: 3px;
  849. word-wrap: break-word;
  850. padding: 10px;
  851. margin: 0 0 6px
  852. }
  853. .btn:focus {
  854. outline: none;
  855. }
  856. #lbPos {
  857. color: #fff;
  858. font-size: 12px;
  859. }
  860. #gameinfo {
  861. color: #31a8f0;
  862. text-transform: uppercase;
  863. font-size: 11px;
  864. margin-bottom: 10px;
  865. }
  866. #copyLb{
  867. width: 100%;
  868. margin-top: 10px
  869. }
  870. #lbPos span {
  871. display: block;
  872. }
  873. #hotkeys {
  874. border-radius: 10px;
  875. color: #FFF;
  876. background-color: #222;
  877. position: fixed;
  878. top: 50%;
  879. left: 50%;
  880. width: 800px;
  881. transform: translate(-50%,-50%);
  882. height: 720px;
  883. z-index: 1000;
  884. opacity: 1;
  885. }
  886. #hotkeys-inst {
  887. padding: 20px;
  888. z-index: 1002;
  889. color: #fff;
  890. font-weight: 100;
  891. text-align: left;
  892. display: block !important;
  893. font-size: 13px;
  894. }
  895. #hotkeys-menu {
  896. position: absolute;
  897. bottom: 0;
  898. right: 0;
  899. z-index: 1002;
  900. padding: 15px 5px;
  901. width: 100%;
  902. border-top: 1px solid #fff;
  903. }
  904. #hotkeys-head {
  905. font-size: 20px;
  906. position: absolute;
  907. top: 0;
  908. right: 0;
  909. z-index: 1002;
  910. padding: 15px 20px;
  911. width: 100%;
  912. border-bottom: 1px solid #fff;
  913. font-weight: 400;
  914. }
  915. #hotkeys-menu .btn {
  916. margin: 0 10px
  917. }
  918. #hotkeys-inst ul {
  919. margin: 7px
  920. }
  921. #hotkeys-inst li:first-child {
  922. font-weight: 700
  923. }
  924. #hotkeys-cfg {
  925. background-color: #333;
  926. top: 59px;
  927. bottom: 65px;
  928. z-index: 1001;
  929. overflow-y: auto;
  930. left: 10px;
  931. right: 10px;
  932. }
  933. #hotkeys-cfg div {
  934. display: inline-block;
  935. vertical-align: middle
  936. }
  937. .rowhead{
  938. background: #428bca;
  939. height: 28px;
  940. padding: 3px;
  941. }
  942. #hotkeys-cfg div.row {
  943. width: 100%;
  944. display: block;
  945. margin: 0;
  946. padding: 0px 0;
  947. font-weight: 100;
  948. }
  949. #hotkeys-cfg div.row:nth-child(odd) {
  950. background-color: #272727;
  951. }
  952. #hotkeys-cfg div.row:hover {
  953. background-color: #111
  954. }
  955. #hotkeys-cfg .key-label {
  956. width: 60%;
  957. padding: 0 2%
  958. }
  959. #hotkeys-cfg .custom-key,
  960. #hotkeys-cfg .default-key {
  961. width: 20%;
  962. text-align: center;
  963. padding: 0 2%
  964. }
  965. #hotkeys-cfg .command-in {
  966. color: #FFF;
  967. background: 0;
  968. border: 0;
  969. }
  970. #hotkeys-cfg .custom-key-in {
  971. color: #FFF;
  972. text-align: center;
  973. cursor: pointer;
  974. border: 0px;
  975. background: none;
  976. }
  977. .btn-hotkeys {
  978. margin: 5px 0 15px
  979. }
  980. .ps-container {
  981. -ms-touch-action: none;
  982. touch-action: none;
  983. overflow: hidden !important;
  984. -ms-overflow-style: none
  985. }
  986. @supports (-ms-overflow-style: none) {
  987. .ps-container {
  988. overflow: auto !important
  989. }
  990. }
  991. @media screen and (-ms-high-contrast: active),
  992. (-ms-high-contrast: none) {
  993. .ps-container {
  994. overflow: auto !important
  995. }
  996. }
  997. .ps-container.ps-active-x>.ps-scrollbar-x-rail,
  998. .ps-container.ps-active-y>.ps-scrollbar-y-rail {
  999. display: block
  1000. }
  1001.  
  1002. .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  1003. background-color: #eee;
  1004. opacity: .9
  1005. }
  1006.  
  1007. .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  1008. background-color: #999
  1009. }
  1010.  
  1011. .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  1012. background-color: #eee;
  1013. opacity: .9
  1014. }
  1015.  
  1016. .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  1017. background-color: #999
  1018. }
  1019.  
  1020. .ps-container>.ps-scrollbar-x-rail {
  1021. display: none;
  1022. position: absolute;
  1023. -webkit-border-radius: 4px;
  1024. -moz-border-radius: 4px;
  1025. -ms-border-radius: 4px;
  1026. border-radius: 4px;
  1027. opacity: 0;
  1028. -webkit-transition: background-color .2s linear, opacity .2s linear;
  1029. -moz-transition: background-color .2s linear, opacity .2s linear;
  1030. -o-transition: background-color .2s linear, opacity .2s linear;
  1031. transition: background-color .2s linear, opacity .2s linear;
  1032. bottom: 3px;
  1033. height: 8px
  1034. }
  1035.  
  1036. .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
  1037. .ps-container>.ps-scrollbar-y-rail {
  1038. position: absolute;
  1039. -webkit-border-radius: 4px;
  1040. -moz-border-radius: 4px;
  1041. -ms-border-radius: 4px
  1042. }
  1043.  
  1044. .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  1045. background-color: #636363;
  1046. border-radius: 4px;
  1047. -webkit-transition: background-color .2s linear;
  1048. -moz-transition: background-color .2s linear;
  1049. -o-transition: background-color .2s linear;
  1050. transition: background-color .2s linear;
  1051. bottom: 0;
  1052. height: 8px
  1053. }
  1054.  
  1055. .ps-container>.ps-scrollbar-y-rail {
  1056. display: none;
  1057. border-radius: 4px;
  1058. opacity: 0;
  1059. -webkit-transition: background-color .2s linear, opacity .2s linear;
  1060. -moz-transition: background-color .2s linear, opacity .2s linear;
  1061. -o-transition: background-color .2s linear, opacity .2s linear;
  1062. transition: background-color .2s linear, opacity .2s linear;
  1063. right: 5px;
  1064. width: 8px
  1065. }
  1066. .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  1067. position: absolute;
  1068. background-color: #636363;
  1069. -webkit-border-radius: 4px;
  1070. -moz-border-radius: 4px;
  1071. -ms-border-radius: 4px;
  1072. border-radius: 4px;
  1073. -webkit-transition: background-color .2s linear;
  1074. -moz-transition: background-color .2s linear;
  1075. -o-transition: background-color .2s linear;
  1076. transition: background-color .2s linear;
  1077. right: 0;
  1078. width: 8px
  1079. }
  1080.  
  1081. .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  1082. background-color: #383838;
  1083. opacity: .9
  1084. }
  1085.  
  1086. .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  1087. background-color: #636363;
  1088. }
  1089.  
  1090. .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  1091. background-color: #383838;
  1092. opacity: .9
  1093. }
  1094.  
  1095. .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  1096. background-color: #636363;
  1097. }
  1098.  
  1099. .ps-container:hover>.ps-scrollbar-x-rail,
  1100. .ps-container:hover>.ps-scrollbar-y-rail {
  1101. opacity: .6
  1102. }
  1103.  
  1104. .ps-container:hover>.ps-scrollbar-x-rail:hover {
  1105. background-color: #eee;
  1106. opacity: .9
  1107. }
  1108.  
  1109. .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
  1110. background-color: #636363;
  1111. }
  1112.  
  1113. .ps-container:hover>.ps-scrollbar-y-rail:hover {
  1114. background-color: #383838;
  1115. opacity: .9
  1116. }
  1117.  
  1118. .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
  1119. background-color: #636363;
  1120. }
  1121. #chatroom {
  1122. display: none;
  1123. resize: both;
  1124. width: 300px;
  1125. height: 300px;
  1126. top: 50%;
  1127. left: 10px;
  1128. position: fixed;
  1129. background: rgba(0,0,0,0.5);
  1130. border-radius: 6px;
  1131. padding: 10px;
  1132. color: #fff;
  1133. }
  1134. #msg {
  1135. margin: 5px;
  1136. }
  1137. .time {
  1138. color: #565656;
  1139. font-size: 12px;
  1140. font-weight: 600;
  1141. margin-right: 4px;
  1142. }
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!