Commit f1ad1b0bb21ca0da9f8068ca1969c27c538a91cb
1 parent
91d18a69
Exists in
master
and in
28 other branches
r242@sede: terceiro | 2007-07-29 16:34:37 -0300
moving design stuff inside designs/ git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@246 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
30 changed files
with
471 additions
and
471 deletions
Show diff stats
717 Bytes
828 Bytes
57 Bytes
62 Bytes
63 Bytes
1.75 KB
7.18 KB
@@ -0,0 +1,163 @@ | @@ -0,0 +1,163 @@ | ||
1 | +/* | ||
2 | +This stylesheet is part of the [in] business template downloaded from the oswd.org site | ||
3 | + | ||
4 | +The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk | ||
5 | +*/ | ||
6 | +html { | ||
7 | + width: 100% | ||
8 | +} | ||
9 | + | ||
10 | +body { | ||
11 | + font-family: "Trebuchet MS", verdana, arial, "Times New Roman"; | ||
12 | + font-size: 90%; | ||
13 | + color: #3D3535; | ||
14 | + background-color: #E4E5E0; | ||
15 | + margin: 0px; | ||
16 | + padding: 0px; | ||
17 | + line-height: 140%; | ||
18 | + | ||
19 | +} | ||
20 | + | ||
21 | +/* Wrapper */ | ||
22 | +#wrap { | ||
23 | + text-align: center; | ||
24 | + width: 100%; | ||
25 | + background-color: #E4E5E0; | ||
26 | +} | ||
27 | + | ||
28 | +/* the container */ | ||
29 | +#frame { | ||
30 | + background-color: #FFFFFF; | ||
31 | + margin-left: auto; | ||
32 | + margin-right: auto; | ||
33 | + padding: 20px; | ||
34 | + text-align: left; | ||
35 | + width: 90%; | ||
36 | +} | ||
37 | + | ||
38 | +/*holds the tabs at the top*/ | ||
39 | +#menu { | ||
40 | + background-color: #FFFFFF; | ||
41 | + text-align: right; | ||
42 | + border-bottom: 1px solid #FFFFFF; | ||
43 | +} | ||
44 | + | ||
45 | +/*holds the logo and image*/ | ||
46 | +#header { | ||
47 | + background-color: #EDEEEA; | ||
48 | + padding: 10px; | ||
49 | + margin-top:3px; | ||
50 | + height: 95px; | ||
51 | + background: #EDEEEA url(../images/www.jpg) no-repeat right top; | ||
52 | +} | ||
53 | + | ||
54 | +/*defines the colours for the tabs, with corner background images*/ | ||
55 | +#menu a:link, #menu a:active, #menu a:visited { | ||
56 | + background: #EDEEEA url(../images/corner.gif) no-repeat right top; | ||
57 | + color: #3D3535; | ||
58 | + text-decoration: none; | ||
59 | + padding: 3px 7px 3px 7px; | ||
60 | + margin: 0 0 0 4px; | ||
61 | +} | ||
62 | + | ||
63 | +#menu a:hover { | ||
64 | + background: #D6D8CF url(../images/corner2.gif) no-repeat right top; | ||
65 | + color: #000000; | ||
66 | + text-decoration: none; | ||
67 | + padding: 3px 7px 3px 7px; | ||
68 | + margin: 0 0 0 4px; | ||
69 | +} | ||
70 | + | ||
71 | +/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/ | ||
72 | +.clearfix:after { | ||
73 | + content: "."; | ||
74 | + display: block; | ||
75 | + height: 0; | ||
76 | + clear: both; | ||
77 | + visibility: hidden; | ||
78 | +} | ||
79 | + | ||
80 | +.clearfix { | ||
81 | + display: inline-table; | ||
82 | +} | ||
83 | + | ||
84 | +/* Hides from IE-mac \*/ | ||
85 | +* html .clearfix { | ||
86 | + height: 1%; | ||
87 | +} | ||
88 | + | ||
89 | +.clearfix { | ||
90 | + display: block; | ||
91 | +} | ||
92 | +/* End hide from IE-mac */ | ||
93 | + | ||
94 | +/*the main text container*/ | ||
95 | +#box_2 { | ||
96 | + height: 600px; | ||
97 | +} | ||
98 | + | ||
99 | +#box_2 h1 { | ||
100 | + font-size: 110%; | ||
101 | + margin: 10px 0px 0px 0px; | ||
102 | + padding: 0px 0px 0px 0px; | ||
103 | + border-bottom: 2px solid #A53512; | ||
104 | +} | ||
105 | + | ||
106 | +/*this is the right hand bar, news bar, links bar w/e*/ | ||
107 | +#box_1 { | ||
108 | + margin-top: 20px; | ||
109 | + padding-left: 20px; | ||
110 | + width: 245px; | ||
111 | + float: right; | ||
112 | + background-color: white; | ||
113 | + | ||
114 | +} | ||
115 | + | ||
116 | +#box_1 h1 { | ||
117 | + background-color: #A53512; | ||
118 | + color: #FFFFFF; | ||
119 | + padding: 3px; | ||
120 | + margin: 0px 0px 0px 0px; | ||
121 | + font-size: 100%; | ||
122 | + font-weight: normal; | ||
123 | +} | ||
124 | + | ||
125 | +/*this just lets you have a "comment" type area in the main content*/ | ||
126 | +.p1 { | ||
127 | + padding: 20px; | ||
128 | + background-color: #F7F7F4; | ||
129 | + font-size:90%; | ||
130 | +} | ||
131 | + | ||
132 | +/*sets the padding for the newsbar text, not the headings*/ | ||
133 | +.p2 { | ||
134 | + padding: 20px; | ||
135 | + background-color: #FFFFFF; | ||
136 | + font-size: 90%; | ||
137 | + list-style-image: url(../images/b.gif); | ||
138 | + list-style-position: 10px; | ||
139 | +} | ||
140 | + | ||
141 | +.p2 ul { | ||
142 | + margin: 0px 0px 0px 0px; | ||
143 | + padding: 0px 0px 0px 0px; | ||
144 | +} | ||
145 | + | ||
146 | +/*the footer, with copyright*/ | ||
147 | +.footer { | ||
148 | +clear:both; | ||
149 | + background-color: #D6D8CF; | ||
150 | + padding: 4px; | ||
151 | + font-size: 80%; | ||
152 | + text-align: center; | ||
153 | +} | ||
154 | + | ||
155 | +/*sets the link colours and style*/ | ||
156 | +a:link, a:active, a:visited { | ||
157 | + color: #A53512; | ||
158 | +} | ||
159 | + | ||
160 | +a:hover { | ||
161 | + color: #A53512; | ||
162 | + text-decoration: none; | ||
163 | +} |
677 Bytes
1.75 KB
@@ -0,0 +1,297 @@ | @@ -0,0 +1,297 @@ | ||
1 | +/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer. | ||
2 | + | ||
3 | +Version: 2.0 (Jan 29, 2007) | ||
4 | + | ||
5 | +Screen layout: */ | ||
6 | + | ||
7 | +/*** General tags ***/ | ||
8 | + | ||
9 | +body { | ||
10 | +background:url(../images/background.gif) repeat-y top center #fff; | ||
11 | +color:#404040; | ||
12 | +font:76% Verdana,Tahoma,Arial,sans-serif; | ||
13 | +line-height:1.2em; | ||
14 | +margin:0 auto; | ||
15 | +padding:0; | ||
16 | +} | ||
17 | + | ||
18 | +a { | ||
19 | +color:#4088b8; | ||
20 | +font-weight:700; | ||
21 | +text-decoration:none; | ||
22 | +} | ||
23 | + | ||
24 | +a:hover { | ||
25 | +text-decoration:underline; | ||
26 | +} | ||
27 | + | ||
28 | +a img { | ||
29 | +border:0; | ||
30 | +} | ||
31 | + | ||
32 | +p { | ||
33 | +margin:0 0 18px 10px; | ||
34 | +} | ||
35 | + | ||
36 | +ul,ol,dl { | ||
37 | +font-size:0.9em; | ||
38 | +margin:2px 0 16px 35px; | ||
39 | +} | ||
40 | + | ||
41 | +ul ul,ol ol { | ||
42 | +margin:4px 0 4px 35px; | ||
43 | +} | ||
44 | + | ||
45 | +blockquote { | ||
46 | +border:1px solid #dadada; | ||
47 | +font-size:0.9em; | ||
48 | +margin:20px 10px; | ||
49 | +padding:8px; | ||
50 | +} | ||
51 | + | ||
52 | +h1 { | ||
53 | +color:#4088b8; | ||
54 | +font-size:4.2em; | ||
55 | +letter-spacing:-5px; | ||
56 | +margin:0 0 30px 25px; | ||
57 | +} | ||
58 | + | ||
59 | +h1 a { | ||
60 | +color:#4088b8; | ||
61 | +text-transform:none; | ||
62 | +} | ||
63 | + | ||
64 | +h2 { | ||
65 | +border-bottom:4px solid #dadada; | ||
66 | +color:#4088b8; | ||
67 | +font-size:1.4em; | ||
68 | +letter-spacing:-1px; | ||
69 | +margin:0 0 10px; | ||
70 | +padding:0 2px 2px 5px; | ||
71 | +} | ||
72 | + | ||
73 | +h3 { | ||
74 | +border-bottom:1px solid #dadada; | ||
75 | +color:#4088b8; | ||
76 | +font-size:1.2em; | ||
77 | +font-weight:700; | ||
78 | +margin:10px 0 8px; | ||
79 | +padding:1px 2px 2px 3px; | ||
80 | +} | ||
81 | + | ||
82 | +/*** Main wrap and header ***/ | ||
83 | + | ||
84 | +#wrap { | ||
85 | +color:#404040; | ||
86 | +margin:10px auto; | ||
87 | +padding:0; | ||
88 | +width:970px; | ||
89 | +} | ||
90 | + | ||
91 | +#header { | ||
92 | +margin:0; | ||
93 | +} | ||
94 | + | ||
95 | +#menu { | ||
96 | +font-size:0.9em; | ||
97 | +padding:5px 2px 2px 3px; | ||
98 | +text-align:right; | ||
99 | +} | ||
100 | + | ||
101 | +#menu a { | ||
102 | +color:gray; | ||
103 | +} | ||
104 | + | ||
105 | +#slogan { | ||
106 | +color:gray; | ||
107 | +font-size:1.5em; | ||
108 | +font-weight:700; | ||
109 | +letter-spacing:-1px; | ||
110 | +line-height:1.2em; | ||
111 | +margin:15px 0 20px 35px; | ||
112 | +} | ||
113 | + | ||
114 | +/*** Sidebar and menu ***/ | ||
115 | + | ||
116 | +#box_1 { | ||
117 | +float:left; | ||
118 | +line-height:1.4em; | ||
119 | +padding:1px 0 0; | ||
120 | +width:20%; | ||
121 | +} | ||
122 | + | ||
123 | +#box_1 ul { | ||
124 | +font-size:0.9em; | ||
125 | +list-style:none; | ||
126 | +margin:0; | ||
127 | +padding:0 0 15px 10px; | ||
128 | +} | ||
129 | + | ||
130 | +#box_1 li { | ||
131 | +list-style:none; | ||
132 | +margin:0 0 4px; | ||
133 | +padding:0; | ||
134 | +} | ||
135 | + | ||
136 | +#box_1 li a { | ||
137 | +font-size:1.2em; | ||
138 | +font-weight:700; | ||
139 | +padding:2px; | ||
140 | +} | ||
141 | + | ||
142 | +#box_1 ul ul { | ||
143 | +line-height:1.2em; | ||
144 | +margin:4px 0 3px 15px; | ||
145 | +padding:0; | ||
146 | +} | ||
147 | + | ||
148 | +#box_1 ul ul li a { | ||
149 | +font-weight:400; | ||
150 | +} | ||
151 | + | ||
152 | +#box_1 h2 { | ||
153 | +margin:3px 0 8px; | ||
154 | +} | ||
155 | + | ||
156 | +/*** Box 3 ***/ | ||
157 | + | ||
158 | +#box_3 { | ||
159 | +float:left; | ||
160 | +line-height:1.4em; | ||
161 | +padding:1px 0 0; | ||
162 | +width:20%; | ||
163 | +} | ||
164 | + | ||
165 | +#box_3 ul { | ||
166 | +font-size:0.9em; | ||
167 | +list-style:none; | ||
168 | +margin:0; | ||
169 | +padding:0 0 15px 10px; | ||
170 | +} | ||
171 | + | ||
172 | +#box_3 li { | ||
173 | +list-style:none; | ||
174 | +margin:0 0 4px; | ||
175 | +padding:0; | ||
176 | +} | ||
177 | + | ||
178 | +#box_3 li a { | ||
179 | +font-size:1.2em; | ||
180 | +font-weight:700; | ||
181 | +padding:2px; | ||
182 | +} | ||
183 | + | ||
184 | +#box_3 ul ul { | ||
185 | +line-height:1.2em; | ||
186 | +margin:4px 0 3px 15px; | ||
187 | +padding:0; | ||
188 | +} | ||
189 | + | ||
190 | +#box_3 ul ul li a { | ||
191 | +font-weight:400; | ||
192 | +} | ||
193 | + | ||
194 | +#box_3 h2 { | ||
195 | +margin:3px 0 8px; | ||
196 | +} | ||
197 | + | ||
198 | + | ||
199 | +/*** Main content ***/ | ||
200 | + | ||
201 | + | ||
202 | +#box_2 { | ||
203 | +float:left; | ||
204 | +line-height:1.5em; | ||
205 | +margin:0px 20px 0px 20px; | ||
206 | +padding:0; | ||
207 | +text-align:left; | ||
208 | +width: 540px; | ||
209 | +} | ||
210 | + | ||
211 | +#box_2 h3 { | ||
212 | +margin:10px 0 8px; | ||
213 | +} | ||
214 | + | ||
215 | +/*** Footer ***/ | ||
216 | + | ||
217 | +#footer { | ||
218 | +border-top:4px solid #dadada; | ||
219 | +clear:both; | ||
220 | +color:gray; | ||
221 | +font-size:0.9em; | ||
222 | +line-height:1.6em; | ||
223 | +margin:0 auto; | ||
224 | +padding:8px 0; | ||
225 | +text-align:right; | ||
226 | +} | ||
227 | + | ||
228 | +#footer p { | ||
229 | +margin:0; | ||
230 | +padding:0; | ||
231 | +} | ||
232 | + | ||
233 | +#footer a { | ||
234 | +color:#808080; | ||
235 | +} | ||
236 | + | ||
237 | +/*** Various classes ***/ | ||
238 | + | ||
239 | +.box { | ||
240 | +background:#4088b8; | ||
241 | +border:1px solid #c8c8c8; | ||
242 | +color:#fff; | ||
243 | +font-size:0.9em; | ||
244 | +line-height:1.4em; | ||
245 | +padding:10px 10px 10px 13px; | ||
246 | +} | ||
247 | + | ||
248 | +.box a { | ||
249 | +color:#f0f0f0; | ||
250 | +} | ||
251 | + | ||
252 | +.left { | ||
253 | +float:left; | ||
254 | +margin:0 15px 4px 0; | ||
255 | +} | ||
256 | + | ||
257 | +.right { | ||
258 | +float:right; | ||
259 | +margin:0 0 4px 15px; | ||
260 | +} | ||
261 | + | ||
262 | +.readmore { | ||
263 | +margin:-10px 10px 12px 0; | ||
264 | +text-align:right; | ||
265 | +} | ||
266 | + | ||
267 | +.timestamp { | ||
268 | +font-size:1.2em; | ||
269 | +margin:-5px 0 15px 10px; | ||
270 | +} | ||
271 | + | ||
272 | +.timestamp a { | ||
273 | +font-weight:normal; | ||
274 | +} | ||
275 | + | ||
276 | +.blue { | ||
277 | +color:#4088b8; | ||
278 | +} | ||
279 | + | ||
280 | +.clear { | ||
281 | +clear:both; | ||
282 | +} | ||
283 | + | ||
284 | +.fade { | ||
285 | +color:#c8c8c8; | ||
286 | +} | ||
287 | + | ||
288 | +.gray { | ||
289 | +color:gray; | ||
290 | +} | ||
291 | + | ||
292 | +.photo { | ||
293 | +background:#fff; | ||
294 | +border:1px solid #bababa; | ||
295 | +margin:6px 18px 2px 5px; | ||
296 | +padding:2px; | ||
297 | +} |
public/icons/default/back.png
717 Bytes
public/icons/neu/back.png
828 Bytes
public/templates/default/default.yml
public/templates/default/images/b.gif
57 Bytes
public/templates/default/images/corner.gif
62 Bytes
public/templates/default/images/corner2.gif
63 Bytes
public/templates/default/images/loading.gif
1.75 KB
public/templates/default/images/www.jpg
7.18 KB
public/templates/default/stylesheets/style.css
@@ -1,163 +0,0 @@ | @@ -1,163 +0,0 @@ | ||
1 | -/* | ||
2 | -This stylesheet is part of the [in] business template downloaded from the oswd.org site | ||
3 | - | ||
4 | -The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk | ||
5 | -*/ | ||
6 | -html { | ||
7 | - width: 100% | ||
8 | -} | ||
9 | - | ||
10 | -body { | ||
11 | - font-family: "Trebuchet MS", verdana, arial, "Times New Roman"; | ||
12 | - font-size: 90%; | ||
13 | - color: #3D3535; | ||
14 | - background-color: #E4E5E0; | ||
15 | - margin: 0px; | ||
16 | - padding: 0px; | ||
17 | - line-height: 140%; | ||
18 | - | ||
19 | -} | ||
20 | - | ||
21 | -/* Wrapper */ | ||
22 | -#wrap { | ||
23 | - text-align: center; | ||
24 | - width: 100%; | ||
25 | - background-color: #E4E5E0; | ||
26 | -} | ||
27 | - | ||
28 | -/* the container */ | ||
29 | -#frame { | ||
30 | - background-color: #FFFFFF; | ||
31 | - margin-left: auto; | ||
32 | - margin-right: auto; | ||
33 | - padding: 20px; | ||
34 | - text-align: left; | ||
35 | - width: 90%; | ||
36 | -} | ||
37 | - | ||
38 | -/*holds the tabs at the top*/ | ||
39 | -#menu { | ||
40 | - background-color: #FFFFFF; | ||
41 | - text-align: right; | ||
42 | - border-bottom: 1px solid #FFFFFF; | ||
43 | -} | ||
44 | - | ||
45 | -/*holds the logo and image*/ | ||
46 | -#header { | ||
47 | - background-color: #EDEEEA; | ||
48 | - padding: 10px; | ||
49 | - margin-top:3px; | ||
50 | - height: 95px; | ||
51 | - background: #EDEEEA url(../images/www.jpg) no-repeat right top; | ||
52 | -} | ||
53 | - | ||
54 | -/*defines the colours for the tabs, with corner background images*/ | ||
55 | -#menu a:link, #menu a:active, #menu a:visited { | ||
56 | - background: #EDEEEA url(../images/corner.gif) no-repeat right top; | ||
57 | - color: #3D3535; | ||
58 | - text-decoration: none; | ||
59 | - padding: 3px 7px 3px 7px; | ||
60 | - margin: 0 0 0 4px; | ||
61 | -} | ||
62 | - | ||
63 | -#menu a:hover { | ||
64 | - background: #D6D8CF url(../images/corner2.gif) no-repeat right top; | ||
65 | - color: #000000; | ||
66 | - text-decoration: none; | ||
67 | - padding: 3px 7px 3px 7px; | ||
68 | - margin: 0 0 0 4px; | ||
69 | -} | ||
70 | - | ||
71 | -/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/ | ||
72 | -.clearfix:after { | ||
73 | - content: "."; | ||
74 | - display: block; | ||
75 | - height: 0; | ||
76 | - clear: both; | ||
77 | - visibility: hidden; | ||
78 | -} | ||
79 | - | ||
80 | -.clearfix { | ||
81 | - display: inline-table; | ||
82 | -} | ||
83 | - | ||
84 | -/* Hides from IE-mac \*/ | ||
85 | -* html .clearfix { | ||
86 | - height: 1%; | ||
87 | -} | ||
88 | - | ||
89 | -.clearfix { | ||
90 | - display: block; | ||
91 | -} | ||
92 | -/* End hide from IE-mac */ | ||
93 | - | ||
94 | -/*the main text container*/ | ||
95 | -#box_2 { | ||
96 | - height: 600px; | ||
97 | -} | ||
98 | - | ||
99 | -#box_2 h1 { | ||
100 | - font-size: 110%; | ||
101 | - margin: 10px 0px 0px 0px; | ||
102 | - padding: 0px 0px 0px 0px; | ||
103 | - border-bottom: 2px solid #A53512; | ||
104 | -} | ||
105 | - | ||
106 | -/*this is the right hand bar, news bar, links bar w/e*/ | ||
107 | -#box_1 { | ||
108 | - margin-top: 20px; | ||
109 | - padding-left: 20px; | ||
110 | - width: 245px; | ||
111 | - float: right; | ||
112 | - background-color: white; | ||
113 | - | ||
114 | -} | ||
115 | - | ||
116 | -#box_1 h1 { | ||
117 | - background-color: #A53512; | ||
118 | - color: #FFFFFF; | ||
119 | - padding: 3px; | ||
120 | - margin: 0px 0px 0px 0px; | ||
121 | - font-size: 100%; | ||
122 | - font-weight: normal; | ||
123 | -} | ||
124 | - | ||
125 | -/*this just lets you have a "comment" type area in the main content*/ | ||
126 | -.p1 { | ||
127 | - padding: 20px; | ||
128 | - background-color: #F7F7F4; | ||
129 | - font-size:90%; | ||
130 | -} | ||
131 | - | ||
132 | -/*sets the padding for the newsbar text, not the headings*/ | ||
133 | -.p2 { | ||
134 | - padding: 20px; | ||
135 | - background-color: #FFFFFF; | ||
136 | - font-size: 90%; | ||
137 | - list-style-image: url(../images/b.gif); | ||
138 | - list-style-position: 10px; | ||
139 | -} | ||
140 | - | ||
141 | -.p2 ul { | ||
142 | - margin: 0px 0px 0px 0px; | ||
143 | - padding: 0px 0px 0px 0px; | ||
144 | -} | ||
145 | - | ||
146 | -/*the footer, with copyright*/ | ||
147 | -.footer { | ||
148 | -clear:both; | ||
149 | - background-color: #D6D8CF; | ||
150 | - padding: 4px; | ||
151 | - font-size: 80%; | ||
152 | - text-align: center; | ||
153 | -} | ||
154 | - | ||
155 | -/*sets the link colours and style*/ | ||
156 | -a:link, a:active, a:visited { | ||
157 | - color: #A53512; | ||
158 | -} | ||
159 | - | ||
160 | -a:hover { | ||
161 | - color: #A53512; | ||
162 | - text-decoration: none; | ||
163 | -} |
public/templates/simple/images/background.gif
677 Bytes
public/templates/simple/images/loading.gif
1.75 KB
public/templates/simple/simple.yml
public/templates/simple/stylesheets/1024px.css
@@ -1,297 +0,0 @@ | @@ -1,297 +0,0 @@ | ||
1 | -/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer. | ||
2 | - | ||
3 | -Version: 2.0 (Jan 29, 2007) | ||
4 | - | ||
5 | -Screen layout: */ | ||
6 | - | ||
7 | -/*** General tags ***/ | ||
8 | - | ||
9 | -body { | ||
10 | -background:url(../images/background.gif) repeat-y top center #fff; | ||
11 | -color:#404040; | ||
12 | -font:76% Verdana,Tahoma,Arial,sans-serif; | ||
13 | -line-height:1.2em; | ||
14 | -margin:0 auto; | ||
15 | -padding:0; | ||
16 | -} | ||
17 | - | ||
18 | -a { | ||
19 | -color:#4088b8; | ||
20 | -font-weight:700; | ||
21 | -text-decoration:none; | ||
22 | -} | ||
23 | - | ||
24 | -a:hover { | ||
25 | -text-decoration:underline; | ||
26 | -} | ||
27 | - | ||
28 | -a img { | ||
29 | -border:0; | ||
30 | -} | ||
31 | - | ||
32 | -p { | ||
33 | -margin:0 0 18px 10px; | ||
34 | -} | ||
35 | - | ||
36 | -ul,ol,dl { | ||
37 | -font-size:0.9em; | ||
38 | -margin:2px 0 16px 35px; | ||
39 | -} | ||
40 | - | ||
41 | -ul ul,ol ol { | ||
42 | -margin:4px 0 4px 35px; | ||
43 | -} | ||
44 | - | ||
45 | -blockquote { | ||
46 | -border:1px solid #dadada; | ||
47 | -font-size:0.9em; | ||
48 | -margin:20px 10px; | ||
49 | -padding:8px; | ||
50 | -} | ||
51 | - | ||
52 | -h1 { | ||
53 | -color:#4088b8; | ||
54 | -font-size:4.2em; | ||
55 | -letter-spacing:-5px; | ||
56 | -margin:0 0 30px 25px; | ||
57 | -} | ||
58 | - | ||
59 | -h1 a { | ||
60 | -color:#4088b8; | ||
61 | -text-transform:none; | ||
62 | -} | ||
63 | - | ||
64 | -h2 { | ||
65 | -border-bottom:4px solid #dadada; | ||
66 | -color:#4088b8; | ||
67 | -font-size:1.4em; | ||
68 | -letter-spacing:-1px; | ||
69 | -margin:0 0 10px; | ||
70 | -padding:0 2px 2px 5px; | ||
71 | -} | ||
72 | - | ||
73 | -h3 { | ||
74 | -border-bottom:1px solid #dadada; | ||
75 | -color:#4088b8; | ||
76 | -font-size:1.2em; | ||
77 | -font-weight:700; | ||
78 | -margin:10px 0 8px; | ||
79 | -padding:1px 2px 2px 3px; | ||
80 | -} | ||
81 | - | ||
82 | -/*** Main wrap and header ***/ | ||
83 | - | ||
84 | -#wrap { | ||
85 | -color:#404040; | ||
86 | -margin:10px auto; | ||
87 | -padding:0; | ||
88 | -width:970px; | ||
89 | -} | ||
90 | - | ||
91 | -#header { | ||
92 | -margin:0; | ||
93 | -} | ||
94 | - | ||
95 | -#menu { | ||
96 | -font-size:0.9em; | ||
97 | -padding:5px 2px 2px 3px; | ||
98 | -text-align:right; | ||
99 | -} | ||
100 | - | ||
101 | -#menu a { | ||
102 | -color:gray; | ||
103 | -} | ||
104 | - | ||
105 | -#slogan { | ||
106 | -color:gray; | ||
107 | -font-size:1.5em; | ||
108 | -font-weight:700; | ||
109 | -letter-spacing:-1px; | ||
110 | -line-height:1.2em; | ||
111 | -margin:15px 0 20px 35px; | ||
112 | -} | ||
113 | - | ||
114 | -/*** Sidebar and menu ***/ | ||
115 | - | ||
116 | -#box_1 { | ||
117 | -float:left; | ||
118 | -line-height:1.4em; | ||
119 | -padding:1px 0 0; | ||
120 | -width:20%; | ||
121 | -} | ||
122 | - | ||
123 | -#box_1 ul { | ||
124 | -font-size:0.9em; | ||
125 | -list-style:none; | ||
126 | -margin:0; | ||
127 | -padding:0 0 15px 10px; | ||
128 | -} | ||
129 | - | ||
130 | -#box_1 li { | ||
131 | -list-style:none; | ||
132 | -margin:0 0 4px; | ||
133 | -padding:0; | ||
134 | -} | ||
135 | - | ||
136 | -#box_1 li a { | ||
137 | -font-size:1.2em; | ||
138 | -font-weight:700; | ||
139 | -padding:2px; | ||
140 | -} | ||
141 | - | ||
142 | -#box_1 ul ul { | ||
143 | -line-height:1.2em; | ||
144 | -margin:4px 0 3px 15px; | ||
145 | -padding:0; | ||
146 | -} | ||
147 | - | ||
148 | -#box_1 ul ul li a { | ||
149 | -font-weight:400; | ||
150 | -} | ||
151 | - | ||
152 | -#box_1 h2 { | ||
153 | -margin:3px 0 8px; | ||
154 | -} | ||
155 | - | ||
156 | -/*** Box 3 ***/ | ||
157 | - | ||
158 | -#box_3 { | ||
159 | -float:left; | ||
160 | -line-height:1.4em; | ||
161 | -padding:1px 0 0; | ||
162 | -width:20%; | ||
163 | -} | ||
164 | - | ||
165 | -#box_3 ul { | ||
166 | -font-size:0.9em; | ||
167 | -list-style:none; | ||
168 | -margin:0; | ||
169 | -padding:0 0 15px 10px; | ||
170 | -} | ||
171 | - | ||
172 | -#box_3 li { | ||
173 | -list-style:none; | ||
174 | -margin:0 0 4px; | ||
175 | -padding:0; | ||
176 | -} | ||
177 | - | ||
178 | -#box_3 li a { | ||
179 | -font-size:1.2em; | ||
180 | -font-weight:700; | ||
181 | -padding:2px; | ||
182 | -} | ||
183 | - | ||
184 | -#box_3 ul ul { | ||
185 | -line-height:1.2em; | ||
186 | -margin:4px 0 3px 15px; | ||
187 | -padding:0; | ||
188 | -} | ||
189 | - | ||
190 | -#box_3 ul ul li a { | ||
191 | -font-weight:400; | ||
192 | -} | ||
193 | - | ||
194 | -#box_3 h2 { | ||
195 | -margin:3px 0 8px; | ||
196 | -} | ||
197 | - | ||
198 | - | ||
199 | -/*** Main content ***/ | ||
200 | - | ||
201 | - | ||
202 | -#box_2 { | ||
203 | -float:left; | ||
204 | -line-height:1.5em; | ||
205 | -margin:0px 20px 0px 20px; | ||
206 | -padding:0; | ||
207 | -text-align:left; | ||
208 | -width: 540px; | ||
209 | -} | ||
210 | - | ||
211 | -#box_2 h3 { | ||
212 | -margin:10px 0 8px; | ||
213 | -} | ||
214 | - | ||
215 | -/*** Footer ***/ | ||
216 | - | ||
217 | -#footer { | ||
218 | -border-top:4px solid #dadada; | ||
219 | -clear:both; | ||
220 | -color:gray; | ||
221 | -font-size:0.9em; | ||
222 | -line-height:1.6em; | ||
223 | -margin:0 auto; | ||
224 | -padding:8px 0; | ||
225 | -text-align:right; | ||
226 | -} | ||
227 | - | ||
228 | -#footer p { | ||
229 | -margin:0; | ||
230 | -padding:0; | ||
231 | -} | ||
232 | - | ||
233 | -#footer a { | ||
234 | -color:#808080; | ||
235 | -} | ||
236 | - | ||
237 | -/*** Various classes ***/ | ||
238 | - | ||
239 | -.box { | ||
240 | -background:#4088b8; | ||
241 | -border:1px solid #c8c8c8; | ||
242 | -color:#fff; | ||
243 | -font-size:0.9em; | ||
244 | -line-height:1.4em; | ||
245 | -padding:10px 10px 10px 13px; | ||
246 | -} | ||
247 | - | ||
248 | -.box a { | ||
249 | -color:#f0f0f0; | ||
250 | -} | ||
251 | - | ||
252 | -.left { | ||
253 | -float:left; | ||
254 | -margin:0 15px 4px 0; | ||
255 | -} | ||
256 | - | ||
257 | -.right { | ||
258 | -float:right; | ||
259 | -margin:0 0 4px 15px; | ||
260 | -} | ||
261 | - | ||
262 | -.readmore { | ||
263 | -margin:-10px 10px 12px 0; | ||
264 | -text-align:right; | ||
265 | -} | ||
266 | - | ||
267 | -.timestamp { | ||
268 | -font-size:1.2em; | ||
269 | -margin:-5px 0 15px 10px; | ||
270 | -} | ||
271 | - | ||
272 | -.timestamp a { | ||
273 | -font-weight:normal; | ||
274 | -} | ||
275 | - | ||
276 | -.blue { | ||
277 | -color:#4088b8; | ||
278 | -} | ||
279 | - | ||
280 | -.clear { | ||
281 | -clear:both; | ||
282 | -} | ||
283 | - | ||
284 | -.fade { | ||
285 | -color:#c8c8c8; | ||
286 | -} | ||
287 | - | ||
288 | -.gray { | ||
289 | -color:gray; | ||
290 | -} | ||
291 | - | ||
292 | -.photo { | ||
293 | -background:#fff; | ||
294 | -border:1px solid #bababa; | ||
295 | -margin:6px 18px 2px 5px; | ||
296 | -padding:2px; | ||
297 | -} |
public/themes/default/default.css
public/themes/pink/pink.css