statoolinfosweb/src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css

719 lines
13 KiB
CSS
Raw Normal View History

2020-09-15 03:16:26 +02:00
/*
____ _ _ _ ___ __
/ ___|| |_ __ _| |_ ___ ___ | |_ _|_ __ / _| ___ ___
\___ \| __/ _` | __/ _ \ / _ \| || || '_ \| |_ / _ \/ __|
___) | || (_| | || (_) | (_) | || || | | | _| (_) \__ \
|____/ \__\__,_|\__\___/ \___/|_|___|_| |_|_| \___/|___/
*/
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,
h1 sup
{
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 *****/
/*******/
.button
{
background-color: #e7e7e7;
border: none;
color: black;
padding: 4px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
width: 90px;
}
.button:hover
{
font-weight: bold;
}
.unselected
{
background-color: #e7e7e7;
color: black;
}
.selected
{
background-color: #008CBA;
color: white;
}
/******/
/* 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.comment > td,
table > thead > tr.comment > th,
table > thead > tr > td.comment,
table > thead > tr > th.comment,
table > tbody > tr.comment > td,
table > tbody > tr.comment > th,
table > tbody > tr > td.comment,
table > tr > td.comment,
table > tbody > tr > th.comment,
table > tr > th.comment,
table > tfoot > tr.comment > td,
table > tfoot > tr.comment > th,
table > tfoot > tr > td.comment,
table > tfoot > tr > th.comment
{
background-color: #ececec;
}
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; */
}