From 787d03e48471ba62cd830379428f04d996f0b74b Mon Sep 17 00:00:00 2001 From: polo Date: Thu, 17 Feb 2022 18:13:00 +0100 Subject: model update --- public/melaine.css | 214 ++++++++++++++++++++++++++--------------------------- 1 file changed, 107 insertions(+), 107 deletions(-) (limited to 'public/melaine.css') diff --git a/public/melaine.css b/public/melaine.css index f7faf99..dcb218c 100644 --- a/public/melaine.css +++ b/public/melaine.css @@ -1,107 +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: 1px black solid; -} -.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; - } -} +/* 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