jdr-et-univers/erratum
2
1
Fork 1
Code Issues 25 Pull requests 1 Projects 2 Activity

fix: améliorations de style

Browse source
This commit is contained in:
Kazhnuz 2023-05-25 12:48:30 +02:00
parent 00db589b47
commit 296fbe6d91
1 changed files with 45 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
public/css/index.css
View file

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