Spectra CSS

  /**************
  * GENERAL CSS *
  **************/
  body {
    background: url("http://i.imgur.com/tpuE4kZ.jpg?1");
  }

  .ps-room.ps-room-light {
    background: rgba(0, 0, 0, 0);
    border-color: #000;
  }

  .ps-room.ps-room-light.scrollable {
    background: rgba(80, 233, 223, 0.5) url("http://i.imgur.com/4mrBFbL.png") right no-repeat;
  }

  .textbox {
    border: 1px solid #000;
    box-shadow: none;
  }

  .textbox:hover {
    border: 1px solid #000;
    box-shadow: none;
  }

  .textbox:focus {
    border: 1px solid #000;
    box-shadow: none;
  }

  .ps-popup {
    background: #EEE;
    border-color: #000;
  }

  .popupmenu h3 {
    color: #0F3CA4;
  }

  .minimizebutton, .closebutton {
    color: #000;
  }

  .closebutton:hover {
    color: #BD3232;
  }

  /*******************
  * GENERAL CSS ~end *
  *******************/

  /*************
  * HEADER CSS *
  *************/

  .header {
    background: rgba(80, 233, 223, 0.75)
  }

  .maintabbarbottom {
    background: #F09047;
    border-color: #000;
  }

  .tabbar a.button.subtle-notifying {
    color: #000;
  }

  .tabbar a.button.notifying {
    background: #E275DE;
    border: 1px solid #8E078A;
    color: #8E078A;
  }

  .tabbar a.button.notifying:hover {
    background: #D756D2;
    border: 1px solid #680565;
    color: #680565;
  }

  .tabbar a.button {
    background: #84DBDB;
    color: #2A6965;
    border-color: #000;
    text-shadow: none;
  }

  .tabbar a.button:hover {
    background: #40C0B7;
    color: #1E4A47;
  }

  .tabbar a.button.cur, .tabbar a.button.cur:hover {
    background: #F09047;
    border-color: #000;
    color: #000;
    text-shadow: none;
  }

  .userbar button.icon {
    background: #84DBDB;
    border: 1px solid #2A6965;
    color: #2A6965;
    padding: 0px 4px 2px 4px;
  }

  .userbar button.icon:hover {
    background: #40C0B7;
    border: 1px solid #2A6965;
    color: #1E4A47;
  }

  /******************
  * HEADER CSS ~end *
  ******************/

  /**********************
  * MAINMENUWRAPPER CSS *
  **********************/

  .menugroup {
    background: rgba(80, 233, 223, 0.5);
    border: 1px solid #000;
    color: #000;
    text-shadow: none;
  }

  .menugroup .button, .mainmenu .menugroup:nth-child(1) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button {
    background: #E2A14B;
    border: 1px solid #694E2A;
    color: #694E2A;
    text-shadow: none;
  }

  .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button {
    background: #84DBDB;
    border: 1px solid #2A6965;
    color: #2A6965;
    text-shadow: none;
  }

  .menugroup .button:hover, .mainmenu .menugroup:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(2) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(1) .button:hover {
    background: #CB8A34;
    border: 1px solid #694E2A;
    color: #4E3A20;
    text-shadow: none;
  }

  .mainmenu .menugroup:nth-child(2) p:nth-child(1) .button:hover, .mainmenu .menugroup:nth-child(2) p:nth-child(3) .button:hover, .mainmenu .menugroup:nth-child(3) p:nth-child(2) .button:hover {
    background: #40C0B7;
    border: 1px solid #2A6965;
    color: #1E4A47;
  }

  .select {
    background: #84DBDB;
    border: 1px solid #2A6965;
    color: #2A6965;
    box-shadow: none !important;
  }

  .select:hover {
    background: #40C0B7;
    border: 1px solid #2A6965;
    color: #1E4A47;
  }

  .select:disabled {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #2A6965;
    color: #2A6965;
  }

  .pm-window h3 {
    background: url("http://i.imgur.com/8CbGtIH.jpg?1");
    border: 1px solid #000;
    color: #000;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset;
  }

  .pm-window h3:hover {
    background: url("http://i.imgur.com/8CbGtIH.jpg?1");
    border: 1px solid #000;
    color: #060126;
  }

  .pm-window.focused h3, .pm-window.focused h3:hover {
    background: url("http://i.imgur.com/Vn4Jl73.jpg");
    color: #000;
  }

  .pm-window h3.pm-notifying {
    background: #E275DE;
    border: 1px solid #8E078A;
    color: #8E078A;
  }

  .pm-window h3.pm-notifying:hover {
    background: #D756D2;
    border: 1px solid #680565;
    color: #680565;
  }

  .pm-window h3 .closebutton, .pm-window h3 .minimizebutton {
    color: #000;
  }

  .pm-window h3 .closebutton:hover {
    color: #FF9F9F;
  }

  .pm-window h3 .minimizebutton:hover {
    color: #FFFF66;
  }

  .pm-window h3 small {
    color: #000;
  }

  .pm-log, .pm-window.focused .pm-log {
    border-color: #000;
    background: url("http://i.imgur.com/Q8vHT0Y.png");
  }

  .challenge {
    border: 1px solid #000;
    background: #AAA;
    color: #000;
  }

  .pm-log-add {
    border-color: #000;
    background: url("http://i.imgur.com/gfwd5ik.jpg?1");
  }

  .pm-window.focused .pm-log-add {
    border-color: #000;
    background: url("http://i.imgur.com/qKwGy4O.jpg?1");
  }

  .mainmenufooter {
    color: #000;
    text-shadow: none;
  }

  .mainmenufooter a {
    color: #000;
    text-shadow: none;
  }

  .mainmenufooter a:hover {
    color: #0B0439;
    text-shadow: none;
  }

  /***************************
  * MAINMENUWRAPPER CSS ~end *
  ***************************/

  /***************
  * ROOMLIST CSS *
  ***************/

  .roomlist a.ilink {
    background: url("http://i.imgur.com/XjKEaPj.jpg?1");
    border: 2px solid #000;
    color: #000;
    text-shadow: none;
  }

  .roomlist a.ilink:hover {
    background: url("http://i.imgur.com/mNy9VeO.jpg?1");
    border: 2px solid #000;
    color: #000;
    text-shadow: none;
  }

  .roomcounters button {
    background: rgba(80, 233, 223, 0.5);
    color: #2A6965;
    border: 1px solid #40C0B7;
    text-shadow: none;
    box-shadow: none !important;
  }

  .roomcounters button:hover {
    background: #40C0B7;
    color: #1E4A47;
    border: 1px solid #40C0B7;
    box-shadow: none !important;
  }

  /********************
  * ROOMLIST CSS ~end *
  ********************/

  /***********
  * CHAT CSS *
  ***********/

  .broadcast-blue {
    background-color: #B3E6FF;
    border: 1px solid #0B1361;
    color: #0B1361;
    font-family: sans-serif;
    padding: 5px;
    text-align: center;
    margin: 5px;
    text-shadow: 0px -1px 0px #D7F2FF;
  }

  .broadcast-blue a {
    color: #0B1361;
  }

  .broadcast-red {
    background-color: #FFB3B3;
    border: 1px solid #610B0B;
    color: #610B0B;
    font-family: sans-serif;
    padding: 5px;
    text-align: center;
    margin: 5px;
    text-shadow: 0px -1px 0px #FFD7D7;
  }

  .broadcast-red a {
    color: #610B0B;
  }

  .broadcast-green {
    background-color: #C3FFB3;
    border: 1px solid #19610B;
    color: #19610B;
    font-family: sans-serif;
    padding: 5px;
    text-align: center;
    margin: 5px;
    text-shadow: 0px -1px 0px #D8FFD7;
  }

  .broadcast-green a {
    color: #19610B;
  }

  .chat-log {
    background: rgba(244, 244, 244, 0.8) url("http://i.imgur.com/uzV9pVx.png?1") top right no-repeat;
  }

  .chat-log-add {
    background: rgba(80, 233, 223, 0.5);
    border-top: 1px solid #40C0B7;
  }

  .chat.mine {
    background: rgba(0, 0, 0, 0);
  }

  .userlist {
    background: rgba(80, 233, 223, 0.5);
    color: #2A6965;
    border-right: 1px solid #40C0B7;
  }

  .userlist li em.group {
    color: #339891;
  }

  .userlist li {
    border-bottom-color: #40C0B7;
  }

  .userlist li button:hover {
    background: #40C0B7;
  }

  .chat.highlighted {
    background: #F2B688;
  }

  .chat small {
    color: #000;
  }

  .infobox {
    border-color: #2A6965;
    padding: 3px;
  }

  /****************
  * CHAT CSS ~end *
  ****************/

  /******************
  * TEAMBUILDER CSS *
  ******************/

  .team {
    background: url("http://i.imgur.com/by8QBAV.jpg?1");
    border: 2px solid #000;
    color: #000;
  }

  .team:hover {
    background: url("http://i.imgur.com/ZpayyGm.jpg?1");
    border: 2px solid #000;
    color: #000;
  }

  .teamchartbox {
    border-top: 1px solid #000;
    background: rgba(255, 255, 255, 0.8);
  }

  .setchart {
    background: #F09047;
    border-color: #000;
  }

  .setchart-nickname {
    background: #84DBDB;
    border-color: #000;
  }

  .setchart input, .setchart-nickname input, .setdetails, .setstats, .statform input.inputform {
    border-color: #000;
    box-shadow: none !important;
  }

  .setdetails .detailcell {
    border-left-color: #000;
  }

  .setchart label {
    color: #000;
    text-shadow: none;
  }

  .setchart-nickname label {
    color: #2A6965;
    text-shadow: none;
  }

  .setmenu button:hover {
    border-color: #000;
    background: #84DBDB;
  }

  .teambar button {
    background: #F09047;
    border-color: #000;
  }

  .teambar button:hover {
    background: #ECA46D;
    border-color: #000;
  }

  .teambar button:disabled, .teambar button:disabled:hover, .teambar button:disabled:active {
    background: #ECA46D !important;
    border-color: #000 !important;
  }

  .teambuilder-results h3, .teambuilder-results .utilichart h3 {
    background: #84DBDB;
    border-color: #000;
    text-shadow: none;
  }

  .teambuilder-results .firstresult a {
    border-color: #000;
    background: rgba(80, 233, 223, 0.3);
  }

  .teambuilder-results .firstresult a:hover, .teambuilder-results .result a:hover {
    border-color: #000;
    background: rgba(80, 233, 223, 0.45);
  }

  .utilichart .numcol, .utilichart .labelcol em, .utilichart .widelabelcol em, .utilichart .pplabelcol em, .utilichart .statcol em, .utilichart .bstcol em {
    color: #777;
  }

  .utilichart b {
    color: #0A5AF1;
  }

  .utilichart .typecol img {
    opacity: 0.85;
  }

  /***********************
  * TEAMBUILDER CSS ~end *
  ***********************/