jappixmini/jappix/css/install.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the install CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 08/06/11
  11
  12 */
  13
  14 body {
  15         color: white;
  16 }
  17
  18 #install {
  19         background-color: rgb(20,20,20);
  20         background-color: rgba(20,20,20,0.85);
  21         width: 800px;
  22         margin: 35px auto;
  23         padding-bottom: 17px;
  24         border-radius: 6px;
  25         -moz-border-radius: 6px;
  26         -webkit-border-radius: 6px;
  27         box-shadow: 0 0 35px #5c5c5c;
  28         -moz-box-shadow: 0 0 35px #5c5c5c;
  29         -webkit-box-shadow: 0 0 35px #5c5c5c;
  30 }
  31
  32 #install a {
  33         color: black;
  34         text-decoration: underline;
  35 }
  36
  37 #install .clear {
  38         clear: both;
  39 }
  40
  41 #install fieldset {
  42         border: 1px solid black;
  43         margin: 22px 0 15px 0;
  44         padding: 7px 2px 5px 2px;
  45         border-radius: 3px;
  46         -moz-border-radius: 3px;
  47         -webkit-border-radius: 3px;
  48 }
  49
  50 #install legend {
  51         font-size: 0.9em;
  52         margin: 0 0 0 15px;
  53         padding: 0 2px;
  54         text-transform: uppercase;
  55 }
  56
  57 #install label {
  58         width: 200px;
  59         display: block;
  60         float: left;
  61         clear: both;
  62         margin: 0 0 9px 12px;
  63 }
  64
  65 #install input {
  66         float: left;
  67         margin-bottom: 5px;
  68 }
  69
  70 #install input[type=text],
  71 #install input[type=url],
  72 #install input[type=password] {
  73         margin-top: -2px;
  74         padding: 3px;
  75         font-size: 0.95em;
  76         min-width: 220px;
  77 }
  78
  79 #install input.icon {
  80         padding-left: 24px;
  81         min-width: 199px;
  82         max-height: 18px;
  83 }
  84
  85 #install input.icon#user_name {
  86         background-position: 4px -204px;
  87 }
  88
  89 #install input.icon#user_password {
  90         background-position: 4px -226px;
  91 }
  92
  93 #install input.icon#user_repassword {
  94         background-position: 4px -248px;
  95 }
  96
  97 #install-top {
  98         padding: 30px 45px;
  99 }
 100
 101 #install-top .logo {
 102         background-position: 0 0;
 103         min-width: 88px;
 104         height: 36px;
 105         padding: 32px 0 0 66px;
 106         font-size: 32px;
 107         color: white;
 108         text-transform: lowercase;
 109         float: left;
 110         text-shadow: 0 1px 1px black;
 111 }
 112
 113 #install-top .step {
 114         background-color: rgb(0,0,0);
 115         background-color: rgba(0,0,0,0.2);
 116         border: 2px solid white;
 117         padding: 6px 21px;
 118         font-size: 2.7em;
 119         text-shadow: 0 1px 1px black;
 120         float: right;
 121         border-radius: 40px;
 122         -moz-border-radius: 40px;
 123         -webkit-border-radius: 40px;
 124         box-shadow: 0 0 10px #202020;
 125         -moz-box-shadow: 0 0 10px #202020;
 126         -webkit-box-shadow: 0 0 10px #202020;
 127 }
 128
 129 #install-top .step span {
 130         font-size: 0.6em;
 131 }
 132
 133 #install-content {
 134         background: #e4eef9;
 135         background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
 136         background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
 137         color: black;
 138         font-size: 0.9em;
 139         margin: 0 10px;
 140         padding: 20px 24px;
 141         min-height: 260px;
 142         clear: both;
 143         right: 10px;
 144         border-radius: 3px;
 145         -moz-border-radius: 3px;
 146         -webkit-border-radius: 3px;
 147         box-shadow: 0 0 20px #202020;
 148         -moz-box-shadow: 0 0 20px #202020;
 149         -webkit-box-shadow: 0 0 20px #202020;
 150 }
 151
 152 #install-content h3 {
 153         padding-left: 24px;
 154         margin-bottom: 15px;
 155 }
 156
 157 #install-content h3.start {
 158         background-position: 0 -73px;
 159 }
 160
 161 #install-content h3.storage {
 162         background-position: 0 -95px;
 163 }
 164
 165 #install-content h3.account {
 166         background-position: 0 -117px;
 167 }
 168
 169 #install-content h3.main {
 170         background-position: 0 -139px;
 171 }
 172
 173 #install-content h3.hosts {
 174         background-position: 0 -161px;
 175 }
 176
 177 #install-content h3.services {
 178         background-position: 0 -183px;
 179 }
 180
 181 #install-content p {
 182         margin-bottom: 10px;
 183 }
 184
 185 #install-content .info {
 186         color: black;
 187         border-width: 1px;
 188         border-style: dashed;
 189         padding: 6px 8px;
 190         display: block;
 191         text-decoration: none;
 192 }
 193
 194 #install-content .info.smallspace {
 195         margin: 14px 0 10px 0;
 196 }
 197
 198 #install-content .info.bigspace {
 199         margin: 35px 0 20px 0;
 200 }
 201
 202 #install-content .info.first {
 203         margin-top: 28px;
 204 }
 205
 206 #install-content .info.last {
 207         margin-bottom: 28px;
 208 }
 209
 210 #install-content .info.neutral {
 211         background-color: #f0f19d;
 212         border-color: #b3ad4f;
 213 }
 214
 215 #install-content a.info.neutral:hover,
 216 #install-content a.info.neutral:focus {
 217         background-color: #eced96;
 218 }
 219
 220 #install-content a.info.neutral:active {
 221         background-color: #e9ea93;
 222 }
 223
 224 #install-content .info.success {
 225         background-color: #a8dca9;
 226         border-color: #5e9f5f;
 227 }
 228
 229 #install-content a.info.success:hover,
 230 #install-content a.info.success:focus {
 231         background-color: #a0d5a1;
 232 }
 233
 234 #install-content a.info.success:active {
 235         background-color: #9ad09b;
 236 }
 237
 238 #install-content .info.fail {
 239         background-color: #f19d9d;
 240         border-color: #b34f4f;
 241 }
 242
 243 #install-content ol {
 244         margin: 20px 30px;
 245 }
 246
 247 #install-content ol li {
 248         margin-bottom: 1px;
 249 }
 250
 251 #install-buttons {
 252         margin-top: 22px;
 253 }
 254
 255 #install-buttons input {
 256         border: 1px solid white;
 257         background-color: rgb(255,255,255);
 258         background-color: rgba(255,255,255,0.1);
 259         color: white;
 260         padding: 4px 8px;
 261         margin-right: 20px;
 262         text-shadow: 0 1px 1px black;
 263         float: right;
 264         border-radius: 3px;
 265         -moz-border-radius: 3px;
 266         -webkit-border-radius: 3px;
 267         box-shadow: 0 0 5px #202020;
 268         -moz-box-shadow: 0 0 5px #202020;
 269         -webkit-box-shadow: 0 0 5px #202020;
 270 }
 271
 272 #install-buttons input:hover,
 273 #install-buttons input:focus {
 274         cursor: pointer;
 275         background-color: rgb(255,255,255);
 276         background-color: rgba(255,255,255,0.2);
 277         box-shadow: 0 0 15px #202020;
 278         -moz-box-shadow: 0 0 15px #202020;
 279         -webkit-box-shadow: 0 0 15px #202020;
 280 }
 281
 282 #install-buttons input:active {
 283         background-color: rgb(255,255,255);
 284         background-color: rgba(255,255,255,0.3);
 285 }