Advertisement
ImNotSpam

Untitled

Jul 1st, 2016
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.35 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement