Erster Commit für das redesign2018
This commit is contained in:
67
homepage/redesign2018/css/cwsvJudo-2018-subNav.css
Normal file
67
homepage/redesign2018/css/cwsvJudo-2018-subNav.css
Normal file
@@ -0,0 +1,67 @@
|
||||
/*
|
||||
* Unterauswahl-Navigationsleiste
|
||||
*/
|
||||
|
||||
/* der SubNavContainer*/
|
||||
.subNav{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.subNavElement{
|
||||
background: #FF8100;
|
||||
padding-top:.125em;
|
||||
padding-left:.125em;
|
||||
padding-right:.125em;
|
||||
border-radius: 1em;
|
||||
border-style: outset;
|
||||
border-color: antiquewhite;
|
||||
text-decoration: none;
|
||||
flex-basis: 20%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subNav a{
|
||||
color: inherit;
|
||||
border-color: antiquewhite;
|
||||
}
|
||||
|
||||
.subNavElementIcon{
|
||||
text-align: center;
|
||||
max-width: 2.5em;
|
||||
height: auto;
|
||||
padding: .125em;
|
||||
}
|
||||
|
||||
.subNavElementCaption{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
.subNav{
|
||||
flex-direction: column;
|
||||
}
|
||||
.subNavElement{
|
||||
border-radius: 0;
|
||||
}
|
||||
.subNavElementIcon{
|
||||
display: none;
|
||||
}
|
||||
.subNavElementCaption{
|
||||
display: initial;
|
||||
font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
|
||||
padding-top: .2em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px){
|
||||
.subNavElement{
|
||||
padding: 1vmin;
|
||||
}
|
||||
.subNav
|
||||
}
|
||||
Reference in New Issue
Block a user