diff --git a/html/image/magnifier13.png b/html/image/magnifier13.png new file mode 100644 index 000000000..89f8b4652 Binary files /dev/null and b/html/image/magnifier13.png differ diff --git a/html/style-classic.css b/html/style-classic.css index df405d1da..62f9248c5 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 17d360dd4..5442bac9c 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 2194a53e9..b5b1f6edd 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