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