zuul/frameworks/zuul.css

simple browser testing

@import 'hljs-monokai.css';

* {
}

html, body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
    width: 100%;
}

.heading {
    font-size: 2em;
    padding: 5px;
    color: #222;
    font-weight: 300;
}

.heading .status {
    float: right;
}

.sub-heading {
    background-color: #fafafa;
    padding: 3px;
    color: #333;
    padding: 3px;
    text-align: right;
    font-size: 0.75em;
}

.tab.hidden {
    display: none;
}

#tab-selector a {
    float: left;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background-color: #fafafa;
    color: black;
    height: 30px;
    line-height: 30px;
}

#tab-selector a.selected {
    background-color: #e1e1e1;
}

#zuul, .tabs, .tab {
    height: 100%;
    width: 100%;
}

.tab iframe {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.test {
    padding: 5px;
    color: white;
    border-bottom: 1px solid white;
}

.pending,
.skipped {
    background-color: orange;
}

.passed {
    background-color: rgb(126, 206, 126);
}

.failed {
    background-color: rgb(240, 0, 0);
}

.test h1 {
    margin: 0;
    font-size: 1.25em;
    font-weight: 300;
}

.test.passed,
.test.skipped {
    display: inline-block;
    font-size: 0.75em;
    border: 1px solid white;
}

.stack-trace span {
    color       : white;
    line-height : 22px;
    font-family : monospace;
    font-size   : 17px;
    margin      : 2px;
    padding     : 0;
}

.stack-trace .trace {
    cursor      : pointer;
}

.stack-trace .trace-copy {
    display     : none;
    line-height : 22px;
    font-family : monospace;
    font-size   : 17px;
}