adapted icon sizes
This commit is contained in:
@@ -254,10 +254,33 @@ ul.fiftyohm-navbar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fiftyohm-navbar .material-icons {
|
.fiftyohm-navbar .material-icons {
|
||||||
width: 32px;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fiftyohm-navbar .icon-start {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
.fiftyohm-navbar .icon-lernen {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
.fiftyohm-navbar .icon-suche {
|
||||||
|
font-size: 31px;
|
||||||
|
}
|
||||||
|
.fiftyohm-navbar .icon-infos {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
.fiftyohm-navbar .icon-pruefung {
|
||||||
|
font-size: 31px;
|
||||||
|
}
|
||||||
|
.fiftyohm-navbar .icon-simulation {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes fadeIn {
|
@keyframes fadeIn {
|
||||||
0% { opacity: 0; }
|
0% { opacity: 0; }
|
||||||
100% { opacity: 1; }
|
100% { opacity: 1; }
|
||||||
|
|||||||
@@ -61,37 +61,37 @@
|
|||||||
<ul class="fiftyohm-navbar" id="nav-dropdown">
|
<ul class="fiftyohm-navbar" id="nav-dropdown">
|
||||||
<li>
|
<li>
|
||||||
<a href="index.html">
|
<a href="index.html">
|
||||||
<span class="material-icons">home</span>
|
<span class="material-icons icon-start">home</span>
|
||||||
Start
|
Start
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="index.html#lernen">
|
<a href="index.html#lernen">
|
||||||
<span class="material-icons">local_library</span>
|
<span class="material-icons icon-lernen">local_library</span>
|
||||||
Lernen
|
Lernen
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="suche.html">
|
<a href="suche.html">
|
||||||
<span class="material-icons">search</span>
|
<span class="material-icons icon-suche">search</span>
|
||||||
Suche
|
Suche
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="infos.html">
|
<a href="infos.html">
|
||||||
<span class="material-icons">info</span>
|
<span class="material-icons icon-infos">info</span>
|
||||||
Infos
|
Infos
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="pruefung.html">
|
<a href="pruefung.html">
|
||||||
<span class="material-icons">fact_check</span>
|
<span class="material-icons icon-pruefung">fact_check</span>
|
||||||
Prüfung
|
Prüfung
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="simulation.html">
|
<a href="simulation.html">
|
||||||
<span class="material-icons">quiz</span>
|
<span class="material-icons icon-simulation">quiz</span>
|
||||||
Simulation
|
Simulation
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
Reference in New Issue
Block a user