hbuild/web/main.css

   1 /*
   2  * Copyright (c) 2016 Vojtech Horky
   3  * All rights reserved.
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  *
   9  * - Redistributions of source code must retain the above copyright
  10  *   notice, this list of conditions and the following disclaimer.
  11  * - Redistributions in binary form must reproduce the above copyright
  12  *   notice, this list of conditions and the following disclaimer in the
  13  *   documentation and/or other materials provided with the distribution.
  14  * - The name of the author may not be used to endorse or promote products
  15  *   derived from this software without specific prior written permission.
  16  *
  17  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR
  18  * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
  19  * OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
  20  * IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT,
  21  * INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
  22  * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  23  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  24  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  25  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  26  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  27  *
  28  */
  29
  30 BODY {
  31     font-family: Verdana,Arial,sans-serif;
  32 }
  33 H1 {
  34     text-align: center;
  35     font-size: 200%;
  36 }
  37 H2, H3 {
  38     clear: both;
  39     font-size: 150%;
  40     text-align: center;
  41     padding: 1em 0 0 0;
  42 }
  43 H2#build-info {
  44     padding-top: 0;
  45 }
  46 H3 {
  47     padding: 0;
  48     font-size: 120%;
  49 }
  50 A:link, A:visited, A:hover, A:active {
  51     padding: 3px;
  52 }
  53 A:link, A:visited {
  54     color: #036;
  55 }
  56 A:hover {
  57     background: #036;
  58     color: white;
  59 }
  60 .back-to-top A:link, .back-to-top A:visited {
  61     text-decoration: none;
  62     font-size: 80%;
  63     margin-left: 1em;
  64 }
  65 DIV#centered {
  66     border: 0;
  67     width: 90%;
  68     position: absolute;
  69     left: 5%;
  70     top: 0%;
  71     padding: 1em 0 2em 0;
  72 }
  73 TABLE {
  74     margin: auto;
  75     width: 80%;
  76     border: 2px solid black;
  77     border-width: 2px 0 2px;
  78     border-collapse: collapse;
  79     padding: 0;
  80     text-align: left;
  81     line-height: 130%;
  82     vertical-align: middle;
  83     table-layout: fixed;
  84 }
  85 TABLE THEAD TH {
  86     border-bottom: 1px solid black;
  87 }
  88 TABLE TD, TABLE TBODY TH {
  89     border-bottom: 1px solid #999;
  90 }
  91 TABLE TD, TABLE TH {
  92     padding: 5px 4px;
  93 }
  94 TABLE TR.result-ok TD, TABLE TD.result-ok {
  95     background: #cfc;
  96 }
  97 TABLE TR.result-fail TD, TABLE TD.result-fail {
  98     background: #fcc;
  99 }
 100 TABLE TR.result-skip TD, TABLE TD.result-skip, TABLE TD.result-na {
 101     background: #ccc;
 102 }
 103 TABLE TR.aborted TD {
 104     background: #fc0;
 105 }
 106 TR.logdump {
 107     max-width: 80%;
 108 }
 109 TR.logdump TD PRE {
 110     max-width: 100%;
 111     overflow: auto;
 112 }
 113 #summary H2 {
 114     display: none;
 115 }
 116 TABLE.summary TD {
 117     background: #fcc;
 118 }
 119 TABLE.summary TR.results-100 TD {
 120     background: #cfc;
 121 }
 122 TABLE.summary TR.results-90 TD,
 123 TABLE.summary TR.results-80 TD,
 124 TABLE.summary TR.results-70 TD,
 125 TABLE.summary TR.results-60 TD {
 126     background: #ffe;
 127 }
 128 TABLE.summary TR.results-none TD {
 129     background: #ccc;
 130 }
 131 TABLE.matrix {
 132     width: 100%;
 133     text-align: center;
 134 }
 135 TABLE.matrix TH {
 136     text-overflow: '';
 137     overflow: hidden;
 138 }
 139 #quick-links {
 140     line-height: 3em;
 141     padding: 2em 0;
 142 }
 143 #quick-links .quick-link-group {
 144     clear: both;
 145     padding: 0 0 0 0;
 146 }
 147 #quick-links H2 {
 148     display: none;
 149 }
 150 #quick-links H3 {
 151     margin: 0;
 152     padding: 0 2em 0 0;
 153     font-size: 100%;
 154     float: left;
 155 }
 156 #quick-links UL {
 157     padding: 0;
 158     margin: 0;
 159 }
 160 #quick-links UL LI, #quick-links UL LI {
 161     list-style-type: none;
 162     float: left;
 163     margin: 0;
 164     padding: 0 1ex;
 165 }
 166 P.action {
 167     text-align: center;
 168 }
 169 UL.previous-builds {
 170     list-style-type: none;
 171     line-height: 3em;
 172     padding-bottom: 3em;
 173 }
 174 UL.previous-builds LI {
 175     float: left;
 176 }
 177 .buttonset A:link, .buttonset A:visited {
 178     padding: 0.8ex;
 179     border: 2px solid transparent;
 180     border-radius: 1ex;
 181 }
 182 .buttonset A:hover {
 183     border: 2px solid #036;
 184     border-radius: 1ex;
 185 }