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