test-apps/test.css

   1
   2 span.title {
   3         font-size:18pt;
   4         font-family: Arial;
   5         font-weight:normal;
   6         text-align:center;
   7         color:#000000;
   8 }
   9 span.mount {
  10         font-size:10pt;
  11         font-family: Arial;
  12         font-weight:normal;
  13         text-align:center;
  14         color:#000000;
  15 }
  16 span.mountname {
  17         font-size:14pt;
  18         font-family: Arial;
  19         font-weight:bold;
  20         text-align:center;
  21         color:#404010;
  22 }
  23 span.n {
  24         font-size:12pt;
  25         font-family: Arial;
  26         font-weight:normal;
  27         text-align:center;
  28         color:#808020;
  29 }
  30 span.v {
  31         font-size:12pt;
  32         font-family: Arial;
  33         font-weight:bold;
  34         text-align:center;
  35         color:#202020;
  36 }
  37 span.m1 {
  38         font-size:12pt;
  39         font-family: Arial;
  40         font-weight:bold;
  41         text-align:center;
  42         color:#202020;
  43 }
  44 span.m2 {
  45         font-size:12pt;
  46         font-family: Arial;
  47         font-weight:normal;
  48         text-align:center;
  49         color:#202020;
  50 }
  51
  52 .browser { font-size:12pt; font-family: Arial; font-weight:normal; text-align:center; color:#ffff00; vertical-align:middle; text-align:center; background:#d0b070; padding:12px; -webkit-border-radius:10px; border-radius:10px;}
  53 .group2 { vertical-align:middle;
  54         text-align:center;
  55         background:#f0f0e0;
  56         padding:12px;
  57         -webkit-border-radius:10px;
  58         border-radius:10px; }
  59 .explain { vertical-align:middle;
  60         text-align:center;
  61         background:#f0f0c0; padding:12px;
  62         -webkit-border-radius:10px;
  63         border-radius:10px;
  64         color:#404000;
  65         padding:3px;
  66 }
  67 td.wsstatus { vertical-align:middle; width:200px; height:50px;
  68         text-align:center;
  69         background:#f0f0c0; padding:6px;
  70         -webkit-border-radius:8px;
  71         border-radius:8px;
  72         color:#404000; }
  73 .tdform { vertical-align:middle; width:200px; height:50px;
  74         text-align:center;
  75         background:#f0f0d0; padding:6px;
  76         -webkit-border-radius:8px;
  77         margin:10px;
  78         border-radius:8px;
  79         border: 1px solid black;
  80         border-collapse: collapse;font-size:18pt; font-family: Arial; font-weight:normal; text-align:center; color:#000000;
  81         color:#404000; }
  82
  83 td.l { vertical-align:middle;
  84         text-align:center;
  85         background:#d0d0b0;
  86         padding:3px;
  87         -webkit-border-radius:3px;
  88         border-radius:3px; }
  89
  90 td.bigger { font-size:120%; }
  91
  92 div.bgw {  background:white }
  93 div.conninfo {
  94         border: solid 2px #e0d040;
  95         padding: 4px;
  96         width: 500px;
  97         height:350px;
  98         overflow: auto;
  99 }
 100 span.f12 { font-size:12pt }
 101
 102 .content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; border-radius:10px; }
 103 .canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; border-radius:10px; }
 104 .tabs {
 105   position: relative;
 106   min-height: 750px; /* This part sucks */
 107   clear: both;
 108   margin: 25px 0;
 109 }
 110 .tab {
 111   float: left;
 112 }
 113 .tab label {
 114   background: #eee;
 115   padding: 10px;
 116   border: 1px solid #ccc;
 117   margin-left: -1px;
 118   position: relative;
 119   left: 1px;
 120 }
 121 .tab [type=radio] {
 122   display: none;
 123 }
 124 .content {
 125   position: absolute;
 126   top: 28px;
 127   left: 0;
 128   background: white;
 129   right: 0;
 130   bottom: 0;
 131   padding: 20px;
 132   border: 1px solid #ccc;
 133 }
 134 [type=radio]:checked ~ label {
 135   background: white;
 136   border-bottom: 1px solid white;
 137   z-index: 2;
 138 }
 139 [type=radio]:checked ~ label ~ .content {
 140   z-index: 1;
 141 }
 142
 143         td.wsstatus { vertical-align:middle; width:200px; height:50px;
 144                 text-align:center;
 145                 background:#f0f0c0; padding:6px;
 146                 -webkit-border-radius:8px;
 147                 border-radius:8px;
 148                 color:#404000; }
 149         td.l { vertical-align:middle;
 150                 text-align:center;
 151                 background:#d0d0b0;
 152                 padding:3px;
 153                 -webkit-border-radius:3px;
 154                 border-radius:3px; }
 155         td.dl { vertical-align:middle;
 156                 text-align:center;
 157                 background:#c0c0c0;
 158                 padding:3px;
 159                 -webkit-border-radius:3px;
 160                 border-radius:3px; }
 161         td.c { vertical-align:middle;
 162                 text-align:center;
 163                 background:#c0c0a0;
 164                 padding:3px;
 165                 -webkit-border-radius:3px;
 166                 border-radius:3px; }
 167         td.c0 { vertical-align:middle;
 168                 text-align:center;
 169                 background:#b0b090;
 170                 padding:3px;
 171                 -webkit-border-radius:3px;
 172                 border-radius:3px; }
 173         td.dc0 { vertical-align:middle;
 174                 text-align:center;
 175                 background:#a0a0a0;
 176                 padding:3px;
 177                 -webkit-border-radius:3px;
 178                 border-radius:3px; }
 179         td.c1 { vertical-align:middle;
 180                 text-align:center;
 181                 background:#c0c0c0;
 182                 padding:3px;
 183                 -webkit-border-radius:3px;
 184                 border-radius:3px; }
 185         td.t { vertical-align:middle;
 186                 text-align:center;
 187                 background:#e0e0c0;
 188                 padding:3px;
 189                 -webkit-border-radius:3px;
 190                 border-radius:3px; }