kleine Anpassungen css
This commit is contained in:
parent
d91d42f759
commit
cf36809d28
@ -14,13 +14,15 @@ body {
|
|||||||
}
|
}
|
||||||
.navbar .nav-link {
|
.navbar .nav-link {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
transition: color 0.3s, background-color 0.3s;
|
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
.navbar .nav-link:hover {
|
.navbar .nav-link:hover {
|
||||||
background-color: #ffd166;
|
background-color: rgba(255, 209, 102, 0.7);
|
||||||
color: #1b1b2f;
|
color: #1b1b2f;
|
||||||
border-radius: 6px;
|
border-color: rgba(255, 209, 102, 0.9);
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -28,6 +30,7 @@ body {
|
|||||||
background-color: #ffd166;
|
background-color: #ffd166;
|
||||||
color: #1b1b2f;
|
color: #1b1b2f;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
border: 2px solid #ffd166;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
@ -121,20 +124,24 @@ p {
|
|||||||
}
|
}
|
||||||
#sidebar .nav-link {
|
#sidebar .nav-link {
|
||||||
margin: 0.5rem 0;
|
margin: 0.5rem 0;
|
||||||
transition: color 0.3s, background-color 0.3s;
|
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
border-radius: 6x;
|
border: 2px solid transparent;
|
||||||
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
#sidebar .nav-link:hover {
|
#sidebar .nav-link:hover {
|
||||||
color: #1b1b2f;
|
color: #1b1b2f;
|
||||||
|
background-color: rgba(255, 209, 102, 0.7);
|
||||||
|
border-color: rgba(255, 209, 102, 0.9);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
#sidebar .nav-link.active {
|
#sidebar .nav-link.active {
|
||||||
color: #1b1b2f;
|
color: #1b1b2f;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: #ffd166;
|
background-color: #ffd166;
|
||||||
border-radius: 6px;
|
border: 2px solid #ffd166;
|
||||||
|
border-radius: 6px;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
#logo_img {
|
#logo_img {
|
||||||
@ -276,4 +283,4 @@ p {
|
|||||||
|
|
||||||
.leaderboard-table tbody tr:last-child td {
|
.leaderboard-table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
|
|
||||||
/* Body Padding entfernen für sauberes Dashboard-Layout */
|
/* Body Padding entfernen für sauberes Dashboard-Layout */
|
||||||
body {
|
body {
|
||||||
padding: 0 !important;
|
padding: 0;
|
||||||
overflow-x: hidden; /* Verhindert horizontales Scrollen durch Sidebar */
|
overflow-x: hidden; /* Verhindert horizontales Scrollen durch Sidebar */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -137,4 +137,4 @@
|
|||||||
<script src="js/play.js"></script>
|
<script src="js/play.js"></script>
|
||||||
<script src="js/navigation.js"></script>
|
<script src="js/navigation.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user