685 lines
12 KiB
CSS
685 lines
12 KiB
CSS
/*
|
|
_ _ ____ _ _ _
|
|
/ \ __ _(_)_ __/ ___|| |_ __ _| |_ ___ ___ | |
|
|
/ _ \ / _` | | '__\___ \| __/ _` | __/ _ \ / _ \| |
|
|
/ ___ \ (_| | | | ___) | || (_| | || (_) | (_) | |
|
|
/_/ \_\__, |_|_| |____/ \__\__,_|\__\___/ \___/|_|
|
|
|___/
|
|
*/
|
|
|
|
|
|
table
|
|
{
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.tablesubtitle
|
|
{
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
/**************** GENERAL SETTINGS ****************/
|
|
|
|
*
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
color:#2e2d30;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
p
|
|
{
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
hr
|
|
{
|
|
border:dashed #CCC 1px;
|
|
border-bottom:0px;
|
|
border-left:0px;
|
|
width:100%;
|
|
margin: 10px 2px;
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
|
|
ul, ol
|
|
{
|
|
margin-left:30px;
|
|
}
|
|
|
|
/***** GENERIC Titles ******/
|
|
|
|
h1.big
|
|
{
|
|
font-size:45px;/** titre intro **/
|
|
}
|
|
|
|
h1,
|
|
h1 a,
|
|
h1 span
|
|
{
|
|
color:#0084FF;
|
|
font-size:28px;
|
|
padding-top:5px;
|
|
padding-bottom:10px;
|
|
font-family: ITCAvantGardeStd-Md, Arial, Helvetica, sans-serif;
|
|
font-weight:normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h2,
|
|
h2 a,
|
|
h2 span
|
|
{
|
|
font-family: ITCAvantGardeStd-Md, Arial, Helvetica, sans-serif;
|
|
font-weight:normal;
|
|
color:#0084FF;
|
|
font-size:20px;
|
|
margin-top:30px;
|
|
margin-bottom:20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h3,
|
|
h3 a,
|
|
h3 span
|
|
{
|
|
color:#0084FF;
|
|
font-weight:normal;
|
|
font-size:15px;
|
|
margin-top:10px;
|
|
font-family: ITCAvantGardeStd-Md, Arial, Helvetica, sans-serif;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/**************** GENERIC COMPOSANTS ****************/
|
|
|
|
.count
|
|
{
|
|
color:#f9b536;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
font-size:25px;
|
|
display:block;
|
|
}
|
|
|
|
.datehour
|
|
{
|
|
font-style:italic;
|
|
font-size:11px;
|
|
color:#666;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.left
|
|
{
|
|
text-align: left;
|
|
}
|
|
|
|
/* Used to set width cell in table as narrower as possible. */
|
|
.narrower
|
|
{
|
|
width: 10px;
|
|
}
|
|
|
|
.center
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.right
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
.italic
|
|
{
|
|
font-style: italic;
|
|
}
|
|
|
|
.underline
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.bold
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.unresizable
|
|
{
|
|
resize: none;
|
|
}
|
|
|
|
.shift_right
|
|
{
|
|
/* Useful with second button */
|
|
display:inline-block;
|
|
float:right;"
|
|
}
|
|
|
|
.without
|
|
{
|
|
list-style-type:none;
|
|
}
|
|
|
|
.background_green
|
|
{
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
.background_yellow
|
|
{
|
|
background-color: #fffbbb;
|
|
}
|
|
|
|
.background_orange
|
|
{
|
|
background-color: #FFCBA4;
|
|
}
|
|
|
|
.background_red
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
|
|
.caution
|
|
{
|
|
background-color: #fffbbb;
|
|
}
|
|
|
|
.warning
|
|
{
|
|
background-color: #f58e1c;
|
|
}
|
|
|
|
.alert,
|
|
.redalert
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
/***** GENERIC COLUMNS *****/
|
|
|
|
.row
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.row:after
|
|
{
|
|
clear: both;
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.column {
|
|
display: inline;
|
|
float: left;
|
|
}
|
|
|
|
/***** GENERIC BUTTONS *****/
|
|
|
|
/*******/
|
|
|
|
a.button
|
|
{
|
|
background-color: #2E2D30;
|
|
color: #FDCA59;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
margin-top:15px;
|
|
margin-bottom:15px;
|
|
padding:10px;
|
|
display:inline-block;
|
|
font-family: ITCAvantGardeStd-Md, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
a.button:hover
|
|
{
|
|
background-color:#5f5d63;
|
|
}
|
|
|
|
|
|
/* The switch - the box around the slider */
|
|
.switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 60px;
|
|
height: 34px;
|
|
}
|
|
|
|
/* Hide default HTML checkbox */
|
|
.switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* The slider */
|
|
.slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #ccc;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
.slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 26px;
|
|
width: 26px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
background-color: white;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
input:checked + .slider {
|
|
background-color: #2196F3;
|
|
}
|
|
|
|
input:focus + .slider {
|
|
box-shadow: 0 0 1px #2196F3;
|
|
}
|
|
|
|
input:checked + .slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px);
|
|
}
|
|
|
|
/* Rounded sliders */
|
|
.slider.round {
|
|
border-radius: 34px;
|
|
}
|
|
|
|
.slider.round:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
/***** GENERIC TABLES *****/
|
|
|
|
table a
|
|
{
|
|
text-decoration:none;
|
|
}
|
|
|
|
.center_table
|
|
{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.td_number
|
|
{
|
|
text-align: right;
|
|
/*width: 75px;*/
|
|
}
|
|
|
|
.first_column_valign_top > tr > td:first-child
|
|
{
|
|
vertical-align: top;
|
|
}
|
|
|
|
table > thead > tr.active > td,
|
|
table > thead > tr.active > th,
|
|
table > thead > tr > td.active,
|
|
table > thead > tr > th.active,
|
|
table > tbody > tr.active > td,
|
|
table > tbody > tr.active > th,
|
|
table > tbody > tr > td.active,
|
|
table > tr > td.active,
|
|
table > tbody > tr > th.active,
|
|
table > tr > th.active,
|
|
table > tfoot > tr.active > td,
|
|
table > tfoot > tr.active > th,
|
|
table > tfoot > tr > td.active,
|
|
table > tfoot > tr > th.active
|
|
{
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
table > thead > tr.info > td,
|
|
table > thead > tr.info > th,
|
|
table > thead > tr > td.info,
|
|
table > thead > tr > th.info,
|
|
table > tbody > tr.info > td,
|
|
table > tbody > tr.info > th,
|
|
table > tbody > tr > td.info,
|
|
table > tr > td.info,
|
|
table > tbody > tr > th.info,
|
|
table > tr > th.info,
|
|
table > tfoot > tr.info > td,
|
|
table > tfoot > tr.info > th,
|
|
table > tfoot > tr > td.info,
|
|
table > tfoot > tr > th.info
|
|
{
|
|
background-color: #d9edf7;
|
|
}
|
|
|
|
table > thead > tr.success > td,
|
|
table > thead > tr.success > th,
|
|
table > thead > tr > td.success,
|
|
table > thead > tr > th.success,
|
|
table > tbody > tr.success > td,
|
|
table > tbody > tr.success > th,
|
|
table > tbody > tr > td.success,
|
|
table > tr > td.success,
|
|
table > tbody > tr > th.success,
|
|
table > tr > th.success,
|
|
table > tfoot > tr.success > td,
|
|
table > tfoot > tr.success > th,
|
|
table > tfoot > tr > td.success,
|
|
table > tfoot > tr > th.success
|
|
{
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
table > thead > tr.caution > td,
|
|
table > thead > tr.caution > th,
|
|
table > thead > tr > td.caution,
|
|
table > thead > tr > th.caution,
|
|
table > tbody > tr.caution > td,
|
|
table > tbody > tr.caution > th,
|
|
table > tbody > tr > td.caution,
|
|
table > tr > td.caution,
|
|
table > tbody > tr > th.caution,
|
|
table > tr > th.caution,
|
|
table > tfoot > tr.caution > td,
|
|
table > tfoot > tr.caution > th,
|
|
table > tfoot > tr > td.caution,
|
|
table > tfoot > tr > th.caution
|
|
{
|
|
background-color: #fffbbb;
|
|
}
|
|
|
|
table > thead > tr.warning > td,
|
|
table > thead > tr.warning > th,
|
|
table > thead > tr > td.warning,
|
|
table > thead > tr > th.warning,
|
|
table > tbody > tr.warning > td,
|
|
table > tbody > tr.warning > th,
|
|
table > tbody > tr > td.warning,
|
|
table > tr > td.warning,
|
|
table > tbody > tr > th.warning,
|
|
table > tr > th.warning,
|
|
table > tfoot > tr.warning > td,
|
|
table > tfoot > tr.warning > th,
|
|
table > tfoot > tr > td.warning,
|
|
table > tfoot > tr > th.warning
|
|
{
|
|
background-color: ##f58e1c;
|
|
}
|
|
|
|
table > thead > tr.alert > td,
|
|
table > thead > tr.alert > th,
|
|
table > thead > tr > td.alert,
|
|
table > thead > tr > th.alert,
|
|
table > tbody > tr.alert > td,
|
|
table > tbody > tr.alert > th,
|
|
table > tbody > tr > td.alert,
|
|
table > tr > td.alert,
|
|
table > tbody > tr > th.alert,
|
|
table > tr > th.alert,
|
|
table > tfoot > tr.alert > td,
|
|
table > tfoot > tr.alert > th,
|
|
table > tfoot > tr > td.alert,
|
|
table > tfoot > tr > th.alert
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
table > thead > tr.danger > td,
|
|
table > thead > tr.danger > th,
|
|
table > thead > tr > td.danger,
|
|
table > thead > tr > th.danger,
|
|
table > tbody > tr.danger > td,
|
|
table > tbody > tr.danger > th,
|
|
table > tbody > tr > td.danger,
|
|
table > tr > td.danger,
|
|
table > tbody > tr > th.danger,
|
|
table > tr > th.danger,
|
|
table > tfoot > tr.danger > td,
|
|
table > tfoot > tr.danger > th,
|
|
table > tfoot > tr > td.danger,
|
|
table > tfoot > tr > th.danger
|
|
{
|
|
background-color: #ff0000;
|
|
}
|
|
|
|
/*******/
|
|
.hovertable > tbody > tr.active:hover > td,
|
|
.hovertable > tbody > tr.active:hover > th,
|
|
.hovertable > tbody > tr:hover > .active,
|
|
.hovertable > tbody > tr > td.active:hover,
|
|
.hovertable > tbody > tr > th.active:hover,
|
|
.hovertable > tr.active:hover > td,
|
|
.hovertable > tr.active:hover > th,
|
|
.hovertable > tr:hover > .active,
|
|
.hovertable > tr > td.active:hover,
|
|
.hovertable > tr > th.active:hover
|
|
{
|
|
background-color: #d5d5d5;
|
|
}
|
|
|
|
.hovertable > tbody > tr.info:hover > td,
|
|
.hovertable > tbody > tr.info:hover > th,
|
|
.hovertable > tbody > tr:hover > .info,
|
|
.hovertable > tbody > tr > td.info:hover,
|
|
.hovertable > tbody > tr > th.info:hover,
|
|
.hovertable > tr.info:hover > td,
|
|
.hovertable > tr.info:hover > th,
|
|
.hovertable > tr:hover > .info,
|
|
.hovertable > tr > td.info:hover,
|
|
.hovertable > tr > th.info:hover
|
|
{
|
|
background-color: #d0e0f0;
|
|
}
|
|
|
|
.hovertable > tbody > tr.success:hover > td,
|
|
.hovertable > tbody > tr.success:hover > th,
|
|
.hovertable > tbody > tr:hover > .success,
|
|
.hovertable > tbody > tr > td.success:hover,
|
|
.hovertable > tbody > tr > th.success:hover,
|
|
.hovertable > tr.success:hover > td,
|
|
.hovertable > tr.success:hover > th,
|
|
.hovertable > tr:hover > .success,
|
|
.hovertable > tr > td.success:hover,
|
|
.hovertable > tr > th.success:hover
|
|
{
|
|
background-color: #d0e9c6;
|
|
}
|
|
|
|
.hovertable > tbody > tr.warning:hover > td,
|
|
.hovertable > tbody > tr.warning:hover > th,
|
|
.hovertable > tbody > tr:hover > .warning,
|
|
.hovertable > tbody > tr > td.warning:hover,
|
|
.hovertable > tbody > tr > th.warning:hover,
|
|
.hovertable > tr.warning:hover > td,
|
|
.hovertable > tr.warning:hover > th,
|
|
.hovertable > tr:hover > .warning,
|
|
.hovertable > tr > td.warning:hover,
|
|
.hovertable > tr > th.warning:hover
|
|
{
|
|
background-color: #eae5c3;
|
|
}
|
|
|
|
.hovertable > tbody > tr.alert:hover > td,
|
|
.hovertable > tbody > tr.alert:hover > th,
|
|
.hovertable > tbody > tr:hover > .alert,
|
|
.hovertable > tbody > tr > td.alert:hover,
|
|
.hovertable > tbody > tr > th.alert:hover,
|
|
.hovertable > tr.alert:hover > td,
|
|
.hovertable > tr.alert:hover > th,
|
|
.hovertable > tr:hover > .alert,
|
|
.hovertable > tr > td.alert:hover,
|
|
.hovertable > tr > th.alert:hover
|
|
{
|
|
background-color: #f0bb94;
|
|
}
|
|
|
|
.hovertable > tbody > tr.danger:hover > td,
|
|
.hovertable > tbody > tr.danger:hover > th,
|
|
.hovertable > tbody > tr:hover > .danger,
|
|
.hovertable > tbody > tr > td.danger:hover,
|
|
.hovertable > tbody > tr > th.danger:hover,
|
|
.hovertable > tr.danger:hover > td,
|
|
.hovertable > tr.danger:hover > th,
|
|
.hovertable > tr:hover > .danger,
|
|
.hovertable > tr > td.danger:hover,
|
|
.hovertable > tr > th.danger:hover
|
|
{
|
|
background-color: #e00000;
|
|
}
|
|
|
|
/*******/
|
|
|
|
.table_default {
|
|
border-spacing:0px;
|
|
border-collapse:collapse;
|
|
width:100%;
|
|
}
|
|
|
|
.table_default > tr > th,
|
|
.table_default > thead > tr > th,
|
|
.table_default > tbody > tr > th {
|
|
background-color:;
|
|
border-collapse:collapse;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
padding:5px;
|
|
font-size:13px;
|
|
background:url("/charter/line.png") #D9DADB right no-repeat;
|
|
}
|
|
|
|
.table_default > tr:hover,
|
|
.table_default > tbody > tr:hover {
|
|
background-color:#ECECEC;
|
|
}
|
|
|
|
.table_default > tr > td,
|
|
.table_default > tbody > tr > td {
|
|
vertical-align:top;
|
|
padding:5px;
|
|
margin-top:15px;
|
|
margin-bottom:15px;
|
|
}
|
|
|
|
/*******/
|
|
|
|
.table_classic {
|
|
border:0px;
|
|
width:100%;
|
|
margin: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table_classic > tr > th,
|
|
.table_classic > thead > tr > th,
|
|
.table_classic > tbody > tr > th {
|
|
background-color:#ECECEC;
|
|
border:1px solid #DCDCDC;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.table_classic > tr > td,
|
|
.table_classic > tbody > tr > td,
|
|
.table_classic > tfoot > tr > td {
|
|
border:1px solid #ECECEC;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.table_classic > tr:hover,
|
|
.table_classic > tbody > tr:hover {
|
|
background-color:#ECECEC;
|
|
}
|
|
|
|
|
|
/*******/
|
|
|
|
.table_glued {
|
|
border:0px;
|
|
width:100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table_glued > tr > th,
|
|
.table_glued > tbody > tr > th {
|
|
background-color:#ECECEC;
|
|
border:0px;
|
|
}
|
|
|
|
.table_glued > tr > td,
|
|
.table_glued > tbody > tr > td {
|
|
border:1px solid #ECECEC;
|
|
}
|
|
|
|
/*******/
|
|
.table_simple {
|
|
border: 0px solid red;
|
|
border-spacing: 0px;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
.table_simple > tr > th,
|
|
.table_simple > tbody > tr > th {
|
|
color: #2e2d30;
|
|
border: 0px none red;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
text-align: left;
|
|
font-weight: 550;
|
|
margin: 0;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-right: 5px;
|
|
font-size: 13px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.table_simple > tr,
|
|
.table_simple > tbody > tr {
|
|
border: 0px none red;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.table_simple > tr:hover,
|
|
.table_simple > tbody > tr:hover {
|
|
background-color: #d9dadb;
|
|
}
|
|
|
|
.table_simple > tr > td,
|
|
.table_simple > tbody > tr > td {
|
|
vertical-align: top;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
margin: 0px;
|
|
border: 0px none red;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
color: #6f6e60; /* #2e2d30; */
|
|
}
|