[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Noalyss-commit] [noalyss] 05/05: Task #1045 - Amélioration apparence
From: |
Dany De Bontridder |
Subject: |
[Noalyss-commit] [noalyss] 05/05: Task #1045 - Amélioration apparence : Add icon amazing glass + improve CSS |
Date: |
Tue, 25 Nov 2014 22:36:39 +0000 |
sparkyx pushed a commit to branch master
in repository noalyss.
commit 7cbf722dd2843df0cc3132e14a4f37e413afce5a
Author: Dany De Bontridder <address@hidden>
Date: Tue Nov 25 23:19:42 2014 +0100
Task #1045 - Amélioration apparence :
Add icon amazing glass + improve CSS
---
html/image/magnifier13.png | Bin 0 -> 569 bytes
html/style-classic.css | 35 +++++-
html/style-light.css | 161 +++++++++++++++++++++++++--
html/style-mandarine.css | 262 +++++++++++++++++++++++++++++++++++++++----
4 files changed, 419 insertions(+), 39 deletions(-)
diff --git a/html/image/magnifier13.png b/html/image/magnifier13.png
new file mode 100644
index 0000000..89f8b46
Binary files /dev/null and b/html/image/magnifier13.png differ
diff --git a/html/style-classic.css b/html/style-classic.css
index df405d1..62f9248 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -256,12 +256,11 @@ td.mshort {
color:#5D90CD ;
background-color:#DDE6FF;
}
-
+/* first Menu */
td.mtitle {
text-align:center;
width:250px;
height :30px;
-/* background-color:#DDE6FF;*/
border:1px solid #99B1DF;
border-radius:5px;
background: #C2E3FC; /* Old browsers */
@@ -273,7 +272,9 @@ td.mtitle {
background: linear-gradient(to bottom, #C2E3FC 0%,#6393c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2E3FC',
endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}
-
+td.mtitle a.mtitle {
+ color : white;
+}
td.msubtitle {
text-align:center;
height:20px;
@@ -292,7 +293,7 @@ span.even {
background-color:#DDE6FF;
display:block;
}
-
+/* highlight table row */
tr.odd {
background-color: #DDE6FF;
}
@@ -1502,6 +1503,9 @@ fieldset {
width: 80%;
overflow: auto;
}
+/****************************************************************************
+ * Tabs
+ ****************************************************************************/
ul.tabs {
padding-top: 15px;
display:block;
@@ -1562,11 +1566,18 @@ ul.tabs a:hover {
display:inline;
background-color: lightblue;
}
+/*
+ * ????
+ */
.previous_year
{
text-align:right;
color:black;
}
+/*****************************************************************************
+ * autocomplete style
+ *****************************************************************************/
+
div.autocomplete_fixed {
background-color:#FFFFFF;
border:1px solid #888;
@@ -1730,4 +1741,18 @@ div.content a.tinybutton{
border-color: blue;
border-radius: 2px;
display : inline;
-}
\ No newline at end of file
+}
+/*******************************************************************************
+ Image Search
+*******************************************************************************/
+.image_search {
+ cursor:pointer;
+ width:16px;
+ height:16px;
+ padding:1px;
+ border:#000000 1px solid;
+ vertical-align: top;
+ background: lightcyan; /* Old browsers */
+ border-radius:7px
+
+}c
diff --git a/html/style-light.css b/html/style-light.css
index 17d360d..5442bac 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -335,6 +335,7 @@ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#606c88', end
}
td.mtitle a.mtitle {
color : white;
+ font-variant: small-caps;
}
a.mtitle {
text-decoration:none;
@@ -518,19 +519,13 @@ div.redcontent a.mtitle:hover {
div.content a.mtitle {
text-decoration:none;
display:inline;
- color:#605D5D;
-
-
-
-}
+ }
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;
@@ -1250,6 +1245,9 @@ 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;
+ text-shadow: 7px 7px 7px black;
}
}
@media only screen and (max-width: 955px) {
@@ -1261,6 +1259,7 @@ 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;
}
}
@@ -1420,7 +1419,7 @@ div.bxbutton
margin-right:0.48%;
}
div.inner_box tr.odd {
- background: #E0EBFF;
+ background: #E5E5E5;
}
#modele_op_tab tr.odd {
background: #EDF3FF;
@@ -1543,4 +1542,148 @@ fieldset {
width: 80%;
overflow: auto;
overflow-style: panner;
-}
\ No newline at end of file
+}
+/****************************************************************************
+ * Tabs
+ ****************************************************************************/
+ul.tabs {
+ padding-top: 15px;
+ display:block;
+ border-bottom: 1px solid #879ed4;
+ padding-left: 2px
+}
+ul.tabs a {
+ display:inline;
+}
+li.tabs_selected {
+ display:inline;
+ 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;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ border:1px #879ed4 solid;
+ font-weight: bold;
+
+}
+li.tabs {
+ display:inline;
+ background-color: inherit;
+ color:inherit;margin-left: 0px;
+ padding: 15px 15px 0px 15px;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ border:1px grey solid;
+
+}
+li.tabs:hover {
+ display:inline;
+ 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 grey solid;
+
+}
+ul.tabs a {
+ text-decoration: none;
+ color:inherit;
+ display:inline;
+
+}
+ul.tabs a:hover {
+ text-decoration: none;
+ color:white;
+ display:inline;
+ background-color: lightblue;
+}
+/*****************************************************************************
+ * Table of one column to present menu
+ * as in CFGLED, FORECAST, REPORT
+ *****************************************************************************/
+table.vert_mtitle {
+ text-align:center;
+ /* border:5px solid #99B1DF; */
+ border-radius:5px;
+ width:80%;
+ margin-left: 10%;
+ border-collapse: separate;
+ border-spacing: 10px;
+
+
+}
+table.vert_mtitle td.first {
+ background-color: #DCE1EF;
+}
+table.vert_mtitle td {
+ border : 1px solid #99B1DF;
+ background-color:#EDEDED;
+ border-top-radius:20px;
+}
+table.vert_mtitle td a{
+ padding : 20px;
+ font-weight: bold;
+}
+table.vert_mtitle td:hover {
+ border : 1px solid #99B1DF;
+ background-color: #336699;
+ color:white;
+}
+table.vert_mtitle td:hover a{
+ color:white;
+
+}
+
+/*******************************************************************************
+ * Tiny button example : -X for remove action, remove link...
+
*******************************************************************************/
+div.content a.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: 8px;
+ font-size: 0.7rem;
+ 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: orangered;
+ border-radius: 2px;
+ display : inline;
+}
+div.content td.mtitle a.mtitle {
+ color : white;
+ font-variant: small-caps;
+ background-color: inherit;
+}
+/*******************************************************************************
+ Image Search
+*******************************************************************************/
+.image_search {
+ cursor:pointer;
+ width:16px;
+ height:16px;
+ padding:1px;
+ border:#000000 1px solid;
+ vertical-align: top;
+ background: grey;
+}
+
\ No newline at end of file
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index 2194a53..b5b1f6e 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -243,8 +243,9 @@ table.document th{
}
table.mtitle {
- border:0;
- text-align:center
+ border:0px;
+ text-align:center;
+ min-width: 75%;
}
td.mshort {
height:15px;
@@ -256,13 +257,42 @@ td.mshort {
}
td.mtitle {
text-align:center;
- width:250px;
- height :30px;
- background-color: #FFD299;
+ max-width:100px;
+ height :20px;
+ background: rgb(255,100,86); /* Old browsers */
+/*background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%,
rgba(207,4,4,1) 67%); FF3.6+
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(11%,rgba(255,100,86,1)), color-stop(67%,rgba(207,4,4,1)));
Chrome,Safari4+
+background: -webkit-linear-gradient(top, rgba(255,100,86,1)
11%,rgba(207,4,4,1) 67%); Chrome10+,Safari5.1+
+background: -o-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); Opera 11.10+
+background: -ms-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); IE10+
+background: linear-gradient(to bottom, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); W3C
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456',
endColorstr='#cf0404',GradientType=0 ); IE6-9
+* Plus clair
+background: #feccb1; Old browsers
+background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%,
#fb955e 100%); FF3.6+
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507),
color-stop(100%,#fb955e)); Chrome,Safari4+
+background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); Chrome10+,Safari5.1+
+background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e
100%); Opera 11.10+
+background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); IE10+
+background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); W3C
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1',
endColorstr='#fb955e',GradientType=0 ); IE6-9 */
+
+background: rgb(250,198,149); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(250,198,149,1) 0%,
rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)),
color-stop(100%,rgba(239,141,49,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(250,198,149,1)
0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(250,198,149,1) 0%,rgba(245,171,102,1)
47%,rgba(239,141,49,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(250,198,149,1)
0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(250,198,149,1)
0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695',
endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
+
border:0px;
border-radius:5px;
font-weight: bold;
}
+td.mtitle a.mtitle {
+ color:whitesmoke;
+}
td.msubtitle {
text-align:center;
height:20px;
@@ -305,19 +335,21 @@ td.cell{
}
td.selectedcell{
border-style:solid;
- border-color:#FF7F50;
+ border-color:red;
border-width:1px ;
font-weight: bold;
- background:#FF6600 ;
+ background:#FFA268;
color:#FFFFFF;
text-align:center;
- width:120px;
+ max-width:50%;
+ width: 10rem;
border-radius:5px;
}
a.mtitle {
text-decoration:none;
display:inline;
color: #A52A2A;
+ cursor: pointer;
}
a.mtitle:hover {
@@ -340,7 +372,6 @@ td.selectedcell a.mtitle,div.content td.selectedcell
a.mtitle {
text-decoration:none;
display:block;
color:#FFFFFF;
- width: 250px;
}
a.dossier {
text-decoration:none;
@@ -362,7 +393,7 @@ tr.even:hover td
}
td.mtitle:hover,td.mtitle:hover a
{
- background-color: #F9C5B6;
+ background: #F9C5B6;
color:#FFFFFF;
font-weight: bold;
}
@@ -376,6 +407,8 @@ a.cell {
display:block;
color:#FF7F50;
background-color:#FFFFFF;
+ cursor: pointer;
+
}
a.cell:hover {
@@ -397,6 +430,8 @@ a.one:visited {
a.one:active {
background: #FF7F50;
+ cursor: pointer;
+
}
a.one:hover {
@@ -412,6 +447,8 @@ a.detail
text-decoration: none;
display: block;
color: #DB6906;
+ cursor: pointer;
+
}
a.detail:hover
@@ -450,6 +487,7 @@ div.content a {
display: block;
color: #EF5F2B;
padding: 0px;
+ cursor: pointer;
}
@@ -1133,6 +1171,8 @@ a.line,div.content a.line
{
text-decoration:underline;
display:inline;
+ cursor: pointer;
+
/* color: #FF7F50; */
}
a.line:hover,div_content a.line
@@ -1153,6 +1193,8 @@ a.line:hover,div_content a.line
margin-top:0px;
font-size:12px;
font-size:0.75rem;
+ cursor: pointer;
+
}
#close_div:hover
{
@@ -1168,6 +1210,8 @@ a.line:hover,div_content a.line
margin-right:18px;
font-size:12px;
font-size: 0.75rem;
+ cursor: pointer;
+
}
#popmeout:hover
{
@@ -1198,6 +1242,8 @@ span.invoice
a.nav,div.content a.nav,div.redcontent a.nav {
display:inline;
text-decoration:none;
+ cursor: pointer;
+
}
a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
display:inline;
@@ -1242,15 +1288,31 @@ h1.title {
text-transform: uppercase;
}
h2.title {
-
- background: -moz-linear-gradient(top, rgba(242,130,91,0.94) 0%,
rgba(229,91,43,0.98) 62%, rgba(240,113,70,0.99) 73%, rgba(240,113,70,1) 100%);
/* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(242,130,91,0.94)), color-stop(62%,rgba(229,91,43,0.98)),
color-stop(73%,rgba(240,113,70,0.99)), color-stop(100%,rgba(240,113,70,1))); /*
Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
/* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
/* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
/* IE10+ */
- background: linear-gradient(to bottom, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
/* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f0f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
-
+/*
+ background: -moz-linear-gradient(top, rgba(242,130,91,0.94) 0%,
rgba(229,91,43,0.98) 62%, rgba(240,113,70,0.99) 73%, rgba(240,113,70,1) 100%);
FF3.6+
+ background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(242,130,91,0.94)), color-stop(62%,rgba(229,91,43,0.98)),
color-stop(73%,rgba(240,113,70,0.99)), color-stop(100%,rgba(240,113,70,1)));
Chrome,Safari4+
+ background: -webkit-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
Chrome10+,Safari5.1+
+ background: -o-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
Opera 11.10+
+ background: -ms-linear-gradient(top, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
IE10+
+ background: linear-gradient(to bottom, rgba(242,130,91,0.94)
0%,rgba(229,91,43,0.98) 62%,rgba(240,113,70,0.99) 73%,rgba(240,113,70,1) 100%);
W3C
+ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f0f2825b', endColorstr='#f07146',GradientType=0 ); IE6-9 */
+/* Other test */
+/*background: #feccb1; Old browsers
+background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%,
#fb955e 100%); FF3.6+
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507),
color-stop(100%,#fb955e)); Chrome,Safari4+
+background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); Chrome10+,Safari5.1+
+background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e
100%); Opera 11.10+
+background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); IE10+
+background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507
51%,#fb955e 100%); W3C
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1',
endColorstr='#fb955e',GradientType=0 ); IE6-9 */
+ background: rgb(255,100,86); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%, rgba(207,4,4,1)
67%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(11%,rgba(255,100,86,1)), color-stop(67%,rgba(207,4,4,1))); /*
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(255,100,86,1)
11%,rgba(207,4,4,1) 67%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(255,100,86,1) 11%,rgba(207,4,4,1)
67%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456',
endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#FFFFFF;
text-align:center;
padding:0.24%;
@@ -1289,10 +1351,6 @@ div.myfieldset
top:0px;
left:45%;
}
-div.menu2 a.mtitle{
- font-size:13.6px;
- font-size:0.85rem;
-}
div.menu3 {
font-size:13.6px;
font-size:0.85rem;
@@ -1504,12 +1562,166 @@ fieldset {
border-spacing: 0px;
}
a {
-color: brown;
+ color: brown;
/* text-decoration: underline; */
-cursor: auto;
+ cursor: pointer;
}
#mod_predf_op {
width: 80%;
overflow: auto;
overflow-style: panner;
+}
+hr {
+ color : orangered;
+ background-color : orangered;
+ width : 75%;
+ border-width:2px;
+ border-style:solid;
+ margin-left: 12.5%
+}
+/****************************************************************************
+ * Tabs
+ ****************************************************************************/
+ul.tabs {
+ padding-top: 15px;
+ display:block;
+ border-bottom: 1px solid red;
+ padding-left: 2px
+}
+ul.tabs a {
+ display:inline;
+}
+li.tabs_selected {
+ display:inline;
+ background: #F9C5B6; /* Old browsers */
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ margin-left: 5px;
+ padding: 20px 15px 0px 15px;
+ border:1px red solid;
+}
+li.tabs {
+ display:inline;
+ background-color: inherit;
+ color:inherit;
+ margin-left: 5px;
+ border-top-right-radius: 10px;
+ padding: 15px 15px 0px 15px;
+ border:1px red solid;
+
+}
+li.tabs:hover {
+ display:inline;
+ background-color: pink;
+ color:wheat;margin-left: 2px;
+ padding: 15px 15px 0px 15px;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ border:1px red solid;
+
+}
+ul.tabs a {
+ text-decoration: none;
+ color:inherit;
+ display:inline;
+
+}
+ul.tabs a:hover {
+ text-decoration: none;
+ color:red;
+ display:inline;
+ background-color: pink;
+}
+/*****************************************************************************
+ * Second row of menu
+ *****************************************************************************/
+div.menu2 a.mtitle{
+ font-size:13.6px;
+ font-size:0.85rem;
+ padding-left: 5rem;
+ padding-right: 5rem;
+}
+
+div.menu2 table.mtitle td.mtitle {
+ border:0px;
+ background:inherit;
+ color:white;
+ width: 10rem;
+ border-spacing: 12px;
+ border-bottom: 2px #E95353 solid;
+ border-radius: 0px;
+
+}
+div.menu2 table.mtitle td.mtitle a.mtitle {
+ color:red;
+ padding-left: 5rem;
+ padding-right: 5rem;
+ cursor:pointer;
+}
+/*****************************************************************************
+ * Table of one column to present menu
+ * as in CFGLED, FORECAST, REPORT
+ *****************************************************************************/
+table.vert_mtitle {
+ text-align:center;
+ /* border:5px solid #99B1DF; */
+ border-radius:5px;
+ width:80%;
+ margin-left: 10%;
+ border-collapse: separate;
+ border-spacing: 10px;
+
+
+}
+table.vert_mtitle td.first {
+ background-color: #FFBC93;
+ color:#DF3F3F;
+}
+table.vert_mtitle td.first a {
+ background-color: #FFBC93;
+ color:#DF3F3F;
+}
+table.vert_mtitle td {
+ border : 1px solid #99B1DF;
+ background-color:#FFD4BA;
+ border-top-radius:20px;
+}
+table.vert_mtitle td a{
+ padding : 20px;
+ font-weight: bold;
+}
+table.vert_mtitle td:hover {
+ border : 1px solid #99B1DF;
+ background-color: #336699;
+ color:white;
+}
+table.vert_mtitle td:hover a{
+ color:white;
+
+}
+/*******************************************************************************
+ * Tiny button example : -X for remove action, remove link...
+
*******************************************************************************/
+div.content a.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: 8px;
+ font-size: 0.7rem;
+ 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;
+ display : inline;
}
\ No newline at end of file