diff options
Diffstat (limited to 'toolkit/components/microformats/test/static/css')
4 files changed, 711 insertions, 0 deletions
diff --git a/toolkit/components/microformats/test/static/css/mocha-custom.css b/toolkit/components/microformats/test/static/css/mocha-custom.css new file mode 100644 index 000000000..30f07756b --- /dev/null +++ b/toolkit/components/microformats/test/static/css/mocha-custom.css @@ -0,0 +1,9 @@ + +body { + font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; + padding: 60px 50px; +} + +h3.capitalize { + text-transform: capitalize; +}
\ No newline at end of file diff --git a/toolkit/components/microformats/test/static/css/mocha.css b/toolkit/components/microformats/test/static/css/mocha.css new file mode 100644 index 000000000..42b9798fa --- /dev/null +++ b/toolkit/components/microformats/test/static/css/mocha.css @@ -0,0 +1,270 @@ +@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; + } +} diff --git a/toolkit/components/microformats/test/static/css/prettify.css b/toolkit/components/microformats/test/static/css/prettify.css new file mode 100644 index 000000000..843e903e7 --- /dev/null +++ b/toolkit/components/microformats/test/static/css/prettify.css @@ -0,0 +1,65 @@ +/* Pretty printing styles. Used with prettify.js. */ + +.str { color: #85C5DC; } +.kwd { color: #EDF0D1; } +.com { color: #878989; } +.typ { color: #F5896F; } +.lit { color: #FFB17A; } +.pun { color: #FFFFFF; } +.pln { color: #FFFFFF; } +.tag { color: #F5896F; } +.atn { color: #F5896F; } +.atv { color: #85C5DC; } +.dec { color: #878989; } + +pre.prettyprint { + background-color:#302F2D; + border: none; + line-height: normal; + font-size: 100%; + border-radius: 6px 6px 6px 6px; + font-family: consolas,'andale mono','courier new',monospace; + padding-top: 12px; + overflow: hidden; +} + +code{ + font-size: 13px; + line-height: normal; +} + +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */ +li.L0, +li.L1, +li.L2, +li.L3, +li.L5, +li.L6, +li.L7, +li.L8 { list-style-type: none } +/* Alternate shading for lines */ +li.L1, +li.L3, +li.L5, +li.L7, +li.L9 { background: #eee } + +@media print { + .str { color: #060; } + .kwd { color: #006; font-weight: bold; } + .com { color: #600; font-style: italic; } + .typ { color: #404; font-weight: bold; } + .lit { color: #044; } + .pun { color: #440; } + .pln { color: #000; } + .tag { color: #006; font-weight: bold; } + .atn { color: #404; } + .atv { color: #060; } +} + + +/* correct additional line return at top of html diaplay*/ +code>:first-child{ + display: none; +}
\ No newline at end of file diff --git a/toolkit/components/microformats/test/static/css/testrunner.css b/toolkit/components/microformats/test/static/css/testrunner.css new file mode 100644 index 000000000..0064b139c --- /dev/null +++ b/toolkit/components/microformats/test/static/css/testrunner.css @@ -0,0 +1,367 @@ +/* +All content and code is released into the public domain +http://en.wikipedia.org/wiki/public_domain + +Contributors +Glenn Jones - http://glennjones.net/ +*/ + + + + +@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700); + +body { + padding:50px; + font:1em "Helvetica Neue", Helvetica, Arial, sans-serif; + color:#333; + font-weight:300; + border-top: 5px solid #302F2D; + margin: 0; +} + +h1, h2, h3, h4, h5, h6 { + color:#222; + font-weight: normal; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + margin-top: 50px; + margin-bottom: 10px; + font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +h1 { + font-size: 2em; +} + +h2, h3 { + font-size: 1.5em; +} + +/* the first h1 in a page */ +h1:first-of-type{ + margin-top: 0; + font-weight: bold; +} + +a { + color: #39c; + font-weight: 300; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a[name]{ + color: #333; +} + +a[name]:hover { + text-decoration: none; +} + +blockquote { + border-left: 1px solid #e5e5e5; + margin: 0; + padding: 0 0 0 20px; + font-style: italic; +} + +code, pre { + font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; + font-size: 12px; + margin: 0; +} + +pre { + padding: 8px 15px; + border-radius: 5px; + border: 1px solid #e5e5e5; + overflow-x: auto; + color: #fff; + margin: 0; +} + +table { + border-collapse: collapse; +} + +th, td { + text-align: left; + padding: 2px 10px; + border-bottom: 1px solid #e5e5e5; + font-weight: 300; +} + +th{ + background-color: #333; + color:#fff; +} + +td a{ + font-weight: 300; +} + +dt { + color:#444; + font-weight:700; +} + +img { + max-width:100%; +} + +li{ + padding: 0.25em 0 0.25em 0; +} + + +button, input[type="submit"], input[type="button"], .button { + display: inline-block; + padding-top: 0.4em; + padding-right: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + margin-bottom: 0; + font-weight: 200; + font-size: 1rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + border-radius: 3px; + background-color: #33a0e8; + color: #fff; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} + +select { + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +option { + padding: 2em; +} + +footer{ + margin-top: 8em; + text-align: center; +} + + +/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. + j.mp/bestclearfix */ +.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } +.clearfix:after { clear: both; } +/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ +.clearfix { zoom: 1; } + +.test-counts{ + font-weight: 700; + margin-bottom: 4em; +} + +.test-detail{ + display:none; +} + +.all-test-list, .test-result-list{ + list-style: none; + margin: 0; + padding: 0; + display: block; + float: left; +} + +.all-test-list li .test-result-list li{ + padding: 0.2em 0 0.2em 0; + white-space: nowrap; + cursor: pointer; +} + +.all-test-list li::hover, .test-result-list li::hover{ + text-decoration: underline; +} + +.all-test-list li.test-error a, .test-result-list li.test-error a{ + color: red; + text-decoration: underline; +} + +.flexbox-container { + display: -ms-flex; + display: -webkit-flex; + display: flex; +} + +.flexbox-container > section { + margin-bottom: 3em; +} + +.flexbox-container > section:first-child { + width: 20%; + margin-right: 20px; +} + +.flexbox-container > section:nth-child(2) { + padding-left: 1em; + width: 80%; +} + + +@media (max-width: 1400px) { + .flexbox-container > section:first-child { + width: 25%; + } + + .flexbox-container > section:nth-child(2) { + width: 75%; + } +} + +@media (max-width: 1200px) { + .flexbox-container > section:first-child { + width: 30%; + } + + .flexbox-container > section:nth-child(2) { + width: 70%; + } +} + + +@media (max-width: 1000px) { + .flexbox-container > section:first-child { + width: 35%; + } + + .flexbox-container > section:nth-child(2) { + width: 65%; + } +} + + + + + + +#test-status { + margin-top: 0; +} + +.test-passed{ + border-left: 10px solid green; +} + +.test-failed{ + border-left: 10px solid red; +} + +.differences-description{ + margin-top: 2em; +} + +.differences-description li{ + padding: 0; +} + +.failed{ + color: red; +} + +#test-list-by-version section{ + width: 30%; + margin-right: 20px; +} + +.test-container{ + padding-left: 1em; +} + + +#textcontent-test textarea{ + font-size: 1em; + min-height: 6em; + min-width: 40em; + padding: 0.5em; +} + +#textcontent-test input{ + font-size: 1em; +} + + +/* Tool interface */ + +.tool-interface input[type="text"], input[type="url"] { + width: 20em; + padding: 0.4em; + border: 1px solid #999; + border-radius: 0.4em; + color: #333; + font-size: 1em +} + +.tool-interface label { + display: inline-block; + width: 5em; +} + +.tool-interface select { + padding: 0.2em; + font-family: open_sansregular, calibri, arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif; +} + +.tool-interface option{ + padding: 0.2em; +} + +.tool-interface textarea{ + width: 100%; + height: 16em; + border: 1px solid #999; + border-radius: 0.4em; + font-size: 1em; + font-family: open_sansregular, calibri, arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif; +} + +.tool-interface .button{ + margin-left: 5.2em; +} + +.tool-interface label.checkbox-label{ + width: auto; +} + +.tool-interface .checkbox{ + margin-left: 5.2em; +} + +select.indent { + margin-left: 5em; +} |