Advertisement
MasterFloat

EOS' CSS

Sep 10th, 2015
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.52 KB | None | 0 0
  1.   /**************
  2.   * GENERAL CSS *
  3.   **************/
  4.  
  5.   body {
  6.     background: #EEE url("http://i254.photobucket.com/albums/hh108/naten2006/_wallpaper__generation_3_by_arkeis_pokemon-d85oq7r_zpswbdxahdz.jpg~original") no-repeat left top;
  7.   }
  8.  
  9.   .ps-room.ps-room-light {
  10.     background: rgba(0, 0, 0, 0);
  11.     border-color: #252F3F;
  12.   }
  13.  
  14.   .ps-room.ps-room-light.scrollable {
  15.     background: url("http://i.imgur.com/AQ6vsTu.png?1") right top no-repeat rgba(178, 223, 247, 0.7);
  16.   }
  17.  
  18.   .astext{
  19.     border: none;
  20.     background: none;
  21.     padding:0;
  22.     height: -20em;
  23.     font-family:Verdana,sans-serif;
  24.     font-size: 12px;
  25.     cursor: pointer;
  26.   }
  27.  
  28.   .broadcast-blue {
  29.     background-color: #B3E6FF;
  30.     border: 1px solid #0B1361;
  31.     color: #0B1361;
  32.     font-family: sans-serif;
  33.     padding: 5px;
  34.     text-align: center;
  35.     margin: 5px;
  36.     text-shadow: 0px -1px 0px #D7F2FF;
  37.   }
  38.  
  39.   .broadcast-blue a {
  40.     color: #0B1361;
  41.   }
  42.  
  43.   .broadcast-red {
  44.     background-color: #FFB3B3;
  45.     border: 1px solid #610B0B;
  46.     color: #610B0B;
  47.     font-family: sans-serif;
  48.     padding: 5px;
  49.     text-align: center;
  50.     margin: 5px;
  51.     text-shadow: 0px -1px 0px #FFD7D7;
  52.   }
  53.  
  54.   .broadcast-red a {
  55.     color: #610B0B;
  56.   }
  57.  
  58.   .broadcast-green {
  59.     background-color: #C3FFB3;
  60.     border: 1px solid #19610B;
  61.     color: #19610B;
  62.     font-family: sans-serif;
  63.     padding: 5px;
  64.     text-align: center;
  65.     margin: 5px;
  66.     text-shadow: 0px -1px 0px #D8FFD7;
  67.   }
  68.  
  69.   .broadcast-green a {
  70.     color: #19610B;
  71.   }
  72.  
  73.   .textbox, .textbox:hover, .textbox:focus {
  74.     border: 1px solid #252F3F;
  75.     box-shadow: none !important;
  76.   }
  77.  
  78.   .closebutton, .minimizebutton {
  79.     color: #413B45;
  80.   }
  81.  
  82.   .closebutton:hover, .minimizebutton:hover {
  83.     color: #000;
  84.   }
  85.  
  86.   button {
  87.     background-color: #EEE;
  88.     border: 1px solid #AAA;
  89.   }
  90.  
  91.   button:hover {
  92.     border: 1px solid #777;
  93.   }
  94.  
  95.   /*******************
  96.   * GENERAL CSS ~end *
  97.   *******************/
  98.  
  99.   /***********
  100.   * CHAT CSS *
  101.   ***********/
  102.  
  103.   .infobox {
  104.     border: 1px solid #0B1361;
  105.     padding: 6px 6px;
  106.     background: rgba(255, 255, 255, 0.3);
  107.   }
  108.  
  109.   .chat-log a, .pm-log a {
  110.     color: #0500A5;
  111.   }
  112.  
  113.   .chat-log a:visited, .pm-log a:visited {
  114.     color: #162055;
  115.   }
  116.  
  117.   .userlist {
  118.     background: rgba(178, 223, 247, 0.45);
  119.     border-right: 1px solid #252F3F;
  120.   }
  121.  
  122.   .userlist li {
  123.     background-color: rgba(244, 244, 244, 0.8);
  124.     border-bottom-color: #AAA;
  125.   }
  126.  
  127.   .userlist li em.group {
  128.     color: #252F3F;
  129.   }
  130.  
  131.   .chat-log {
  132.     background: url("http://i.imgur.com/magDZKw.png") top right no-repeat rgba(235, 235, 235, 0.785);
  133.   }
  134.  
  135.   .chat-log-add {
  136.     background: rgba(178, 223, 247, 0.45);
  137.     border-top: 1px solid #252F3F;
  138.   }
  139.  
  140.   /****************
  141.   * CHAT CSS ~end *
  142.   ****************/
  143.  
  144.   /*************
  145.   * HEADER CSS *
  146.   *************/
  147.  
  148.   .header {
  149.     height: 50px;
  150.     background: rgba(178, 223, 247, 0.85) url("http://i.imgur.com/0VAXpy9.png") no-repeat;
  151.   }
  152.  
  153.   .header .logo {
  154.     opacity: 0;
  155.   }
  156.  
  157.   .maintabbarbottom {
  158.     background: #E08082;
  159.     border: 1px solid #413B45;
  160.   }
  161.  
  162.   .tabbar a.button.notifying {
  163.     background: #00E2DB;
  164.     border-color: #2D3459;
  165.     color: #2D3459;
  166.     text-shadow: none;
  167.   }
  168.  
  169.   .tabbar a.button.notifying:hover {
  170.     background: #00DAD2;
  171.     border-color: #2D3459;
  172.     color: #2D3459;
  173.   }
  174.  
  175.   .tabbar a.button.cur, .tabbar a.button.cur:hover {
  176.     background: #E08082;
  177.     border: 1px solid #413B45;
  178.     color: #413B45;
  179.     text-shadow: none;
  180.   }
  181.  
  182.   .tabbar a.button {
  183.     border: 1px solid #413B45;
  184.     background: #ECB3B4;
  185.     color: #413B45;
  186.     text-shadow: none;
  187.   }
  188.  
  189.   .tabbar a.button:hover {
  190.     border: 1px solid #413B45;
  191.     background: #FABCBC;
  192.     color: #413B45;
  193.     text-shadow: none;
  194.   }
  195.  
  196.   .tabbar a.button.subtle-notifying {
  197.     color: #336E4E;
  198.   }
  199.  
  200.   .tabbar a.button.subtle-notifying:hover {
  201.     border-color: #336E4E;
  202.   }
  203.  
  204.   .userbar button.icon {
  205.     background: #EEE;
  206.     border: 1px solid #AAA;
  207.     padding: 0px 4px 2px 4px;
  208.   }
  209.  
  210.   .userbar button.icon:hover {
  211.     background: #EEE;
  212.     border: 1px solid #777;
  213.   }
  214.  
  215.   /******************
  216.   * HEADER CSS ~end *
  217.   ******************/
  218.  
  219.   /***************
  220.   * ROOMLIST CSS *
  221.   ***************/
  222.  
  223.   .rooms-officialchatrooms, .rooms-chatrooms {
  224.     color: #252F3F;
  225.   }
  226.  
  227.   .roomlist a.ilink {
  228.     border: 1px solid #2D3459;
  229.     background: rgba(45, 52, 89, 0.8);
  230.     color: #CEEAFA;
  231.     text-shadow:  0px -1px 0px #000;
  232.   }
  233.  
  234.   .roomlist a.ilink:hover {
  235.     border: 1px solid #191D30;
  236.     background: rgba(45, 52, 89, 0.95);
  237.     color: #CEEAFA;
  238.     text-shadow:  0px -1px 0px #000;
  239.   }
  240.  
  241.   .roomcounters button {
  242.     border: 1px solid #191D30;
  243.     background: rgba(147, 196, 225, 0.45);
  244.     color: #191D30;
  245.     text-shadow: 0px -1px #B2DFF7;
  246.   }
  247.  
  248.   .roomcounters button:hover {
  249.     border: 1px solid #191D30;
  250.     background: rgba(147, 196, 225, 0.8);
  251.     color: #191D30;
  252.     text-shadow: 0px -1px #B2DFF7;
  253.   }
  254.  
  255.   /********************
  256.   * ROOMLIST CSS ~end *
  257.   ********************/
  258.  
  259.   /************
  260.   * POPUP CSS *
  261.   ************/
  262.  
  263.   .ps-popup {
  264.     background: #DDD;
  265.     border: 1px solid #AAA;
  266.   }
  267.  
  268.   .credits h2 {
  269.     color: #2D3459;
  270.   }
  271.  
  272.   a.subtle, .credits ul li p, .credits ul {
  273.     color: #37348E;
  274.   }
  275.  
  276.   .popupmenu h3 {
  277.     color: #1E2C28;
  278.   }
  279.  
  280.   .ps-popup a, .ps-popup a.ilink {
  281.     color: #37348E;
  282.   }
  283.  
  284.   .ps-popup a.ilink:hover {
  285.     color: #433FB9;
  286.   }
  287.  
  288.   .avatarlist button {
  289.     border: 1px solid #777;
  290.   }
  291.  
  292.   .avatarlist button:hover {
  293.     border: 1px solid #444;
  294.     background-color: rgba(0, 0, 0, 0.4);
  295.   }
  296.  
  297.   .ps-overlay {
  298.     background: rgba(0, 0, 0, 0.5);
  299.   }
  300.  
  301.   .ps-popup .buttonbar button {
  302.     background: #EEE;
  303.     border: 1px solid #AAA;
  304.     padding: 2px 4px;
  305.   }
  306.  
  307.   .ps-popup .buttonbar button:hover {
  308.     background: #EEE;
  309.     border: 1px solid #777;
  310.   }
  311.  
  312.   /*****************
  313.   * POPUP CSS ~end *
  314.   *****************/
  315.  
  316.   /**********************
  317.   * MAINMENUWRAPPER CSS *
  318.   **********************/
  319.  
  320.   /* PMs */
  321.   .pm-window h3, .pm-log-add {
  322.     border: 1px solid #2D3459;
  323.     background: rgba(45, 52, 89, 0.8);
  324.     color: #CEEAFA;
  325.     text-shadow:  0px -1px 0px #000;
  326.   }
  327.  
  328.   .pm-window h3:hover {
  329.     border: 1px solid #2D3459;
  330.     background: rgba(45, 52, 89, 0.8);
  331.     color: #B2DFF7;
  332.     text-shadow:  0px -1px 0px #000;
  333.   }
  334.  
  335.   .pm-window.focused h3, .pm-window.focused h3:hover, .pm-window.focused .pm-log-add {
  336.     border: 1px solid #2D3459;
  337.     background: rgba(45, 52, 89, 0.9);
  338.     color: #CEEAFA;
  339.     text-shadow:  0px -1px 0px #000;
  340.   }
  341.  
  342.   .pm-window h3 small {
  343.     color: #F1F08F;
  344.   }
  345.  
  346.   .pm-window h3 .closebutton, .pm-window h3 .minimizebutton {
  347.     color: #DDD;
  348.   }
  349.  
  350.   .pm-window h3 .closebutton:hover {
  351.     color: #FABCBC;
  352.     border: none;
  353.   }
  354.  
  355.   .pm-window h3 .minimizebutton:hover {
  356.     color: #F1F08F;
  357.     border: none;
  358.   }
  359.  
  360.   .challenge {
  361.     border: 1px solid #E08082;
  362.     background: #FABCBC;
  363.     color: #403A44;
  364.   }
  365.  
  366.   .message-pm {
  367.     color: #00A0A0;
  368.     padding: 0px 25px 0px 0px;
  369.     background: url("http://www.blastyak.net/img/mail.png") top right no-repeat;
  370.   }
  371.  
  372.   .challenge .select {
  373.     background: #E08082;
  374.     border: 1px solid #413B45;
  375.     color: #000;
  376.     text-shadow: none;
  377.     box-shadow: none !important;
  378.   }
  379.  
  380.   .challenge .select:hover {
  381.     background: #CB7373;
  382.   }
  383.  
  384.   .challenge .select:disabled {
  385.     background: rgba(224, 128, 130, 0.6);
  386.   }
  387.  
  388.   .challenge .battleform .buttonbar button {
  389.     background: #E08082;
  390.     border: 1px solid #413B45;
  391.     color: #000;
  392.     text-shadow: none;
  393.     box-shadow: none !important;
  394.     padding-top: 2px;
  395.     padding-bottom: 2px;
  396.   }
  397.  
  398.   .challenge .battleform .buttonbar button:hover {
  399.     background: #CB7373;
  400.   }
  401.  
  402.   /* PMs ~end */
  403.  
  404.   /* Menugroup */
  405.  
  406.   .menugroup {
  407.     background-color: rgba(244, 244, 244, 0.5);
  408.     border: 1px solid #AAA;
  409.     color: #333;
  410.     text-shadow: none;
  411.   }
  412.  
  413.   .mainmenu .menugroup:nth-child(1) .button {
  414.     background: url("http://i.imgur.com/ZZqrXOl.png?2");
  415.     border: 1px solid #AE445D;
  416.   }
  417.  
  418.   .mainmenu .menugroup:nth-child(1) .button:hover {
  419.     border: 1px solid #943A4F;
  420.     background: url("http://i.imgur.com/Kk6RpNs.png?2");
  421.   }
  422.  
  423.   .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button {
  424.     background: url("http://i.imgur.com/pRCl23k.png?2");
  425.     border-color: #356E4E;
  426.   }
  427.  
  428.   .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:hover {
  429.     background: url("http://i.imgur.com/JHbTRpk.png?2");
  430.     border-color: #254E37;
  431.   }
  432.  
  433.   .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button {
  434.     background: url("http://i.imgur.com/HFwsKS2.png?2");
  435.     border-color: #4B6EB3;
  436.   }
  437.  
  438.   .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:hover {
  439.     background: url("http://i.imgur.com/JMSSimD.png?1");
  440.     border-color: #3D5991;
  441.   }
  442.  
  443.   /* Menugroup ~end */
  444.  
  445.   .mainmenufooter {
  446.     color: #131D50;
  447.     text-shadow: 1px 1px 1px #BEE4F7, -1px -1px 1px  #BEE4F7;
  448.   }
  449.  
  450.   .mainmenufooter a {
  451.     color: #131D50;
  452.     text-shadow: none;
  453.     font-weight: bold;
  454.     text-shadow: 1px 1px 1px #BEE4F7, -1px -1px 1px  #BEE4F7;
  455.   }
  456.  
  457.   .mainmenufooter a:hover {
  458.     color: #000832;
  459.   }
  460.  
  461.   /***************************
  462.   * MAINMENUWRAPPER CSS ~end *
  463.   ***************************/
  464.  
  465.   /*************
  466.   * BATTLE CSS *
  467.   *************/
  468.  
  469.   .ps-room.ps-room-opaque {
  470.     background: rgba(178, 223, 247, 0.7);
  471.   }
  472.  
  473.   .ps-room .battle-controls {
  474.     background: rgba(0, 0, 0, 0);
  475.   }
  476.  
  477.   .battle-log {
  478.     background: url("http://i.imgur.com/vIYclIh.png");
  479.     border-color: #413B45;
  480.   }
  481.  
  482.   .message-error {
  483.     border: 1px solid #413B45;
  484.     background: #ECB3B4;
  485.     color: #413B45;
  486.     margin-bottom: 1px;
  487.   }
  488.  
  489.   .battle-log .chat {
  490.     padding: 3px 1px;
  491.   }
  492.  
  493.   .battle-log h2 {
  494.     text-align: right;
  495.     font-style: italic;
  496.     border-color: #413B45;
  497.     background: #FABCBC;
  498.     color: #413B45;
  499.   }
  500.  
  501.   .battle-log-add {
  502.     background: #FABCBC;
  503.     border: 1px solid #413B45;
  504.     color: #413B45;
  505.   }
  506.  
  507.   .battle {
  508.     border-color: #413B45;
  509.   }
  510.  
  511.   .battle-log .rated strong {
  512.     background: #2D3459;
  513.   }
  514.  
  515.   .battle-log .chat strong {
  516.     color: #2D3459;
  517.   }
  518.  
  519.   .rightbar, .leftbar {
  520.     border-color: #413B45;    
  521.     background: rgba(206, 234, 250, 0.5);
  522.   }
  523.  
  524.   .trainer strong {
  525.     color: #413B45;
  526.   }
  527.  
  528.   .trainer div {
  529.     opacity: 1;
  530.   }
  531.  
  532.   .turnstatus-protect {
  533.     background:url(http://i.imgur.com/RVxCoHz.png);
  534.     opacity:1!important;
  535.     height:103px!important;
  536.     width:150px!important;
  537.     border-radius:0;
  538.     border-width:0;
  539.     box-shadow:none;
  540.     opacity:0.9;
  541.   }
  542.  
  543.   .sidecondition-safeguard {
  544.     background:url(http://i.imgur.com/FrCoWCW.png);
  545.     opacity:0.6!important;
  546.     height:90px!important;
  547.     width:130px!important;
  548.     border-radius:0;
  549.     opacity:0.9;
  550.     border-width:0;
  551.     box-shadow:none;
  552.   }
  553.  
  554.   .sidecondition-reflect {
  555.     background:url(http://i.imgur.com/X1XDxVB.png);
  556.     opacity:0.7!important;
  557.     height:90px!important;
  558.     width:130px!important;
  559.     border-radius:0;
  560.     border-width:0;
  561.     opacity:0.9;
  562.     box-shadow:none;
  563.   }
  564.  
  565.   .sidecondition-lightscreen {
  566.     background:url(http://i.imgur.com/8eLftNA.png);
  567.     opacity:0.6!important;
  568.     height:90px!important;
  569.     width:130px!important;
  570.     opacity:0.9;
  571.     border-radius:0;
  572.     border-width:0;
  573.     box-shadow:none;
  574.   }
  575.  
  576.   /*******************
  577.   * BATTLES CSS ~end *
  578.   *******************/
  579.  
  580.   /*************
  581.   * LADDER CSS *
  582.   *************/
  583.  
  584.   .ladder table, .ladder td, .ladder th {
  585.     border: 1px solid #2D3459;
  586.   }
  587.  
  588.   .ladder th {
  589.     background: rgba(45, 52, 89, 0.8);
  590.     color: #CEEAFA;
  591.     text-shadow:  0px -1px 0px #000;
  592.   }
  593.  
  594.   .ladder td {
  595.     background: rgba(255, 255, 255, 0.4);
  596.   }
  597.  
  598.   /******************
  599.   * LADDER CSS ~end *
  600.   ******************/
  601.  
  602.   /******************
  603.   * Teambuilder css *
  604.   ******************/
  605.  
  606.   .team {
  607.     border: 1px solid #2D3459;
  608.     background: rgba(45, 52, 89, 0.8);
  609.     color: #CEEAFA;
  610.   }
  611.  
  612.   .team:hover {
  613.     border: 1px solid #191D30;
  614.     background: rgba(45, 52, 89, 0.95);
  615.     color: #CEEAFA;
  616.   }
  617.  
  618.   .teambuilder-results {
  619.     background: rgba(255, 255, 255, 0.55);
  620.   }
  621.  
  622.   .teamchartbox {
  623.     background: url("http://i.imgur.com/ILidCvo.jpg");
  624.     text-shadow: none;
  625.     border-top: 1px solid #0B1361;
  626.   }
  627.  
  628.   .setchart {
  629.     border: 1px solid #0B1361;
  630.     background: url("http://i.imgur.com/qEW2a8L.png?2");
  631.   }
  632.  
  633.   .setchart-nickname {
  634.     border: 1px solid #0B1361;
  635.     background: url("http://i.imgur.com/0jJJ5wL.png?1");
  636.   }
  637.  
  638.   .setchart label, .setchart-nickname label {
  639.     color: #FFF;
  640.     text-shadow: 0px -1px 0px #0F1923;
  641.   }
  642.  
  643.   .setchart input, .setchart-nickname input, .statform input.inputform, .setdetails, .setstats {
  644.     border: 1px solid #0B1361;
  645.     background: #F9F9F9;
  646.   }
  647.  
  648.   .setchart input:hover, .setchart-nickname input:hover, .statform input.inputform:hover, .setdetails:hover, .setstats:hover {
  649.     border: 1px solid #0B1361;
  650.     background: #FFF;
  651.   }
  652.  
  653.   .setchart .setdetails label, .setchart .setstats label {
  654.     color: #000;
  655.     text-shadow: none;
  656.   }
  657.  
  658.   .teambuilder-results h3, .teambuilder-results .utilichart h3 {
  659.     background: url("http://i.imgur.com/wlJoJrT.png?1");
  660.     border-color: #0B1361;
  661.     color: #FFF;
  662.     text-shadow: 0px -1px 0px #0F1923;
  663.   }
  664.  
  665.   .setmenu button:hover {
  666.     border-color: #0B1361;
  667.   }
  668.  
  669.   .teambar button {
  670.     border-color: #0B1361;
  671.     font-family: sans-serif;
  672.   }
  673.  
  674.   .teambar button:hover {
  675.     border-color: #0B1361;
  676.   }
  677.  
  678.   .teambar button:disabled, .teambar button:disabled:hover, .teambar button:disabled:active {
  679.     color: #000;
  680.     background: rgba(240, 240, 240, 0.7);
  681.     border-color: #0B1361;
  682.     opacity: 1;
  683.   }
  684.  
  685.   .utilichart {
  686.     text-shadow: none;
  687.   }
  688.  
  689.   .utilichart .movenamecol, .utilichart .pokemonnamecol, .utilichart .namecol {
  690.     font-style: italic;
  691.     color: #000;
  692.   }
  693.  
  694.   .utilichart .statcol em, .utilichart .bstcol em, .utilichart .numcol, .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em {
  695.     color: #777;
  696.   }
  697.  
  698.   .utilichart .itemdesccol, .utilichart .abilitydesccol, .utilichart .movedesccol {
  699.     color: #555;
  700.   }
  701.  
  702.   .utilichart .abilitycol, .utilichart .statcol, .utilichart .col {
  703.     color: #222;
  704.   }
  705.  
  706.   .utilichart .typecol img {
  707.     opacity: 0.75;
  708.   }
  709.  
  710.   .utilichart b {
  711.     color: #0B1361;
  712.   }
  713.  
  714.   .teambuilder-results .firstresult a, .teambuilder-results .firstresult a:hover, .teambuilder-results .result a:hover {
  715.     border-color: #0B1361;
  716.   }
  717.  
  718.   .teambuilder-clipboard-container {
  719.     border-color: #0B1361;
  720.   }
  721.  
  722.   .teambuilder-clipboard-data, .teambuilder-clipboard-data:hover {
  723.     background: url("http://i.imgur.com/jt4bXeo.png?1");
  724.     border-color: #0B1361;
  725.     color: #FFF;
  726.     text-shadow: 0px -1px 0px #0F1923;
  727.   }
  728.  
  729.   .teambuilder-clipboard-button-right, .teambuilder-clipboard-button-left, .majorbutton {
  730.     background: url("http://i.imgur.com/jt4bXeo.png?1");
  731.     border: 1px solid #0B1361;
  732.     color: #FFF;
  733.     text-shadow: 0px -1px 0px #0F1923;
  734.   }
  735.  
  736.   .teambuilder-clipboard-button-right:hover, .teambuilder-clipboard-button-left:hover, .majorbutton:hover {
  737.     background: #1F4367;
  738.   }
  739.  
  740.   .statform, .detailsform {
  741.     text-shadow: none;
  742.     color: #000;
  743.   }
  744.  
  745.   /***********************
  746.   * TEAMBUILDER CSS ~end *
  747.   ***********************/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement