Blog/cms11
Blog/cms11
1
0
Fork 0
Code Issues 7 Activity

Fix: Wrong width (everywhere)

Browse Source
This commit is contained in:
Richard Dern 2024-04-27 22:14:11 +02:00
parent e2b794b64e
commit 1c2af2be71
4 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/css/article-main.css
View File

@ -37,7 +37,8 @@ #article-main {
.drop {
font-size: 1rem;
width: var(--design-width);
max-width: var(--design-width);
width: 100%;
margin: 0 auto;
color: #6c7a89;
background: #01010c radial-gradient(at bottom center, #00101f, #000614, #01010c) no-repeat;
@ -150,11 +151,11 @@ #article-main {
}
hr {
width: var(--design-width);
max-width: var(--design-width);
width: 100%;
border: none;
height: 1px;
background: linear-gradient(to right, #030712 0%, #030712 20%, #1a1f33 50%, #030712 80%, #030712 100%);
margin: 20px 0;
margin: 1em auto;
}
@ -186,7 +187,8 @@ #article-main {
overflow: auto;
border: solid 2px #112;
border-radius: .5rem;
width: var(--design-width);
max-width: var(--design-width);
width: 100%;
max-height: 80vh;
margin: 1em auto;
background: rgb(13, 13, 23) !important;

3
resources/css/chat.css
View File

@ -4,7 +4,8 @@ .chat {
border-radius: 8px;
padding: 10px;
margin: 20px auto;
width: var(--design-width);
max-width: var(--design-width);
width: 100%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
font-size: .8em;
line-height: 125%;

3
resources/css/form.css
View File

@ -1,5 +1,6 @@
form {
width: var(--design-width);
max-width: var(--design-width);
width: 100%;
margin: auto;
input[type=checkbox] {

27
resources/css/tables.css
View File

@ -1,27 +1,28 @@
table {
width: var(--design-width); /* Utilise toute la largeur disponible */
border-collapse: collapse; /* Les bordures des cellules sont fusionnées */
margin: 1em auto; /* Espacement autour du tableau */
background-color: #282c34; /* Fond sombre pour les tableaux */
color: #e4f1fe; /* Texte en couleur claire pour un bon contraste */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Ombre subtile pour un effet de profondeur */
max-width: var(--design-width);
width: 100%;
border-collapse: collapse;
margin: 1em auto;
background-color: #282c34;
color: #e4f1fe;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
font-size: 1rem;
line-height: 125%;
}
th,
td {
border: 1px solid #3a3f4b; /* Bordures des cellules en gris sombre */
padding: 8px 12px; /* Padding pour rendre le texte plus lisible */
text-align: left; /* Alignement du texte à gauche */
vertical-align: middle; /* Alignement vertical au milieu */
border: 1px solid #3a3f4b;
padding: 8px 12px;
text-align: left;
vertical-align: middle;
}
th {
background-color: #1c2028; /* Fond des entêtes un peu plus distinct */
font-weight: bold; /* Texte en gras pour les entêtes */
background-color: #1c2028;
font-weight: bold;
}
tbody tr:nth-child(odd) {
background-color: #32363f; /* Alternance de couleurs pour les lignes */
background-color: #32363f;
}