80 lines
1.5 KiB
CSS
Executable File
80 lines
1.5 KiB
CSS
Executable File
#CONTAINER section{
|
|
/* position */
|
|
display: none;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
height: auto;
|
|
padding: 2em;
|
|
|
|
/* background */
|
|
background-color: #ecf0f1;
|
|
|
|
/* Z */
|
|
z-index: 7;
|
|
}
|
|
|
|
|
|
#CONTAINER section.active{ display: block; }
|
|
|
|
|
|
|
|
/* STYLE "BASIC" DES TABLEAUX */
|
|
table.basic{
|
|
/* position */
|
|
float: left;
|
|
margin: 1em;
|
|
|
|
|
|
|
|
/* border */
|
|
border-radius: 5px;
|
|
border-spacing: 0;
|
|
box-shadow: 0 0 4px #e3e3e3;
|
|
}
|
|
|
|
|
|
table.basic tr td,
|
|
table.basic tr th{
|
|
/* position */
|
|
padding: 1em 1.5em;
|
|
|
|
/* border */
|
|
border-width: 1px 1px 0 0;
|
|
border-style: solid;
|
|
border-color: #e0e1e3;
|
|
|
|
/* backgroud */
|
|
background-color: #fff;
|
|
|
|
/* foreground */
|
|
color: #4e4e4e;
|
|
}
|
|
|
|
table.basic tr th{ background-color: #f7f8fc; }
|
|
table.basic tr th:first-letter{ text-transform: uppercase; }
|
|
|
|
|
|
/* on ajoute les rebords pour ceux à gauche */
|
|
table.basic tr td:first-child,
|
|
table.basic tr th:first-child{ border-left-width: 1px; }
|
|
/* on ajoute les rebords pour ceux en bas */
|
|
table.basic tr:last-child td { border-bottom-width: 1px; }
|
|
|
|
|
|
/* angle haut gauche */
|
|
table.basic tr:first-child th:first-child{ border-radius: 5px 0 0 0; }
|
|
/* angle haut droit */
|
|
table.basic tr:first-child th:last-child { border-radius: 0 5px 0 0; }
|
|
/* angle bas gauche */
|
|
table.basic tr:last-child td:first-child { border-radius: 0 0 0 5px; }
|
|
/* angle bas droit */
|
|
table.basic tr:last-child td:last-child { border-radius: 0 0 5px 0; }
|
|
|
|
/* @hover */
|
|
table.basic tr:hover td{
|
|
background-color: #f7f8fc;
|
|
color: #333;
|
|
} |