File tree 6 files changed +601
-0
lines changed
6 files changed +601
-0
lines changed Original file line number Diff line number Diff line change
1
+ html , body {
2
+ height : 100% ;
3
+ }
4
+
5
+ body {
6
+ margin : 0px ;
7
+ padding : 0px ;
8
+ background : # 22222D url (images/img01.png) repeat;
9
+ font-family : 'Open Sans' , sans-serif;
10
+ font-size : 13px ;
11
+ color : # 545454 ;
12
+ }
13
+ img {
14
+ display : block;
15
+ width : auto;
16
+ height : auto;
17
+ max-width : 50% ;
18
+ max-height : 90% ;
19
+ margin : 20px auto;
20
+ }
21
+ h1 , h2 , h3 {
22
+ margin : 0 ;
23
+ padding : 0 ;
24
+ font-weight : 300 ;
25
+ }
26
+
27
+ h2 {
28
+ padding : 0px 0px 20px 0px ;
29
+ font-size : 2em ;
30
+ }
31
+
32
+ p , ol , ul {
33
+ margin-top : 0px ;
34
+ }
35
+
36
+ p {
37
+ line-height : 180% ;
38
+ }
39
+
40
+ strong {
41
+ }
42
+
43
+ a {
44
+ color : # 141414 ;
45
+ }
46
+
47
+ a : hover {
48
+ text-decoration : none;
49
+ }
50
+
51
+ a img {
52
+ border : none;
53
+ }
54
+
55
+ img .border {
56
+ }
57
+
58
+ img .alignleft {
59
+ float : left;
60
+ }
61
+
62
+ img .alignright {
63
+ float : right;
64
+ }
65
+
66
+ img .aligncenter {
67
+ margin : 0px auto;
68
+ }
69
+
70
+ hr {
71
+ display : none;
72
+ }
73
+
74
+ /** WRAPPER */
75
+
76
+ # wrapper {
77
+ overflow : hidden;
78
+ /*width: 1200px;*/
79
+ width : 80% ;
80
+ margin : 50px auto;
81
+ background : # FFFFFF ;
82
+ box-shadow : 0px 0px 10px 5px rgba (0 , 0 , 0 , .2 );
83
+ }
84
+
85
+ .container {
86
+ width : 70% ;
87
+ margin : 0px auto;
88
+ }
89
+
90
+ .clearfix {
91
+ clear : both;
92
+ }
93
+
94
+ /** HEADER */
95
+
96
+ # header {
97
+ overflow : hidden;
98
+ height : 10% ;
99
+ background : # 000000 url (images/img01.png) repeat;
100
+ }
101
+
102
+ /* Logo */
103
+
104
+ # logo
105
+ {
106
+ float : left;
107
+ width : 100% ;
108
+ padding : 30px 0px 0px 50px ;
109
+ }
110
+
111
+ # logo h1
112
+ {
113
+ padding : 5px 10px 0px 0px ;
114
+ }
115
+
116
+ # logo h1 a
117
+ {
118
+ text-decoration : none;
119
+ font-size : 1.5em ;
120
+ font-weight : 300 ;
121
+ color : # FFFFFF ;
122
+ }
123
+
124
+ # logo p
125
+ {
126
+ display : block;
127
+ padding : 0px 0px 0px 0px ;
128
+ letter-spacing : 1px ;
129
+ font-size : 1em ;
130
+ color : # 7C7C7C ;
131
+ }
132
+
133
+ # logo p a
134
+ {
135
+ color : # 7C7C7C ;
136
+ }
137
+
138
+ /* Menu */
139
+
140
+ # menu
141
+ {
142
+ float : right;
143
+ width : 70% ;
144
+ padding : 60px 50px 0px 0px ;
145
+ }
146
+
147
+ # menu ul
148
+ {
149
+ float : right;
150
+ margin : 0 ;
151
+ padding : 0px 0px 0px 0px ;
152
+ list-style : none;
153
+ line-height : normal;
154
+ }
155
+
156
+ # menu li
157
+ {
158
+ float : left;
159
+ }
160
+
161
+ # menu a
162
+ {
163
+ display : block;
164
+ margin-left : 1px ;
165
+ padding : 7px 0px 7px 30px ;
166
+ letter-spacing : 1px ;
167
+ text-decoration : none;
168
+ text-align : center;
169
+ font-size : 14px ;
170
+ font-weight : 300 ;
171
+ color : # FFFFFF ;
172
+ }
173
+
174
+ # menu a : hover , # menu .current_page_item a
175
+ {
176
+ text-decoration : none;
177
+ border-radius : 5px ;
178
+ color : # FFFFFF ;
179
+ }
180
+
181
+ /** PAGE */
182
+
183
+ # page {
184
+ overflow : hidden;
185
+ width : 100% ;
186
+ padding : 50px 50px ;
187
+ background : # F6F6F6 url (images/img01.png) repeat;
188
+ color : # 202020 ;
189
+ }
190
+
191
+ # page h2 {
192
+ }
193
+
194
+ /** CONTENT */
195
+
196
+ # content {
197
+ float : left;
198
+ width : 75% ;
199
+ }
200
+
201
+ /** SIDEBAR */
202
+
203
+ # sidebar {
204
+ float : right;
205
+ width : 300px ;
206
+ }
207
+
208
+ /* Footer */
209
+
210
+ # footer {
211
+ overflow : hidden;
212
+ margin : 0px 50px ;
213
+ padding : 30px 0px ;
214
+ border-top : 5px solid # 000000 ;
215
+ }
216
+
217
+ # footer p {
218
+ text-align : center;
219
+ }
220
+
221
+ # footer a {
222
+ color : # 545454 ;
223
+ }
224
+
225
+ /* Three Column */
226
+
227
+ # three-column {
228
+ overflow : hidden;
229
+ margin : 0px 50px ;
230
+ padding : 50px 0px ;
231
+ }
232
+
233
+ # three-column # tbox1 {
234
+ float : left;
235
+ width : 400px ;
236
+ margin-right : 50px ;
237
+ }
238
+
239
+ # three-column # tbox2 {
240
+ float : left;
241
+ width : 300px ;
242
+ }
243
+
244
+ # three-column # tbox3 {
245
+ float : right;
246
+ width : 300px ;
247
+ }
248
+
249
+ /* List Style 1 */
250
+
251
+ ul .style1 {
252
+ margin : 0px ;
253
+ padding : 0px ;
254
+ list-style : none;
255
+ }
256
+
257
+ ul .style1 li {
258
+ padding : 10px 0px 15px 0px ;
259
+ border-top : 1px solid # E6E7DC ;
260
+ }
261
+
262
+ ul .style1 a {
263
+ text-decoration : none;
264
+ color : # 545454 ;
265
+ }
266
+
267
+ ul .style1 a : hover {
268
+ text-decoration : underline;
269
+ }
270
+
271
+ ul .style1 .first {
272
+ padding-top : 0px ;
273
+ border-top : none;
274
+ }
275
+
276
+
277
+ /* List style 2 */
278
+
279
+ ul .style2 {
280
+ margin : 0px ;
281
+ padding : 0px ;
282
+ list-style : none;
283
+ }
284
+
285
+ ul .style2 li {
286
+ padding : 25px 0px 15px 0px ;
287
+ border-top : 1px solid # DDDDDD ;
288
+ }
289
+
290
+ ul .style2 .first {
291
+ padding-top : 0px ;
292
+ border-top : none;
293
+ }
294
+
295
+ ul .style2 h3 {
296
+ padding : 0px 0px 10px 0px ;
297
+ }
298
+
299
+ ul .style2 h3 a {
300
+ color : # 4F4F4F ;
301
+ }
302
+
303
+ ul .style2 a {
304
+ text-decoration : none;
305
+ color : # 919191 ;
306
+ }
307
+
308
+ ul .style2 a : hover {
309
+ text-decoration : underline;
310
+ }
311
+
312
+ /* Button Style 1 */
313
+
314
+ .button-style {
315
+ display : inline-block;
316
+ margin-top : 20px ;
317
+ padding : 7px 20px ;
318
+ background : # 22222D url (images/img01.png) repeat;
319
+ text-decoration : none;
320
+ text-transform : uppercase;
321
+ color : # FFFFFF ;
322
+ }
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
You can’t perform that action at this time.
0 commit comments