[Noalyss-commit] [noalyss] 06/11: Task #1045 - Amélioration apparence : Tabs no wrap

[Dany De Bontridder]

sparkyx pushed a commit to branch master
in repository noalyss.

commit 2160f1889d095f386dbd37b22d9693c27fa9e5d0
Author: Dany De Bontridder <address@hidden>
Date:   Tue Dec 2 18:39:12 2014 +0100

    Task #1045 - Amélioration apparence  :
    Tabs no wrap
---
 html/style-classic.css   |    2 ++
 html/style-light.css     |   35 ++++++++++++++++++++++++-----------
 html/style-mandarine.css |   14 ++++++++++++--
 3 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/html/style-classic.css b/html/style-classic.css
index 05b0f7a..1381d98 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -1563,12 +1563,14 @@ li.tabs:hover {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border:1px #879ed4 solid;
+    white-space: nowrap;
 
 }
 ul.tabs a {
     text-decoration: none;
     color:inherit;
     display:inline;
+    white-space: nowrap;
     
 }
 ul.tabs a:hover {
diff --git a/html/style-light.css b/html/style-light.css
index 6325701..d23c273 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -381,7 +381,7 @@ tr.even:hover td
     background-color: #a9d6e4;
     color:#FFFFFF;
 }
-td.mtitle:hover
+td.mtitle:hover, div.menu2 td.mtitle:hover
 {
 /*    background: rgb(89,106,114);  Old browsers 
 background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, 
rgba(206,220,231,1) 100%);  FF3.6+ 
@@ -397,10 +397,10 @@ filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#596a72', end
 /*    background-color:blue;*/
    border-bottom-color: red;
    border-bottom-style: solid;
-   border-bottom-width: 2px;
+   border-bottom-width: 4px;
    border-top-color:red;
    border-top-style:solid;
-   border-top-width:2px;
+   border-top-width:4px;
    
 }
 td.mtitle:hover a , div.content a.mtitle:hover  {
@@ -938,11 +938,11 @@ div.topmenu table {
 }
 div.topmenu td, td.mtitle {
     border-width:0px;
-    border-bottom-color: #333030;
-    border-bottom-width: 2px;
+    border-top-color:rgba(96,108,136,1);
+    border-bottom-width: 4px;
     border-bottom-style: solid;
-    border-top-color: #333030;
-    border-top-width: 2px;
+    border-bottom-color:rgba(63,76,107,1);
+    border-top-width: 4px;
     border-top-style: solid;
     background: rgb(96,108,136); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(96,108,136,1) 40%, 
rgba(63,76,107,1) 70%); /* FF3.6+ */
@@ -956,11 +956,12 @@ filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#606c88', end
 }
 div.menu2 td, div.menu2 td.mtitle {
     border-width:1px;
-    border-bottom-color: #333030;
-    border-bottom-width: 2px;
+      border-top-color:rgba(96,108,136,1);
+    border-bottom-width: 4px;
     border-bottom-style: solid;
-    border-style: solid;
-    border-color: #5D90CD;
+    border-bottom-color:rgba(63,76,107,1);
+    border-top-width: 4px;
+    border-top-style: solid;
     /* border-radius : 5px 5px 0px 0px; */
     
     background: -moz-linear-gradient(top, rgba(96,108,136,1) 40%, 
rgba(63,76,107,1) 70%); /* FF3.6+ */
@@ -1666,6 +1667,7 @@ ul.tabs a {
     text-decoration: none;
     color:inherit;
     display:inline;
+     white-space: nowrap;
     
 }
 ul.tabs a:hover {
@@ -1673,6 +1675,17 @@ ul.tabs a:hover {
     color:white;
     display:inline;
      background-color: lightblue;
+     white-space: nowrap;
+}
address@hidden only screen and (max-width: 1426px) {
+    li.tabs_selected {
+        padding: 8px 10px 10px 10px;
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+    }
+    li.tabs , li.tabs:hover {
+            padding: 10px 10px 0px 10px;
+    }
 }
 /*****************************************************************************
  * Table of one column to present menu 
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index 6d991fd..25e8f7e 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -342,7 +342,6 @@ td.selectedcell{
     color:#FFFFFF;
     text-align:center;
     /* max-width:50%; */
-    width: 10rem;
     border-radius:5px;
 }
 a.mtitle {
@@ -1542,7 +1541,6 @@ div.box tr.even {
     background-color:#FFF1ED;
     
 }
-#FF523F
 #jrn_name_div h2{
     font-size:38.4px;
     font-size: 2.4rem;
@@ -1632,6 +1630,7 @@ ul.tabs a {
     text-decoration: none;
     color:inherit;
     display:inline;
+    white-space: nowrap;
     
 }
 ul.tabs a:hover {
@@ -1639,6 +1638,17 @@ ul.tabs a:hover {
     color:red;
     display:inline;
      background-color: pink;
+     white-space: nowrap;
+}
address@hidden only screen and (max-width: 1426px) {
+    li.tabs_selected {
+        padding: 8px 10px 10px 10px;
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+    }
+    li.tabs , li.tabs:hover {
+            padding: 10px 10px 0px 10px;
+    }
 }
 /*****************************************************************************
  * Second row of menu