Manuel Araoz
11 years ago
3 changed files with 2 additions and 6063 deletions
@ -1,270 +0,0 @@ |
|||||
@charset "utf-8"; |
|
||||
|
|
||||
body { |
|
||||
margin:0; |
|
||||
} |
|
||||
|
|
||||
#mocha { |
|
||||
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
||||
margin: 60px 50px; |
|
||||
} |
|
||||
|
|
||||
#mocha ul, |
|
||||
#mocha li { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
#mocha ul { |
|
||||
list-style: none; |
|
||||
} |
|
||||
|
|
||||
#mocha h1, |
|
||||
#mocha h2 { |
|
||||
margin: 0; |
|
||||
} |
|
||||
|
|
||||
#mocha h1 { |
|
||||
margin-top: 15px; |
|
||||
font-size: 1em; |
|
||||
font-weight: 200; |
|
||||
} |
|
||||
|
|
||||
#mocha h1 a { |
|
||||
text-decoration: none; |
|
||||
color: inherit; |
|
||||
} |
|
||||
|
|
||||
#mocha h1 a:hover { |
|
||||
text-decoration: underline; |
|
||||
} |
|
||||
|
|
||||
#mocha .suite .suite h1 { |
|
||||
margin-top: 0; |
|
||||
font-size: .8em; |
|
||||
} |
|
||||
|
|
||||
#mocha .hidden { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
#mocha h2 { |
|
||||
font-size: 12px; |
|
||||
font-weight: normal; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
#mocha .suite { |
|
||||
margin-left: 15px; |
|
||||
} |
|
||||
|
|
||||
#mocha .test { |
|
||||
margin-left: 15px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pending:hover h2::after { |
|
||||
content: '(pending)'; |
|
||||
font-family: arial, sans-serif; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pass.medium .duration { |
|
||||
background: #c09853; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pass.slow .duration { |
|
||||
background: #b94a48; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pass::before { |
|
||||
content: '✓'; |
|
||||
font-size: 12px; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
margin-right: 5px; |
|
||||
color: #00d6b2; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pass .duration { |
|
||||
font-size: 9px; |
|
||||
margin-left: 5px; |
|
||||
padding: 2px 5px; |
|
||||
color: #fff; |
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); |
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2); |
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.2); |
|
||||
-webkit-border-radius: 5px; |
|
||||
-moz-border-radius: 5px; |
|
||||
-ms-border-radius: 5px; |
|
||||
-o-border-radius: 5px; |
|
||||
border-radius: 5px; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pass.fast .duration { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pending { |
|
||||
color: #0b97c4; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.pending::before { |
|
||||
content: '◦'; |
|
||||
color: #0b97c4; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.fail { |
|
||||
color: #c00; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.fail pre { |
|
||||
color: black; |
|
||||
} |
|
||||
|
|
||||
#mocha .test.fail::before { |
|
||||
content: '✖'; |
|
||||
font-size: 12px; |
|
||||
display: block; |
|
||||
float: left; |
|
||||
margin-right: 5px; |
|
||||
color: #c00; |
|
||||
} |
|
||||
|
|
||||
#mocha .test pre.error { |
|
||||
color: #c00; |
|
||||
max-height: 300px; |
|
||||
overflow: auto; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* (1): approximate for browsers not supporting calc |
|
||||
* (2): 42 = 2*15 + 2*10 + 2*1 (padding + margin + border) |
|
||||
* ^^ seriously |
|
||||
*/ |
|
||||
#mocha .test pre { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
clear: left; |
|
||||
font: 12px/1.5 monaco, monospace; |
|
||||
margin: 5px; |
|
||||
padding: 15px; |
|
||||
border: 1px solid #eee; |
|
||||
max-width: 85%; /*(1)*/ |
|
||||
max-width: calc(100% - 42px); /*(2)*/ |
|
||||
word-wrap: break-word; |
|
||||
border-bottom-color: #ddd; |
|
||||
-webkit-border-radius: 3px; |
|
||||
-webkit-box-shadow: 0 1px 3px #eee; |
|
||||
-moz-border-radius: 3px; |
|
||||
-moz-box-shadow: 0 1px 3px #eee; |
|
||||
border-radius: 3px; |
|
||||
} |
|
||||
|
|
||||
#mocha .test h2 { |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
#mocha .test a.replay { |
|
||||
position: absolute; |
|
||||
top: 3px; |
|
||||
right: 0; |
|
||||
text-decoration: none; |
|
||||
vertical-align: middle; |
|
||||
display: block; |
|
||||
width: 15px; |
|
||||
height: 15px; |
|
||||
line-height: 15px; |
|
||||
text-align: center; |
|
||||
background: #eee; |
|
||||
font-size: 15px; |
|
||||
-moz-border-radius: 15px; |
|
||||
border-radius: 15px; |
|
||||
-webkit-transition: opacity 200ms; |
|
||||
-moz-transition: opacity 200ms; |
|
||||
transition: opacity 200ms; |
|
||||
opacity: 0.3; |
|
||||
color: #888; |
|
||||
} |
|
||||
|
|
||||
#mocha .test:hover a.replay { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
#mocha-report.pass .test.fail { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
#mocha-report.fail .test.pass { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
#mocha-report.pending .test.pass, |
|
||||
#mocha-report.pending .test.fail { |
|
||||
display: none; |
|
||||
} |
|
||||
#mocha-report.pending .test.pass.pending { |
|
||||
display: block; |
|
||||
} |
|
||||
|
|
||||
#mocha-error { |
|
||||
color: #c00; |
|
||||
font-size: 1.5em; |
|
||||
font-weight: 100; |
|
||||
letter-spacing: 1px; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats { |
|
||||
position: fixed; |
|
||||
top: 15px; |
|
||||
right: 10px; |
|
||||
font-size: 12px; |
|
||||
margin: 0; |
|
||||
color: #888; |
|
||||
z-index: 1; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats .progress { |
|
||||
float: right; |
|
||||
padding-top: 0; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats em { |
|
||||
color: black; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats a { |
|
||||
text-decoration: none; |
|
||||
color: inherit; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats a:hover { |
|
||||
border-bottom: 1px solid #eee; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats li { |
|
||||
display: inline-block; |
|
||||
margin: 0 5px; |
|
||||
list-style: none; |
|
||||
padding-top: 11px; |
|
||||
} |
|
||||
|
|
||||
#mocha-stats canvas { |
|
||||
width: 40px; |
|
||||
height: 40px; |
|
||||
} |
|
||||
|
|
||||
#mocha code .comment { color: #ddd; } |
|
||||
#mocha code .init { color: #2f6fad; } |
|
||||
#mocha code .string { color: #5890ad; } |
|
||||
#mocha code .keyword { color: #8a6343; } |
|
||||
#mocha code .number { color: #2f6fad; } |
|
||||
|
|
||||
@media screen and (max-device-width: 480px) { |
|
||||
#mocha { |
|
||||
margin: 60px 0px; |
|
||||
} |
|
||||
|
|
||||
#mocha #stats { |
|
||||
position: absolute; |
|
||||
} |
|
||||
} |
|
File diff suppressed because it is too large
Loading…
Reference in new issue