From 2afdde9749eeface10ceca832eb7f8ff8d32de3c Mon Sep 17 00:00:00 2001 From: polo Date: Wed, 2 Mar 2022 01:10:29 +0100 Subject: Affichage et page archives --- public/css/accueil.css | 34 +++++++++++++++++++--------------- public/css/discographie.css | 22 ++++++++++++---------- public/css/donnees_hors_editeur.css | 9 ++------- public/css/pages_articles_simples.css | 27 +++++++++++++++++++++++++++ public/header_images/logo_real.png | Bin 0 -> 12772 bytes public/header_images/logo_vlc.png | Bin 0 -> 12002 bytes 6 files changed, 60 insertions(+), 32 deletions(-) create mode 100644 public/header_images/logo_real.png create mode 100644 public/header_images/logo_vlc.png (limited to 'public') diff --git a/public/css/accueil.css b/public/css/accueil.css index 8c8ff35..b95e818 100644 --- a/public/css/accueil.css +++ b/public/css/accueil.css @@ -95,6 +95,11 @@ h3 margin: 3px; } +article +{ + font-size: 90%; + margin: 5px 0; +} .articleAvecEditeur { background-color: #a8b3d9; @@ -123,8 +128,11 @@ form #courriel a:hover { - /*border: 1px blue solid;*/ - padding: 5px; + /*padding: 5px;*/ +} +#courriel>button /* bouton pour remonter */ +{ + float: right; } #courrielJS @@ -249,16 +257,16 @@ form { .police_titre { - + max-width: 550px; font-family: you_are_loved, Arial, sans; font-size: 250%; color: #ddc97a; - position: relative; - top: 30px; - left: 40px; + margin-left: 30px; + padding-top: 20px; } - /* compensation des cibles de liens # superposées au "nav" hors flux */ + /* compensation des cibles de liens # + superposées au "nav" hors flux */ :target { padding-top: 70px; @@ -328,10 +336,8 @@ form font-family: you_are_loved, Arial, sans; font-size: 200%; color: #ddc97a; - - position: relative; - top: 20px; - left: 30px; + margin-left: 25px; + padding-top: 20px; } #bienvenue .police_titre @@ -427,10 +433,8 @@ form font-family: you_are_loved, Arial, sans; font-size: 150%; color: #ddc97a; - - position: relative; - top: 13px; - left: 18px; + margin-left: 15px; + padding-top: 10px; } #bienvenue .police_titre diff --git a/public/css/discographie.css b/public/css/discographie.css index 8ed3700..0362bb4 100644 --- a/public/css/discographie.css +++ b/public/css/discographie.css @@ -25,7 +25,7 @@ aside div #bouton_chronologie { - width: 200px; + width: 250px; text-align: center; font-size: large; font-weight: bold; @@ -38,7 +38,7 @@ aside div #chronologie { - width: 200px; + width: 250px; font-weight: bold; /*padding: 5px;*/ display: none; @@ -55,7 +55,7 @@ aside div #chronologie p a:visited { - color: blue; + /*color: blue;*/ } #chronologie p a:hover { @@ -65,6 +65,7 @@ aside div .linkChrono { text-decoration: none; + color: blue; } .linkChrono:hover { @@ -131,7 +132,7 @@ input article { margin: 5px 0px; - width: 32%; + width: 22%; /*min-width: 300px;*/ } .articleAvecEditeur @@ -139,15 +140,15 @@ article width: 100%; } -.vignette +figure { - width: 100%; + margin: 0px; + /*display: inline-block;*/ } -figure +.vignette { - margin: 0px; - /*display: inline-block;*/ + width: 100%; } figcaption @@ -280,13 +281,14 @@ a:hover figure figcaption #bouton_chronologie { - width: 130px; + width: 180px; font-size: initial; /* 150% est plus petit que "normal" */ padding-top: 5px; } #chronologie { + width: 180px; /*display: flex;*/ } diff --git a/public/css/donnees_hors_editeur.css b/public/css/donnees_hors_editeur.css index 25436a4..d54d7ff 100644 --- a/public/css/donnees_hors_editeur.css +++ b/public/css/donnees_hors_editeur.css @@ -1,5 +1,3 @@ -/*img{vertical-align: bottom;}*/ - .text-tiny{font-size: x-small;} .text-small{font-size: small;} .text-big{font-size: large;} @@ -20,13 +18,12 @@ input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;-ms-appearan height: 16px; width: 16px; border: 1px solid black; border-radius: 2px; position: relative; top: 5px; margin-right: 10px;} input[type="checkbox"]:checked{border: none; background: #26ab33;} -.table>table{border-collapse: collapse;} -.table td{border: 1px grey solid; padding: 7px; min-width: 30px;} +.table>table{border-collapse: collapse; border-width: 2px;} +.table td{padding: 7px; min-width: 30px; border-width: 2px;} td p{margin: 0px;} .image{width: fit-content;margin: 0px;text-align: center;margin: auto;/*height: 100%;*/} .image img{width: 100%;} -/*.image:not(.image_resized) img{width: auto;}*/ .image-style-side{float: right;} .image-style-side:not(.image_resized){max-width: 50%;} .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;} @@ -38,8 +35,6 @@ iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px - - @media screen and (max-width: 1000px) { /*img{max-width: 900px;}*/ diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css index 03e4317..5f20753 100644 --- a/public/css/pages_articles_simples.css +++ b/public/css/pages_articles_simples.css @@ -91,6 +91,11 @@ figure } } +.explications +{ + font-size: 90%; +} + /* CSS spécifique à chaque page */ @media screen and (min-width: 700px) @@ -134,6 +139,7 @@ figure height: 171px; margin-left: auto; } + #photo_archives { background-image: url('../header_images/blonde.jpg'); @@ -141,6 +147,14 @@ figure height: 233px; margin-left: auto; } + .explications + { + width: 373px; + } + .explications p + { + margin: 10px; + } } @media screen and (max-width: 699px) @@ -191,6 +205,14 @@ figure height: 177px; margin: 0 0 0 auto; } + .explications + { + width: 285px; + } + .explications p + { + margin: 5px; + } } @media screen and (max-width: 479px) @@ -241,4 +263,9 @@ figure height: 118px; margin: 0 0 0 auto; } + .explications + { + width: 190px; + + } } diff --git a/public/header_images/logo_real.png b/public/header_images/logo_real.png new file mode 100644 index 0000000..2a7cae1 Binary files /dev/null and b/public/header_images/logo_real.png differ diff --git a/public/header_images/logo_vlc.png b/public/header_images/logo_vlc.png new file mode 100644 index 0000000..df17359 Binary files /dev/null and b/public/header_images/logo_vlc.png differ -- cgit v1.2.3