From 9c11e96b33d212b8ff6db4a0aa6aa15a619df290 Mon Sep 17 00:00:00 2001 From: Olivier DOSSMANN Date: Thu, 17 Nov 2011 19:25:33 +0100 Subject: [PATCH] [AJ] Ajout d'une feuille de style en bleu. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Attention : pas d'équivalent pour le style avec menu. --- style/bleu_sans_menu.css | 188 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 188 insertions(+) create mode 100644 style/bleu_sans_menu.css diff --git a/style/bleu_sans_menu.css b/style/bleu_sans_menu.css new file mode 100644 index 0000000..2c67b44 --- /dev/null +++ b/style/bleu_sans_menu.css @@ -0,0 +1,188 @@ +html, body { +height: 100%; +width: 80%; +min-width: 300px; +margin: 0 10%; +padding: 0; +background-color: #e9ecf4; +color: #223355; +} + +a:link { +color: #6276a4; +text-decoration: underline; +} + +a:visited { +color: #6276a4; +} + +a:hover { +background-color: #6276a4; +color: #ffffff; +} + +p { +padding: 5px; +} + +h2 { +width: 94%; +padding-left: 2%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 10px; +border-radius: 10px; +-webkit-border-radius: 10px; +} + +h3 { +width: 92%; +padding-left: 3%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 12px; +border-radius: 12px; +-webkit-border-radius: 12px; +} + +div#chapeau { +position: relative; +margin: 0 auto; +padding: 0; +height: 50px; +width: 78%; +top: 0; +left: 1%; +background-color: #223355; +color: #ffffff; +text-align: center; +font-size: 120%; +line-height: 15%; +-moz-border-radius-bottomright: 25px; +border-bottom-left-radius: 25px; +-webkit-border-radius-bottomright: 25px; +-moz-border-radius-bottomleft: 25px; +border-bottom-right-radius: 25px; +-webkit-border-radius-bottomleft: 25px; +} + +div#chapeau h1 { +margin: 0; +padding: 0; +height: 50px; +line-height: 50px; +} + +div#corps { +position: relative; +width: 98%; +left: 2%; +} + +div#corps div.ensemble_element { +min-height: 10em; +} + +div#corps div.element { +height: 9em; +width: 19ex; +margin: 0 5px 10px 5px; +float: left; +border: thin solid #000000; +-moz-border-radius: 15px; +border-radius: 15px; +-webkit-border-radius: 15px; +-moz-box-shadow: 1px 1px 8px #000000; +box-shadow: 1px 1px 8px #000000; +-webkit-box-shadow: 1px 1px 8px #000000; +overflow: hidden; +} + +div#corps div.element:hover { +background-color: #223355; +color: #ffffff; +} + +div#corps div.element div.titre { +height: 3em; +margin-top: 1em; +text-align: center; +} + +div#corps div.element div.image { +height: 48px; +margin: 1em 0 2em 0; +text-align: center; +} + +div#corps div.element div.image img { +border: 0; +} + +div#corps div.espace { + clear: both; +} + +div#cartable { +position: absolute; +height: auto; +width: 20%; +top: 90px; +right: 0; +background-color: #000000; +color: #ffffff; +-moz-border-radius-topleft: 25px; +border-top-left-radius: 25px; +-webkit-border-radius-topleft: 25px; +-moz-border-radius-bottomleft: 25px; +border-bottom-left-radius: 25px; +-webkit-border-radius-bottomleft: 25px; +overflow: hidden; +} + +div#cartable h3 { +width: 90%; +color: #ffffff; +text-align: center; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 12px; +border-radius: 12px; +-webkit-border-radius: 12px; +border-color: #ffffff; +} + +div#cartable a:link { +color: #aaaabb; +text-decoration: underline; +} + +div#cartable a:visited { +color: #aaaabb; +} + +div#cartable a:hover { +background-color: #aaaabb; +color: #223355; +} + +div#soulier { +position: relative; +top: 5px; +right: 5px; +height: 20px; +width: 98%; +color: #000000; +} + +div#soulier p { +margin: 0; +padding: 0; +font-size: 10px; +text-align: center; +}