install/styles/inst.css

   1 /*
   2  * style sheet for installer
   3  *
   4  * $Id:
   5 */
   6
   7 @charset 'UTF-8';
   8 /* CSS Document */
   9
  10 /* Layout */
  11 body{
  12         margin:0;
  13         padding:0;
  14         text-align:center;
  15         color:#666;
  16 }
  17 #header{
  18         width: 100%;
  19         height:40px;
  20         background:#000;
  21         position: fixed;
  22         top:0;
  23         left:0;
  24 }
  25 #container,#container_detailed,#footer,#navigation{
  26         margin:0 auto;
  27         text-align:left;
  28         border-width:0 1px;
  29 }
  30 #navigation{
  31         width:800px;
  32         height:40px;
  33 }
  34 #container,#container_detailed{
  35         width:550px;
  36         padding:40px 20px 0 30px;
  37 }
  38 #footer{
  39         width:600px;
  40 }
  41
  42 /* Common Settings */
  43 p{
  44         margin:20px 0;
  45 }
  46 img{
  47         border:none;
  48 }
  49 a{
  50         text-decoration:none;
  51 }
  52 pre{
  53         font-size: small;
  54         line-height: 1em;
  55         background-color:#eee;
  56         border:1px solid gray;
  57         padding: 2px;
  58 }
  59 .err{
  60         display:block;
  61         color:#c00;
  62 }
  63
  64 /* Top navigation */
  65 #navigation h1{
  66         width:120px;
  67         height:35px;
  68         margin:0 30px 0 0;
  69         padding:4px 0 1px 0;
  70         float:left;
  71 }
  72 #navigation ul{
  73         margin:0 100px 0 0;
  74         padding:18px 0 2px 0;
  75         height:20px;
  76         list-style-type:none;
  77 }
  78 #navigation li{
  79         float:left;
  80         font-size:93%;
  81         height:20px;
  82 }
  83 #navigation li.rightbox{
  84         float:right;
  85 }
  86 #navigation li,#navigation a{
  87         color:#dedede;
  88 }
  89 #navigation li.gry{
  90         color:#787878;
  91 }
  92 #navigation a:hover{
  93         color:#fff;
  94 }
  95
  96 /* Content */
  97 #container h2,#container_detailed h2{
  98         line-height:20px;
  99         height:20px;
 100         margin:0 -20px 0 -30px;
 101         padding:6px 0 4px 35px;
 102         background:url("nuc_h2_bk.png") 4px 4px no-repeat #d0d0d0;
 103         font-size:136%;
 104         color:#454545;
 105 }
 106
 107 /* Form table */
 108 .prt table{
 109         width: 100%;
 110         margin-bottom:20px;
 111 }
 112 .prt table th{
 113         font-size:99%;
 114         text-align:right;
 115         width:135px;
 116         height:40px;
 117 }
 118 .prt table th .nam{
 119         margin:5px 0 0 0;
 120         padding:5px 0 0 0;
 121         height:15px;
 122         line-height:15px;
 123         font-weight:bold;
 124         color:#454545;
 125 }
 126 .prt table th .sub{
 127         display:block;
 128         margin:0;
 129         padding:0 0 5px 0;
 130         height:10px;
 131         line-height:10px;
 132         font-size:65%;
 133         font-weight:normal;
 134         color:#666;
 135 }
 136 .prt table td input{
 137         width:390px;
 138         height:35px;
 139         margin:0 0 0 5px;
 140         font-size:182%;
 141         font-weight:bold;
 142         color:#333;
 143         background:url("nuc_input_bk.png") no-repeat;
 144         border:1px solid #999;
 145         border-right-color:#ccc;
 146         border-bottom-color:#ccc;
 147 }
 148
 149 #container_detailed .prt table td input{
 150         height:25px;
 151         margin:0 0 0 5px;
 152         font-size:122%;
 153         font-weight:normal;
 154         color:#000;
 155 }
 156
 157 /* Select */
 158 .prt select{
 159         width:510px;
 160         height:35px;
 161         line-height:35px;
 162         margin:0 20px 10px 0;
 163         font-size:152%;
 164         font-weight:bold;
 165         color:#333;
 166         border:1px solid #999;
 167         border-left-color:#ccc;
 168         border-top-color:#ccc;
 169         background:url("nuc_input_bk.png") no-repeat;
 170 }
 171
 172 #container_detailed .prt select{
 173         height:25px;
 174         line-height:25px;
 175         margin:0 20px 10px 0;
 176         font-size:122%;
 177 }
 178
 179 /* Button */
 180 .prt .sbt{
 181         height:40px;
 182         margin:10px 0;
 183         text-align:center;
 184 }
 185 .prt .sbt .sbt_sqr,.prt .sbt .sbt_arw{
 186         height:35px;
 187         border:none;
 188         background:#000;
 189         color:#dedede;
 190         font-size:136%;
 191         font-weight:bold;
 192 }
 193 .prt .sbt .sbt_sqr{
 194         padding:0 20px;
 195         margin-right:5px;
 196         border-radius:5px;
 197 }
 198 .prt .sbt .sbt_arw{
 199         padding:0 30px 0 20px;
 200         border-radius:5px 0 0 5px;
 201         background:url("nuc_but_bk_03.png") right top no-repeat #000;
 202 }
 203 .prt .sbt .sbt_sqr:hover{
 204         color:#ffde00;
 205         background:#292929;
 206 }
 207 .prt .sbt .sbt_arw:hover{
 208         color:#ffde00;
 209         background:url("nuc_but_bk_03.png") right top no-repeat #292929;
 210 }
 211
 212 /* Text */
 213 #config_text{
 214         width:100%;
 215         height:50px;
 216         border:1px solid gray;
 217 }
 218
 219 /* Footer */
 220 #footer{
 221         border-top:1px solid #999;
 222         text-align:right;
 223         height:25px;
 224         margin-top:10px;
 225         padding:5px 10px 0 0;
 226         font-size:77%;
 227 }
 228