#master { .affroy_signup_form { margin-bottom: 0; td label { margin: 0; } } #wafp-dash-wrapper { color: $color__text; .clippy { display: none; } } #wafp-stats-graph { margin-bottom: 2em; } .wafp-stats-table { border-width: 2px; border-left-width: 0; border-right-width: 0; border-bottom-width: 0; border-color: $color__border; th { background-color: $color__lightest-gray; color: $color__text !important; text-align: left !important; } thead th { @include rem('font-size',$font__tiny-size); } th, td { border-color: $color__border; padding: 20px 5px !important; border-width: 2px; border-left-width: 0; border-right-width: 0; } } ul.wafp-nav-bar { display: table; width: 100%; margin-bottom: 2em; border-bottom: 2px solid $color__border; > li { display: table-cell; text-align: center; &.wafp-nav-active { border: 2px solid $color__border; border-bottom-width: 0; position: relative; &:after { content: " "; position: absolute; bottom: -2px; height: 2px; background-color: $color__background-body; left: 0; right: 0; } } a { padding: 1em 0.5em; text-align: center; display: inline-block; font-weight: normal; } } } ul.wafp-link-list { padding: 0; > li { margin-bottom: 3em; padding-bottom: 3em; border-bottom: 2px solid $color__border; > div { margin-bottom: 0.7em; } > *:last-child { margin-bottom: 0; } &:first-child { padding-top: 3em; border-top: 2px solid $color__border; } &:last-child { border-bottom-width: 0; } } } } @media screen and (max-width: 700px) { #master ul.wafp-nav-bar { display: block; width: 100%; li { display: block; text-align: center; border-top: 2px solid $color__border; border-right: 2px solid $color__border; &.wafp-nav-active { border-top: 2px solid $color__border; border-right-width: 0; border-left-width: 0; border-bottom-width: 0; &:after { content: ""; display: none; } } a { display: block; text-decoration: none; } } } } @media screen and (max-width: 600px) { #master .wafp-stats-table { tr:nth-child(2n) { background-color: $color__lightest-gray; } th { } thead th { @include rem('font-size',$font__medium-size); } th, td { display: block; text-align: center !important; width: 100%; min-height: $table__cell-height; border-top-width: 0; } } }