nav/css/source.css

/*! 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-3.png) no-repeat 26px 12px;
    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,
.donate #mgnav .donate,
.bugs-mageia-org #mgnav .contribute,
.contrib #mgnav .contrib,
.you #mgnav .you,
.contact #mgnav .contact
{
    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;*/
    /* }} */
}

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;
}

#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; }
1	/! mageia.org nav CSS /
2
3	/**
4	* TODO top nav must stay on top when scrolling (reduced or full)
5	*
6	*/
7	/** Global rules for .mageia.org /
8	/*
9	body {
10	background: #fff;
11	font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
12	}
13	a, a:link { color: #2383c2; text-decoration: none; }
14	*/
15	h1,
16	h2,
17	h3 {
18	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
19	font-weight: normal;
20	color: #3494d3;
21	}
22
23	h2 a,
24	h3 a {
25	color: #3494d3;
26	text-decoration: none;
27	}
28
29	/** Specific to navigation elements */
30
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-3.png) no-repeat 26px 12px;
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	.donate #mgnav .donate,
85	.bugs-mageia-org #mgnav .contribute,
86	.contrib #mgnav .contrib,
87	.you #mgnav .you,
88	.contact #mgnav .contact
89	{
90	font-weight: bold;
91	background: transparent;
92	color: white;
93	text-shadow: 0 0 3px #222;
94	/*outline: 4px solid white;
95	=> works with Chrome 18+, fails with Firefox 12
96	=> using this ~ hack in the meantime {{
97	*/
98	/border: 4px solid white;/
99	border-top: 0;
100	/margin-bottom: -4px;/
101	/* }} */
102	}
103
104	h1,
105	h2,
106	h3 {
107	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
108	font-weight: normal;
109	color: #3494d3;
110	}
111
112	h2 a,
113	h3 a {
114	color: #3494d3;
115	text-decoration: none;
116	}
117
118	#mgnavtitle, /* deprecated */
119	#mgnavt /* preferred */
120	{
121	font-size: 24px;
122	margin: 0;
123	padding: 0.5em 1em 0.8em 30px;
124	color: #fff;
125	text-shadow: 0 0 3px #222;
126	background: #2383C2;
127	background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%);
128	background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%);
129	background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%);
130	background: linear-gradient(top, #2383C2 0%, #1272B1 50%);
131	}
132	#mgnavt a { color: #fff; }
133
134	/* allows to have a title + contextual sub menu */
135	header#mgnavt { text-align: left; }
136	#mgnavt h1 { font-size: 24px; color: #fff; margin: 0; padding: 0; display: inline; }
137	#mgnavt ul { font-size: 12px; margin: 0 0 0 4em; padding: 0; display: inline; }
138	#mgnavt ul li { display: inline; margin: 0 1em; padding: 0; }
139	#mgnavt ul li a { display: inline-block; text-decoration: none; }