148 lines
3.0 KiB
CSS
Executable File
148 lines
3.0 KiB
CSS
Executable File
.no-select{
|
|
user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
.hidden{ display: none !important; }
|
|
|
|
|
|
span.unstressed{ color: #aaa; }
|
|
span.stressed{ font-weight: bold; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**********************/
|
|
/*** TABLEAU .BASIC ***/
|
|
/**********************/
|
|
|
|
/* STYLE "BASIC" DES TABLEAUX */
|
|
table.basic{
|
|
/* position */
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
|
|
/* border */
|
|
border-radius: 5px;
|
|
border-spacing: 0;
|
|
/*box-shadow: 0 0 4px #e3e3e3;*/
|
|
}
|
|
|
|
table.basic.margin{ margin-bottom: 1em; }
|
|
|
|
table.basic tr td,
|
|
table.basic tr th,
|
|
#DRAGNDROP td,
|
|
#DRAGNDROP th{
|
|
/* position */
|
|
padding: 1.5em 1.5em;
|
|
|
|
width: 25%;
|
|
|
|
/* border */
|
|
/*border-width: 1px 0 0 0;*/
|
|
/*border-style: solid;*/
|
|
/*border-color: #e0e1e3;*/
|
|
|
|
/* backgroud */
|
|
background-color: #fff;
|
|
|
|
/* foreground */
|
|
color: #4e4e4e;
|
|
|
|
/* animation */
|
|
transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-ms-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
|
|
/* extra */
|
|
cursor: default;
|
|
}
|
|
|
|
/* définition de la répartition des éléments en fonction du nombre de colonnes */
|
|
table.basic.col1 tr td, table.basic.col1 tr th{ width: 100%; }
|
|
table.basic.col2 tr td, table.basic.col2 tr th{ width: 50%; }
|
|
table.basic.col3 tr td, table.basic.col3 tr th{ width: 33%; }
|
|
table.basic.col4 tr td, table.basic.col4 tr th{ width: 25%; }
|
|
table.basic.col5 tr td, table.basic.col5 tr th{ width: 20%; }
|
|
|
|
|
|
/* titre aligné à gauche */
|
|
table.basic th{ text-align: left; }
|
|
|
|
/* <thead> sans background */
|
|
table.basic thead tr th{ background-color: transparent; }
|
|
|
|
table.basic:nth-child(4n+0) tr td:first-child{ border-left: 10px solid #e63c54; }
|
|
table.basic:nth-child(4n+1) tr td:first-child{ border-left: 10px solid #3c73e6; }
|
|
table.basic:nth-child(4n+2) tr td:first-child{ border-left: 10px solid #e6983c; }
|
|
table.basic:nth-child(4n+3) tr td:first-child{ border-left: 10px solid #2dcc70; }
|
|
|
|
|
|
|
|
/* @hover */
|
|
table.basic tr:hover td{ color: #fff; }
|
|
|
|
table.basic:nth-child(4n+0) tr:hover td{ background-color: rgba(230, 60, 84, 1); }
|
|
table.basic:nth-child(4n+1) tr:hover td{ background-color: rgba(60, 115, 230, 1); }
|
|
table.basic:nth-child(4n+2) tr:hover td{ background-color: rgba(230, 152, 60, 1); }
|
|
table.basic:nth-child(4n+3) tr:hover td{ background-color: rgba(45, 204, 112, 1); }
|
|
|
|
|
|
|
|
/******************/
|
|
/*** PARAGRAPHS ***/
|
|
/******************/
|
|
#CONTAINER section > p{
|
|
/* position */
|
|
padding: 1em;
|
|
margin: 1em;
|
|
|
|
/* border */
|
|
border-radius: 3px;
|
|
border: 1px solid #ddd;
|
|
|
|
/* background */
|
|
background-color: #fff;
|
|
}
|
|
|
|
#CONTAINER section > p:hover{
|
|
box-shadow: 1px 1px 3px #ddd;
|
|
}
|
|
|
|
|
|
/*********************/
|
|
/*** LIENS BOUTONS ***/
|
|
/*********************/
|
|
span.link{
|
|
/* position */
|
|
padding: .3em .8em;
|
|
|
|
/* border */
|
|
border-radius: 5px;
|
|
border: 1px solid #ddd;
|
|
box-shadow: inset 0 0 1px #f5f5f5;
|
|
|
|
/* background */
|
|
background: #eee;
|
|
|
|
/* foreground */
|
|
color: #333;
|
|
|
|
/* extra */
|
|
cursor: pointer;
|
|
}
|
|
|
|
span.link:hover{ color: #000; } |