runner.css (2907B)
1 html { 2 margin: 0 8px; 3 } 4 5 body { 6 margin: 0; 7 } 8 9 html.done { 10 border: 2px solid #32cd32; 11 margin: 3px; 12 padding: 3px; 13 } 14 15 html:not(.done) { 16 height: 100%; 17 } 18 19 html:not(.done) body { 20 height: 100%; 21 } 22 23 html:not(.done) #wrapper { 24 height: 100%; 25 margin-top: -1.5em; 26 padding-top: 1.5em; 27 -moz-box-sizing: border-box; 28 -webkit-box-sizing: border-box; 29 box-sizing: border-box; 30 } 31 32 section { 33 display: block; 34 border: thin solid black; 35 padding: 0.5em 0; 36 } 37 38 section h1 { 39 margin: 0; 40 font-size: 1em; 41 } 42 43 html.done section h1 { 44 text-align: center; 45 } 46 47 section ol { 48 padding: 0; 49 margin: 0; 50 list-style-position: inside; 51 } 52 53 html.done section ol { 54 -webkit-column-count: 3; 55 column-count: 3; 56 } 57 58 section li { 59 padding: 0.1em 0.5em; 60 } 61 62 section li.pass:nth-child(odd) { 63 background: #e5ffe5; 64 } 65 section li.pass:nth-child(even) { 66 background: #def8de; 67 } 68 69 section li.fail:nth-child(odd) { 70 background: #ffe5e5; 71 } 72 73 section li.fail:nth-child(even) { 74 background: #f8dede; 75 } 76 77 section p { 78 margin: 0; 79 } 80 81 html:not(.done) section { 82 border-top: none; 83 } 84 85 html.done section + section { 86 border-top: none; 87 } 88 89 #manualUI { 90 position: fixed; 91 z-index: 2000; 92 top: -20px; 93 left: 0; 94 right: 0; 95 display: block; 96 padding: 40px; 97 background: rgba(255, 200, 0, 0.5); 98 } 99 100 #current_test { 101 visibility: hidden; 102 } 103 104 #current_test a { 105 display: inline-block; 106 margin-left: 1em; 107 } 108 109 #current_test .match { 110 background-color: #BDF1FF; 111 } 112 113 #manualUI .panel { 114 max-width: 800px; 115 margin: auto; 116 box-shadow: 2px 2px 10px #666; 117 } 118 119 body > p { 120 text-align: center; 121 } 122 123 body > p > textarea { 124 width: 90%; 125 height: 20em; 126 } 127 128 body { 129 padding-top: 70px; 130 } 131 132 .container { 133 max-width: 800px; 134 } 135 136 .navbar-brand > img { 137 display: inline; 138 } 139 140 .navbar-inverse .navbar-brand { 141 color: #fff; 142 } 143 144 .form-group { 145 clear:both; 146 } 147 148 .horizontal-form .form-group { 149 padding: 6px; 150 } 151 152 header.navbar-inverse { 153 background: linear-gradient(to bottom, rgb(7, 62, 128) 0px, rgb(0, 45, 80) 100%); 154 } 155 156 ul.error, ul.warning { 157 padding: 0; 158 } 159 160 td.PASS { 161 color: #48cfad; 162 } 163 164 td.FAIL { 165 color: #ed5565; 166 } 167 168 td.TIMEOUT { 169 color: #f6bb42; 170 } 171 172 td.NOTRUN { 173 color: #00c; 174 } 175 176 td.ERROR { 177 color: #da4453; 178 font-weight: bold; 179 } 180 .stopped { 181 background-image: linear-gradient(to bottom, #fc0000 0, #770000 100%); 182 } 183 184 .col-sm-9 label { 185 margin-right: 20px; 186 } 187 188 .instructions { 189 padding-left: 8px; 190 padding-right: 8px; 191 } 192 193 @keyframes alert_updating { 194 from { 195 background-color: inherit; 196 } 197 to { 198 background-color: #f6bb42; 199 } 200 } 201 202 .loading-manifest { 203 background-image: none; 204 color: #333; 205 animation-duration: 1.5s; 206 animation-name: alert_updating; 207 animation-iteration-count: infinite; 208 animation-direction: alternate; 209 } 210 211 .reftestWarn { 212 color: yellow; 213 background: black; 214 padding: 8px; 215 }