1 |
/*! mageia.org nav CSS */ |
2 |
|
3 |
/** |
4 |
* TODO top nav must stay on top when scrolling (reduced or full) |
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; } |
32 |
#mgnav { |
33 |
margin: 0; padding: 0; |
34 |
padding-bottom: 4px; |
35 |
background: #2383C2; |
36 |
background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
37 |
background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
38 |
background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%); |
39 |
background: linear-gradient(top, #3494D3 0%, #2383C2 50%); |
40 |
font: normal 13px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; |
41 |
} |
42 |
|
43 |
#nav { |
44 |
margin: 0; |
45 |
padding: 0; |
46 |
display: table; |
47 |
} |
48 |
#nav li { |
49 |
display: table-cell; |
50 |
padding: 0; |
51 |
border-right: 1px solid #f0f0f0; |
52 |
} |
53 |
#nav li:last-child { border: none; } |
54 |
#nav a { |
55 |
display: block; |
56 |
height: 64px; |
57 |
padding: 0 1.4em; |
58 |
text-decoration: none; |
59 |
text-align: center; |
60 |
line-height: 75px; |
61 |
min-width: 2.5em; |
62 |
color: #444; |
63 |
background: #fff; |
64 |
cursor: pointer; |
65 |
} |
66 |
#nav a:hover { |
67 |
color: #2383C2; |
68 |
} |
69 |
|
70 |
#nav a.mageia { |
71 |
width: 143px; |
72 |
background: #fff url(//nav.mageia.org/css/mageia-logo-nav.png) no-repeat 30px 10px; |
73 |
color: transparent; |
74 |
text-shadow: none; |
75 |
} |
76 |
|
77 |
.about #mgnav .about, |
78 |
.downloads #mgnav .downloads, |
79 |
.community #mgnav .community, |
80 |
.blog #mgnav .community, |
81 |
.mediawiki #mgnav .community, |
82 |
.support #mgnav .support, |
83 |
.contribute #mgnav .contribute, |
84 |
.bugs-mageia-org #mgnav .contribute, |
85 |
.contrib #mgnav .contrib, |
86 |
.you #mgnav .you |
87 |
{ |
88 |
font-weight: bold; |
89 |
background: transparent; |
90 |
color: white; |
91 |
text-shadow: 0 0 3px #222; |
92 |
/*outline: 4px solid white; |
93 |
=> works with Chrome 18+, fails with Firefox 12 |
94 |
=> using this ~ hack in the meantime {{ |
95 |
*/ |
96 |
/*border: 4px solid white;*/ |
97 |
border-top: 0; |
98 |
/*margin-bottom: -4px;*/ |
99 |
/* }} */ |
100 |
} |
101 |
|
102 |
#mgnavtitle, /* deprecated */ |
103 |
#mgnavt /* preferred */ |
104 |
{ |
105 |
font-size: 24px; |
106 |
margin: 0; |
107 |
padding: 0.5em 1em 0.8em 30px; |
108 |
color: #fff; |
109 |
text-shadow: 0 0 3px #222; |
110 |
background: #2383C2; |
111 |
background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
112 |
background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
113 |
background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%); |
114 |
background: linear-gradient(top, #2383C2 0%, #1272B1 50%); |
115 |
} |
116 |
#mgnavt a { color: #fff; } |
117 |
|
118 |
/* allows to have a title + contextual sub menu */ |
119 |
header#mgnavt { text-align: left; } |
120 |
#mgnavt h1 { font-size: 24px; color: #fff; margin: 0; padding: 0; display: inline; } |
121 |
#mgnavt ul { font-size: 12px; margin: 0 0 0 4em; padding: 0; display: inline; } |
122 |
#mgnavt ul li { display: inline; margin: 0 1em; padding: 0; } |
123 |
#mgnavt ul li a { display: inline-block; text-decoration: none; } |