From 23657a6f0b0c17bf0c8b813bd9ac9b1f1fbc35b8 Mon Sep 17 00:00:00 2001 From: Greg Burri Date: Sun, 25 May 2008 12:24:51 +0000 Subject: [PATCH] ADD nouveau style (pas fini mais presque) --- css/1/euphorik.css | 8 +- css/1/pageMinichat.css | 148 +++++++++++++++---------- doc/graphiques/maquette_1.svg | 190 ++++++++++++++++++++++++++------- favicon.ico | Bin 1150 -> 1406 bytes img/css1/copier_conv.png | Bin 0 -> 439 bytes img/css1/copier_conv_hover.png | Bin 0 -> 437 bytes img/css1/extraction.png | Bin 0 -> 394 bytes img/css1/extraction_hover.png | Bin 0 -> 392 bytes img/css1/fermer_conv.png | Bin 0 -> 412 bytes img/css1/fermer_conv_hover.png | Bin 0 -> 416 bytes img/css1/fleche.png | Bin 0 -> 299 bytes img/css1/fleche_reponda.png | Bin 0 -> 299 bytes img/css1/triangle.png | Bin 0 -> 397 bytes js/pageMinichat.js | 23 ++-- 14 files changed, 263 insertions(+), 106 deletions(-) create mode 100644 img/css1/copier_conv.png create mode 100644 img/css1/copier_conv_hover.png create mode 100644 img/css1/extraction.png create mode 100644 img/css1/extraction_hover.png create mode 100644 img/css1/fermer_conv.png create mode 100644 img/css1/fermer_conv_hover.png create mode 100644 img/css1/fleche.png create mode 100644 img/css1/fleche_reponda.png create mode 100644 img/css1/triangle.png diff --git a/css/1/euphorik.css b/css/1/euphorik.css index 935d435..7f3d5c8 100755 --- a/css/1/euphorik.css +++ b/css/1/euphorik.css @@ -69,9 +69,8 @@ ul#menu { } #page { - position: relative; font-size: 12px; - background-color: #000000; + background-color: #f6dfc2; padding: 10px 10px 15px 10px; } @@ -126,7 +125,8 @@ ul#menu { } #footer { - text-align: right; + background-color: #e19671; + text-align: center; } #footer a img{ border-style: none; @@ -209,7 +209,7 @@ a:link { color: #c62929; } a:visited { - color: #e84747; + color: #c62929; } a:hover { color: #e84747; diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index da92691..c5602bc 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -1,7 +1,5 @@ #page.minichat { - padding-top: 5px; - padding-right: 0px; - padding-left: 0px + padding: 0px; } #page.minichat img { @@ -12,8 +10,8 @@ #smiles { text-align: center; border: 1px solid; - border-color: #253f18; - background-color: #0c2003; + border-color: #ffffff; + background-color: #f6dfc2; margin-bottom: 10px; padding: 1px; width: 140px; @@ -28,7 +26,7 @@ #outilsBan { border-width: 1px 1px 1px 1px; - border-color: #253f18; + border-color: #ffffff; border-style: solid; padding: 2px; position: absolute; @@ -49,19 +47,16 @@ } #page.minichat #trollCourant { - border-top: 1px solid; - border-bottom: 1px solid; - border-color: #253f18; - background-color: #0c2003; - margin-top: 4px; - margin-bottom: 8px; - padding : 1px 0px 1px 10px + color: #FFFFFF; + position: absolute; + z-index: 20; + left: 140px; + top: 88px; } #page.minichat #trollCourant .troll { - font-style: italic; - color: #FFFF88; cursor: pointer; + font-style: italic } #page.minichat .titreSmiles:hover { @@ -69,8 +64,9 @@ } #page.minichat form { - margin-bottom: 15px; - padding-left: 10px; + background-color: #e19671; + padding-left: 10px; + padding-bottom: 10px; } #page.minichat form p { @@ -89,7 +85,7 @@ #page.minichat form .return { height: 16px; width: 32px; - background-image: url(../../img/css1/return.png); + background-image: url(../../img/css2/return.png); background-repeat: no-repeat; background-position: 5px 2px; vertical-align: top; @@ -98,7 +94,7 @@ #page.minichat form .smiles { height: 16px; width: 16px; - background-image: url(../../img/css1/bouton_smiles.png); + background-image: url(../../img/css2/bouton_smiles.png); background-repeat: no-repeat; background-position: 2px 2px; vertical-align: top; @@ -124,16 +120,17 @@ border-left-style: solid; border-color: transparent; padding-right: 5px; - padding-left: 4px; cursor: pointer; + min-height: 18px; + line-height: 18px; } #page.minichat #conversations div.messageImpair { - background-color: #05002c; + background-color: #fbeede; } #page.minichat #conversations div.messagePair { - background-color: #080047; + background-color: #f6dfc2; } #page.minichat #conversations div.cache { @@ -154,7 +151,7 @@ border-color: #bd1129 } #page.minichat #conversations div.systeme { - background-color: #555555 + background-color: #f0df95 } #page.minichat div.message a { @@ -162,17 +159,34 @@ } #page.minichat div.message .lienConv { - color: #db960f; + color: #c62929; font-weight: bold; cursor: pointer } #page.minichat div.message .lienConv:hover { - color: #f1c060 + color: #e84747 +} + +#page.minichat .entete { + z-index: 20; + background-color: #841919; + color: #f6dfc2; + display: block; + float: left; + height: 18px; +} + +#page.minichat .delimitationEntete { + z-index: 20; + height: 18px; + width: 7px; + background-image: url(../../img/css1/fleche.png); + display: block; + float: left; } #page.minichat .date { - color: #fd913b; margin-right: 3px; margin-left: 3px; } @@ -182,21 +196,15 @@ margin-left: 4px; margin-right: 2px; font-weight: bold; - color: #76ff33; } #page.minichat div.message.ekMaster .pseudo { - color: #ffffff; + color: #f0df95 } #page.minichat div.message .pseudo .login { margin-left: 2px; font-size: 8px; - color: #a7d88f; -} - -#page.minichat div.systeme .pseudo { - color: #CCCCCC } /* Ca marche pas :( @@ -206,66 +214,90 @@ }*/ #page.minichat #conversations .repondA { - margin-left: 4px; - color: #bd7a11 + z-index: 5; + height: 18px; + margin-left: -7px; + padding-left: 9px; + float: left; + background-color: #cb2626; + color: #ffffff; + display: block; + background-image: url(../../img/css1/fleche.png); + background-repeat: no-repeat; } -/*#page.minichat #conversations .contenu { - display: inline; -}*/ +#page.minichat #conversations .delimitationRepondA { + z-index: 20; + height: 18px; + width: 7px; + background-image: url(../../img/css1/fleche_reponda.png); + display: block; + float: left; +} + +#page.minichat #conversations .contenu { + margin-left: 5px; +} #page.minichat #conversations .extraire { float: right; - padding-right: 2px; - padding-left: 2px; - background-color: #4f5519; + width: 13px; + height: 13px; + background-image: url(../../img/css1/extraction.png); + margin-top: 2px } #page.minichat #conversations .extraire:hover { - background-color: #818c27 + background-image: url(../../img/css1/extraction_hover.png); } #page.minichat #conversations .titre { text-align: center; padding-right: 8px; - background-color: #4b4215 + background-color: #e19671; + color: #ffffff; } #page.minichat #conversations .titre .fermer { + margin-top: 1px; + margin-left: 5px; float: right; - padding-right: 5px; - padding-left: 5px; - background-color: #7d1b1b; + width: 13px; + height: 13px; + background-image: url(../../img/css1/fermer_conv.png); cursor: pointer; } - #page.minichat #conversations .titre .fermer:hover { - background-color: #c95656 + background-image: url(../../img/css1/fermer_conv_hover.png); +} + +#page.minichat #conversations .titre .lien { + margin-top: 1px; + float: right; + width: 13px; + height: 13px; + background-image: url(../../img/css1/copier_conv.png); + cursor: pointer; +} +#page.minichat #conversations .titre .lien:hover { + background-image: url(../../img/css1/copier_conv_hover.png); } #page.minichat #conversations .titre .next, #page.minichat #conversations .titre .prev { display: none; } - -#page.minichat #conversations .titre .lien { - float: right -} - -#page.minichat #conversations .titre .lien, #page.minichat #conversations .titre .next, #page.minichat #conversations .titre .prev, #page.minichat #conversations .titre .numPage { - background-color: #42380b; + background-color: #841919; cursor: pointer; padding-right: 5px; padding-left: 5px; } - -#page.minichat #conversations .titre .lien:hover, #page.minichat #conversations .titre .next:hover, #page.minichat #conversations .titre .prev:hover, #page.minichat #conversations .titre .numPage:hover { - background-color: #7c6e2e + background-color: #cb2626 } diff --git a/doc/graphiques/maquette_1.svg b/doc/graphiques/maquette_1.svg index b352de4..8f2d540 100644 --- a/doc/graphiques/maquette_1.svg +++ b/doc/graphiques/maquette_1.svg @@ -15,7 +15,7 @@ inkscape:version="0.46" sodipodi:docname="maquette_1.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape" - inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo.png" + inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png" inkscape:export-xdpi="138.63565" inkscape:export-ydpi="138.63565">