| |
| html { |
| margin: 0 8px; |
| } |
| |
| body { |
| margin: 0; |
| } |
| |
| html.done { |
| border: 2px solid #32cd32; |
| margin: 3px; |
| padding: 3px; |
| } |
| |
| html:not(.done) { |
| height: 100%; |
| } |
| |
| html:not(.done) body { |
| height: 100%; |
| } |
| |
| html:not(.done) #wrapper { |
| height: 100%; |
| margin-top: -1.5em; |
| padding-top: 1.5em; |
| -moz-box-sizing: border-box; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| section { |
| display: block; |
| border: thin solid black; |
| padding: 0.5em 0; |
| } |
| |
| section h1 { |
| margin: 0; |
| font-size: 1em; |
| } |
| |
| html.done section h1 { |
| text-align: center; |
| } |
| |
| section ol { |
| padding: 0; |
| margin: 0; |
| list-style-position: inside; |
| } |
| |
| html.done section ol { |
| -moz-column-count: 3; |
| -webkit-column-count: 3; |
| column-count: 3; |
| } |
| |
| section li { |
| padding: 0.1em 0.5em; |
| } |
| |
| section li.pass:nth-child(odd) { |
| background: #e5ffe5; |
| } |
| section li.pass:nth-child(even) { |
| background: #def8de; |
| } |
| |
| section li.fail:nth-child(odd) { |
| background: #ffe5e5; |
| } |
| |
| section li.fail:nth-child(even) { |
| background: #f8dede; |
| } |
| |
| section p { |
| margin: 0; |
| } |
| |
| html:not(.done) section { |
| border-top: none; |
| } |
| |
| html.done section + section { |
| border-top: none; |
| } |
| |
| #manualUI { |
| position: fixed; |
| z-index: 2000; |
| top: -20px; |
| left: 0; |
| right: 0; |
| display: block; |
| padding: 40px; |
| background: rgba(255, 200, 0, 0.5); |
| } |
| |
| #current_test { |
| visibility: hidden; |
| } |
| |
| #current_test a { |
| display: inline-block; |
| margin-left: 1em; |
| } |
| |
| #current_test .match { |
| background-color: #BDF1FF; |
| } |
| |
| #manualUI .panel { |
| max-width: 800px; |
| margin: auto; |
| box-shadow: 2px 2px 10px #666; |
| } |
| |
| body > p { |
| text-align: center; |
| } |
| |
| body > p > textarea { |
| width: 90%; |
| height: 20em; |
| } |
| |
| body { |
| padding-top: 70px; |
| } |
| |
| .container { |
| max-width: 800px; |
| } |
| |
| .navbar-brand > img { |
| display: inline; |
| } |
| |
| .navbar-inverse .navbar-brand { |
| color: #fff; |
| } |
| |
| .form-group { |
| clear:both; |
| } |
| |
| .horizontal-form .form-group { |
| padding: 6px; |
| } |
| |
| header.navbar-inverse { |
| background: linear-gradient(to bottom, rgb(7, 62, 128) 0px, rgb(0, 45, 80) 100%); |
| } |
| |
| ul.error, ul.warning { |
| padding: 0; |
| } |
| |
| td.PASS { |
| color: #48cfad; |
| } |
| |
| td.FAIL { |
| color: #ed5565; |
| } |
| |
| td.TIMEOUT { |
| color: #f6bb42; |
| } |
| |
| td.NOTRUN { |
| color: #00c; |
| } |
| |
| td.ERROR { |
| color: #da4453; |
| font-weight: bold; |
| } |
| .stopped { |
| background-image: linear-gradient(to bottom, #fc0000 0, #770000 100%); |
| } |
| |
| .col-sm-9 label { |
| margin-right: 20px; |
| } |
| |
| .instructions { |
| padding-left: 8px; |
| padding-right: 8px; |
| } |
| |
| @keyframes alert_updating { |
| from { |
| background-color: inherit; |
| } |
| to { |
| background-color: #f6bb42; |
| } |
| } |
| |
| .loading-manifest { |
| background-image: none; |
| color: #333; |
| animation-duration: 1.5s; |
| animation-name: alert_updating; |
| animation-iteration-count: infinite; |
| animation-direction: alternate; |
| } |
| |
| .reftestWarn { |
| color: yellow; |
| background: black; |
| padding: 8px; |
| } |