mainBody, body {
background: #F2F2F2
}
.sidenav, .testDetail {
border-right: 1px solid #f5f5f5
}
body {
font-family: 'Open Sans', sans-serif; height: 100%
}
holder {
min-height: 100%; position: relative
}
mainBody {
padding-bottom: 100px
}
.navbar-default .navbar-collapse, .navbar-header {
background-color: #45555D
}
.container-fluid {
background-color: #fff
}
.navbar-default .navbar-brand, .navbar-default .navbar-text, .slideSide, .slideSide:active, .slideSide:focus, .slideSide:hover {
color: #fff
}
.material-icons {
font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; vertical-align: middle
}
.material-icons.md-14 {
font-size: 14px
}
.material-icons.md-18 {
font-size: 18px
}
.material-icons.md-24 {
font-size: 24px
}
.material-icons.md-36 {
font-size: 36px
}
.material-icons.md-48 {
font-size: 48px
}
menuHeader:after {
width: 0; border-bottom: 4px solid silver; -webkit-animation: transit 3s forwards; -webkit-animation-direction: right; animation: transit 2s forwards; animation-direction: right
}
@-webkit-keyframes transit {
0% { width: 0 } 100% { width: 100% }
}
@keyframes transit {
0% { width: 0 } 100% { width: 100% }
}
.footer {
text-align: center; bottom: 0; padding: 10px; left: 0; position: absolute; right: 0
}
.fixedFooter {
opacity: 0.2; font-size: 12px; color: silver
}
.mainFooter {
font-size: 15px; color: #111
}
.suitDetails {
padding-top: 8px; color: #111; font-size: 12px; text-align: left
}
.testContainer {
box-shadow: 10px 10px 5px #888
}
.suitTitle {
font-weight: 700; font-size: 20px
}
.testDetail {
border-left: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; background: #fff
}
.testDetail:first-child {
border-top: 1px solid #f5f5f5
}
.testBoundary {
border-left: 5px solid #fff; padding: 15px 0
}
.testBoundary:hover {
border-left: 5px solid silver
}
.errorBoundary, .errorBoundary:hover {
border-left: 5px solid red
}
.warningBoundary, .warningBoundary:hover {
border-left: 5px solid orange
}
.alignRight {
text-align: right
}
.alignLeft {
text-align: left
}
.suitContainer {
margin-top: 40px
}
.exceptionDiv {
padding-top: 10px; padding-left: 27px; color: red; font-size: 13px
}
.well {
margin-bottom: 1px; background-color: gray; color: #fafad2; font-size: 13px; font-family: consolas; border-radius: 0
}
.goTop, .goTop:hover {
color: #fff; text-decoration: none
}
.errorInfo div {
border-bottom: 1px solid #8C8C8C; padding: 4px 0
}
.errorInfo div:last-child {
border-bottom: none
}
.goTop {
position: fixed; bottom: 50px; right: .5em; background-color: rgba(0, 0, 0, .25); font-size: 12px; padding: 10px; display: none; margin: 0
}
.goTop:hover {
background-color: rgba(0, 0, 0, .6)
}
.sidenav {
height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; padding-top: 25px; transition: .5s
}
.bottomBorder {
border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; padding-bottom: 10px
}
.sideNavHeading {
overflow: hidden; font-size: 20px
}
.sideNavSubHeading {
color: silver; font-size: 12px; text-align: left; font-weight: lighter
}
.navSettingsText, .navSuits {
color: #a9a9a9; font-size: 13px; padding: 8px 0
}
.anchorDiv {
cursor: pointer; cursor: hand
}
.navSettings {
background: #f5f5f5
}
.navSettings:nth-child(even) {
background-color: #fff
}
.navSuits {
display: block; transition: .3s; text-decoration: none
}
.navSuits:hover {
color: red
}
@media screen and (max-height:450px) {
.sidenav { padding-top: 15px } .sidenav a { font-size: 18px }
}