[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Noalyss-commit] [noalyss] 05/08: esthetic
From: |
Dany De Bontridder |
Subject: |
[Noalyss-commit] [noalyss] 05/08: esthetic |
Date: |
Fri, 28 Aug 2015 07:47:05 +0000 |
sparkyx pushed a commit to branch master
in repository noalyss.
commit 73619bfb86e38868e4c30ace727d8334c86ea80f
Author: Dany De Bontridder <address@hidden>
Date: Thu Aug 27 18:54:43 2015 +0200
esthetic
---
html/style-light.css | 938 ++++++++++++++++++++++++++------------------------
1 files changed, 497 insertions(+), 441 deletions(-)
diff --git a/html/style-light.css b/html/style-light.css
index 008a3a8..cef3277 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -13,30 +13,33 @@
}
BODY {
- background-color: #F8F8FF;
- font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
+ font-family: Arial, Helvetica, "Liberation Sans" , FreeSans, sans-serif;
font-family: 'openSansRegular';
- padding: 0px 0px 0px 0px ;
+ padding : 0px;
margin:0px;
- color: #494141;
- font-size: 90%;
-}
-*|*:link {
- color: inherit;
+ color:#0000FF;
+ font-size:0.9em;
+ font-size:0.95rem;
+ background-color: rgb(237, 243, 255)
}
-
.notice {
color:#FF0000;
font-style: italic;
- font-weight: bolder;
}
-
+span.notice {
+ font-weight: bold;
+}
table.sortable, table.table_large, table.result ,table.resultfooter {
- color:#333030;
- width:100%;
- border-spacing: 0px;
- border-collapse:collapse;
-
+ 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;
}
table.resultfooter tfoot {
font-weight: bold;
@@ -46,10 +49,11 @@ 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:1px solid #605D5D;
+ font-family: 'openSansRegular';
+ border-bottom:2px #5d90cd groove;
border-top:0;
+
+ color:#202267;
text-align: left;
font-style: italic;
@@ -57,9 +61,8 @@ 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;
@@ -71,7 +74,6 @@ div.info {
color:#FFFFFF;
text-align:center;
}
-
content h2.info {
background:#879ED4;
color:#000000;
@@ -87,6 +89,8 @@ redcontent h2.info {
margin:0px;
}
h2.info {
+ background-color:#879ED4;
+ color:#FFFFFF;
text-align:center;
padding:0px;
margin:0px;
@@ -101,7 +105,7 @@ h3.info {
}
h2.info2 {
- color:#605D5D;
+ color:#0000FF;
text-align:center;
}
@@ -144,22 +148,19 @@ div.u_tool #name {
td.tool a.mtitle {
text-decoration:none;
display:inline;
- color: #605D5D;
- text-align:center;
-
+ color: #0000FF;
}
td.tool a.mtitle:hover {
text-decoration:none;
display:inline;
- color: #FDFDFD;
+ color: #00008B;
background-color:#5D90CD;
- text-align:center;
}
#top {
float:left;
- margin-bottom: 18px;
+ margin-bottom: 40px;
width: 100%;
}
#module {
@@ -172,10 +173,6 @@ td.tool a.mtitle:hover {
font-size:12.16px;
font-size:0.76rem;
}
-#module table {
- border:1px solid #5D90CD;
- text-align:center;
-}
div.u_subt2menu {
background-color:#EDF3FF;
left:1%;
@@ -190,8 +187,7 @@ div.lextmenu {
float:left;
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
- font-family: 'openSansRegular';
-
+ font-family: 'openSansRegular';
}
div.searchmenu {
@@ -205,8 +201,7 @@ 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;
@@ -216,8 +211,7 @@ 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%;
}
@@ -226,9 +220,8 @@ div.content{
margin-top:0.0030%;
width:100%;
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
- font-family: 'openSansRegular';
-
- font-size:14.4px;
+ font-family: 'openSansRegular';
+ font-size:12px;
font-size:0.90rem;
}
@@ -238,22 +231,20 @@ div.content30{
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:#605D5D;
+ color:#0000FF;
width:100%;
border-spacing: 0px;
border-collapse:collapse;
@@ -262,9 +253,8 @@ table.document {
table.document th{
font-weight:bold;
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
- font-family: 'openSansRegular';
-
- border-bottom:2px solid #605D5D;
+ font-family: 'openSansRegular';
+ border-bottom:2px solid #0000FF;
border-top:0px;
color:#202267;
text-align: left;
@@ -282,12 +272,8 @@ table.document th{
}
table.mtitle {
- border:0px;
- text-align:center;
- border-collapse:separate;
- border-spacing:5px;
- margin-top:5px;
-
+ border:0;
+ text-align:center
}
td.mshort {
height:15px;
@@ -297,20 +283,23 @@ td.mshort {
color:#5D90CD ;
background-color:#DDE6FF;
}
+/* first Menu */
td.mtitle {
text-align:center;
width:250px;
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;
+ border-radius:5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: #dde6ff;
+ color:blue;
+ border-color: blue;
+ border-width: 1px;
+ border-style: solid;
+ border-color:#99B1DF;
+}
+td.mtitle a.mtitle {
+ color : blue;
}
td.msubtitle {
text-align:center;
@@ -319,7 +308,7 @@ td.msubtitle {
}
span.mtitle {
color:#888;
- background-color:#605D5D;
+ background-color:#0000FF;
border-style:groove
}
span.odd {
@@ -330,24 +319,16 @@ span.even {
background-color:#DDE6FF;
display:block;
}
-
+/* highlight table row */
tr.odd {
- background-color: #F1F1F1;
+ background-color: #DDE6FF;
+}
+.highlight {
+ font-weight: bolder;
+ font-size:14px;
}
-/******************************************************************************
- * 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;
@@ -363,15 +344,26 @@ td.cell{
padding: 1px;
}
-
-td.mtitle a.mtitle, div.content td.mtitle a.mtitle {
- color:white;;
-/* font-variant: small-caps;*/
+td.selectedcell{
+
+/* border-color:#0000FF;*/
+ border-radius:5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ font-weight: bold;
+/* background:#5D90CD ;*/
+ color:#FFFFFF;
+ width:250px;
+ text-align:center;
+ height:30px;
+ border-color:#99B1DF;
+ background: #879ED4; /* Old browsers */
+
}
a.mtitle {
text-decoration:none;
display:inline;
- color: #605D5D;
+ color: #0000FF;
}
a.mtitle:hover {
@@ -382,19 +374,10 @@ 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;
@@ -414,28 +397,10 @@ tr.even:hover td
background-color: #a9d6e4;
color:#FFFFFF;
}
-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
+td.mtitle:hover,td.mtitle:hover a
{
+ 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
{
@@ -445,7 +410,7 @@ td.msubtitle:hover,td.msubtitle:hover a
a.cell {
text-decoration:none;
display:block;
- color:#333030;
+ color:#0000FF;
background-color:#FFFFFF;
}
@@ -459,20 +424,20 @@ a.cell:hover {
a.one:link {
text-decoration:underline;
- color:#333030;
+ color:#0000FF;
}
a.one:visited {
text-decoration:none;
- color:#333030;
+ color:#0000FF;
}
a.one:active {
- background: #333030;
+ background: #0000FF;
}
a.one:hover {
text-decoration:underline;
- background:#605D5D;
+ background:#0000FF;
color:#FFFFFF;
}
@@ -480,18 +445,16 @@ 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: #333030;
+ color: #0000FF;
}
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;
@@ -500,23 +463,21 @@ 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: #605D5D;
+ color: #0000FF;
}
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;
@@ -525,20 +486,18 @@ 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: #333030;
+ color: #0000FF;
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;
@@ -563,51 +522,59 @@ 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:#605D5D;
+ color:#0000FF;
}
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:#605D5D;
+ color:#0000FF;
}
-div.redcontent input:focus {
+div.redcontent input:focus , *.input_text:focus, div.content input:focus,
div.redcontent textarea:focus
+{
background-color:#F93;
}
-div.content input:focus {
- background-color: #F93;
-}
-div.redcontent textarea:focus {
- background-color: #F93;
-}
+
.document {
color: #202267;
border-collapse:collapse;
@@ -623,31 +590,31 @@ a.document:hover {
}
.input_text_ro {
- border:solid 1px #605D5D;
+ border:solid 1px #0000FF;
background:#EDEDED;
- color:#605D5D;
+ color:#0000FF;
margin:1px;
}
.input_text {
- border:groove 1px #605D5D;
+ border:solid 1px #0000FF;
margin:1px;
}
.input_text:hover {
- border:groove 1px #605D5D;
+ border:solid 1px #0000FF;
margin:1px;
background-color: #F93;
}
h1.legend, legend {
font-weight: bold;
font-style: italic;
- font-size:19.2px;
+ font-size: 19.2px;
font-size: 1.2rem;
}
fieldset fieldset legend {
color:#888;
}
select {
- border: 1px solid #605D5D;
+ border: 1px solid #0000FF;
margin:2px;
background-color:#FFFFFF;
@@ -666,7 +633,7 @@ select {
color:#000000;
top:0px;left:0px;
visibility:hidden;
- width: 400px;
+ width:400px;
width:25rem;
z-index:20;
}
@@ -700,15 +667,15 @@ span.action a.action:hover {
color:#000000;
}
div.popup_back{
- position:absolute;
+ position:fixed;
top:0px;
left:0px;
- opacity:0.3;
+ opacity:0.30;
width:100%;
height:100%;
- z-index:100;
+ z-index:1;
display:block;
- background: #909BA7;
+ background: #3f4c6b;
}
div.popup_border_title {
@@ -773,15 +740,16 @@ div.popup_content {
filter:alpha(opacity=100);*/
}
div.autocomplete {
- position:relative;
background-color:#FFFFFF;
border:1px solid #888;
margin:0px;
- padding:0px;
+ padding:1px;
text-align:left;
+ position:relative;
+ top : -3px;
}
div.autocomplete em {
- color:#605D5D;
+ color:#0000FF;
font-weight:bold;
}
div.autocomplete ul {
@@ -829,7 +797,7 @@ ul.select_table li {
}
ul.select_table li span {
display:table-cell;
- width: 400px;
+ width:400px;
width:25rem;
margin: 0px;
padding: 0px;
@@ -897,22 +865,18 @@ a#anchorbutton, .button, a.button,div.content a.button {
font-weight: bold;
text-decoration:none;
font-family: arial,verdana,sans-serif,helvetica;
- 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;
+ background-image: url("image/bg-submit2.gif");
+ background-repeat: repeat-x;
+ background-position: left;
+ border-color: #0000FF;
border-width:0px;
padding:4px;
margin:3px;
cursor:pointer;
margin:1px 2px 1px 2px;
border-radius: 5px;
- moz-border-radius:5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover
{
@@ -924,116 +888,89 @@ 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;
- 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;
+
+ border-style: outset ;
+ border-color: #0000FF;
+ border-width:0;
+ padding-bottom: 3px;
+ padding-top: 3px;
+ padding-right: 3px;
+ padding-left: 3px;
+ margin-top:3px;
cursor:pointer;
margin:1px 2px 1px 2px;
border-radius: 2px;
- moz-border-radius:2px;
- }
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+/* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233
*/
+background: rgb(109,179,242); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%,
rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /*
FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)),
color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /*
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(109,179,242,1)
0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /*
Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1)
50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1)
50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(109,179,242,1)
0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /*
W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',
endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
+
+}
a#smallanchorbutton:hover, .smallbutton:hover,a.smallbutton:hover,div.content
a.smallbutton:hover {
cursor:pointer;
- background-color: #515E7B;
- color: red;
-
- /* border-style: inset ; */
+ background-color:#FFFFFF;
+ color:whitesmoke;
margin:1px 2px 1px 2px;
+/* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233
*/
+background: rgb(109,179,242); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%,
rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /*
FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)),
color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /*
Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(109,179,242,1)
0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /*
Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1)
50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1)
50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom, rgba(109,179,242,1)
0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /*
W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',
endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */ilter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799',
endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */
}
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.tool:hover,td.tool:hover a
-{
- text-align: center;
- text-decoration:none;
- display:inline;
- color: #00008B;
- background-color:#5D90CD;
-}
-div.topmenu {
- font-size:14px;
- font-size:0.85rem;
-
-}
-div.topmenu table {
- border-spacing:1px;
-
-
+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;
}
-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;
+td.toolselected a.mtitle {
+ color: #FFFFFF;
+ border-bottom-width: 2px;
text-align:center;
-
+ border-radius:2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
-width: 250px;
-
+ background-color:#FF0000;
+}
+div.topmenu {
+ font-size:13.6px;
+ font-size:0.80rem;
+
}
#dossier h2{
@@ -1042,17 +979,16 @@ width: 250px;
margin:0px;
padding:0px;
font-variant:small-caps;
-
}
/* </style> */
-#add_todo_list,div.add_todo_list {
- border:1px solid #605D5D;
+#add_todo_list , div.add_todo_list {
+ border:1px solid #0000FF;
background-color:#DDE6FF;
padding:0.07%;
position:absolute;
text-align:left;
z-index:1;
- width: 480px;
+ width:480px;
width:30rem;
height:auto;
}
@@ -1065,12 +1001,14 @@ div.gest_name {
margin-top:15px;
}
h2.gest_name {
- border-left: 5px solid #403a8d;
- border-bottom:1px solid #b4bbc2;
+ border-right: 2px solid #403a8d;
+ border-bottom:2px solid #403a8d;
border-top:1px solid #b4bbc2;
- border-right:1px solid #b4bbc2;
+ border-left: 1px solid #b4bbc2;
padding: 5px;
- width: 40%;
+ width: 80%;
+ font-size:140%;
+ margin-left: 10%;
}
body.op_detail_frame,div.op_detail_frame {
background-color:#e4e7ed;
@@ -1084,8 +1022,7 @@ 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;
@@ -1098,20 +1035,15 @@ div.inner_box {
box-shadow: 10px 10px 5px #888;
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 (max-width: 1280px) {
address@hidden only screen and (min-width: 1281px) {
div.inner_box {
- width: 95%;
- left:2%;
- margin-bottom: 2%;
+ width: 85%;
+ border-radius: 9px;
+ padding: 5px;
}
}
div.op_detail_title {
@@ -1124,7 +1056,7 @@ div.op_detail_title {
div#div_cat{
position:absolute;
border:1px solid #000000;
- top:15%;left:100;
+ top:15%;left:100px;
visibility:hidden;
z-index:2;
width:50em;
@@ -1148,6 +1080,7 @@ div#search_form
position:absolute;
border:1px solid #000000;
top:15%;left:100px;
+ margin-left:25%;
z-index:2;
width:50%;
display:none;
@@ -1155,7 +1088,6 @@ 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 {
@@ -1180,7 +1112,7 @@ table.info_op tr
}
h2#jrn_name
{
- color:#605D5D;
+ color:#0000FF;
margin-right:30%;
float: right;
}
@@ -1193,7 +1125,7 @@ span.remain {
font-weight: bold;
color:#000000;
}
- div#jrn_name_div
+ div#jrn_name_div
{
float: right;
margin-right:150px;
@@ -1201,7 +1133,7 @@ span.remain {
}
#predef_form {
- margin-left:20%;
+ margin-left:35%;
width:60%;
position:absolute;
z-index:2
@@ -1215,7 +1147,7 @@ span.remain {
}
#predef_form {
- margin-left:20%;
+ margin-left:35%;
width:60%;
position:absolute;
z-index:2
@@ -1247,16 +1179,11 @@ 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
{
@@ -1264,6 +1191,12 @@ 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;
@@ -1280,7 +1213,7 @@ a.line,div.content a.line
{
text-decoration:underline;
display:inline;
- /* color: #605D5D; */
+ /* color: #0000FF; */
}
a.line:hover,div_content a.line
{
@@ -1293,12 +1226,13 @@ a.line:hover,div_content a.line
{
color:white;
text-decoration:none;
- border:0px;
margin-left: 2px;
- margin-right:2px;
- margin-top:2px;
- font-size:12px;
- font-size: 1.2rem;
+ margin-right:6px;
+ margin-top:0px;
+ font-size:14px;
+ font-size:1rem;
+ cursor: pointer;
+ border:0px;
}
#close_div:hover
{
@@ -1307,9 +1241,9 @@ a.line:hover,div_content a.line
#popmeout
{
background-color:#FFFFFF;
- color:#605D5D;
+ color:#0000FF;
text-decoration:none;
- border:1px solid #605D5D;
+ border:1px solid #0000FF;
margin-left: 2px;
margin-right:18px;
font-size:12px;
@@ -1359,10 +1293,7 @@ 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;
@@ -1372,11 +1303,7 @@ 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 {
@@ -1387,58 +1314,41 @@ 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:14px;
font-size:0.95rem;
- width: 80%;
- margin-left: 10%;
+ width: 95%;
+ margin-left: 2.5%;
}
h1.title {
- color: #605D5D;
+ color: #0000FF;
font-style: italic;
text-align:center;
text-transform: uppercase;
}
h2.title {
-
-// 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 */
+ background-color: #879ED4;
color:#FFFFFF;
text-align:center;
- padding:0.24%;
+ padding:0.14%;
border:1px solid #00008B;
-
+
}
h3.title {
- color: #605D5D;
+ color: #0000FF;
margin-left: 30px;
}
h4.title {
- color: #605D5D;
+ color: #0000FF;
margin-left: 45px;
text-decoration: underline;
}
h5.title {
- color: #605D5D;
+ color: #0000FF;
margin-left: 45px;
text-decoration: none;
font-style: italic;
@@ -1450,6 +1360,9 @@ div.myfieldset
margin-right: 5px;
border:#EDF3FF 2px groove;
border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+
}
#info_div {
display:none;
@@ -1461,13 +1374,12 @@ div.myfieldset
left:45%;
}
div.menu2 a.mtitle{
- font-size:13.60px;
- font-size:0.85rem;
- /* color:brown; */
+ font-size:13.6px;
+ font-size:0.80rem;
}
div.menu3 {
- font-size:13.60px;
- font-size:0.85rem;
+ font-size:13.6px;
+ font-size:0.80rem;
}
#go_submit_id {
@@ -1477,23 +1389,22 @@ div.menu3 {
margin-left:30px;
}
#folder {
- border-width:1px;
+ border: 1px solid #0000ff;
border-collapse: separate;
- margin-left: 5%;
- width: 90%;
- border-radius: 9px;
- border-style:solid;
- padding : 5px;
-
- }
- #folder tr {
+ border-radius: 10px;
+ border-spacing: 0px;
+ box-shadow: 10px 10px 5px #888888;
+ padding: 5px;
+ width: 100%;
+}
+#folder tr {
height: 30px;
- }
+}
/*#folder tr.odd,#folder tr.even {
font-size : 1.2em;
}*/
textarea.itextarea{
- border:solid #605D5D 1px;
+ border:solid #0000FF 1px;
width:90%;
margin-left:5%;
height:120px;
@@ -1506,25 +1417,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: 17.5%;
+ left: 10%;
border:1px solid #00008B;
- width: 75%;
+ width: 80%;
}
@media only screen and (min-width: 955px) {
div.name {
@@ -1536,16 +1447,16 @@ div#notice {
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: 17.5%;
+ left: 4%;
border:1px solid #00008B;
- width: 75%;
+ min-width: 75%;
+ box-shadow: 10px 10px 5px #888888;
}
}
@media only screen and (max-width: 955px) {
@@ -1559,8 +1470,7 @@ div#notice {
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;
@@ -1568,7 +1478,8 @@ div#notice {
position:absolute;
left: 10%;
border:1px solid #00008B;
- width: 80%;
+ width: 85%;
+ box-shadow: 10px 10px 5px #888888;
}
}
@@ -1586,7 +1497,7 @@ div.bxbutton
margin-right:0.48%;
}
div.inner_box tr.odd {
- background: #E5E5E5;
+ background: #E0EBFF;
}
#modele_op_tab tr.odd {
background: #EDF3FF;
@@ -1594,8 +1505,7 @@ 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;
@@ -1610,8 +1520,7 @@ 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;
@@ -1634,7 +1543,7 @@ div#preference_div {
color:#FF0000;
top:40%;left:25%;
visibility:hidden;
- width: 640px;
+ width:640px;
width:40rem;
z-index:20;
}
@@ -1654,46 +1563,40 @@ td.workday ol {
}
input.inum {
text-align:right;
- border:1px solid #605D5D;
+ border:1px solid #0000FF;
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;
padding:2px;
overflow:hidden;
border:1px solid #00008B;
- width:30%;
- height:350px;
+ width:32%;
+ height:364px;
float:left;
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;
+ font-size: 95%;
}
div.box tr.odd {
background-color: #F2F6FD;
@@ -1719,7 +1622,6 @@ fieldset {
#mod_predf_op {
width: 80%;
overflow: auto;
- overflow-style: panner;
}
/****************************************************************************
* Tabs
@@ -1728,56 +1630,81 @@ ul.tabs {
padding-top: 15px;
display:block;
border-bottom: 1px solid #879ed4;
- padding-left: 2px
+ padding-left: 2px;
+ list-style: none;
}
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 */
+ 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 */
color:whitesmoke;
- margin-left: 2px;
- padding: 12px 15px 15px 15px;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
+ margin-left: 1px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
border:1px #879ed4 solid;
font-weight: bold;
-
+
}
li.tabs {
display:inline;
background-color: inherit;
- color:inherit;
- margin-left: 2px;
- padding: 15px 15px 0px 15px;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
- border:1px grey solid;
+ color:inherit;margin-left: 1px;
+ padding: 0px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+ border:1px #879ed4 solid;
}
li.tabs:hover {
display:inline;
- background-color: grey;
- color:wheat;margin-left: 2px;
- padding: 15px 15px 0px 15px;
+ background-color: lightblue;
+ color:wheat;margin-left: 1px;
+ padding: 0px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+ border:1px #879ed4 solid;
+ white-space: nowrap;
+
+}
address@hidden only screen and (min-width: 1280px) {
+ li.tabs {
+ display:inline;
+ background-color: inherit;
+ color:inherit;margin-left: 2px;
+ padding: 15px 7px 0px 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
- border:1px grey solid;
+ border:1px #879ed4 solid;
}
+ li.tabs:hover {
+ display:inline;
+ background-color: lightblue;
+ color:wheat;
+ margin-left: 2px;
+ padding: 10px 7px 0px 10px;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ border:1px #879ed4 solid;
+ }
+ li.tabs_selected {
+ padding: 12px 15px 15px 15px;
+ }
+}
ul.tabs a {
text-decoration: none;
color:inherit;
display:inline;
- white-space: nowrap;
+ white-space: nowrap;
}
ul.tabs a:hover {
@@ -1785,17 +1712,120 @@ ul.tabs a:hover {
color:white;
display:inline;
background-color: lightblue;
- white-space: nowrap;
}
address@hidden only screen and (max-width: 1426px) {
- li.tabs_selected {
- padding: 8px 10px 10px 10px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- }
- li.tabs , li.tabs:hover {
- padding: 10px 10px 0px 10px;
- }
+/*
+ * ????
+ */
+.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:0.9rem;
+}
+hr {
+ width:95%;
+ margin-left:2.5%;
+ background:blue;
+ height:2px;
+
+}
+/******************************************************************************
+ * Hightlight row in a table
+
******************************************************************************/
+tr.highlight{
+ font-weight: bolder;
+ font-size:14px;
+ background-color: #334975 !important;
+ 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 (min-width: 1280px) {
+ div.inner_box {
+ width: 95%;
+ left:2%;
+ margin-bottom: 2%;
+ }
}
/*****************************************************************************
* Table of one column to present menu
@@ -1805,6 +1835,9 @@ 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;
@@ -1837,8 +1870,8 @@ table.vert_mtitle td:hover a{
/*******************************************************************************
* Tiny button example : -X for remove action, remove link...
*******************************************************************************/
-div.content a.tinybutton,input[type="button"].tinybutton {
- color: red;
+div.content a.tinybutton,a.tinybutton{
+ color: blue;
font-weight: bold;
text-decoration: none;
font-family: arial,verdana,sans-serif,helvetica;
@@ -1856,15 +1889,36 @@ div.content
a.tinybutton,input[type="button"].tinybutton {
margin: 1px 2px 1px 2px;
border-width: 1px;
border-style: solid;
- border-color: orangered;
+ border-color: blue;
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: 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;
+ -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
*******************************************************************************/
@@ -1872,12 +1926,14 @@ div.content
a.tinybutton,input[type="button"].tinybutton {
cursor:pointer;
width:16px;
height:16px;
- padding:1px;
- border:#000000 1px solid;
vertical-align: top;
- background: grey;
+ background-image: url("image/bg-submit2.gif");
+ background-repeat: repeat-x;
+ background-position: left;
+
+ padding : 3px;
+
}
-
/****************************************************************************
* Aligned button
****************************************************************************/
@@ -1899,11 +1955,10 @@ ul.aligned-block li {
background: snow;
margin-top: 50px;
}
-// Selected cell in the module
-td.toolselected {background-color: #909BA7; }
/***************************************************************************
* column in the dashboard
***************************************************************************/
+
td.cut {
max-width: 25%;
overflow: hidden;
@@ -1911,8 +1966,9 @@ td.cut {
white-space: nowrap;
}
td.box {
- border-left : #C76626 solid 1px;
+ border-left: #9999ff solid 1px;
}
+
/****************************************************************************
* Smoke appearance of modal box
****************************************************************************/
- [Noalyss-commit] [noalyss] branch master updated (44ecba2 -> 5e4dcdd), Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 02/08: indent code, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 01/08: Add missing semicolon, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 03/08: Link to CFGCARD when cat doesn't exist, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 04/08: Task #1153 - Boite de dialogue modale #1153 alert box from ajax, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 06/08: esthetic, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 08/08: fix small bugs, Dany De Bontridder, 2015/08/28
- [Noalyss-commit] [noalyss] 05/08: esthetic,
Dany De Bontridder <=
- [Noalyss-commit] [noalyss] 07/08: esthetic, Dany De Bontridder, 2015/08/28