ADD nouveau style (pas fini)

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 996a545..935d435 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -27,29 +27,37 @@ ul#menu {
        /*
        left: 300px;
        top: 2px;*/
-       padding-left: 300px;
+       background-image: url(../../img/css1/logo_fond.png);
        /*position: absolute;*/
-       height:134px;
+       height:129px;
+       width: 100%;
        font-size: 11px;
        list-style-type:none;
-       background-color: #e19671;
-       background-image: url(../../img/css1/fond.png);
-       background-repeat: no-repeat
+       /*background-color: #e19671;*/
+}
+#menu li:first-child {
+       margin-left: 340px;
 }
 #menu li {
+       margin-top: 47px;
+       padding-top: 5px;
+       font-size: 14px;
+       text-align: center;
        cursor: pointer;        
-       height:117px;
+       height:25px;
        z-index: 20;
        float: left;
-       padding: 2px;
-       margin-left: 2px;
-       background-color: #4f5519;
+       min-width: 60px;
+       background-color: #f6dfc2;
 }
 #menu li.courante {    
-       background-color: #818c27;
+       background-color: #ffffff;
+       background-image: url(../../img/css1/triangle.png);
+       background-repeat: no-repeat;
+       background-position: center bottom
 }
 #menu li:hover {       
-       background-color: #818c27
+       background-color: #ffffff;
 }
 
 #menuCss {
@@ -111,10 +119,10 @@ ul#menu {
 #logo {
    z-index: 10;
    background-image: url(../../img/css1/logo.png);
+       background-repeat: no-repeat;
    width: 304px;
-   height: 134px;
+   height: 129px;
    position: absolute;
-   top: -4px;
 }\r
 
 #footer {
@@ -130,9 +138,10 @@ div#info {
        position: fixed;\r
        left: 0px;\r
        top: 0px;\r
-       background-color: #000000;
-       border-bottom: 1px solid #aeaeae;\r
-       z-index: 20;\r
+       background-color: #841919;
+       border-bottom: 1px solid #FFFFFF;\r
+       z-index: 20;
+       color: #f0df95\r
 }
 
 div#info div.fermer {
@@ -164,13 +173,13 @@ div#info .boutons {
 
 div#info .boutons div {
        cursor: pointer;
-       background-color: #770000;      
+       background-color: #c62929;      
        display: inline;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 0px 5px;
 }
 div#info .boutons div:hover {
-       background-color: #bc0000;      
+       background-color: #e84747;      
 }
 \r
 .captcha {\r
@@ -180,9 +189,8 @@ div#info .boutons div:hover {
 form input,
 form button,
 form select {
-       background-color: #164200; 
-       border: #2d8800 1px solid;
-       color: #EEEEEE;
+       background-color: #f0df95; 
+       border: #841919 1px solid;
 }
 
 form input,
@@ -198,15 +206,15 @@ a {
    text-decoration: none;\r
 }\r
 a:link {\r
-       color: #7664ff;\r
+       color: #c62929;\r
 }\r
 a:visited {\r
-   color: #7664ff;\r
+   color: #e84747;\r
 }\r
 a:hover {\r
-   color: #ffad0f;\r
+   color: #e84747;\r
 }\r
 a:active {\r
-   color: #ffad0f;\r
+   color: #e84747;\r
 }\r
 \r

diff --git a/doc/graphiques/maquette_1.svg b/doc/graphiques/maquette_1.svg
index 00e6be9..b352de4 100644 (file)
--- a/doc/graphiques/maquette_1.svg
+++ b/doc/graphiques/maquette_1.svg
@@ -91,8 +91,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4142136"
-     inkscape:cx="282.16006"
-     inkscape:cy="972.05448"
+     inkscape:cx="167.60876"
+     inkscape:cy="887.20167"
      inkscape:document-units="px"
      inkscape:current-layer="layer2"
      showgrid="false"
@@ -117,7 +117,7 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     style="display:inline">
+     style="display:none">
     <rect
        style="fill:#f6dfc2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        id="rect3458"
@@ -137,16 +137,6 @@
        inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
        inkscape:export-xdpi="138.63892"
        inkscape:export-ydpi="138.63892" />
-    <rect
-       style="fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect3224"
-       width="453.71909"
-       height="20.843534"
-       x="46.525745"
-       y="82.616722"
-       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
-       inkscape:export-xdpi="138.63892"
-       inkscape:export-ydpi="138.63892" />
     <text
        xml:space="preserve"
        style="font-size:9px;font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Standard Symbols L;-inkscape-font-specification:Standard Symbols L Italic"
@@ -337,6 +327,16 @@
      id="layer2"
      inkscape:label="logo"
      style="display:inline">
+    <rect
+       style="display:inline;fill:#841919;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3224"
+       width="453.71909"
+       height="20.843534"
+       x="46.525745"
+       y="82.616722"
+       inkscape:export-filename="/home/gburri/projets/euphorik/doc/graphiques/logo_brut2.png"
+       inkscape:export-xdpi="138.63892"
+       inkscape:export-ydpi="138.63892" />
     <path
        style="opacity:0.75;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline;filter:url(#filter5374)"
        d="M 87.929756,36.448593 C 70.696656,36.448593 56.136941,47.968757 51.554756,63.729843 L 46.617256,63.729843 L 46.617256,82.823589 L 51.023506,82.823589 C 54.891953,99.630647 69.953686,112.16733 87.929756,112.16733 C 105.90583,112.16733 120.93631,99.630647 124.80476,82.823589 L 500.71101,82.823589 L 500.71101,63.729843 L 124.27351,63.729843 C 119.69133,47.968757 105.16286,36.448592 87.929756,36.448593 z"
@@ -398,7 +398,7 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="menu"
-     style="display:inline">
+     style="display:none">
     <rect
        style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
        id="rect5408"

diff --git a/img/css1/logo.png b/img/css1/logo.png
index eed64b8..546676d 100644 (file)
Binary files a/img/css1/logo.png and b/img/css1/logo.png differ

diff --git a/img/css1/logo_fond.png b/img/css1/logo_fond.png
index 83258b8..3b9d33e 100644 (file)
Binary files a/img/css1/logo_fond.png and b/img/css1/logo_fond.png differ

diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index 8adcd87..42314d1 100755 (executable)
--- a/js/pageMinichat.js
+++ b/js/pageMinichat.js
@@ -497,7 +497,7 @@ Conversation.prototype.flush = function(funClickOuvrirConv)
       
    // construction de l'XHTML des messages
    var XHTML = ""
-   for (var i = this.messages.length - 1; i >= 0; i--)
+   for (var i = 0; i < this.messages.length; i++)
       if (this.messages[i].id > this.idDernierMessageAffiche)
       {      
          var message = this.messages[i]