API tools faq
paste
Advertisement
n128

Paradise Server - CSS full

n128
Jul 3rd, 2017
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 21.83 KB | None | 0 0
raw download clone embed print report
  1. /**************
  2.   * General CSS *
  3.   **************/
  4.  
  5. body {
  6.     background: url(https://i.imgur.com/06B6S9b.png);
  7.     background-size: cover;
  8.     font-family: Helvetica, Arial, sans-serif;
  9. }
  10. .dark .declare-body {
  11.     color: #000000;
  12. }
  13. .message-announce {
  14.     background: #1c1c1c;
  15.     color: #fafafa;
  16.     padding: 1px 4px 2px;
  17. }
  18. .ps-room.ps-room-light {
  19.     background: rgba(0, 0, 0, 0);
  20.     border-color: #1d4206;
  21. }
  22. .ps-room.ps-room-light.scrollable {
  23.     background: rgba(247, 247, 251, 0.95) url(https://i.imgur.com/WXgJpK5.png) no-repeat bottom right;
  24. }
  25. .ps-room.ps-room-light.scrollable h3 {
  26.     color: #0053bd;
  27.     text-shadow: none;
  28. }
  29. .ps-room.ps-room-light.scrollable p {
  30.     color: #111;
  31. }
  32. .ps-room.ps-room-light.scrollable .button {
  33.     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
  34.     background: #eeeeee; /* Old browsers */
  35.     background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
  36.     background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
  37.     background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  38.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  39.  
  40.     border: 1px solid #2e2e2e;
  41.     color: #000000;
  42.     text-shadow: none;
  43. }
  44. .chat.mine {
  45.     background: rgba(0, 0, 0, 0);
  46. }
  47. .broadcast-blue {
  48.     background: #9FC7CD;
  49.     border: 1px solid #0B1361;
  50.     color: #0B1361;
  51.     text-shadow: 0px 0px 2px #87B2AA;
  52.     text-align: center;
  53.     font-family: sans-serif;
  54.     padding: 8px;
  55.     margin: 5px;
  56. }
  57. .broadcast-blue a {
  58.     color: #000F98;
  59. }
  60. .broadcast-blue button {
  61.     background: #7C99A8;
  62.     border: 1px solid #090F47;
  63.     color: #F9FFFF;
  64.     text-shadow: 0px 0px 2px #090F47;
  65.     padding: 2px 8px;
  66. }
  67. .broadcast-blue button:hover {
  68.     background: #76989F;
  69. }
  70. .broadcast-red {
  71.     background: #FFEBEB;
  72.     border: 1px solid #B52C2C;
  73.     color: #B52C34;
  74.     text-shadow: 0px 0px 2px #F2DBDB;
  75.     text-align: center;
  76.     font-family: sans-serif;
  77.     padding: 8px;
  78.     margin: 5px;
  79. }
  80. .broadcast-red a {
  81.     color: #B3001E;
  82. }
  83. .broadcast-green {
  84.     background: #B5D896;
  85.     border: 1px solid #20493B;
  86.     color: #20493B;
  87.     text-shadow: 0px 0px 2px #A4C786;
  88.     text-align: center;
  89.     font-family: sans-serif;
  90.     padding: 8px;
  91.     margin: 5px;
  92. }
  93. .broadcast-green a {
  94.     color: #005C3E;
  95. }
  96. .ps-overlay {
  97.     background: rgba(0, 0, 0, 0.35);
  98. }
  99. /*******************
  100.   * General CSS ~end *
  101.   *******************/
  102.  
  103. /*************
  104.   * Header CSS *
  105.   *************/
  106.  
  107. .header {
  108.     background: rgba(221, 247, 251, 0.43) url(https://i.imgur.com/PT62CLB.png) left no-repeat;
  109. }
  110. .header .logo {
  111.     opacity: 0;
  112. }
  113. .maintabbarbottom {
  114.     border-color: #3C804A;
  115.     background: #9FCDA9;
  116. }
  117. .tabbar a.button.notifying {
  118.     background: #FFE0A7;
  119.     border-color: #43803C;
  120.     color: #43803C;
  121.     text-shadow: none;
  122.     font-style: italic;
  123. }
  124. .button.subtle-notifying {
  125.     color: #1B524F;
  126. }
  127. .tabbar a.button.notifying:hover {
  128.     background: #F9D990;
  129.     border-color: #43803C;
  130.     color: #43803C;
  131. }
  132. .tabbar a.button.cur, .tabbar a.button.cur:hover {
  133.     border-color: #43803C;
  134.     background: #9FCDA0;
  135.     color: #43803C;
  136.     text-shadow: 0px 0px 2px #E8FCF2;
  137. }
  138. .tabbar a.button {
  139.     border-color: #43803C;
  140.     background: #C9F3C5;
  141.     color: #43803C;
  142.     text-shadow: none;
  143. }
  144. .tabbar a.button:hover {
  145.     background: #B6E5B9;
  146. }
  147. .tabbar .closebutton {
  148.     color: #3E803C;
  149. }
  150. .tabbar .closebutton:hover {
  151.     color: #AF3B3B;
  152. }
  153. .userbar button.icon {
  154.     border: 1px solid #3C8046;
  155.     background: #9FCDA2;
  156.     color: #3C804E;
  157.     text-shadow: 0px 0px 2px #AEDBCF;
  158. }
  159. .userbar button.icon:hover {
  160.     background: #AEDBCF;
  161. }
  162. .userbar .username {
  163.     text-shadow: none;
  164. }
  165. /******************
  166.   * Header CSS ~end *
  167.   ******************/
  168.  
  169. /*****************
  170.   * Roomlist CSS  *
  171. ****************/
  172.  
  173. .roomlist a.ilink{
  174.     border: 1px solid #a0a99e;
  175.     background: rgba(248, 253, 248, 0.5);
  176.     color: #114f13;
  177.     font-size: 11pt;
  178.     padding: 9px;
  179.     text-shadow: none;
  180. }
  181.  
  182. .roomlist a.ilink:hover{
  183.     border: 1px solid #b5bfb3;
  184.     background: rgba(212, 236, 212, 0.5);
  185.     color: #218c24;
  186.     text-shadow: none;
  187. }
  188.  
  189. .roomcounters .icon-left {background: transparent url(https://i.imgur.com/5ZTjmO3.png) no-repeat !important}
  190. .roomcounters .icon-right {background: transparent url(https://i.imgur.com/9AOY6Vl.png) no-repeat !important}
  191.  
  192. .roomcounters button {
  193.     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bba70+0,5db762+100 */
  194.     background: #6bba70 !important; /* Old browsers */
  195.     background: -moz-linear-gradient(top, #6bba70 0%, #5db762 100%) !important; /* FF3.6-15 */
  196.     background: -webkit-linear-gradient(top, #6bba70 0%,#5db762 100%) !important; /* Chrome10-25,Safari5.1-6 */
  197.     background: linear-gradient(to bottom, #6bba70 0%,#5db762 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  198.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#5db762',GradientType=0 ) !important; /* IE6-9 */
  199.     border: 1px solid gray !important;
  200. }
  201.  
  202. .roomcounters button:hover {
  203.     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bba70+0,5db762+100 */
  204.     background: #6bba70 !important; /* Old browsers */
  205.     background: -moz-linear-gradient(top, #6bba70 0%, #5db762 100%) !important; /* FF3.6-15 */
  206.     background: -webkit-linear-gradient(top, #6bba70 0%,#5db762 100%) !important; /* Chrome10-25,Safari5.1-6 */
  207.     background: linear-gradient(to bottom, #6bba70 0%,#5db762 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  208.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#5db762',GradientType=0 ) !important; /* IE6-9 */
  209.     border: 1px solid gray !important;
  210.     cursor: pointer;
  211. }
  212.  
  213. /******************
  214.  * Roomlist CSS ~end *
  215. ******************/
  216.  
  217. /***********
  218.   * Chat CSS *
  219.   ***********/
  220.  
  221. .userlist {
  222.     background: rgba(238, 242, 245, 0.7) url(//i.imgur.com/TAfC4d4.png);
  223.     color: #114F2A;
  224. }
  225. .userlist li {
  226.     background: rgba(241, 241, 247, 0.9);
  227.     border-color: #a0a0a0;
  228.     border-bottom: 1px dotted #747474;
  229.     height: 20px;
  230.     font: 10pt Helvetica, Arial, Verdana, sans-serif;
  231. }
  232. .userlist li button {
  233.     height: 20px;
  234. }
  235. .userlist li em.group {
  236.     color: #11484F;
  237. }
  238. .userlist li button:hover, .userlist-minimized .userlist-count:hover {
  239.     background: rgba(255, 255, 255, 0.4);
  240. }
  241. .chat-log {
  242.     background: rgba(235,235,251,.9);
  243. }
  244. .chat-log .chat small {
  245.     color: #11484F;
  246. }
  247. .chat-log .chat.mine.chat small {
  248.     color: #0A292E;
  249. }
  250. .chat.highlighted {
  251.     background: rgba(255,200,80,.33);
  252. }
  253. .chat-log-add {
  254.     background: rgba(58,154,87,1);
  255.     border-top: 1px solid #336251;
  256. }
  257. .chat-log-add .textbox {
  258.     border-color: #336251;
  259.     font-family: Helvetica, Arial, Verdana, sans-serif;
  260. }
  261.  
  262. .chat-log-add label {text-shadow: 1px 1px 2px #000;}
  263. /****************
  264.   * Chat CSS ~end *
  265.   ****************/
  266.  
  267. /*******************
  268.   * Tournaments CSS *
  269.   ******************/
  270.  
  271. .tournament-title {
  272.     background: rgba(58,154,87,1);
  273.     text-shadow: 0px -1px 0px #0b2d31;
  274.     color: #fff;
  275. }
  276. .tournament-status, .tournament-toggle {
  277.     background: rgba(255, 255, 255, 0.65);
  278.     border-color: #11484F;
  279.     text-shadow: none;
  280.     color: #11484F;
  281. }
  282. .tournament-tools {
  283.     border-color: #13565f;
  284.     background: rgba(101, 175, 148, 0.53);
  285. }
  286. .tournament-tools .select {
  287.     border-color: #11484F;
  288.     background: #336251;
  289.     color: #D9FCEF;
  290.     text-shadow: 0px -1px 0px #11484F;
  291. }
  292. .tournament-tools .select:hover {
  293.     background: #3D735F;
  294. }
  295. .tournament-tools .select:disabled, .tournament-tools .select:disabled:hover {
  296.     background: rgba(51, 98, 81, 0.45);
  297.     color: #11484F ;
  298.     text-shadow: none ;
  299.     border-color: #11484F ;
  300. }
  301. .tournament-tools button {
  302.     border-color: #11484F;
  303.     background: #336251;
  304.     color: #D9FCEF;
  305.     text-shadow: 0px -1px 0px #11484F;
  306. }
  307. .tournament-tools button:hover {
  308.     background: #3D735F;
  309. }
  310. .tournament-wrapper, .tournament-box {
  311.     border-color: #11484F;
  312. }
  313. /***********************
  314.   * Tournaments CSS ~end *
  315.   ***********************/
  316.  
  317. /**********************
  318.   * Mainmenuwrapper CSS *
  319.   **********************/
  320.  
  321. .menugroup {
  322.     border: 1px solid#5da3c7;
  323.     background: rgba(65, 184, 199, 0.28);
  324.     color: #fbfeff;
  325.     text-shadow: 0px 0px 2px #0f1c21;
  326. }
  327. .menugroup .select, .menugroup .button {
  328.     background: #FFE0A7 ;
  329.     border-color: #805B3C ;
  330.     color: #805B3C ;
  331.     text-shadow: none ;
  332.     font-style: italic ;
  333. }
  334. .menugroup .select:hover, .menugroup .button:hover {
  335.     background: #F2CF99 ;
  336.     border-color: #80643C ;
  337.     color: #805B3C ;
  338.     text-shadow: none ;
  339.     font-style: italic ;
  340. }
  341. .menugroup .select:disabled, .menugroup .select:disabled:hover {
  342.     background: rgba(255, 224, 167, 0.7) ;
  343.     border-color: #805B3C ;
  344.     color: #805B3C ;
  345.     text-shadow: none ;
  346.     font-style: italic ;
  347. }
  348. .pm-window-paradiseserver .pm-log-add {
  349.     display: none ;
  350. }
  351. .pm-window-paradiseserver .pm-log {
  352.     border-bottom: thin solid #aaa ;
  353. }
  354. .pm-window h3 {
  355.     border-color: #336251;
  356.     background: rgba(58, 154, 87, 1);
  357.     background-position: 200px;
  358.     color: #ffffff;
  359.     text-shadow: 0px -1px 0px #336240;
  360. }
  361. .pm-window h3:hover {
  362.     background: #07802c;
  363.     background-position: 200px;
  364.     color: #FFFFFF;
  365. }
  366. .pm-window h3 small {
  367.     color: #B2DBCD;
  368. }
  369. .pm-window.focused h3, .pm-window.focused h3:hover {
  370.     border-color: #336251;
  371.     background: rgba(58, 154, 87, 0.94);
  372.     background-position: 200px;
  373.     color: #FFFFFF;
  374.     text-shadow: 0px -1px 0px #336251;
  375. }
  376. .pm-window h3:hover .minimizebutton, .pm-window h3 .closebutton, .pm-window h3 .minimizebutton {
  377.     color: #D3F5E8;
  378. }
  379. .pm-window h3 .closebutton:hover {
  380.     color: #E7AAAA;
  381. }
  382. .pm-window h3 .minimizebutton:hover {
  383.     color: #AAC4E7;
  384. }
  385. .pm-window h3 .closebutton:hover+.minimizebutton {
  386.     color: #D3F5E8 ;
  387. }
  388. .message-pm {
  389.     color: #46806A;
  390. }
  391. .pm-window h3.pm-notifying {
  392.     border-color: #3C8047;
  393.     background: #C5F3D9;
  394.     color: #3C8047;
  395.     text-shadow: none;
  396. }
  397. .pm-window h3.pm-notifying:hover {
  398.     background: #B6E5C9;
  399. }
  400. .pm-window h3.pm-notifying small {
  401.     color: #57A457;
  402. }
  403. .pm-window h3.pm-notifying .closebutton, .pm-window h3.pm-notifying .minimizebutton {
  404.     color: #57A457;
  405. }
  406. .pm-window h3.pm-notifying .closebutton:hover {
  407.     color: #AF3B3B;
  408. }
  409. .pm-window h3.pm-notifying .minimizebutton:hover {
  410.     color: #AF813B;
  411. }
  412. .pm-window h3.pm-notifying .closebutton:hover+.minimizebutton {
  413.     color: #45803C ;
  414. }
  415. .pm-log, .pm-window.focused .pm-log {
  416.     border-color: #336247;
  417. }
  418. .challenge {
  419.     border-color: #5A803C;
  420.     background: #D4F3C5;
  421.     color: #52803C;
  422.     text-shadow: none;
  423. }
  424. .challenge .select {
  425.     border-color: #56803C;
  426.     background: #B0CD9F;
  427.     color: #59803C;
  428.     text-shadow: 0px 0px 2px #F1FCE8;
  429. }
  430. .challenge .select:hover {
  431.     background: #BFDBAE;
  432. }
  433. .challenge .select:disabled {
  434.     background: rgba(198, 205, 159, 0.5);
  435. }
  436. .challenge .select.preselected, .challenge .select.preselected:disabled {
  437.     color: #56803C;
  438. }
  439. .challenge .buttonbar button {
  440.     border: 1px solid #56803C;
  441.     background: #B1CD9F;
  442.     color: #56803C;
  443.     text-shadow: 0px 0px 2px #EFFCE8;
  444.     padding: 2px 5px;
  445. }
  446. .challenge .buttonbar button:hover {
  447.     background: #BEDBAE;
  448. }
  449. .pm-log-add {
  450.     border-color: #33624A;
  451.     background: rgba(58, 154, 87, 1);
  452. }
  453. .pm-window.focused .pm-log-add {
  454.     border-color: #33624A;
  455.     background: rgba(58, 154, 87, 1);
  456. }
  457. .pm-log-add .textbox {
  458.     border-color: #33624A;
  459. }
  460. .mainmenufooter a {
  461.     color: #FFE1B3;
  462. }
  463. .mainmenufooter a:hover {
  464.     color: #F2D19C;
  465. }
  466. .mainmenufooter {
  467.     color: #F2D19C;
  468. }
  469. /***************************
  470.   * Mainmenuwrapper CSS ~end *
  471.   ***************************/
  472.  
  473. /************
  474.   * Popup CSS *
  475.   ************/
  476.  
  477. .ps-popup {
  478.     background: #BBCCC9;
  479.     border-color: #11484F;
  480.     font-size: 12pt;
  481. }
  482. .ps-popup a, .credits h2, .credits ul {
  483.     color: #11484F;
  484.     text-shadow: 0px 0px 2px #96BFB8;
  485. }
  486. .ps-popup a:hover {
  487.     color: #173B40;
  488. }
  489. .ps-popup a.ilink.yours {
  490.     color: #0B282C;
  491. }
  492. .ps-popup a.ilink.yours:hover {
  493.     color: #04171A;
  494. }
  495. .ps-popup .buttonbar button {
  496.     background: #17626E;
  497.     border: 1px solid #11484F;
  498.     padding: 2px 5px;
  499.     color: #BBCCC9;
  500.     text-shadow: 0px -1px 0px #11484F;
  501. }
  502. .ps-popup .buttonbar button:hover {
  503.     background: #1B545C;
  504. }
  505. .popupmenu h3 {
  506.     color: #11484F;
  507.     text-shadow: 0px 0px 2px #96BFB8;
  508. }
  509. .popupmenu button.sel {
  510.     border-color: #11484F;
  511. }
  512. .popupmenu button:hover, .popupmenu button.sel:hover {
  513.     border-color: #11484F;
  514.     background: rgba(255, 255, 255, 0.3);
  515. }
  516. a.subtle, a.subtle:hover {
  517.     color: #000;
  518. }
  519. .avatarlist button {
  520.     border-color: #11484F;
  521. }
  522. .avatarlist button:hover {
  523.     border-color: #11484F;
  524.     background-color: rgba(0, 0, 0, 0.3);
  525. }
  526. .effect-volume em, .music-volume em {
  527.     color: #062529;
  528. }
  529. .ps-popup hr {
  530.     border: none;
  531.     border-bottom: 1px solid #062529;
  532. }
  533. /*****************
  534.   * Popup CSS ~end *
  535.   *****************/
  536.  
  537. /*************
  538.   * Ladder CSS *
  539.   *************/
  540.  
  541. .ladder th {
  542.     background: #F8F8F8;
  543.     color: #111;
  544.     text-shadow: none;
  545.     padding: 3px 7px;
  546. }
  547. .ladder td {
  548.     background: transparent;
  549.     color: #111;
  550.     text-shadow: none;
  551. }
  552. .ladder table, .ladder td, .ladder th {
  553.     border-color: #2e2e2e;
  554. }
  555.  
  556. /******************
  557.   * Ladder CSS ~end *
  558.   ******************/
  559.  
  560. /******************
  561.   * Teambuilder CSS *
  562.   ******************/
  563.  
  564. .teamchartbox {
  565.     border-color: #11484F;
  566. }
  567. .teamlist .team {
  568.     background: #e6e6e6;
  569.     border-color: #0f3e44;
  570.     color: #000000;
  571.     text-shadow: none;
  572. }
  573. .teamlist .team:hover {
  574.     background: #BBCCC9;
  575.     border-color: #0E3339;
  576.     color: #000;
  577.     text-shadow: none;
  578. }
  579. .setchart {
  580.     border-color: #175964;
  581.     background: #447F69;
  582. }
  583. .setchart-nickname {
  584.     background: #336251;
  585.     border-color: #11484F;
  586. }
  587. .setchart input, .setdetails, .setstats, .statform input.inputform {
  588.     border-color: #175964;
  589. }
  590. .setchart input:hover, .setdetails:hover, .setstats:hover, .statform input.inputform:hover {
  591.     border-color: #11424A;
  592. }
  593. .setchart .setdetails label, .setchart .setstats label {
  594.     color: #11424A;
  595.     text-shadow: none;
  596. }
  597. .setchart label {
  598.     text-shadow: 0px -1px 0px #175964;
  599.     color: #E6FFF7;
  600. }
  601. .setchart-nickname label {
  602.     text-shadow: 0px -1px 0px #11484F;
  603.     color: #E6FFF7;
  604. }
  605. .setchart-nickname input {
  606.     border-color: #11484F;
  607. }
  608. .setchart-nickname input:hover {
  609.     border-color: #0A2B30;
  610. }
  611. .setchart input.incomplete {
  612.     background: #F5FFFB;
  613.     color: #6FCE3F;
  614.     border-color: #6FCE3F;
  615. }
  616. .teambuilder-results {
  617.     background: rgba(255, 255, 255, 0.3);
  618. }
  619. .teambuilder-results h3, .teambuilder-results .utilichart h3 {
  620.     border-color: #4F803C ;
  621.     background: #C5F3D8 ;
  622.     color: #4F803C ;
  623.     text-shadow: none ;
  624. }
  625. .teambuilder-results .firstresult a {
  626.     background: #BBCCC9;
  627.     border-color: #11484F;
  628. }
  629. .teambuilder-results .firstresult a:hover, .teambuilder-results .result a:hover {
  630.     background: #CBE1DD;
  631.     border-color: #0C2D32;
  632. }
  633. .utilichart b {
  634.     color: #11484F;
  635.     text-shadow: 0px 0px 2px #96BFB8;
  636.     font-style: italic;
  637. }
  638. .utilichart .movenamecol, .utilichart .namecol, .utilichart .pokemonnamecol {
  639.     color: #062529;
  640.     text-shadow: 0px 0px 2px #96BFB8;
  641. }
  642. .utilichart .itemdesccol, .utilichart .abilitydesccol, .utilichart .movedesccol, .utilichart .statcol, .utilichart .bstcol, .utilichart .labelcol, .utilichart .widelabelcol, .utilichart .pplabelcol, .utilichart .abilitycol, .utilichart .twoabilitycol {
  643.     color: #11484F;
  644. }
  645. .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em, .utilichart .statcol em, .utilichart .bstcol em {
  646.     color: #1B606B;
  647. }
  648. .utilichart .numcol {
  649.     color: #275B37;
  650.     text-shadow: 0px 0px 2px #E8FCF1;
  651. }
  652. .utilichart .typecol img {
  653.     opacity: 0.75;
  654. }
  655. .teambar button {
  656.     background: #BBCCC9;
  657.     border-color: #11484F;
  658.     color: #11484F;
  659.     text-shadow: 0px 0px 2px #96BFB8;
  660. }
  661. .teambar button:hover, .teambar button:disabled, .teambar button:disabled:hover, .teambar button:disabled:active {
  662.     background: #BBCCC9;
  663.     border-color: #0E3339;
  664.     color: #0E3339;
  665.     text-shadow: none;
  666. }
  667. .setmenu button {
  668.     color: #275B30;
  669.     text-shadow: 0px 0px 2px #E8FCF2;
  670. }
  671. .setmenu button:hover {
  672.     border-color: #3C804E ;
  673.     background: #C5F3D4 ;
  674.     color: #3C804E ;
  675.     text-shadow: none ;
  676. }
  677. .statform p.suggested button {
  678.     background: #BBCCC9;
  679.     border: 1px solid #11484F;
  680.     color: #11484F;
  681.     text-shadow: 0px 0px 2px #96BFB8;
  682.     padding: 2px 5px;
  683. }
  684. .statform p.suggested button:hover {
  685.     background: #CBE1DD;
  686.     border-color: #0C2D32;
  687. }
  688. .statform p.suggested a {
  689.     color: #11484F;
  690. }
  691. .statform .col div label, .statform .col div em, .detailsform label {
  692.     color: #062529;
  693.     text-shadow: 0px 0px 2px #96BFB8;
  694. }
  695. .statform .col div b {
  696.     color: #031315;
  697.     text-shadow: 0px 0px 2px #96BFB8;
  698. }
  699. .jslider .jslider-label {
  700.     opacity: 1;
  701.     color: #062529;
  702. }
  703. .jslider .jslider-value {
  704.     background: #CBE1DD;
  705.     border: 1px solid #0C2D32;
  706.     color: #11484F;
  707.     text-shadow: 0px 0px 2px #96BFB8;
  708. }
  709. /***********************
  710.   * Teambuilder CSS ~end *
  711.   ***********************/
  712.  
  713. /*************
  714.     * Battle CSS *
  715.     *************/
  716.  
  717. .ps-room.ps-room-opaque {
  718.     background: rgba(51, 98, 81, 0.6);
  719.     font-family: Arial, Helvetica;
  720. }
  721. .ps-room .battle-controls {
  722.     background: rgba(255, 255, 255, 0.25);
  723.     padding-top: 10px;
  724.     padding-bottom: 10px;
  725. }
  726. .battle-log {
  727.     background: rgba(255, 255, 255, 0.9);
  728.     border-color: #aaa;
  729. }
  730. .battle-log h2 {
  731.     border-color: #3C804B;
  732.     background: #C5F3CF;
  733.     color: #3C804B;
  734.     text-shadow: none;
  735.     text-align: center;
  736. }
  737. .battle-log h2:hover {
  738.     color: #2F643F;
  739. }
  740. .battle-log .rated strong {
  741.     border-color: #3C804B;
  742.     background: #C5F3DD;
  743.     color: #3C804B;
  744.     text-shadow: none;
  745.     border: 1px solid #3C804B;
  746.     padding: 3px 6px;
  747. }
  748. .battle-log .chat strong {
  749.     color: #3C804B;
  750. }
  751. .battle-log-addn {
  752.     border-color: #3C804B;
  753.     background: #C5F3DA;
  754. }
  755. .battle-log-add .chatbox label {
  756.     text-shadow: 0px 0px #B7E4C1;
  757. }
  758. .battle-log-add .textbox {
  759.     border-color: #3C804B;
  760.     font-family: Helvetica, Arial, Verdana, sans-serif;
  761. }
  762. .backdrop {
  763.     background: transparent url(https://i.imgur.com/0S1S2Iy.jpg) no-repeat ;
  764.     background-size: cover ;
  765.     opacity: 0.6;
  766. }
  767. .battle {
  768.     border-color: #11484F ;
  769. }
  770. .rightbar, .leftbar {
  771.     background: rgba(51, 98, 81, 0.6);
  772.     border-color: #11484F;
  773. }
  774. .trainer strong {
  775.     color: #E6FDFF;
  776.     text-shadow: 0px -1px 0px #11484F;
  777. }
  778. .trainer div {
  779.     opacity: 1;
  780. }
  781. .battle-controls .whatdo {
  782.     color: #111;
  783. }
  784. .battle-controls .whatdo small {
  785.     border-color: #111;
  786. }
  787. .moveselect button, .switchselect button {
  788.     color: #BBCCC9 ;
  789.     text-shadow: 0px 0px 2px #11484F ;
  790. }
  791. .switchmenu button {
  792.     background: #BBCCC9 ;
  793.     border-color: #11484F ;
  794.     color: #11484F ;
  795.     text-shadow: 0px 0px 2px #96BFB8 ;
  796. }
  797. .switchmenu button:hover {
  798.     background: #BBCCC9 ;
  799.     border-color: #0E3339 ;
  800.     color: #0E3339 ;
  801.     text-shadow: none ;
  802. }
  803. .switchmenu button .hpbar {
  804.     border-color: #0E3339;
  805. }
  806. .switchmenu button.disabled, .switchmenu button:disabled {
  807.     background: #9BB6AD ;
  808.     border: 2px solid #0E3339 ;
  809.     color: #0E3339 ;
  810.     font-weight: bold ;
  811.     text-shadow: none ;
  812. }
  813. .movemenu button:disabled {
  814.     background: #9BB6B1;
  815.     border: 2px solid #0E3339;
  816.     color: #0E3339;
  817.     font-weight: bold;
  818.     text-shadow: none;
  819. }
  820. .movemenu button:disabled .movemenu button small.pp, .movemenu button:disabled .movemenu button small.type {
  821.     text-shadow: none;
  822.     color: #164E57;
  823. }
  824. .movemenu button {
  825.     border: 1px solid #0E3339 ;
  826. }
  827. #tooltipwrapper {
  828.     position: absolute;
  829.     top: 400px;
  830.     left: 100px;
  831.     text-align: left;
  832.     color: #11484F;
  833.     text-shadow: 0px 0px 2px #96BFB8;
  834. }
  835. #tooltipwrapper .tooltipinner {}
  836. #tooltipwrapper .tooltip {
  837.     position: absolute;
  838.     bottom: 0;
  839.     left: 0;
  840.     width: 300px;
  841.     background: #BBCCC9;
  842.     border-color: #11484F;
  843.     border-radius: 1px;
  844. }
  845. #tooltipwrapper .tooltip h2 {
  846.     padding: 2px 4px;
  847.     margin: 0;
  848.     border-bottom: 1px solid #11484F;
  849.     font-size: 10pt;
  850.     color: #0B2D32;
  851.     text-shadow: 0px 0px 2px #96BFB8;
  852. }
  853. #tooltipwrapper .tooltip p {
  854.     padding: 2px 4px;
  855.     margin: 0;
  856.     font-size: 8pt;
  857. }
  858. #tooltipwrapper .tooltip p.section {
  859.     border-top: 1px solid #11484F;
  860. }
  861. /******************
  862.  * Battle CSS ~end *
  863.  ******************/
  864. /*********************************************************
  865.  * ::scrollbar
  866.  *********************************************************/
  867.  
  868. .scrollable::-webkit-scrollbar {
  869.     width: 7px;
  870.     background: transparent;
  871. }
  872. .scrollable::-webkit-scrollbar-thumb {
  873.     background: #fff;
  874.     border-top: solid 1px rgb(170, 170, 170);
  875.     border-left: solid 1px rgb(170, 170, 170);
  876.     border-bottom: solid 1px rgb(170, 170, 170);
  877.     border-radius: 5px;
  878. }
  879. .userlist::-webkit-scrollbar {
  880.     width: 7px;
  881.     background: rgba(192, 192, 192, 0.329);
  882. }
  883. .userlist::-webkit-scrollbar-thumb {
  884.     background: #fff;
  885.     border-top: solid 1px rgb(170, 170, 170);
  886.     border-left: solid 1px rgb(170, 170, 170);
  887.     border-bottom: solid 1px rgb(170, 170, 170);
  888.     border-radius: 5px;
  889. }
  890. .chat-log::-webkit-scrollbar {
  891.     width: 8px;
  892.     background: rgba(192, 192, 192, 0.329);
  893. }
  894. .chat-log::-webkit-scrollbar-thumb {
  895.     background: #fff;
  896.     border-top: solid 1px rgb(170, 170, 170);
  897.     border-left: solid 1px rgb(170, 170, 170);
  898.     border-bottom: solid 1px rgb(170, 170, 170);
  899.     border-radius: 5px;
  900. }
  901. /*********************************************************
  902.  * Others
  903.  *********************************************************/
  904.  .infobox {
  905.     border: 1px solid #11484F;
  906. }
  907. .image-showcase {
  908.     background: rgba(200, 200, 200, .7);
  909.     padding: 10px 5px;
  910.     box-shadow: 2px 2px 1px rgba(255, 255, 255, .5) inset, -1px -1px 1px rgba(0, 0, 0, .3) inset;
  911.     border: 1px solid #666;
  912.     border-radius: 6px;
  913.     text-align: center;
  914. }
  915. .profile-box {
  916.     box-sizing: border-box;
  917.     min-height: 150px;
  918.     padding: 10px 20px;
  919.     border-radius: 8px;
  920.     background: radial-gradient(white, aliceblue);
  921.     box-shadow: inset 0 0 20px 5px rgba(50, 50, 50, .2), 0 0 0 1px rgba(0, 0, 0, .35);
  922.     border: 1px dashed #304990;
  923.     text-align: center;
  924.     position: relative;
  925. }
  926.  
  927. /*********************************************************
  928.  * Media Queries
  929.  *********************************************************/
  930. @media (max-width: 480px) {
  931.     body {
  932.         background: url(https://i.imgur.com/XsDAgoj.jpg) no-repeat;
  933.         background-size: cover;
  934.     }
  935. }
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!