3 Jappix - An open social platform
4 This is the install CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 08/06/11
19 background-color: rgb(20,20,20);
20 background-color: rgba(20,20,20,0.85);
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;
34 text-decoration: underline;
42 border: 1px solid black;
43 margin: 22px 0 15px 0;
44 padding: 7px 2px 5px 2px;
46 -moz-border-radius: 3px;
47 -webkit-border-radius: 3px;
54 text-transform: uppercase;
70 #install input[type=text],
71 #install input[type=url],
72 #install input[type=password] {
85 #install input.icon#user_name {
86 background-position: 4px -204px;
89 #install input.icon#user_password {
90 background-position: 4px -226px;
93 #install input.icon#user_repassword {
94 background-position: 4px -248px;
102 background-position: 0 0;
105 padding: 32px 0 0 66px;
108 text-transform: lowercase;
110 text-shadow: 0 1px 1px black;
114 background-color: rgb(0,0,0);
115 background-color: rgba(0,0,0,0.2);
116 border: 2px solid white;
119 text-shadow: 0 1px 1px black;
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;
129 #install-top .step span {
135 background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
136 background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
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;
152 #install-content h3 {
157 #install-content h3.start {
158 background-position: 0 -73px;
161 #install-content h3.storage {
162 background-position: 0 -95px;
165 #install-content h3.account {
166 background-position: 0 -117px;
169 #install-content h3.main {
170 background-position: 0 -139px;
173 #install-content h3.hosts {
174 background-position: 0 -161px;
177 #install-content h3.services {
178 background-position: 0 -183px;
185 #install-content .info {
188 border-style: dashed;
191 text-decoration: none;
194 #install-content .info.smallspace {
195 margin: 14px 0 10px 0;
198 #install-content .info.bigspace {
199 margin: 35px 0 20px 0;
202 #install-content .info.first {
206 #install-content .info.last {
210 #install-content .info.neutral {
211 background-color: #f0f19d;
212 border-color: #b3ad4f;
215 #install-content a.info.neutral:hover,
216 #install-content a.info.neutral:focus {
217 background-color: #eced96;
220 #install-content a.info.neutral:active {
221 background-color: #e9ea93;
224 #install-content .info.success {
225 background-color: #a8dca9;
226 border-color: #5e9f5f;
229 #install-content a.info.success:hover,
230 #install-content a.info.success:focus {
231 background-color: #a0d5a1;
234 #install-content a.info.success:active {
235 background-color: #9ad09b;
238 #install-content .info.fail {
239 background-color: #f19d9d;
240 border-color: #b34f4f;
243 #install-content ol {
247 #install-content ol li {
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);
262 text-shadow: 0 1px 1px black;
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;
272 #install-buttons input:hover,
273 #install-buttons input:focus {
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;
282 #install-buttons input:active {
283 background-color: rgb(255,255,255);
284 background-color: rgba(255,255,255,0.3);