|
1 /* |
|
2 * Enano - an open-source CMS capable of wiki functions, Drupal-like sidebar blocks, and everything in between |
|
3 * Version 1.1.1 |
|
4 * Copyright (C) 2006-2007 Dan Fuhry |
|
5 * Installation package |
|
6 * installer.css - visual styling rules for the installer |
|
7 * |
|
8 * This program is Free Software; you can redistribute and/or modify it under the terms of the GNU General Public License |
|
9 * as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. |
|
10 * |
|
11 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied |
|
12 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for details. |
|
13 */ |
|
14 |
|
15 body { |
|
16 font-family: DejaVu Sans, Arial, Helvetica, sans-serif; |
|
17 font-size: 9pt; |
|
18 margin: 0; |
|
19 padding: 0; |
|
20 } |
|
21 |
|
22 div#header { |
|
23 margin: 0px auto; |
|
24 width: 800px; |
|
25 padding: 10px 0; |
|
26 } |
|
27 |
|
28 div#step { |
|
29 float: right; |
|
30 font-size: 12pt; |
|
31 color: #D84308; |
|
32 line-height: 48px; |
|
33 background-image: url(../icons/install.png); |
|
34 background-position: right center; |
|
35 background-repeat: no-repeat; |
|
36 padding-right: 56px; |
|
37 margin: 10px 0 0 0; |
|
38 } |
|
39 |
|
40 div.stages-holder { |
|
41 color: #ffffff; |
|
42 background-color: #2f527a; |
|
43 width: 100%; |
|
44 } |
|
45 |
|
46 ul.stages { |
|
47 margin: 0; |
|
48 line-height: 24px; |
|
49 font-size: 8pt; |
|
50 padding: 0; |
|
51 } |
|
52 ul.stages-fixed { |
|
53 /* |
|
54 width: 840px; |
|
55 */ |
|
56 display: table; |
|
57 margin: 0 auto; |
|
58 } |
|
59 li.stage { |
|
60 list-style-type: none; |
|
61 float: left; |
|
62 text-align: center; |
|
63 padding: 3px 20px 3px 20px; |
|
64 } |
|
65 li.stage-active { |
|
66 font-weight: bold; |
|
67 padding: 1px 20px 5px 20px; |
|
68 background-image: url(../marker.gif); |
|
69 background-position: center bottom; |
|
70 background-repeat: no-repeat; |
|
71 background-color: #5f82aa; |
|
72 } |
|
73 div#enano-fill { |
|
74 background-image: url(../substages.png); |
|
75 background-repeat: repeat-x; |
|
76 } |
|
77 div#enano-body { |
|
78 width: 780px; |
|
79 padding: 10px; |
|
80 margin: 0 auto; |
|
81 } |
|
82 div#enano-body a { |
|
83 color: #003366; |
|
84 text-decoration: underline; |
|
85 } |
|
86 div#enano-body a:hover { |
|
87 color: #0055AA; |
|
88 } |
|
89 div#copyright { |
|
90 border-top: 1px dotted #003399; |
|
91 font-size: 6pt; |
|
92 padding: 10px; |
|
93 background-image: url(../substages.png); |
|
94 background-repeat: repeat-x; |
|
95 width: 70%; |
|
96 margin: 20px auto 0 auto; |
|
97 text-align: center; |
|
98 color: #808080; |
|
99 } |
|
100 td.balancer { |
|
101 width: 21px; |
|
102 background-image: url(../balancer.png); |
|
103 background-position: center center; |
|
104 background-repeat: no-repeat; |
|
105 } |
|
106 ul.icons { |
|
107 margin: 0; |
|
108 padding: 0; |
|
109 list-style-type: none; |
|
110 display: table; |
|
111 } |
|
112 ul.icons li:first-child { |
|
113 border-top-color: #FFFFFF; |
|
114 } |
|
115 ul.icons li { |
|
116 /* Invisible border to prevent size-switching later */ |
|
117 border: 1px solid #FFFFFF; |
|
118 border-top-color: #F0F0F0; |
|
119 margin: 0 0 -2px 0; |
|
120 padding: 0; |
|
121 display: block; |
|
122 } |
|
123 ul.icons li:hover { |
|
124 border-color: #D0D0D0; |
|
125 -moz-border-radius: 5px; |
|
126 } |
|
127 a.icon { |
|
128 display: block; |
|
129 font-size: 18pt; |
|
130 line-height: 48px; |
|
131 padding: 10px 20px 10px 68px; |
|
132 background-position: 10px center; |
|
133 background-repeat: no-repeat; |
|
134 color: #002266; |
|
135 text-decoration: none !important; |
|
136 } |
|
137 a.icon:hover { |
|
138 cursor: pointer; |
|
139 color: #002266 !important; |
|
140 background-color: #F0F0F0; |
|
141 } |
|
142 a.icon-disabled { |
|
143 color: #808080 !important; |
|
144 opacity: 0.7; |
|
145 filter: alpha(opacity=70); |
|
146 } |
|
147 a.icon-disabled:hover { |
|
148 color: #808080 !important; |
|
149 background-color: #FCFCFC; |
|
150 border-color: #F8F8F8; |
|
151 } |
|
152 a.icon small, a.icon-disabled small { |
|
153 display: block; |
|
154 font-size: 8pt; |
|
155 line-height: normal; |
|
156 margin-top: -10px; |
|
157 } |
|
158 a.readme { |
|
159 background-image: url(../icons/readme.png); |
|
160 } |
|
161 a.install { |
|
162 background-image: url(../icons/install.png); |
|
163 } |
|
164 a.install-disabled { |
|
165 background-image: url(../icons/install-disabled.png); |
|
166 } |
|
167 a.upgrade { |
|
168 background-image: url(../icons/upgrade.png); |
|
169 } |
|
170 a.upgrade-disabled { |
|
171 background-image: url(../icons/upgrade-disabled.png); |
|
172 } |
|
173 |
|
174 .scroller { |
|
175 padding: 10px; |
|
176 border: 1px dotted #002266; |
|
177 background-color: #F0F0F0; |
|
178 max-height: 500px; |
|
179 clip: rect(0px, auto, auto, 0px); |
|
180 overflow: auto; |
|
181 } |
|
182 |
|
183 div#installnotice { |
|
184 margin: 5% 0 0 0; |
|
185 } |
|
186 |
|
187 table#installmenu { |
|
188 margin: 0 auto 5% auto; |
|
189 } |
|
190 span.fieldtip_js { |
|
191 display: block; |
|
192 background-color: #F0F0FF; |
|
193 padding: 10px; |
|
194 border: 1px solid #245687; |
|
195 position: absolute; |
|
196 } |
|
197 |
|
198 /* Inputs, form controls */ |
|
199 |
|
200 input[type ^="button"], button { |
|
201 background-color: #F8F8FB; |
|
202 color: #202020; |
|
203 border-color: #B0B0B8 #D0D0D8 #D0D0D8 #B0B0B8; |
|
204 border-width: 1px; |
|
205 border-style: solid; |
|
206 } |
|
207 input[type ^="submit"] { |
|
208 background-color: #4F729A; |
|
209 color: #FFFFFF; |
|
210 border-width: 1px; |
|
211 border-style: solid; |
|
212 border-color: #1F426A #7FA2CA #7FA2CA #1F426A; |
|
213 } |
|
214 input[type ^="submit"]:hover, input[type ^="submit"]:focus { |
|
215 background-color: #5f82aa; |
|
216 } |
|
217 input[type ^="text"], input[type ^="password"] { |
|
218 color: #202020; |
|
219 background-color: #F0F0F4; |
|
220 border: 1px solid #D6D6E9; |
|
221 } |
|
222 input[type ^="text"]:hover, input[type ^="password"]:hover { |
|
223 color: #202020; |
|
224 background-color: #F4F4F8; |
|
225 border: 1px solid #D6D6E9; |
|
226 } |
|
227 input[type ^="text"]:focus, input[type ^="password"]:focus { |
|
228 color: #202020; |
|
229 background-color: #FFFFFF; |
|
230 border: 1px solid #D6D6E9; |
|
231 } |