From f19db76cc3b21785619ffd24bfb34692a3aaa66a Mon Sep 17 00:00:00 2001 From: polo Date: Thu, 24 Feb 2022 02:29:14 +0100 Subject: recursiveIterator --- public/css/melaine.css | 107 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 public/css/melaine.css (limited to 'public/css/melaine.css') diff --git a/public/css/melaine.css b/public/css/melaine.css new file mode 100644 index 0000000..429ccec --- /dev/null +++ b/public/css/melaine.css @@ -0,0 +1,107 @@ +/* public/melaine.css */ + +.police_titre +{ + color: #e9d4be; +} + +td +{ + vertical-align: top; +} + +pre +{ + font-family: 'Arial', 'sans'; + white-space: pre-wrap; +} + +figure +{ + /*margin: 5px;*/ +} +.boutonArticle +{ + border-bottom: 3px black double; +} +.boutonArticle a +{ + padding: 2px; + border: 4px black groove; +} + +@media screen and (min-width: 700px) +{ + #titre + { + width: 630px; + height: 171px; + background-image: url("../mouette.png"); + } + + #photo + { + width: 630px; + height: 230px; + background-image: url("../melaine/photo.png"); + position: relative; + bottom: 30px; + } + + /*img + { + max-width: 630px; + }*/ +} + +@media screen and (max-width: 699px) +{ + #titre + { + width: 480px; + height: 131px; + background-image: url("../mouette_petit.png"); + margin: auto; + } + + #photo + { + width: 480px; + height: 191px; + background-image: url("../melaine/photo_petit.png"); + margin: auto; + position: relative; + bottom: 24px; + } + + /*img + { + max-width: 480px; + }*/ +} + +@media screen and (max-width: 479px) +{ + #titre + { + width: 320px; + height: 88px; + background-image: url("../mouette_mini.png"); + margin: auto; + } + + #photo + { + width: 320px; + height: 127px; + background-image: url("../melaine/photo_mini.png"); + margin: auto; + position: relative; + bottom: 17px; + } + + /*img + { + max-width: 320px; + }*/ +} -- cgit v1.2.3