Websites/test-results/public/main.css

   1 #testName {
   2     width: 99%;
   3     font-size: 1em;
   4     outline: none;
   5     border: 1px solid #ccc;
   6     border-radius: 5px;
   7     padding: 5px;
   8 }
   9
  10 .actionBar {
  11
  12 }
  13
  14 .testResults {
  15     border: 1px solid #ccc;
  16     border-radius: 5px;
  17     padding: 5px;
  18     margin: 1em 0px;
  19     position: relative;
  20 }
  21
  22 #buildersView {
  23     border: 1px solid #ccc;
  24     border-radius: 5px;
  25     padding: 5px;
  26     margin: 2em 0 1em 0;
  27 }
  28
  29 #buildersView .testResults {
  30     border: none;
  31     margin: 1em 0 0 0;
  32     padding: 0;
  33 }
  34
  35 .closeButton {
  36     position: absolute;
  37     right: 5px;
  38     top: 5px;
  39     width: 1em;
  40     height: 1em;
  41     stroke: #999;
  42 }
  43
  44 .resultsTable {
  45     font-size: small;
  46     border-collapse: collapse;
  47     border: 0px solid #fff;
  48     padding: 0;
  49     margin: 0;
  50 }
  51
  52 .resultsTable caption {
  53     font-size: large;
  54     font-weight: normal;
  55     text-align: left;
  56     margin-bottom: 0.3em;
  57     white-space: pre;
  58 }
  59
  60 .resultsTable thead th {
  61     font-weight: bold;
  62 }
  63
  64 .resultsTable td,
  65 .resultsTable th {
  66     white-space: pre;
  67     border: 0px solid #fff;
  68     padding: 0 0.5em;
  69     margin: 0;
  70 }
  71
  72 .resultsTable th,
  73 .resultsTable .passingRate {
  74     text-align: left;
  75     font-weight: normal;
  76     padding-right: 10px;
  77 }
  78
  79 .resultsTable th {
  80     width: 15em;
  81 }
  82
  83 .resultsTable .passingRate {
  84     width: 3em;
  85 }
  86
  87 .resultsTable .resultCell {
  88     display: inline-block;
  89     padding: 0.2em 0.2em;
  90     vertical-align: bottom;
  91 }
  92
  93 .resultsTable thead {
  94     cursor: pointer;
  95 }
  96
  97 .resultsTable th {
  98     background-repeat: no-repeat;
  99     background-position: right 10px center;
 100 }
 101
 102 .resultsTable th.headerSortUp {
 103     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6'><polygon points='0,0 8,0 4,6' fill='#999'/></svg>");
 104 }
 105
 106 .resultsTable th.headerSortDown {
 107     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><polygon points='0,6 8,6 4,0' fill='#999'/></svg>");
 108 }
 109
 110 .resultsTable tbody tr:hover {
 111     background-color: #eee;
 112 }
 113
 114 .resultsTable .externalTestLink {
 115     margin-left: 0.5em;
 116     display: inline-block;
 117     width: 12px;
 118     height: 12px;
 119     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><circle cx='10' cy='8' r='5' fill='transparent' stroke='#999'></circle><polygon points='8,5 13,8 8,11' fill='#999'/></svg>");
 120     background-repeat: no-repeat;
 121     background-position: right center;
 122 }
 123
 124 .resultsTable a {
 125     color: #00f;
 126     text-shadow: none;
 127 }
 128
 129 .resultsTable a:visited {
 130     color: #006;
 131 }
 132
 133 .resultsTable .resultCell a {
 134     display: block;
 135     width: 1.5em;
 136     height: 2.5em;
 137     border-radius: 5px;
 138     font-size: 0.7em;
 139     text-align: center;
 140     line-height: 2.5em;
 141     padding: 0.1em;
 142     color: inherit;
 143     text-decoration: none;
 144 }
 145
 146 .resultsTable .PASS a {
 147     background-color: #0c3;
 148 }
 149
 150 .resultsTable .TEXT a {
 151     background-color: #c33;
 152 }
 153
 154 .resultsTable .IMAGE a {
 155     background-color: #fc3;
 156 }
 157
 158 .resultsTable .TEXT.PASS a {
 159     background-color: #cf3;
 160 }
 161
 162 .resultsTable .CRASH a {
 163     background-color: #f00;
 164 }
 165
 166 .resultsTable .TIMEOUT a {
 167     background-color: #000;
 168     color: #fff;
 169 }
 170
 171 .candidateWindow {
 172     z-index: 999;
 173     position: absolute;
 174     background: white;
 175     color: black;
 176     border: 1px solid #ccc;
 177     border-radius: 5px;
 178     margin: 5px 0 0 0;
 179     padding: 5px;
 180     font-size: 1em;
 181     list-style: none;
 182 }
 183
 184 .candidateWindow em {
 185     background-color: #ccc;
 186     font-style: normal;
 187 }
 188
 189 .candidateWindow .selected {
 190     background-color: #0cf;
 191     color: white;
 192 }
 193
 194 #tooltipContainer {
 195     position: absolute;
 196 }
 197
 198 .tooltip {
 199     position: relative;
 200     border-radius: 5px;
 201     padding: 5px;
 202     opacity: 0.9;
 203     background: #333;
 204     color: #eee;
 205     font-size: small;
 206     line-height: 130%;
 207 }
 208
 209 .tooltip:after {
 210     position: absolute;
 211     width: 0;
 212     height: 0;
 213     left: 50%;
 214     margin-left: -9px;
 215     bottom: -19px;
 216     content: "";
 217     display: block;
 218     border-style: solid;
 219     border-width: 10px;
 220     border-color: #333 transparent transparent transparent;
 221 }
 222
 223 .tooltip ul,
 224 .tooltip li {
 225     padding: 0;
 226     margin: 0;
 227     list-style: none;
 228 }
 229
 230 .tooltip a {
 231     color: white;
 232     text-shadow: none;
 233     text-decoration: underline;
 234 }