5 |
* |
* |
6 |
*/ |
*/ |
7 |
|
|
8 |
|
/** Global rules for *.mageia.org */ |
9 |
|
/* |
10 |
|
body { |
11 |
|
background: #fff; |
12 |
|
font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; |
13 |
|
} |
14 |
|
a, a:link { color: #2383c2; text-decoration: none; } |
15 |
|
*/ |
16 |
|
h1, |
17 |
|
h2, |
18 |
|
h3 { |
19 |
|
font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif; |
20 |
|
font-weight: normal; |
21 |
|
color: #3494d3; |
22 |
|
} |
23 |
|
|
24 |
|
h2 a, |
25 |
|
h3 a { |
26 |
|
color: #3494d3; |
27 |
|
text-decoration: none; |
28 |
|
} |
29 |
|
|
30 |
|
/** Specific to navigation elements */ |
31 |
#hmgn { margin: 0; padding: 0; } |
#hmgn { margin: 0; padding: 0; } |
32 |
#mgnav { |
#mgnav { |
33 |
margin: 0; padding: 0; |
margin: 0; padding: 0; |
37 |
background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
38 |
background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
39 |
background: linear-gradient(top, #3494D3 0%, #2383C2 50%); |
background: linear-gradient(top, #3494D3 0%, #2383C2 50%); |
40 |
font: normal 14px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; |
font: normal 13px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; |
41 |
} |
} |
42 |
|
|
43 |
#nav { |
#nav { |
50 |
padding: 0; |
padding: 0; |
51 |
border-right: 1px solid #f0f0f0; |
border-right: 1px solid #f0f0f0; |
52 |
} |
} |
53 |
|
#nav li:last-child { border: none; } |
54 |
#nav a { |
#nav a { |
55 |
display: block; |
display: block; |
56 |
height: 64px; |
height: 64px; |
59 |
text-align: center; |
text-align: center; |
60 |
line-height: 75px; |
line-height: 75px; |
61 |
min-width: 2.5em; |
min-width: 2.5em; |
62 |
color: #000; |
color: #444; |
63 |
background: #fff; |
background: #fff; |
|
text-shadow: 0 0 4px #ddd; |
|
64 |
cursor: pointer; |
cursor: pointer; |
65 |
} |
} |
66 |
#nav a:hover { |
#nav a:hover { |
88 |
font-weight: bold; |
font-weight: bold; |
89 |
background: transparent; |
background: transparent; |
90 |
color: white; |
color: white; |
91 |
text-shadow: 0 0 4px #222; |
text-shadow: 0 0 3px #222; |
92 |
/*outline: 4px solid white; |
/*outline: 4px solid white; |
93 |
=> works with Chrome 18+, fails with Firefox 12 |
=> works with Chrome 18+, fails with Firefox 12 |
94 |
=> using this ~ hack in the meantime {{ |
=> using this ~ hack in the meantime {{ |
99 |
/* }} */ |
/* }} */ |
100 |
} |
} |
101 |
|
|
|
h1, |
|
|
h2, |
|
|
h3 { |
|
|
font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif; |
|
|
font-weight: normal; |
|
|
color: #3494d3; |
|
|
} |
|
|
|
|
|
h2 a, |
|
|
h3 a { |
|
|
color: #3494d3; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
102 |
#mgnavtitle, /* deprecated */ |
#mgnavtitle, /* deprecated */ |
103 |
#mgnavt /* preferred */ |
#mgnavt /* preferred */ |
104 |
{ |
{ |
106 |
margin: 0; |
margin: 0; |
107 |
padding: 0.5em 1em 0.8em 30px; |
padding: 0.5em 1em 0.8em 30px; |
108 |
color: #fff; |
color: #fff; |
109 |
text-shadow: 0 0 4px #222; |
text-shadow: 0 0 3px #222; |
110 |
background: #2383C2; |
background: #2383C2; |
111 |
background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
112 |
background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%); |