fix: améliorations de style

This commit is contained in:
Kazhnuz Klappsthul 2023-05-25 12:48:30 +02:00
parent 00db589b47
commit 296fbe6d91
1 changed files with 45 additions and 8 deletions

View File

@ -27,7 +27,7 @@ body {
min-height:100%;
font-family: var(--font-family);
color: var(--text-color);
width:1280px;
max-width:1600px;
}
html {
overflow-y: scroll;
@ -115,17 +115,26 @@ ul.flex {
margin:0;
}
header nav .nav-item a {
header nav .nav-item a,
div.parent a {
background-color:var(--background-color);
border:1px solid rgba(255,255,255,0.05);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.8);
padding:0.66rem;
padding: 0.66rem;
border-radius:4px;
text-decoration:none;
color:var(--text-color)!important;
}
header nav .nav-item a {
display: block;
}
div.parent {
padding-top: 0.66rem;
padding-bottom: 0.66rem;
}
header nav .nav-item a:hover {
box-shadow: 0px 0px 3px 2px rgba(255,255,255,0.3);
}
@ -159,7 +168,8 @@ main {
}
#sidebar ul > li,
.model h2 {
.model h2,
#more-info h2 {
list-style: none;
font-weight: bold;
font-size: 1rem;
@ -184,8 +194,10 @@ main {
ul.nav,
#sidebar ul li ul,
#more-info ol,
#more-info ul,
ul.flex li,
.model h2 {
.model h2,
#more-info h2 {
padding:0;
margin:0;
list-style: none;
@ -197,7 +209,7 @@ ul.flex li,
}
#sidebar ul li a,
#more-info ol li a,
#more-info li a,
.model a {
display:block;
width:100%;
@ -207,6 +219,10 @@ ul.flex li,
padding:3px;
}
#more-info li a {
padding-left:12px;
}
.model a {
margin: 2px;
}
@ -220,12 +236,12 @@ ul.flex li,
}
#sidebar ul li a.active,
#more-info ol li a.active {
#more-info li a.active {
background-color:rgba(255,255,255,0.1);
}
#sidebar ul li a:hover,
#more-info ol li a:hover,
#more-info li a:hover,
.model a:hover {
background-color:rgba(255,255,255,0.2);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
@ -246,3 +262,24 @@ footer {
margin:12px;
}
table {
width:100%;
border-collapse: collapse;
}
th, td {
border: 1px solid rgba(255,255,255,0.15);
padding: 3px;
}
th {
border-bottom-width: 3px;
}
th {
background-color: rgba(255, 255, 255, 0.1);
}
tr:nth-child(even) td {
background-color: rgba(255, 255, 255, 0.03);
}