Skip to content

Instantly share code, notes, and snippets.

@SinusMedii
Created April 28, 2012 12:17
Show Gist options
  • Select an option

  • Save SinusMedii/2518585 to your computer and use it in GitHub Desktop.

Select an option

Save SinusMedii/2518585 to your computer and use it in GitHub Desktop.
CSS: Basisvorlage CSS navigation.css
/* Navigation CSS
www.projektname.ch
Letzte Aenderung: 00.00.20xx
*/
/* Metanavigation ----------------------------------------------------------------------------------- */
#metanavigation a {
font-size: 1em;
color: #fff;
line-height: 2.0em;
}
span.metastrich {
font-size: 1em;
color: #fff;
}
/* Rechter Abstand der Metanavigation*/
span.abstandmetanavi {
margin-right: 15px;
}
/* Navigation Level 1 -------------------------------------------------------------------------------- */
/*Allgemeine Defintion für Links in der Navigation */
#navigation .nav1_lev1, #navigation .nav1_lev2 {
width: 200px;
display: block;
}
/* @group Level 1 */
#navigation .nav1_lev1 a {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 1.17em;
text-decoration: none;
word-spacing: 0em;
line-height: 1.5;
display: block;
color: #003263;
padding-left: 15px;
padding-top: 8px;
padding-bottom: 6px;
border-top: 1px solid #3d6eaa;
}
#navigation .nav1_lev1 a:hover {
font-family: Arial, Helvetica, Geneva, sans-serif;
color: #3d6eaa;
}
#navigation .nav1_lev1.l1act a {
font-family: Arial, Helvetica, Geneva, sans-serif;
color: #003263;
}
#navigation .lev1letzte a {
border-bottom: 1px solid #3d6eaa;
}
#navigation .nav1_lev1.l1act.lev1letzte a {
border-bottom: none !important;
}
/* @end Level 1*/
/* @group Level 2 */
/*EinrŸückung nach innen*/
#navigation .nav1_lev2 a {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 1.17em;
text-decoration: none;
word-spacing: 0em;
line-height: 1.5;
display: block;
color: #003263;
padding-left: 27px;
padding-top: 4px;
padding-bottom: 2px;
border-top: 1px solid #8ab7db;
background: url("../images/Nav_Lev2_ul.gif") 14px center no-repeat;
}
#navigation .nav1_lev2 a:hover {
color: #003263;
background-color: #c9deed;
}
#navigation .nav1_lev2.l2act a {
color: #003263;
background-color: #c9deed;
}
#navigation .lev2letzte a {
/*border: none !important;*/
}
/* @end Level 2*/
/* @group Level 3 */
/*EinrŸückung nach innen*/
#navigation .nav1_lev3 a {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 1em;
text-decoration: none;
word-spacing: 0em;
line-height: 1.5;
display: block;
color: #003263;
padding-left: 35px;
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #8ab7db;
}
#navigation .nav1_lev3 a:hover {
color: #003263;
background-color: #cadeed;
}
#navigation .nav1_lev3.l3act a {
font-family: Arial, Helvetica, Geneva, sans-serif;
color: #003263;
border-bottom: 1px solid #8ab7db
}
#navigation .lev3letzte a {
border: none !important;
}
/* @end Level 3*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment