Sig's Theme

html {
min-height: 100%;
}
body {
height: 100%;
background: 0;
}
a {
color: #333;
}
a:hover {
color: #555;
}
/* Navigation */

.themeHeader,
.mainUserHeader {
background: 0;
background-color: #292b2c;
}
.themeHeader a {
color: #FFF;
}
.themeHeader a:hover,
.themeHeader a:focus {
color: #EEE;
}
.themeHeader .title {
padding: 25px;
}
.themeHeader .title h1 a {
text-transform: uppercase;
}
.themeHeader .navigation {
padding: 22px 20px;
height: 0;
}
.themeHeader #tstats {
padding-top: 10px;
}
.themeHeader #tstats .mainUserInfoBox tbody tr td {
color: #EEE;
}
.subTitle {
display: none;
}
/* Player Info */

.playerInfoPopup {
background: #292b2c;
color: #FFF;
border-color: #222;
}
.playerInfoPopup a {
color: #EEE;
}
.playerInfoPopup a:hover,
.playerInfoPopup a:focus {
color: #FFF;
}
/* Content */

.main,
.themeContent {
background: 0;
background-color: #FFF;
0 auto;
}
.nonHideableWords {
letter-spacing: 0.25px;
word-spacing: 2px;
20px !important;
/* Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !important;*/
/* Bookman !important;*/
}
.friendsTable .headerRow {
14px;
text-transform: capitalize;
font-style: normal !important;
}
.friendsTable tr:hover,
.friendsTable tr:focus {
background-color: #E9E9E9;
}
.friendsTable .headerRow:hover,
.friendsTable .headerRow:focus {
background-color: #F9F9F9;
}
.gwt-TabBar .gwt-TabBarItem {
color: #333;
}

/* Ted Race Animations */
.scoreboard .row .progressBar {
border: none;
0;
0;
-400px;
height: 4px;
border-radius: 1px;
transition: all 2s linear;
background-clip: content-box, padding-box;
position: relative;
}
.scoreboard tr:nth-child(5n+1) .row .progressBar {
background-image: linear-gradient(to bottom, #292723 0%, #292723 100%), linear-gradient(to bottom, #292723 0%, #292723 100%);
}
.scoreboard tr:nth-child(5n+2) .row .progressBar {
background-image: linear-gradient(to bottom, #292723 0%, #292723 100%), linear-gradient(to bottom, #292723 0%, #292723 100%);
}
.scoreboard tr:nth-child(5n+3) .row .progressBar {
background-image: linear-gradient(to bottom, #292723 0%, #292723 100%), linear-gradient(to bottom, #292723 0%, #292723 100%);
}
.scoreboard tr:nth-child(5n+4) .row .progressBar {
background-image: linear-gradient(to bottom, #292723 0%, #292723 100%), linear-gradient(to bottom, #292723 0%, #292723 100%);
}
.scoreboard tr:nth-child(5n+5) .row .progressBar {
background-image: linear-gradient(to bottom, #292723 0%, #292723 100%), linear-gradient(to bottom, #292723 0%, #292723 100%);
}
.avatar {
position: absolute;
left: 0;
top: -20px;
}
.scoreboard .row .progressBar .avatar .nameContainer {
width: 400px;
text-align: left;
}
.nameContainer + img {
display: none;
}
.lblName {
white-space: normal !important;
display: inline;
}
.scoreboard .row .rankPanel {
z-index: 1;
}
.scoreboard > tbody > tr > td > table > tbody > tr > td {
overflow: hidden;
}
.scoreboard .row .rankPanel .rankPanelWpm-self {
120%;
}
.mainViewport .room .gameView {
transition: all 2s linear;
}
input:focus {
outline: none;
}
.gameStatusLabel, .arrowPopupText {
color: #047AC6 !important;
opacity: 1;
transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
}
.gameStatusLabel-flashOn, .arrowPopupText-flashOn {
opacity: 0.66;
transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
}
.txtInput {
background: none !important;
border: none !important;
border-bottom: 2px solid #047AC6 !important;
transition: all 0.2s ease;
22px !important;
color: #999999 !important;
}
.txtInput-error {
background: none !important;
border-bottom: 2px solid red !important;
transition: all 0.2s ease;
}
[style="text-decoration: underline; color: rgb(153, 204, 0);"], [style="color: rgb(153, 204, 0);"] {
color: #047AC6 !important;
text-decoration: none !important;
}

/* Footer */

.footer {
background: 0;
background-color: #292b2c;
color: #EEE;
}
.chrome_l,
.chrome_m,
.chrome_r,
.chrome_t,
.chrome_tr,
.chrome_tl,
.chrome_b,
.chrome_bl,
.chrome_br {
background: 0;
}
.popupContent {
background: #292b2c;
}
/* DARK THEME */

body {
background: #111 !important;
color: #999;
}
a {
color: #888;
}
a:hover,
a:focus {
color: #777;
}
.mainViewport,
.main,
.themeContent,
.statsView table {
background-color: #111;
color: #999;
}
.friendsTable tr:hover,
.friendsTable tr:focus {
background-color: #222;
}
.friendsTable .headerRow:hover,
.friendsTable .headerRow:focus {
background-color: #111;
}
.popupContent {
background: #111;
}
.gwt-TabBar .gwt-TabBarItem {
color: #888;
}
.gwt-TabBar .gwt-TabBarItem:hover,
.gwt-TabBar .gwt-TabBarItem:focus {
color: #777;
}