API tools faq
paste
ImNotSpam

Untitled

ImNotSpam
Jul 1st, 2016
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.35 KB | None | 0 0
raw download clone embed print report
  1. #agario-main-buttons .row,
  2. #mainPanel,
  3. #stats,
  4. .menu-tabs {
  5.     margin: 0
  6. }
  7. .clearfix,
  8. .menu-tabs {
  9.     clear: both
  10. }
  11. #clantag,
  12. .btn-copy-token,
  13. .btn-spectate,
  14. .menu-panel,
  15. .menu-tabs,
  16. .menu-tabs li,
  17. .skin {
  18.     float: left
  19. }
  20. #leaderboard-info,
  21. #ogario-party,
  22. .leaderboard-panel,
  23. .menu-tabs {
  24.     overflow: hidden
  25. }
  26. #leaderboard-hud,
  27. #mainPanel h1,
  28. #mainPanel h2,
  29. #mode-hud,
  30. #ogario-ad,
  31. #theme .title,
  32. .agario-side-panel h5,
  33. .menu-tabs li {
  34.     text-align: center
  35. }
  36. #messages,
  37. .menu-tabs {
  38.     list-style-type: none
  39. }
  40. a,
  41. a:hover {
  42.     color: #337ab7
  43. }
  44. #helloContainer[data-logged-in="1"] .btn-play {
  45.     margin-left: 0;
  46.     width: 100%
  47. }
  48. #helloContainer[data-logged-in="0"] .btn-spectate {
  49.     width: 100%
  50. }
  51. #helloContainer[data-logged-in="1"] .btn-spectate {
  52.     width: 65%
  53. }
  54. #agario-main-buttons,
  55. #helloContainer[data-logged-in="0"] #agario-main-buttons {
  56.     padding: 0
  57. }
  58. #helloContainer[data-gamemode=":teams"] .leaderboard-panel {
  59.     display: none
  60. }
  61. #helloContainer[data-gamemode=":party"] .party-panel {
  62.     display: inline-block
  63. }
  64. #main-menu {
  65.     border-bottom: 2px solid #b5a642;
  66.     padding: 0 ;
  67.     border-radius: 8px
  68. }
  69. .menu-tabs {
  70.     width: 100%;
  71.     background-color: #333;
  72.     padding: 0
  73. }
  74. .menu-tabs li {
  75.     padding: 5px 2% 6px;
  76.     margin: 0
  77. }
  78. .menu-tabs a {
  79.     color: #AAA
  80. }
  81. .menu-tabs .active {
  82.     text-decoration: none
  83. }
  84. .menu-tabs li.active {
  85.     background-color: #222;
  86.     font-weight: 700;
  87.     padding: 5px 3% 6px ;
  88.     border-radius: 2px
  89. }
  90. #mainPanel h1 {
  91.     font-size: 20px;
  92.     font-weight: 700;
  93.     color: #FFF;
  94.     margin: 20px 0 0;
  95.     padding: 0
  96. }
  97. #mainPanel h2 {
  98.     font-size: 14px;
  99.     font-weight: 700;
  100.     margin: 10px 0 15px
  101. }
  102. #mainPanel h5 a,
  103. .agario-side-panel h4 {
  104.     color: #b5a642
  105. }
  106. #mainPanel h5 a:hover,
  107. .close:focus,
  108. .close:hover {
  109.     color: #FFF
  110. }
  111. .main-color {
  112.     color: #b5a642
  113. }
  114. .agario-panel,
  115. .btn,
  116. .form-control,
  117. .input-group-addon,
  118. .input-group-sm>.input-group-addon {
  119.     border-radius: 4
  120. }
  121. .agario-panel {
  122.     background-color: #222;
  123.     color: #FFF
  124. }
  125. .agario-panel input,
  126. .agario-panel select {
  127.     background-color: #333;
  128.     color: #AAA;
  129.     border: none
  130. }
  131. .agario-side-panel {
  132.     color: #DDD
  133. }
  134. .agario-side-panel h4 {
  135.     font-size: 16px;
  136.     font-weight: 700;
  137.     text-align: center
  138. }
  139. .agario-profile-panel {
  140.     padding-top: 8px ;
  141.     border-radius: 8px
  142. }
  143. .agario-side-panel h5 {
  144.     font-size: 14px;
  145.     font-weight: 700;
  146.     margin: 0;
  147.     padding: 0
  148. }
  149. .menu-panel {
  150.     width: 100%;
  151.     display: none;
  152.     padding: 15px
  153. }
  154. .leaderboard-panel span {
  155.     display: block ;
  156.     border-radius: 8px
  157. }
  158. .party-panel {
  159.     display: none
  160. }
  161. #keys .key,
  162. #settings,
  163. #theme .title {
  164.     display: block
  165. }
  166. .close {
  167.     color: #b5a642;
  168.     text-shadow: none;
  169.     opacity: 1
  170. }
  171. #version {
  172.     font-weight: 700;
  173.     text-align: right
  174. }
  175. #statsText {
  176.     color: #BBB
  177. }
  178. #stats h2,
  179. #statsSubtext {
  180.     color: #DDD
  181. }
  182. #clantag,
  183. .btn-copy-token,
  184. .btn-logout {
  185.     width: 33%
  186. }
  187. .skin {
  188.     margin-top: 6px
  189. }
  190. #ogario-party .partyToken,
  191. #region {
  192.     width: 65%;
  193.     margin: 6px 0 0;
  194.     float: left
  195. }
  196. #gamemode {
  197.     margin-top: 6px
  198. }
  199. .btn-login-play,
  200. .btn-play-guest {
  201.     width: 49%;
  202.     margin-left: 0 ;
  203.     border-radius: 4px
  204. }
  205. .btn-play {
  206.     width: 100%;
  207.     margin-left: 0
  208. }
  209. .btn-cancel-party,
  210. .btn-settings {
  211.     width: 13%;
  212.     margin-top: 6px
  213. }
  214. .btn-spectate {
  215.     margin: 6px 0 0 ;
  216.     border-radius: 4px
  217. }
  218. .btn-logout,
  219. .btn-next {
  220.     margin: 6px 0 0 2%
  221. }
  222. #nick,
  223. .btn-cancel-party,
  224. .btn-copy-token,
  225. .btn-login-play,
  226. .btn-logout {
  227.     float: right
  228. }
  229. .btn-next {
  230.     width: 15%;
  231.     height: 35px;
  232.     font-weight: 700;
  233.     float: left
  234. }
  235. .btn-copy-leaderboard {
  236.     width: 100%;
  237.     margin: 6px 0
  238. }
  239. #create-party-btn,
  240. #join-party-btn,
  241. .btn-create-party,
  242. .btn-join-party {
  243.     width: 41.5%;
  244.     margin: 6px 2% 0 0;
  245.     float: left
  246. }
  247. #ogario-party {
  248.     padding-bottom: 15px
  249. }
  250. #ogario-party .partyToken {
  251.     margin: 0
  252. }
  253. #locationKnown #region,
  254. #locationUnknown #region {
  255.     width: 65%
  256. }
  257. #leaderboard-info {
  258.     white-space: nowrap
  259. }
  260. #og-settings label {
  261.     width: 50%;
  262.     font-size: 12px;
  263.     font-weight: 400;
  264.     vertical-align: top;
  265.     margin: 0
  266. }
  267. #keys .bold,
  268. .message-nick,
  269. .toast-warning {
  270.     font-weight: 700
  271. }
  272. #og-options {
  273.     margin: 16px 0
  274. }
  275. #og-settings input {
  276.     margin-right: 2%
  277. }
  278. #keys .key {
  279.     width: 50%;
  280.     font-size: 12px;
  281.     padding: 3px 2%;
  282.     float: left
  283. }
  284. #commands .input-group {
  285.     margin-bottom: 6px
  286. }
  287. #theme .color-box {
  288.     width: 50%;
  289.     padding: 2%;
  290.     float: left
  291. }
  292. #theme .theme-box {
  293.     width: 100%;
  294.     padding-top: 0
  295. }
  296. #theme .title {
  297.     padding-bottom: 4px
  298. }
  299. #theme .btn-save {
  300.     width: 96%;
  301.     margin: 12px 2% 0;
  302.     float: left
  303. }
  304. #ogario-ad {
  305.     margin-top: 6px
  306. }
  307. #overlays-hud {
  308.     position: absolute;
  309.     z-index: 100
  310. }
  311. .hud,
  312. .hud-b {
  313.     display: none;
  314.     background-color: rgba(0, 0, 0, .4);
  315.     border-radius: 4px;
  316.     color: #FFF;
  317.     font-family: Ubuntu;
  318.     font-size: 20px;
  319.     padding: 2px 10px;
  320.     position: fixed
  321. }
  322. #fps-hud,
  323. #leaderboard-positions span,
  324. #messages li {
  325.     display: block
  326. }
  327. #leaderboard-hud,
  328. #minimap-hud {
  329.     padding: 0;
  330.     width: 200px;
  331.     right: 10px
  332. }
  333. #message,
  334. #messages,
  335. #minimap,
  336. #minimap-sectors {
  337.     position: absolute
  338. }
  339. #pause-hud {
  340.     font-size: 30px;
  341.     color: red;
  342.     top: 80px;
  343.     left: 50%;
  344.     transform: translate(0, -50%);
  345.     display: none
  346. }
  347. #fps-hud {
  348.     top: 10px;
  349.     left: 10px
  350. }
  351. #minimap-hud {
  352.     height: 220px;
  353.     bottom: 10px
  354. }
  355. #minimap-sectors {
  356.     margin: 29px 0 0 9px;
  357.     opacity: .2
  358. }
  359. #leaderboard-hud {
  360.     display: block;
  361.     white-space: nowrap;
  362.     top: 10px
  363. }
  364. #leaderboard-hud h4 {
  365.     font-size: 19px;
  366.     margin: 6px
  367. }
  368. #leaderboard-positions {
  369.     font-size: 14px;
  370.     padding: 0 10px 6px;
  371.     overflow: hidden
  372. }
  373. #leaderboard-positions .clan-color {
  374.     color: #00C8FF
  375. }
  376. #mode-hud {
  377.     width: 200px;
  378.     display: none;
  379.     font-size: 14px;
  380.     padding: 2px 0;
  381.     top: 260px;
  382.     right: 10px
  383. }
  384. #mode-hud .state {
  385.     color: #FF0A00
  386. }
  387. #message {
  388.     width: 350px;
  389.     height: 40px;
  390.     display: none;
  391.     background-color: rgba(0, 0, 0, .6);
  392.     border: none;
  393.     border-radius: 4px;
  394.     color: #FFF;
  395.     padding: 0 10px;
  396.     left: 50%;
  397.     bottom: 92px;
  398.     transform: translate(-50%, 0);
  399.     z-index: 210
  400. }
  401. #message::-webkit-input-placeholder {
  402.     color: #DDD
  403. }
  404. #message::-moz-placeholder {
  405.     color: #DDD
  406. }
  407. #toast-container>div {
  408.     width: 280px;
  409.     box-shadow: none;
  410.     padding: 10px 10px 10px 50px;
  411.     opacity: 1;
  412.     z-index: 220
  413. }
  414. .toast-bottom-left {
  415.     bottom: 86px;
  416.     left: 10px
  417. }
  418. #toast-container>:hover {
  419.     box-shadow: 0 0 12px #999;
  420.     cursor: pointer
  421. }
  422. #toast-container>.toast-success {
  423.     background-image: none!important;
  424.     padding-left: 10px
  425. }
  426. .toast-success {
  427.     background-color: rgba(0, 0, 0, .4)
  428. }
  429. .toast-warning {
  430.     background-color: #b5a642
  431. }
  432. .toast-info {
  433.     background-color: #337ab7
  434. }
  435. #messages {
  436.     width: 300px;
  437.     padding: 0;
  438.     margin: 0;
  439.     left: 10px;
  440.     bottom: 86px;
  441.     z-index: 210
  442. }
  443. #messages li {
  444.     width: 280px;
  445.     background-color: rgba(0, 0, 0, .4);
  446.     color: #FFF;
  447.     border-radius: 3px;
  448.     word-wrap: break-word;
  449.     padding: 10px;
  450.     margin: 0 0 6px
  451. }
  452.  
  453.  
  454. /**
  455. *   Reset & global classes
  456. */
  457. html, body, div, span, applet, object, iframe,
  458. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  459. a, abbr, acronym, address, big, cite, code,
  460. del, dfn, em, font, img, ins, kbd, q, s, samp,
  461. small, strike, strong, sub, sup, tt, var,
  462. dl, dt, dd, ol, ul, li,
  463. fieldset, form, label, legend,
  464. table, caption, tbody, tfoot, thead, tr, th, td {
  465.   margin: 0;
  466.   padding: 0;
  467.   border: 0;
  468.   outline: 0;
  469.   font-weight: inherit;
  470.   font-style: inherit;
  471.   font-size: 100%;
  472.   font-family: inherit;
  473.   vertical-align: baseline;
  474. }
  475.  
  476. article, aside, details, figcaption, figure,
  477. footer, header, hgroup, menu, nav, section {
  478.   display: block;
  479. }
  480.  
  481. ol, ul {
  482.   list-style: none;
  483. }
  484.  
  485. table {
  486.   border-collapse: separate;
  487.   border-spacing: 0;
  488. }
  489.  
  490.  
  491. caption, th, td {
  492.   text-align: left;
  493.   font-weight: normal;
  494. }
  495.  
  496. blockquote, q {
  497.   quotes: "“" "”";
  498. }
  499.  
  500. .clear {
  501.   clear: both;
  502. }
  503.  
  504. .left {
  505.   float: left;
  506. }
  507.  
  508. .right {
  509.   float: right;
  510. }
  511.  
  512. .bold {
  513.   font-weight: bold;
  514. }
  515.  
  516. .italic {
  517.   font-style: italic;
  518. }
  519.  
  520. .bullet {
  521.   list-style: circle;
  522. }
  523.  
  524. .hide {
  525.   display: none;
  526. }
  527. body {
  528.     background: #FFF;
  529.     color: #666;
  530.     font: 14px/22px 'Open Sans', Arial, sans-serif;
  531.     text-align: justify;
  532. }
  533.  
  534. html {
  535.     background: url(dark_dotted.png) repeat #222;
  536. }
  537.  
  538. a {
  539.     color: #ED5E2F;
  540. }
  541.  
  542. a:hover {
  543.     text-decoration: none;
  544. }
  545.  
  546. h1 {
  547.     color: #333;
  548.     font-family: 'Headland One', Georgia, serif;
  549.     font-size: 40px;
  550.     text-align: center;
  551.     margin: 0 0 25px;
  552. }
  553.  
  554. pre, code {
  555.     font-family: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  556.     font-size: 12px;
  557.     line-height: 18px;
  558.     border: 1px solid #CCC;
  559.     padding: 5px;
  560.     margin: 10px 0;
  561.     overflow: hidden;
  562.     background: #F8F8F8;
  563.     color: #333;
  564. }
  565.  
  566. .container {
  567.     width: 600px;
  568.     margin: 0 auto;
  569.     padding: 45px 0 0;
  570. }
  571.  
  572. .buttons {
  573.     width: 390px;
  574.     height: 75px;
  575.     margin: 0 auto;
  576. }
  577.  
  578. .button {
  579.     display: block;
  580.     background: #ED5E2F;
  581.     color: #FFF;
  582.     text-decoration: none;
  583.     text-align: center;
  584.     padding: 10px;
  585.     margin: 10px 60px;
  586.     font-size: 18px;
  587.     text-transform: uppercase;
  588.     font-weight: 300;
  589. }
  590.  
  591. .download {
  592.     width: 200px;
  593. }
  594.  
  595. .button:hover {
  596.     background: #74A599;
  597. }
  598.  
  599. .button:active {
  600.     background: #F6A953;
  601. }
  602.  
  603. .socials {
  604.     font-size: 12px;
  605.     margin: 10px 0 20px;
  606. }
  607.  
  608. .github-star-btn {
  609.     width: 100px;
  610. }
  611.  
  612. /* Custom styles for popin & close button */
  613. .custom {
  614.     color: #555;
  615.     -webkit-border-radius: 3px;
  616.     -moz-border-radius: 3px;
  617.     border-radius: 3px;
  618. }
  619.  
  620. .custom p {
  621.     padding: 10px 20px;
  622.     margin: 30px 0 0;
  623.     font-size: 14px;
  624.     font-weight: 300;
  625.     text-align: justify;
  626. }
  627.  
  628. .avgrund-close {
  629.     display: block;
  630.     text-transform: uppercase;
  631.     color: #555;
  632.     text-decoration: none;
  633.     position: absolute;
  634.     top: 6px;
  635.     right: 10px;
  636.     font-size: 13px;
  637. }
  638.  
  639. .github, .twitter, .dribble {
  640.     float: left;
  641.     text-align: center;
  642.     font-size: 12px;
  643.     color: white;
  644.     padding: 8px 18px;
  645.     margin: 18px 0 0 20px;
  646.     text-decoration: none;
  647.     -webkit-transition: background 0.3s ease;
  648.     -moz-transition: background 0.3s ease;
  649.     -ms-transition: background 0.3s ease;
  650.     -o-transition: background 0.3s ease;
  651.     transition: background 0.3s ease;
  652. }
  653.  
  654. .github {
  655.     background: rgba(83, 83, 83, 0.8);
  656. }
  657.  
  658. .github:hover {
  659.     background: rgba(83, 83, 83, 1);
  660. }
  661.  
  662. .twitter {
  663.     background: rgba(71, 186, 255, 0.8);
  664. }
  665.  
  666. .twitter:hover {
  667.     background: rgba(71, 186, 255, 1);
  668. }
  669.  
  670. .dribble {
  671.     background: rgba(241, 118, 122, 0.8);
  672. }
  673.  
  674. .dribble:hover {
  675.     background: rgba(241, 118, 122, 1);
  676. }
  677. html, body {
  678.     height: 100%;
  679.     overflow: auto;
  680. }
  681.  
  682. .avgrund-popin {
  683.     position: absolute;
  684.     background: #fff;
  685.     padding: 10px;
  686.     overflow: hidden;
  687.     visibility: hidden;
  688.     opacity: 0;
  689.     filter: alpha(opacity=0);
  690.     top: 50%;
  691.     left: 50%;
  692.     z-index: 1000;
  693.     box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
  694.  
  695.     -webkit-transform: scale(0.8);
  696.     -moz-transform: scale(0.8);
  697.     -ms-transform: scale(0.8);
  698.     -o-transform: scale(0.8);
  699.     transform: scale(0.8);
  700. }
  701.  
  702. .avgrund-overlay {
  703.     background: #000;
  704.     width: 100%;
  705.     position: relative;
  706.     top: -1500px;
  707.     left: 0;
  708.     z-index: 101;
  709.     visibility: hidden;
  710.     opacity: 0;
  711.     filter: alpha(opacity=0);
  712. }
  713.  
  714. body.avgrund-ready,
  715. .avgrund-ready .avgrund-popin,
  716. .avgrund-ready .avgrund-overlay {
  717.     -webkit-transform-origin: 50% 50%;
  718.     -moz-transform-origin: 50% 50%;
  719.     -ms-transform-origin: 50% 50%;
  720.     -o-transform-origin: 50% 50%;
  721.     transform-origin: 50% 50%;
  722.  
  723.     -webkit-transition: 0.3s all ease-out;
  724.     -moz-transition: 0.3s all ease-out;
  725.     -ms-transition: 0.3s all ease-out;
  726.     -o-transition: 0.3s all ease-out;
  727.     transition: 0.3s all ease-out;
  728. }
  729.  
  730. body.avgrund-active {
  731.     -webkit-transform: scale(0.9);
  732.     -moz-transform: scale(0.9);
  733.     -ms-transform: scale(0.9);
  734.     -o-transform: scale(0.9);
  735.     transform: scale(0.9);
  736.     overflow: hidden;
  737. }
  738.  
  739. .avgrund-active .avgrund-popin {
  740.     visibility: visible;
  741.     opacity: 1;
  742.     filter: alpha(opacity=100);
  743.  
  744.     -webkit-transform: scale(1.1);
  745.     -moz-transform: scale(1.1);
  746.     -ms-transform: scale(1.1);
  747.     -o-transform: scale(1.1);
  748.     transform: scale(1.1);
  749. }
  750.  
  751. .avgrund-active .avgrund-overlay {
  752.     visibility: visible;
  753.     opacity: .5;
  754.     filter: alpha(opacity=50);
  755.     height: 20000px;
  756. }
  757.  
  758. .avgrund-popin.stack {
  759.     -webkit-transform: scale(1.5);
  760.     -moz-transform: scale(1.5);
  761.     -ms-transform: scale(1.5);
  762.     -o-transform: scale(1.5);
  763.     transform: scale(1.5);
  764. }
  765.  
  766. .avgrund-active .avgrund-popin.stack {
  767.     -webkit-transform: scale(1.1);
  768.     -moz-transform: scale(1.1);
  769.     -ms-transform: scale(1.1);
  770.     -o-transform: scale(1.1);
  771.     transform: scale(1.1);
  772. }
  773.  
  774. .avgrund-active .avgrund-blur {
  775.     -webkit-filter: blur(1px);
  776.     -moz-filter: blur(1px);
  777.     -ms-filter: blur(1px);
  778.     -o-filter: blur(1px);
  779.     filter: blur(1px);
  780. }
  781.  
  782. /* Optional close button styles */
  783. .avgrund-close {
  784.     display: block;
  785.     color: #555;
  786.     font-size: 13px;
  787.     text-decoration: none;
  788.     text-transform: uppercase;
  789.     position: absolute;
  790.     top: 6px;
  791.     right: 10px;
  792. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!