Commit | Line | Data |
ce585b65 |
1 | |
2 | |
3 | #header { |
4 | width: 900px; |
5 | background: #333 url(pingufest.png) no-repeat; |
6 | margin: 50px auto 0px auto; |
7 | color: #eee; |
8 | height: 200px; |
9 | -webkit-border-radius: 5px 5px 0px 0px; |
10 | border-radius: 5px 5px 0px 0px; |
11 | |
12 | } |
13 | |
14 | #content { |
15 | width: 880px; |
16 | background: #efefef; |
17 | color: #333; |
18 | min-height: 500px; |
19 | margin: 0px auto 150px auto; |
20 | -webkit-border-radius: 0px 0px 5px 5px; |
21 | border-radius: 0px 0px 5px 5px; |
22 | opacity: 0.8; |
23 | filter: alpha(opacity=80); /* For IE8 and earlier */ |
24 | z-index: 10; |
25 | padding: 10px; |
26 | } |
27 | |
28 | #footer { |
29 | position: fixed; |
30 | background: #7f7f7f; |
31 | bottom: 0; |
32 | left: 0; |
33 | right: 0; |
34 | text-align: right; |
35 | padding: 30px 5px 0px 0px; |
36 | |
37 | } |
38 | |
39 | #navbar { |
40 | position: fixed; |
41 | height: 30px; |
42 | top: 0; |
43 | left: 0; |
44 | right: 0; |
45 | z-index: 98; |
46 | background: #4c4c4c; /* Old browsers */ |
47 | background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */ |
48 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */ |
49 | background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */ |
50 | background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */ |
51 | background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */ |
52 | background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */ |
53 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */ |
54 | } |
55 | |
56 | #navbarname { |
57 | position: fixed; |
58 | top: 0; |
59 | left:0; |
60 | width: 240px; |
61 | height: 30px; |
62 | background: url(navbar-text.png) no-repeat; |
63 | z-index: 99; |
64 | } |
65 | |
66 | #contentleft { |
67 | float: left; |
68 | width: 580px; |
69 | border-right: solid #cfcfcf 2px; |
70 | min-height: 500px; |
71 | padding: 10px |
72 | } |
73 | |
74 | #contentright { |
75 | float: right; |
76 | width: 270px; |
77 | min-height: 500px; |
78 | } |
79 | |
80 | #contentbottom { |
81 | clear: both; |
82 | } |
83 | |
84 | |
85 | |
86 | |
87 | |