noalyss-commit
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Noalyss-commit] [noalyss] 07/08: esthetic


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 07/08: esthetic
Date: Fri, 28 Aug 2015 07:47:08 +0000

sparkyx pushed a commit to branch master
in repository noalyss.

commit 6a5f443f288e735c37fca4eaa958b264a23069ee
Author: Dany De Bontridder <address@hidden>
Date:   Thu Aug 27 22:00:35 2015 +0200

    esthetic
---
 html/style-classic.css   |    2 +-
 html/style-light.css     |    2 +-
 html/style-mandarine.css |    8 +-
 html/style-mobile.css    |  929 ++++++++++++++++++++++------------------------
 4 files changed, 453 insertions(+), 488 deletions(-)

diff --git a/html/style-classic.css b/html/style-classic.css
index 802875d..24f756f 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -1594,7 +1594,7 @@ div.box  {
 }
 div.box table{
     border-spacing:0px;
-    font-size: 95%;
+    font-size: 93%;
 }
 div.box tr.odd {
     background-color: #F2F6FD;
diff --git a/html/style-light.css b/html/style-light.css
index cef3277..fa92365 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -1437,7 +1437,7 @@ div#modele_op_div{
     border:1px solid #00008B;
     width: 80%;
 }
address@hidden only screen and (min-width: 955px) {
address@hidden only screen and (min-width: 1015px) {
     div.name  {
     position:absolute;
     top:0px;
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index e52af52..6fc506b 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -1931,7 +1931,7 @@ td.box {
 
 .smoke {
   text-align: center;
-    background-color: #DCE1EF;
+    background-color:#FFF1ED ;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
         font-family: 'openSansRegular';
 
@@ -1941,7 +1941,7 @@ td.box {
     z-index:3;
     position:absolute;
     left:10%;
-    border:1px solid #00008B;
+    border:1px solid #white;
 -moz-box-shadow: 10px 10px 5px #888;
 -webkit-box-shadow: 10px 10px 5px #888;
 box-shadow: 10px 10px 5px #888;
@@ -1998,8 +1998,8 @@ width: 85%;
 }
 
 button.cancel {
-  background-color: rgba(0,0,0,.40);
-  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#444444);
+  background-color: rgba(0,0,0,.50);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr=#2000,endColorstr=#444444);
 }
 
 .queue{
diff --git a/html/style-mobile.css b/html/style-mobile.css
index 8e849b8..008a3a8 100644
--- a/html/style-mobile.css
+++ b/html/style-mobile.css
@@ -13,31 +13,30 @@
 }
 
 BODY {
-    font-family: Arial, Helvetica, "Liberation Sans"  , FreeSans, sans-serif;
+    background-color: #F8F8FF;
+    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
     font-family: 'openSansRegular';
-    padding : 0px;
+    padding: 0px 0px 0px 0px ;
     margin:0px;
-    color:#0000FF; 
-   font-size:100%;
+    color: #494141;
+    font-size: 90%;
+}
+*|*:link {
+    color: inherit;
 }
+
 .notice {
     color:#FF0000;
     font-style: italic;
+    font-weight: bolder;
 }
-span.notice {
-    font-weight: bold;
-}
+
 table.sortable, table.table_large, table.result  ,table.resultfooter {
-    color:#0000FF;
-    width:99%;
-    border-spacing:  1px;
-   /*border-collapse:collapse; */
-    margin  :0.5%;
-    border:1px #5D90CD solid;
-    border-radius: 10px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    padding:3px;
+    color:#333030;
+    width:100%;
+    border-spacing:  0px;
+    border-collapse:collapse;
+
 }
 table.resultfooter tfoot {
     font-weight: bold;
@@ -47,11 +46,10 @@ table.resultfooter tfoot {
 table.sortable th,  table.table_large th,table.result th {
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    border-bottom:2px #5d90cd groove;
-    border-top:0;
+        font-family: 'openSansRegular';
 
-    color:#202267;
+    border-bottom:1px solid #605D5D;
+    border-top:0;
     text-align: left;
     font-style: italic;
 
@@ -59,19 +57,21 @@ table.sortable th,  table.table_large th,table.result th {
 
 h2 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    color:#888;
+        font-family: 'openSansRegular';
+
+    /* color:#888; */
     margin:1px;
     padding:1px;
     font-style: italic;
-    font-size:17px;
-    font-size:1.3rem;
+    font-size:15px;
+    font-size:1.2rem;
 }
 div.info {
     background:#879ED4;
     color:#FFFFFF;
     text-align:center;
 }
+
 content h2.info {
     background:#879ED4;
     color:#000000;
@@ -87,8 +87,6 @@ redcontent h2.info {
     margin:0px;
 }
 h2.info {
-    background-color:#879ED4;
-    color:#FFFFFF;
     text-align:center;
     padding:0px;
     margin:0px;
@@ -103,7 +101,7 @@ h3.info {
 }
 
 h2.info2 {
-    color:#0000FF;
+    color:#605D5D;
     text-align:center;
 
 }
@@ -146,19 +144,22 @@ div.u_tool #name {
 td.tool a.mtitle {
     text-decoration:none;
     display:inline;
-    color: #0000FF;
+    color: #605D5D;
+    text-align:center;
+
     
 }
 td.tool a.mtitle:hover {
     text-decoration:none;
     display:inline;
-    color: #00008B;
+    color: #FDFDFD;
     background-color:#5D90CD;
+    text-align:center;
 
 }
 #top {
     float:left;
-    margin-bottom: 40px;
+    margin-bottom: 18px;
     width: 100%;
 }
 #module {
@@ -168,7 +169,12 @@ td.tool a.mtitle:hover {
     text-align:right;
     padding:0px;
     margin: 0px;
-    font-size:70%;
+    font-size:12.16px;
+    font-size:0.76rem;
+}
+#module table {
+    border:1px solid #5D90CD;
+    text-align:center;
 }
 div.u_subt2menu {
     background-color:#EDF3FF;
@@ -184,7 +190,8 @@ div.lextmenu {
 
     float:left;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
 
 }
 div.searchmenu {
@@ -198,7 +205,8 @@ div.searchmenu {
 div.recherche_form{
     width:700px;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     border-style:outset;
     border-width:1px;
 
@@ -208,7 +216,8 @@ div.redcontent{
     padding-top:7px;
     padding-left:8px;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     width:75%;
 
 }
@@ -217,28 +226,34 @@ div.content{
     margin-top:0.0030%;
     width:100%;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-   }
+        font-family: 'openSansRegular';
+
+    font-size:14.4px;
+    font-size:0.90rem;
+
+}
 div.content30{
 
     float:left;
     padding-top:7px;
     width:35%;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
 
 }
 div.no span{
     position:static;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     font-weight:bold;
     color:#FF0000;
 
 }
 
 table.document {
-    color:#0000FF;
+    color:#605D5D;
     width:100%;
     border-spacing:  0px;
     border-collapse:collapse;
@@ -247,8 +262,9 @@ table.document {
 table.document th{
     font-weight:bold;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
-    border-bottom:2px solid #0000FF;
+        font-family: 'openSansRegular';
+
+    border-bottom:2px solid #605D5D;
     border-top:0px;
     color:#202267;
     text-align: left;
@@ -266,8 +282,12 @@ table.document th{
 }
 
 table.mtitle {
-    border:0;
-    text-align:center
+    border:0px;
+    text-align:center;
+    border-collapse:separate;
+    border-spacing:5px;
+    margin-top:5px;
+    
 }
 td.mshort {
     height:15px;
@@ -277,21 +297,20 @@ td.mshort {
     color:#5D90CD ;
     background-color:#DDE6FF;
 }
-/* first Menu  */
 td.mtitle {
     text-align:center;
     width:250px;
-    height :40px;
-  background: -moz-linear-gradient(top, rgba(53,106,160,0.79) 0%, 
rgba(53,106,160,0.79) 19%, rgba(53,106,160,1) 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,rgba(53,106,160,0.79)), color-stop(19%,rgba(53,106,160,0.79)), 
color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, rgba(53,106,160,0.79) 
0%,rgba(53,106,160,0.79) 19%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ 
*/
-background: -o-linear-gradient(top, rgba(53,106,160,0.79) 
0%,rgba(53,106,160,0.79) 19%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, rgba(53,106,160,0.79) 
0%,rgba(53,106,160,0.79) 19%,rgba(53,106,160,1) 100%); /* IE10+ */
-background: linear-gradient(to bottom, rgba(53,106,160,0.79) 
0%,rgba(53,106,160,0.79) 19%,rgba(53,106,160,1) 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9356aa0', 
endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
-}
-td.mtitle a.mtitle {
-    color : white;
+    height :30px;
+    color:darkslategrey;
+/*    background: rgb(206,220,231);  Old browsers 
+background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, 
rgba(89,106,114,1) 100%);  FF3.6+ 
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1)));  
Chrome,Safari4+ 
+background: -webkit-linear-gradient(top, rgba(206,220,231,1) 
0%,rgba(89,106,114,1) 100%);  Chrome10+,Safari5.1+ 
+background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 
100%);  Opera 11.10+ 
+background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 
100%);  IE10+ 
+background: linear-gradient(to bottom, rgba(206,220,231,1) 
0%,rgba(89,106,114,1) 100%);  W3C 
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', 
endColorstr='#596a72',GradientType=0 );  IE6-9 */
+color:#F7F8FC;
 }
 td.msubtitle {
     text-align:center;
@@ -300,7 +319,7 @@ td.msubtitle {
 }
 span.mtitle {
     color:#888;
-    background-color:#0000FF;
+    background-color:#605D5D;
     border-style:groove
 }
 span.odd {
@@ -311,17 +330,24 @@ span.even {
     background-color:#DDE6FF;
     display:block;
 }
-/* highlight table row */
+
 tr.odd {
-    background-color: #DDE6FF;
-}
-.highlight {
-    font-weight: bolder;
-    font-size:14px;
-    font-size:1.1rem;
+    background-color: #F1F1F1;
 }
+/******************************************************************************
+ * Hightlight row in a table 
+ 
******************************************************************************/
+
 tr.highlight {
     font-weight: bold;
+    background:grey;
+    color:black;
+    font-style:bold;
+    border-style:solid;
+    
+}
+tr.highlight a {
+    color:white;
 }
 tr.even {
     background-color: #F7F8FC;
@@ -337,27 +363,15 @@ td.cell{
     padding: 1px;
     
 }
-td.selectedcell{
-    
-    font-weight: bold;
-    color:#FFFFFF;
-    width:250px;
-    text-align:center;
-  height:30px;
 
-    background: #b8c6df; /* Old browsers */
-    background: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%); /* FF3.6+ 
*/
-    background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#b8c6df), color-stop(100%,#6d88b7)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #b8c6df 0%,#6d88b7 100%); /* 
Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #b8c6df 0%,#6d88b7 100%); /* Opera 
11.10+ */
-    background: -ms-linear-gradient(top, #b8c6df 0%,#6d88b7 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #b8c6df 0%,#6d88b7 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
+td.mtitle a.mtitle, div.content td.mtitle a.mtitle {
+    color:white;;
+/*    font-variant: small-caps;*/
 }
 a.mtitle {
     text-decoration:none;
     display:inline;
-    color: #0000FF;
+    color: #605D5D;
 
 }
 a.mtitle:hover {
@@ -368,10 +382,19 @@ a.mtitle:hover {
     background-color:#5D90CD;
 
 }
+td.toolselected a.mtitle {
+    border: solid 1px gray;
+    color: #FFFFFF;
+    border-bottom-width: 2px;
+    text-align:center;
+    border-radius:2px;
+    background-color:#909BA7;
+}
 td.selectedcell a.mtitle,div.content td.selectedcell a.mtitle {
     text-decoration:none;
     display:block;
     color:#FFFFFF;
+    width: 250px;
 }
 a.dossier {
     text-decoration:none;
@@ -391,10 +414,28 @@ tr.even:hover td
     background-color: #a9d6e4;
     color:#FFFFFF;
 }
-td.mtitle:hover,td.mtitle:hover a
+td.mtitle:hover , td.selectedcell:hover,div.menu2 td.mtitle:hover
+{
+   color:#FFFFFF;
+   border-radius: 0px;
+   background: #5D90CD;
+   border-top: 4px solid #5D90CD;
+   border-bottom: 4px solid #5D90CD;
+   
+}
+div.menu2 td.mtitle:hover
 {
-    background:#a9d6e4;
     color:#FFFFFF;
+    border-radius: 10px 10px 0px 0px;
+    background-color: #5D90CD;
+   border-bottom-color: red;
+   border-bottom-style: solid;
+   border-bottom-width: 4px;
+   
+}
+td.mtitle:hover a , div.content a.mtitle:hover  {
+    background:transparent;
+    
 }
 td.msubtitle:hover,td.msubtitle:hover a
 {
@@ -404,7 +445,7 @@ td.msubtitle:hover,td.msubtitle:hover a
 a.cell {
     text-decoration:none;
     display:block;
-    color:#0000FF;
+    color:#333030;
     background-color:#FFFFFF;
 }
 
@@ -418,20 +459,20 @@ a.cell:hover {
 
 a.one:link {
     text-decoration:underline;
-    color:#0000FF;
+    color:#333030;
 }
 a.one:visited {
     text-decoration:none;
-    color:#0000FF;
+    color:#333030;
 }
 
 a.one:active {
-    background: #0000FF;
+    background: #333030;
 }
 
 a.one:hover {
     text-decoration:underline;
-    background:#0000FF;
+    background:#605D5D;
     color:#FFFFFF;
 }
 
@@ -439,16 +480,18 @@ a.one:hover {
 a.detail
 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     text-decoration: none;
     display: block;
-    color: #0000FF;
+    color: #333030;
 }
 
 a.detail:hover
 {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     color: #FFFFFF;
     background-color:#5D90CD;
     text-decoration: none;
@@ -457,21 +500,23 @@ a.detail:hover
 
 li.menuv,ol.menuv {
     display:inline;
-    padding:16px 16px;
+    padding : 16px 16px;
     padding:1rem 1rem;
 }
 div.redcontent a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     text-decoration: none;
     display: block;
-    color: #0000FF;
+    color: #605D5D;
 
 }
 
 div.redcontent a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     color: #FFFFFF;
     background-color:#336699;
     text-decoration: none;
@@ -480,18 +525,20 @@ div.redcontent a:hover {
 }
 div.content a {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     text-decoration: none;
     display: block;
-   color: #0000FF;
+    color: #333030;
     padding: 0px;
-
+    cursor: pointer;
 }
 
 
 div.content a:hover {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     color: #FFFFFF;
     background-color:#336699;
     text-decoration: none;
@@ -516,59 +563,51 @@ div.redcontent a.mtitle:hover {
 
 
 }
-div.content td.mtitle a.mtitle {
-    text-decoration:none;
-    display:inline;
-    color:white;
-
-
-
-}
 div.content a.mtitle {
     text-decoration:none;
     display:inline;
-    color:#0000FF;
-
-
-
-}
+    }
 
-div.content a.mtitle:hover {
+/*div.content a.mtitle:hover {
     text-decoration:none;
     display:inline;
     background-color:#00008B;
     color:#FFFFFF;
-
-
-}
+}*/
 div.redcontent input.text {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     font-weight:normal;
     border-color:#336699;
     border-style:solid;
     background-color: #F93;
     border-width:1px;
-    color:#0000FF;
+    color:#605D5D;
 }
 div.content input.text {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     font-weight:normal;
     border-color:#336699;
     border-style:solid;
     border-width:1px;
     background-color: #F93;
-    color:#0000FF;
+    color:#605D5D;
 }
 
 
 
-div.redcontent input:focus , *.input_text:focus, div.content input:focus, 
div.redcontent textarea:focus
-{
+div.redcontent input:focus {
     background-color:#F93;
 }
-
+div.content input:focus {
+    background-color: #F93;
+}
+div.redcontent textarea:focus {
+    background-color:  #F93;
+}
 .document {
     color: #202267;
     border-collapse:collapse;
@@ -584,31 +623,31 @@ a.document:hover {
 
 }
 .input_text_ro {
-    border:solid 1px #0000FF;
+    border:solid 1px #605D5D;
     background:#EDEDED;
-    color:#0000FF;
+    color:#605D5D;
     margin:1px;
 }
 .input_text {
-    border:solid 1px #0000FF;
+    border:groove 1px #605D5D;
     margin:1px;
 }
 .input_text:hover {
-    border:solid 1px #0000FF;
+    border:groove 1px #605D5D;
     margin:1px;
     background-color:  #F93;
 }
 h1.legend, legend {
     font-weight: bold;
     font-style: italic;
-    font-size: 20.2px;
-    font-size: 1.4rem;
+    font-size:19.2px;
+    font-size: 1.2rem;
 }
 fieldset fieldset legend {
     color:#888;
 }
 select {
-    border: 1px solid #0000FF;
+    border: 1px solid #605D5D;
     margin:2px;
     background-color:#FFFFFF;
 
@@ -627,7 +666,7 @@ select {
     color:#000000;
     top:0px;left:0px;
     visibility:hidden;
-    width:400px;
+    width: 400px;
     width:25rem;
     z-index:20;
 }
@@ -661,15 +700,15 @@ span.action a.action:hover {
     color:#000000;
 }
 div.popup_back{
-    position:fixed;
+    position:absolute;
     top:0px;
     left:0px;
-    opacity:0.2;
+    opacity:0.3;
     width:100%;
     height:100%;
-    z-index:1;
+    z-index:100;
     display:block;
-    background: #3f4c6b;
+    background: #909BA7;
 }
 
 div.popup_border_title {
@@ -734,16 +773,15 @@ div.popup_content {
     filter:alpha(opacity=100);*/
 }
 div.autocomplete {
+    position:relative;
     background-color:#FFFFFF;
     border:1px solid #888;
     margin:0px;
-    padding:1px;
+    padding:0px;
     text-align:left;
-    position:relative;
-    top : -3px;
 }
 div.autocomplete em {
-    color:#0000FF;
+    color:#605D5D;
     font-weight:bold;
 }
 div.autocomplete ul {
@@ -791,7 +829,7 @@ ul.select_table li {
 }
 ul.select_table li span {
     display:table-cell;
-    width:400px;
+    width: 400px;
     width:25rem;
     margin: 0px;
     padding:  0px;
@@ -859,18 +897,22 @@ a#anchorbutton, .button, a.button,div.content a.button {
     font-weight: bold;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
-    background-image: url("image/bg-submit2.gif");
-    background-repeat: repeat-x;
-    background-position: left;
-    border-color:  #0000FF;
+    background: #606c88; /* Old browsers */
+    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ 
*/
+    background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* 
Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 
11.10+ */
+    background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
+    border-color:  #605D5D;
     border-width:0px;
     padding:4px;
     margin:3px;
     cursor:pointer;
     margin:1px 2px 1px 2px;
     border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
+    moz-border-radius:5px;
 
 }
 a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  
{
@@ -882,75 +924,117 @@ a#anchorbutton:hover, 
.button:hover,a.button:hover,div.content a.button:hover  {
 
 }
 a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton {
-    color:#FFFFFF;
     font-weight: bold;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
-    background-image: url("image/bg-submit2.gif");
-    background-repeat: repeat-x;
-    background-position: left;
-    font-size:13px;
-    font-size:0.85rem;
-
-    border-style:  outset ;
-    border-color:  #0000FF;
-    border-width:0;
-    padding-bottom: 3px;
-    padding-top: 3px;
-    padding-right: 3px;
-    padding-left:  3px;
-    margin-top:3px;
+    font-family: 'openSansRegular';
+    font-size:12px;
+    font-size:0.75rem;
+    background-color: inherit;
+    color : black;
+    border-style:  solid ;
+    border-color:  #605D5D;
+    border-width:1px;
+    padding-bottom: 2px;
+    padding-top: 2px;
+    padding-right: 2px;
+    padding-left:  2px;
+    margin-top:2px;
     cursor:pointer;
     margin:1px 2px 1px 2px;
     border-radius: 2px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-
-}
+    moz-border-radius:2px;
+  }
 a#smallanchorbutton:hover, .smallbutton:hover,a.smallbutton:hover,div.content 
a.smallbutton:hover  {
     cursor:pointer;
-    background-color:#FFFFFF;
-    color:whitesmoke;
+    background-color: #515E7B;
+    color: red;
+
+    /* border-style:  inset ; */
     margin:1px 2px 1px 2px;
-    background-image: url("image/bg-submit3.gif");
 
 }
 td.tool {
-    border: solid 1px gray;
     background-color: #FFFFFF;
-    border-bottom-width: 2px;
-    text-align:center;
-    border-radius:2px;
-    -moz-border-radius: 2px;
-   -webkit-border-radius: 2px;
-
-}
-td.toolselected  {
-    border: solid 1px gray;
-    color: #FFFFFF;
-    border-bottom-width: 2px;
     text-align:center;
-    border-radius:2px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-
-    background-color:#FF0000;
 }
-td.toolselected a.mtitle {
-    border: solid 1px gray;
-    color: #FFFFFF;
-    border-bottom-width: 2px;
-    text-align:center;
-    border-radius:2px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-
-    background-color:#FF0000;
+td.tool:hover,td.tool:hover a
+{
+    text-align: center;
+    text-decoration:none;
+    display:inline;
+    color: #00008B;
+    background-color:#5D90CD;
 }
 div.topmenu {
-       font-size:85%;
+       font-size:14px;
+       font-size:0.85rem;
         
 }
+div.topmenu table {
+    border-spacing:1px;
+   
+    
+}
+div.topmenu td, td.mtitle {
+    border-width:0px;
+    border-top-color:rgba(96,108,136,1);
+    border-bottom-width: 4px;
+    border-bottom-style: solid;
+    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+ */
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(40%,rgba(96,108,136,1)), color-stop(70%,rgba(63,76,107,1))); /* 
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', 
endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
+   
+    width: 250px;
+}
+div.menu2 td, div.menu2 td.mtitle {
+    border-width:4px;
+      border-top-color:rgba(96,108,136,1);
+    border-bottom-style: solid;
+    border-bottom-color:rgba(63,76,107,1);
+    border-top-style: solid;
+    border-radius : 10px 10px 0px 0px; 
+    
+    background: -moz-linear-gradient(top, rgba(96,108,136,1) 40%, 
rgba(63,76,107,1) 70%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(40%,rgba(96,108,136,1)), color-stop(70%,rgba(63,76,107,1))); /* 
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', 
endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
+}
+div.menu2 td.selectedcell a.mtitle,div.content div.menu2  td.selectedcell 
a.mtitle
+{
+    /* color:red; */
+}
+div.topmenu td.selected,td.selectedcell{
+
+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+ */
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(40%,rgba(96,108,136,1)), color-stop(70%,rgba(63,76,107,1))); /* 
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 
70%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(96,108,136,1) 
40%,rgba(63,76,107,1) 70%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', 
endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
+border-bottom-color:red !important;  
+border-bottom-width : 4px !important;
+border-bottom-style:solid;
+    color:#FFFFFF;
+    text-align:center;
+    
+
+width: 250px;
+  
+}
 
 #dossier h2{
     color:#00008B;
@@ -958,16 +1042,17 @@ div.topmenu {
     margin:0px;
     padding:0px;
     font-variant:small-caps;
+    
 }
 /* </style> */
-#add_todo_list , div.add_todo_list {
-    border:1px solid #0000FF;
+#add_todo_list,div.add_todo_list {
+    border:1px solid #605D5D;
     background-color:#DDE6FF;
     padding:0.07%;
     position:absolute;
     text-align:left;
     z-index:1;
-    width:480px;
+    width: 480px;
     width:30rem;
     height:auto;
 }
@@ -980,14 +1065,12 @@ div.gest_name {
     margin-top:15px;
 }
 h2.gest_name {
-    border-right:  2px solid  #403a8d;
-    border-bottom:2px solid  #403a8d;
+    border-left: 5px solid  #403a8d;
+    border-bottom:1px solid  #b4bbc2;
     border-top:1px solid  #b4bbc2;
-    border-left: 1px solid  #b4bbc2;
+    border-right:1px solid  #b4bbc2;
     padding: 5px;
-    width: 80%;
-    font-size:160%;
-    margin-left: 10%;
+    width: 40%;
 }
 body.op_detail_frame,div.op_detail_frame  {
     background-color:#e4e7ed;
@@ -1001,7 +1084,8 @@ box-shadow: 10px 10px 5px #888;
 div.inner_box  {
     background-color: #DCE1EF;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:2px;
     margin:0px;
     overflow:hidden;
@@ -1012,17 +1096,22 @@ div.inner_box  {
 -moz-box-shadow: 10px 10px 5px #888;
 -webkit-box-shadow: 10px 10px 5px #888;
 box-shadow: 10px 10px 5px #888;
-font-size:15.4px;
-font-size:1rem;
+font-size:14.4px;
+font-size:0.90rem;
+width: 85%;
 }
+
address@hidden only screen and (min-width: 1281px) {
 div.inner_box  {
     width: 85%;
     }
address@hidden only screen and (min-width: 1281px) {
+}
+
address@hidden only screen and (max-width: 1280px) {
 div.inner_box  {
-    width: 85%;
-    border-radius: 9px;
-    padding: 5px;
+    width: 95%;
+    left:2%;
+    margin-bottom: 2%;
     }
 }
 div.op_detail_title {
@@ -1035,7 +1124,7 @@ div.op_detail_title {
 div#div_cat{
     position:absolute;
     border:1px solid #000000;
-    top:15%;left:100px;
+    top:15%;left:100;
     visibility:hidden;
     z-index:2;
     width:50em;
@@ -1059,7 +1148,6 @@ div#search_form
     position:absolute;
     border:1px solid #000000;
     top:15%;left:100px;
-    margin-left:25%;
     z-index:2;
     width:50%;
     display:none;
@@ -1067,6 +1155,7 @@ div#search_form
     -moz-box-shadow: 10px 10px 5px #888;
     -webkit-box-shadow: 10px 10px 5px #888;
     box-shadow: 10px 10px 5px #888;
+    width:90%;
 }
 @media only screen and (max-width: 995px) {
       div#search_form {
@@ -1091,7 +1180,7 @@ table.info_op tr
 }
 h2#jrn_name
 {
-    color:#0000FF;
+    color:#605D5D;
     margin-right:30%;
     float: right;
 }
@@ -1104,7 +1193,7 @@ span.remain {
     font-weight: bold;
     color:#000000;
 }
- div#jrn_name_div
+    div#jrn_name_div
     {
         float: right;
         margin-right:150px;
@@ -1112,7 +1201,7 @@ span.remain {
 
     }
     #predef_form {
-        margin-left:35%;
+        margin-left:20%;
         width:60%;
         position:absolute;
         z-index:2
@@ -1126,7 +1215,7 @@ span.remain {
 
     }
     #predef_form {
-        margin-left:35%;
+        margin-left:20%;
         width:60%;
         position:absolute;
         z-index:2
@@ -1158,11 +1247,16 @@ div#wait_box
     margin:0px;
     overflow:hidden;
     z-index:10;
+
     position:absolute;
     left:30%;
     top:30%;
+
+
     border:1px solid #00008B;
+
     width: 260px;
+    widt: 260px;
 }
 #wait_box h2
 {
@@ -1170,12 +1264,6 @@ div#wait_box
     text-align:center;
     /* width: 50%; */
 }
-#navi_tb {
-width: 95%;
-margin-left: 2%;
-border-spacing: 0em 0.50em;
-border-collapse: separate;
-}
 div#div_jrnsearch_op{
 
     border:1px solid #000000;
@@ -1192,7 +1280,7 @@ a.line,div.content a.line
 {
     text-decoration:underline;
     display:inline;
-    /* color: #0000FF; */
+    /* color: #605D5D; */
 }
 a.line:hover,div_content a.line
 {
@@ -1205,13 +1293,12 @@ a.line:hover,div_content a.line
 {
     color:white;
     text-decoration:none;
-    margin-left: 2px;
-    margin-right:6px;
-    margin-top:0px;
-    font-size:15px;
-    font-size:1.1rem;
-    cursor: pointer;
     border:0px;
+    margin-left: 2px;
+    margin-right:2px;
+    margin-top:2px;
+    font-size:12px;
+    font-size: 1.2rem;
 }
 #close_div:hover
 {
@@ -1220,13 +1307,13 @@ a.line:hover,div_content a.line
 #popmeout
 {
     background-color:#FFFFFF;
-    color:#0000FF;
+    color:#605D5D;
     text-decoration:none;
-    border:1px solid #0000FF;
+    border:1px solid #605D5D;
     margin-left: 2px;
     margin-right:18px;
-    font-size:13px;
-    font-size: 0.84rem;
+    font-size:12px;
+    font-size: 0.75rem;
 }
 #popmeout:hover
 {
@@ -1272,7 +1359,10 @@ a.nav:hover,div.content a.nav:hover,div.redcontent 
a.nav:hover {
     text-align: center;
     font-variant:small-caps;
     font-weight: bolder;
-    }
+    text-transform: full-width;
+    text-transform: fullwidth;
+    font-size: 150%;
+}
 @media only screen and (min-width: 955px) {
 #dossier {
     display:inline;
@@ -1282,7 +1372,11 @@ a.nav:hover,div.content a.nav:hover,div.redcontent 
a.nav:hover {
     text-align: center;
     font-variant:small-caps;
     font-weight: bolder;
-    }
+    text-transform: full-width;
+    text-transform: fullwidth;
+    
+    font-size: 150%;
+}
 }
 @media only screen and (max-width: 955px) {
 #dossier {
@@ -1293,47 +1387,58 @@ a.nav:hover,div.content a.nav:hover,div.redcontent 
a.nav:hover {
     text-align: left;
     font-variant:small-caps;
     font-weight: bolder;
+    text-transform: full-width;
     }
 }
 
 div.foldercontent {
-    font-size:15px;
-    font-size:1.05rem;
-    width: 95%;
-    margin-left: 2.5%;
+    font-size:14px;
+    font-size:0.95rem;
+    width: 80%;
+    margin-left: 10%;
 }
 
 h1.title {
-    color: #0000FF;
+    color: #605D5D;
     font-style: italic;
     text-align:center;
     text-transform: uppercase;
 }
 h2.title {
-    background-color:#606c88; 
-    color:#FFFFFF;
-    text-align:center;
-    padding:0.14%;
-    border:1px solid #00008B;
-    background: #606c88 !important; /* Old browsers */
+    
+// background: rgb(149,149,149); /* Old browsers */
+// background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, 
rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 
76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
+// background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), 
color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), 
color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), 
color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
+// background: -webkit-linear-gradient(top, rgba(149,149,149,1) 
0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 
76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
+// background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 
46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 
76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
+// background: -ms-linear-gradient(top, rgba(149,149,149,1) 
0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 
76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
+///background: linear-gradient(to bottom, rgba(149,149,149,1) 
0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 
76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
+   background: #606c88; /* Old browsers */
     background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ 
*/
     background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* 
Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 
11.10+ */
     background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
     background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
+//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', 
endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
+    color:#FFFFFF;
+    text-align:center;
+    padding:0.24%;
+    border:1px solid #00008B;
+
 }
 h3.title {
-    color: #0000FF;
+    color: #605D5D;
     margin-left: 30px;
 }
 h4.title {
-    color: #0000FF;
+    color: #605D5D;
     margin-left: 45px;
     text-decoration: underline;
 }
 h5.title {
-    color: #0000FF;
+    color: #605D5D;
     margin-left: 45px;
     text-decoration: none;
     font-style: italic;
@@ -1345,9 +1450,6 @@ div.myfieldset
     margin-right: 5px;
     border:#EDF3FF 2px groove;
     border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-
 }
 #info_div {
     display:none;
@@ -1359,12 +1461,13 @@ div.myfieldset
     left:45%;
 }
 div.menu2 a.mtitle{
-    font-size:14.6px;
-    font-size:1rem; 
+    font-size:13.60px;
+    font-size:0.85rem;
+    /* color:brown; */
 }
 div.menu3 {
-       font-size:14.6px;
-       font-size:1rem;
+    font-size:13.60px;
+    font-size:0.85rem;
     
 }
 #go_submit_id {
@@ -1374,22 +1477,23 @@ div.menu3 {
     margin-left:30px;
 }
 #folder {
-    border: 1px solid #0000ff;
+    border-width:1px;
     border-collapse: separate;
-    border-radius: 10px;
-    border-spacing: 0px;
-    box-shadow: 10px 10px 5px #888888;
-    padding: 5px;
-    width: 100%;
-}
-#folder tr {
+    margin-left: 5%;
+    width: 90%;
+    border-radius: 9px;
+    border-style:solid;
+    padding : 5px;
+    
+    }
+    #folder tr {
         height: 30px;
-}    
+    }    
 /*#folder tr.odd,#folder tr.even {
     font-size : 1.2em;
 }*/
 textarea.itextarea{
-    border:solid #0000FF 1px;
+    border:solid #605D5D 1px;
     width:90%;
     margin-left:5%;
     height:120px;
@@ -1402,25 +1506,25 @@ div#notice {
     background-color:#FCFFCC;
     border: 1px solid #000000;
 }
-div.name  {
+  div.name  {
     position:absolute;
     top:0px;
     left:0px;
-    display:block;
     }   
-div#modele_op_div{
+    div#modele_op_div{
     display: none;
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:0px;
     margin:0px;
     overflow:hidden;
     z-index:3;
     position:absolute;
-    left: 10%;
+    left: 17.5%;
     border:1px solid #00008B;
-    width: 80%;
+    width: 75%;
 }
 @media only screen and (min-width: 955px) {
     div.name  {
@@ -1432,16 +1536,16 @@ div#modele_op_div{
     display: none;
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:0px;
     margin:0px;
     overflow:hidden;
     z-index:3;
     position:absolute;
-    left: 4%;
+    left: 17.5%;
     border:1px solid #00008B;
-    min-width: 75%;
-    box-shadow: 10px 10px 5px #888888;
+    width: 75%;
 }
 }
 @media only screen and (max-width: 955px) {
@@ -1455,7 +1559,8 @@ div#modele_op_div{
     display: none;
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:0px;
     margin:0px;
     overflow:hidden;
@@ -1463,8 +1568,7 @@ div#modele_op_div{
     position:absolute;
     left: 10%;
     border:1px solid #00008B;
-    width: 85%;
-     box-shadow: 10px 10px 5px #888888;
+    width: 80%;
 }
 }
 
@@ -1482,7 +1586,7 @@ div.bxbutton
     margin-right:0.48%;
 }
 div.inner_box tr.odd {
-    background: #E0EBFF;
+    background: #E5E5E5;
 }
 #modele_op_tab tr.odd {
     background:  #EDF3FF;
@@ -1490,7 +1594,8 @@ div.inner_box tr.odd {
 div#bookmark_div {
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:2px;
     margin:0px;
     overflow:hidden;
@@ -1505,7 +1610,8 @@ div#bookmark_div {
 div#preference_div {
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     padding:0px;
     margin:0px;
     overflow:hidden;
@@ -1528,7 +1634,7 @@ div#preference_div {
     color:#FF0000;
     top:40%;left:25%;
     visibility:hidden;
-    width:640px;
+    width: 640px;
     width:40rem;
     z-index:20;
 }
@@ -1548,13 +1654,17 @@ td.workday ol {
 }
 input.inum {
     text-align:right;
-    border:1px solid #0000FF;
+    border:1px solid #605D5D;
     margin:2px
 }
+/**************************************************************************
+Box dashboard on 3 columns
+**************************************************************************/
 div.box  {
     background-color:#e4e7ed;
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    font-family: 'openSansRegular';
+        font-family: 'openSansRegular';
+
     margin-top:10px;
     margin-left:3px;
     margin-right:3px;
@@ -1564,20 +1674,23 @@ div.box  {
     width:30%;
     height:350px;
     float:left;
-    font-size:15px;
-    font-size:1rem;
+    font-size:14px;
+    font-size:0.90rem;
 }
 @media only screen and (max-width: 1426px) {
+/* Dashboard on 2 cols */
     div.box {
     width: 48%;
     height: 380px;
-}
+    }
 }
 @media only screen and (max-width: 955px) {
+/* Dashboard on 1 cols */
     div.box {
     width: 95%;
+        
     height: 380px;
-    }
+}
 }
 div.box table{
     border-spacing:0px;
@@ -1606,6 +1719,7 @@ fieldset {
 #mod_predf_op {
     width: 80%;
     overflow: auto;
+    overflow-style: panner;
 }
 /****************************************************************************
  * Tabs  
@@ -1614,22 +1728,21 @@ ul.tabs {
     padding-top: 15px;
     display:block;
     border-bottom: 1px solid #879ed4;
-    padding-left: 2px;
-    list-style: none;
+    padding-left: 2px
 }
 ul.tabs  a  {
     display:inline;
 }
 li.tabs_selected {
     display:inline;
-   background: #C2E3FC; /* Old browsers */
-    background: -moz-linear-gradient(top, #C2E3FC 0%, #6393c1 100%); /* FF3.6+ 
*/
-    background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#C2E3FC), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #C2E3FC 0%,#6393c1 100%); /* 
Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #C2E3FC 0%,#6393c1 100%); /* Opera 
11.10+ */
-    background: -ms-linear-gradient(top, #C2E3FC 0%,#6393c1 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #C2E3FC 0%,#6393c1 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#C2E3FC', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
+   background: rgb(206,220,231); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, 
rgba(89,106,114,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* 
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(206,220,231,1) 
0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 
100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 
100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(206,220,231,1) 
0%,rgba(89,106,114,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', 
endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
     color:whitesmoke;
     margin-left: 2px;
     padding: 12px 15px 15px 15px;
@@ -1637,34 +1750,34 @@ li.tabs_selected {
     border-top-right-radius: 10px;
     border:1px #879ed4 solid;
     font-weight: bold;
-    
+
 }
 li.tabs {
     display:inline;
     background-color: inherit;
-    color:inherit;margin-left: 0px;
+    color:inherit;
+    margin-left: 2px;
     padding: 15px 15px 0px 15px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
-    border:1px #879ed4 solid;
+    border:1px grey solid;
 
 }
 li.tabs:hover {
     display:inline;
-    background-color: lightblue;
+    background-color: grey;
     color:wheat;margin-left: 2px;
     padding: 15px 15px 0px 15px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
-    border:1px #879ed4 solid;
-    white-space: nowrap;
+    border:1px grey solid;
 
 }
 ul.tabs a {
     text-decoration: none;
     color:inherit;
     display:inline;
-    white-space: nowrap;
+     white-space: nowrap;
     
 }
 ul.tabs a:hover {
@@ -1672,140 +1785,17 @@ ul.tabs a:hover {
     color:white;
     display:inline;
      background-color: lightblue;
+     white-space: nowrap;
 }
-/*
- * ????
- */
-.previous_year
-{
-    text-align:right;
-    color:black;
-}
-/*****************************************************************************
- * autocomplete style
- *****************************************************************************/
-
-div.autocomplete_fixed {
-    background-color:#FFFFFF;
-    border:1px solid #888;
-    margin:0px;
-    padding:0px;
-    text-align:left;
-}
-div.autocomplete_fixed em {
-    color:#0000FF;
-    font-weight:bold;
-}
-div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:1px solid blue;
-        width:300px;
-        margin:0px;
-        padding:0px;
-        }
-div.tag {
-            
-}
address@hidden only screen and (max-width: 1280px) {
-    div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:1px solid blue;
-        width:300px;
-        margin:0px;
-        padding:0px;
-        }
-       div.tag {
-            
-        }
-
-}
address@hidden only screen and (min-width: 1281px) {
-    div.autocomplete_fixed ul {
-        list-style-type:none;
-        background-color:#FFFFFF;
-        border:1px solid blue;
-        width:500px;
-        margin:0px;
-        padding:0px;
-        }
-        div.tag {
-            width: 50%;
-        }
-       
-
-}
-div.autocomplete_fixed ul li.selected { 
-    background-color: #DDE6FF;
-    border-bottom: 1px solid black;
-}
-
-div.autocomplete_fixed ul li {
-    list-style-type:none;
-    display:block;
-    margin:0px;
-    padding:0px;
-    cursor:pointer;
-}
-#popup {
-    font-size:1rem;
-}
-hr {
-    width:95%;
-    margin-left:2.5%;
-    background:#5d90cd;
-    height:5px;
-        
-}
-/******************************************************************************
- * Hightlight row in a table 
- 
******************************************************************************/
-tr.highlight{
-    font-weight: bolder;
-    font-size:15px;
-    background-color: navy;
-    color:white !important;
-    border-width:  2px;
-    border-style: solid;
-    border-color: blue;
-}
-tr.highlight a{
-    color:white !important;
-    
-}
-*|*:link {
-    color: inherit;
-}
-/*******************************************************************************
- * Inner_box on a smaller screen
- 
*******************************************************************************/
address@hidden only screen and (max-width: 1280px) {
-    div.inner_box  {
-        width: 95%;
-        left:2%;
-        margin-bottom: 2%;
-        }
-    li.tabs {
-           display:inline;
-           background-color: inherit;
-           color:inherit;margin-left: 0px;
-           padding: 10px 10px 0px 10px;
-           border-top-left-radius: 10px;
-           border-top-right-radius: 10px;
-           border:1px #879ed4 solid;
-
-       }
-       li.tabs:hover {
-           display:inline;
-           background-color: lightblue;
-           color:wheat;margin-left: 2px;
-           padding: 10px 10px 0px 10px;
-           border-top-left-radius: 5px;
-           border-top-right-radius: 5px;
-           border:1px #879ed4 solid;
-
-       }
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 
@@ -1815,9 +1805,6 @@ table.vert_mtitle {
   text-align:center;
     /* border:5px solid #99B1DF; */
     border-radius:5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-
     width:80%;
     margin-left: 10%;
     border-collapse: separate;
@@ -1850,16 +1837,16 @@ table.vert_mtitle td:hover a{
 
/*******************************************************************************
  *  Tiny button example : -X for remove action, remove link...
  
*******************************************************************************/
-div.content a.tinybutton,a.tinybutton{
-    color: blue;
+div.content a.tinybutton,input[type="button"].tinybutton {
+    color: red;
     font-weight: bold;
     text-decoration: none;
     font-family: arial,verdana,sans-serif,helvetica;
    /* background-image: url("image/bg-submit2.gif");
     background-repeat: repeat-x;
     background-position: left; */
-    font-size: 9px;
-    font-size: 0.8rem;
+    font-size: 8px;
+    font-size: 0.7rem;
     padding-bottom: 0px;
     padding-top: 0px;
     padding-right: 0px;
@@ -1869,36 +1856,15 @@ div.content a.tinybutton,a.tinybutton{
     margin: 1px 2px 1px 2px;
     border-width: 1px;
     border-style: solid;
-    border-color: blue;
+    border-color: orangered;
     border-radius: 2px; 
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-
-    display : inline;
-}
-input[type="button"].tinybutton {
-     color: blue;
-    font-weight: bold;
-    text-decoration: none;
-    font-family: arial,verdana,sans-serif,helvetica;
-    font-size: 9px;
-    font-size: 0.8rem;
-    padding-bottom: 0px;
-    padding-top: 0px;
-    padding-right: 0px;
-    padding-left: 0px;
-    margin-top: 3px;
-    cursor: pointer;
-    margin: 1px 2px 1px 2px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: blue;
-    border-radius: 2px; 
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-
     display : inline;
 }
+/*div.content td.mtitle a.mtitle {
+    color:darkslategrey;
+    // font-variant: small-caps;
+    background-color: inherit;
+}*/
 
/*******************************************************************************
  Image Search
 
*******************************************************************************/
@@ -1906,14 +1872,12 @@ input[type="button"].tinybutton {
     cursor:pointer;
     width:16px;
     height:16px;
+    padding:1px;
+    border:#000000 1px solid;
     vertical-align: top;
-  background-image: url("image/bg-submit2.gif");
-    background-repeat: repeat-x;
-    background-position: left;
-  
-  padding : 3px;
-  
+    background: grey;
 }
+    
 /****************************************************************************
  * Aligned button
  ****************************************************************************/
@@ -1935,6 +1899,8 @@ ul.aligned-block li {
     background: snow;
     margin-top: 50px;
 }
+// Selected cell in the module
+td.toolselected {background-color: #909BA7; }
 /***************************************************************************
  * column in the dashboard
  ***************************************************************************/
@@ -1945,9 +1911,8 @@ td.cut {
     white-space: nowrap;
 }
 td.box {
-    border-left : #3f4c6b solid 1px;
+    border-left : #C76626 solid 1px;
 }
-
 /****************************************************************************
 * Smoke appearance of modal box
  ****************************************************************************/



reply via email to

[Prev in Thread] Current Thread [Next in Thread]