classic hot pink patch by ww2beta

/* ==UserStyle==
@name           typeracer hot pink and black
@namespace      USO Archive
@author         foggyy
@description    `ya`
@version        20200515.13.21
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://play.typeracer.com/"), url-prefix("https://data.typeracer.com/") {
.nonHideableWords,
.inputPanel span {

    letter-spacing: 0.02px;
    font-size: 22px
}




h1,
h2,
h3 .gameView .gameStatusLabel,
.textInfoView .textInfoHeader,
.textInfoView .textInfoOwnStats,
.textInfoView .textInfoTitle a,
.textInfoView .textInfoOwnStatsNumber,
.tblOwnStatsNumber .datetime,
.tblOwnStatsNumber,
.textInfoView,
.tblOwnStats,
.gwt-InlineLabel,
.gwt-Anchor,
.rankPanelWpm.rankPanelWpm-self,
.themeContent,
.main,
.mainviewportholder,
.mainViewport,
.highScoresView,
.gwt-TabBar,
.gwt-TabPanel,
.navigation {
    background-color: black !important;
    color: #ff00aa !important;
}
    
    html {
    height: 100%;
    background-color: black;
}
    
    body{
    overflow-x: hidden;
    }


.chrome_l,
.chrome_m,
.chrome_r,
.chrome_t,
.chrome_tr,
.chrome_tl,
.chrome_b,
.chrome_bl,
.chrome_br {
    background: none
}

td.title {
    background-color: black !important;
    padding: 25px
}

.main {
    background-color: black !important;
    background: none;
}

#tstats {
    background-color: black !important;
    color: #ff00aa !important;
}

td {
    background-color: black !important;
}

.footer {
    background: none;
    background-color: black !important;
    color: #ff00aa !important;
}

.footer a {
    color: #ff00aa !important;
}


.navigation a {
    color: #ff00aa
}


.title a {
    color: #ff00aa !important;
}


#tstats .userNameLabel {
    color: #ff00aa !important;
}



#tstats .datarow td {
    color: #eaff00 !important;
}


.DialogBox,
.dialogContent {
    background-color: black !important;
    color: #ff00aa !important;
}

.popupContent {

    overflow: auto;
}

.PlayerInfoPopup .dialogContent {



    overflow: auto;
}

.PlayerInfoPopup .lblAccountType a {
    color: yellow !important
}


.PlayerInfoPopup .pitLink {
    color: yellow !important;
}
.gwt-HTML {
    color: yellow !important;
}


.gwt-Anchor {
    color: yellow !important;
}

.gwt-TabBar,
.gwt-TabBarItem {
    color: yellow !important;
}

.hyuSQleP {
    color: black !important;
}

.gameView .inputPanel .txtInput-error {
    color: black !important;
    background-color: #d08383 !important
}
.gameView .inputPanel .txtInput {
    color: #ff00aa
}

.mainMenuItem a {
    color: #ff00aa !important;
}

.gwt-MenuBar {
    background-color: black !important;
}

.gwt-DisclosurePanel .header {
    color: #ff00aa
}

.tblOwnStatsNumber {
    color: yellow !important;
}

.gameView .raceAgainLink {
    color: #ff00aa !important;
}

.textInfoView .textInfoContributor a {
    color: #ff00aa !important;
}

.ScoreMenuButton a {
    color: #ff00aa !important;
}

p {

    display: none
}

table.scoresTable td,
table.scoresTable a {
    color: #ff00aa !important;
}

table.scoresTable td:first-child,
table.scoresTable th:first-child,
table.scoresTable th {
    background-color: black !important;
}

.fullTextStr {
    background-color: black !important;
}
    
    
    /* sidebar tabs */

    .sidebarBlocks iframe {
    width: 100%;
    min-height: 600px;
    background-color: #000000;
    padding: 0.5em;
    border: 2px solid #a50063;
    box-sizing: border-box;
}
    
    
    
    ::-webkit-scrollbar {
  width: 8px;
}


::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fff;
}

::-webkit-scrollbar-thumb {
  background: #a50063;
}
    
    .sidebarBlocks-controls .sidebarBlocks-prev, .sidebarBlocks-controls .sidebarBlocks-next {
    display: flex;
    padding: 4px 7px;
    flex: 0 0 20px;
    height: 20px;
    background: #ff009a;
    cursor: pointer;
    color: #FFF;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    transition: opacity 0.1s;
}
    
    .sidebarBlock__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 80px;
    padding-top: 0.5em;
    padding-bottom: 0;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border: 1px solid #a50063;
    border-radius: 5px 5px 0 0;
    background: #000000;
    position: relative;
}
    
        .sidebarBlock__content:hover {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 80px;
    padding-top: 0.5em;
    padding-bottom: 0;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border: 1px solid #a50063;
    border-radius: 5px 5px 0 0;
    background: #363636 !important;
    position: relative;
}
    
    
    .sidebarBlock__subtext {
    display: flex;
    flex: 0 0 2em;
    font-size: 0.9em;
    justify-content: flex-start;
    align-items: center;
    background: #a50063;
    color: #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-family: 'Lato', sans-serif;
}
    
    .sidebarBlock__title {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #ffff00;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 1em;
    text-decoration: none;
    padding-bottom: 0.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    
.sidebarBlock+.sidebarBlock:hover .sidebarBlock__content{
    background-color: #363636 !important;
}

.sidebarBlock.dictionary.show:hover .sidebarBlock__content {
    background-color: #363636 !important;
}
    
    body {
    background: #000000 url(bg.cache.png) repeat-x scroll 0 0;
    color: #466;
    font: normal 80% "Lucida Sans Unicode",sans-serif;
    margin: 0;
}
    
    
    /* speed throughout race graph */
    
    [style*="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"] {
  filter: invert(.9) hue-rotate(270deg) saturate(500%) contrast(200%) sepia(30%) hue-rotate(370deg) grayscale(20%);
}

[fill="#3366cc"]{
filter: contrast(6);
}

    
    /* popup overflow fix */
    .popupContent {
    overflow: auto;
        overflow-x: hidden;
}
    
    
    
}