chalec
/
www-template
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Corrections de marges et version mobile

This commit is contained in:
Adrien Bourmault 2022-04-13 23:54:06 +02:00
parent 5f698b696c
commit 6eef3ab003
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
1 changed files with 47 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
styles.css
View File

@ -45,6 +45,14 @@ title {
display: none; display: none;
} }
head {
display: none;
}
style {
display:none;
}
body { body {
color: var(--chalec_black); color: var(--chalec_black);
background: var(--chalec_white); background: var(--chalec_white);
@ -73,7 +81,7 @@ article {
} }
aside { aside {
margin: 10px; margin: 30px;
flex-basis: 30%; flex-basis: 30%;
} }
@ -97,8 +105,8 @@ header {
#chalec_banner, #chalec_banner,
#chalec_footer { #chalec_footer {
display: flex; display: flex;
height: 300px; height: auto;
width: 100%; width: auto;
padding: 20px 25px; padding: 20px 25px;
} }
@ -121,19 +129,19 @@ header {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
place-content: baseline center; place-content: baseline center;
padding: 20px
} }
#chalec_site-titles h2 { #chalec_site-titles h2 {
font-weight: normal; font-weight: normal;
color: var(--chalec_red); color: var(--chalec_red);
font-size: 130%; font-size: 130%;
margin-top: 15px;
} }
#chalec_site-name a { #chalec_site-name a {
color: var(--chalec_yellow); color: var(--chalec_yellow);
font-weight: bold; font-weight: bold;
font-size: 300%; font-size: 300%;
} }
#chalec_site-name a:hover { #chalec_site-name a:hover {
@ -163,6 +171,8 @@ footer {
font-size: 130%; font-size: 130%;
color: var(--chalec_yellow); color: var(--chalec_yellow);
font-weight: bold; font-weight: bold;
margin-top: 0px;
margin-left: 0px;
} }
#chalec_footer { #chalec_footer {
@ -183,14 +193,17 @@ footer {
} }
div#chalec_copyright { div#chalec_copyright {
font-size: 90%; font-size: 100%;
flex-basis: 25%; flex-basis: 30%;
margin-left: -100px;
} }
div#chalec_infos { div#chalec_infos {
flex-basis: 75%; flex-basis: 70%;
font-size: 105%; font-size: 100%;
margin: 0px 110px 0px 0px;
} }
.chalec_list-cr { .chalec_list-cr {
display: block; display: block;
margin: 0 0 5px 25px; margin: 0 0 5px 25px;
@ -264,7 +277,6 @@ div#chalec_infos {
text-align: left; text-align: left;
float: right; float: right;
top: -10px; top: -10px;
right: 10px;
padding: 5px; padding: 5px;
font-size: 82%; font-size: 82%;
} }
@ -526,30 +538,31 @@ h1,h2,h3,h4,h5,h6 {
font-size: 130%; font-size: 130%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
margin-left: 20px;
} }
h2 { h2 {
font-size: 125%; font-size: 125%;
margin-left: 30px; margin-left: 20px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
} }
h3 { h3 {
font-size: 120%; font-size: 120%;
margin-left: 40px; margin-left: 20px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
} }
h4 { h4 {
font-size: 115%; font-size: 115%;
margin-left: 50px; margin-left: 20px;
} }
h5 { h5 {
font-size: 110%; font-size: 110%;
margin-left: 60px; margin-left: 20px;
} }
h6 { h6 {
font-size: 105%; font-size: 105%;
margin-left: 75px; margin-left: 20px;
} }
/* /*
@ -561,7 +574,7 @@ h1,h2,h3,h4,h5,h6 {
section#chalec_page-wrapper { section#chalec_page-wrapper {
display: block; display: block;
margin: 0 25px; margin: 10px 25px;
} }
aside#chalec_sidebar { aside#chalec_sidebar {
@ -573,7 +586,11 @@ h1,h2,h3,h4,h5,h6 {
} }
div#chalec_metas { div#chalec_metas {
margin: 10px -10px 0px 0px; margin: 0px -10px 0px 0px;
}
article {
margin-top: 20px;
} }
article#chalec_index { article#chalec_index {
@ -587,7 +604,7 @@ h1,h2,h3,h4,h5,h6 {
#chalec_footer .chalec_paragraph{ #chalec_footer .chalec_paragraph{
margin-bottom: 30px; margin-bottom: 30px;
font-size: 80%; font-size: 90%;
border: 2px solid var(--chalec_yellow); border: 2px solid var(--chalec_yellow);
border-top : unset; border-top : unset;
border-left: unset; border-left: unset;
@ -596,10 +613,11 @@ h1,h2,h3,h4,h5,h6 {
} }
#chalec_footer h1 { #chalec_footer h1 {
margin-top: 10px; margin-top: 0px;
font-size: 115%; font-size: 115%;
padding: 15px; padding: 15px;
margin-bottom: -20px; margin-bottom: -20px;
font-size: 120%
} }
#chalec_footer li { #chalec_footer li {
@ -614,24 +632,27 @@ h1,h2,h3,h4,h5,h6 {
#chalec_site-logo img { #chalec_site-logo img {
all: unset; all: unset;
display: inline-block; display: inline-block;
float: left;
position: relative;
width: 100%; width: 100%;
height: 35%; height: 160px;
} }
#chalec_site-name a { #chalec_site-name a {
margin-top: -30px; margin-top: -50px;
position: relative; position: relative;
float: left; float: left;
font-size: 3rem; font-size: 3rem;
} }
#chalec_site-titles h2 {
font-weight: normal;
color: var(--chalec_red);
font-size: 130%;
margin-top: 15px;
margin-bottom: 5px;
}
#chalec_site-name a:hover { #chalec_site-name a:hover {
margin-top: -30px;
margin-bottom: -20px;
position: relative;
float: left; float: left;
font-size: 3rem; font-size: 3rem;
} }