128 lines
16 KiB
CSS
128 lines
16 KiB
CSS
|
/* [1] COULEURS
|
||
|
|
=========================================================*/
|
||
|
|
/* (1) COULEURS DU THEME $DEFAULT */
|
||
|
|
/* (2) COULEURS DE THEME $DARK */
|
||
|
|
/* [2] DIMENSIONS
|
||
|
|
=========================================================*/
|
||
|
|
/* (1) Layout de base */
|
||
|
|
#WRAPPER > #CONTAINER {
|
||
|
|
/* [1] Section (contenu)
|
||
|
|
=========================================================*/ }
|
||
|
|
#WRAPPER > #CONTAINER > section {
|
||
|
|
display: none;
|
||
|
|
position: relative;
|
||
|
|
flex-grow: 1;
|
||
|
|
padding: 1em;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: #fff;
|
||
|
|
color: #000;
|
||
|
|
font-size: 1em;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
/* [2] Titres
|
||
|
|
=========================================================*/
|
||
|
|
/* [3][4] Boutons radio + Checkboxes
|
||
|
|
=========================================================*/
|
||
|
|
/* [5] Boutons de submit
|
||
|
|
=========================================================*/
|
||
|
|
/* [6] Images inline
|
||
|
|
=========================================================*/
|
||
|
|
/* [7] Contour flags
|
||
|
|
=========================================================*/ }
|
||
|
|
#WRAPPER > #CONTAINER > section.active {
|
||
|
|
display: block; }
|
||
|
|
#WRAPPER > #CONTAINER > section.charts {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-around; }
|
||
|
|
#WRAPPER > #CONTAINER > section h6 {
|
||
|
|
color: #848484;
|
||
|
|
font-size: 1.2em;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: .2em;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0; }
|
||
|
|
#WRAPPER > #CONTAINER > section h6:before {
|
||
|
|
content: '- '; }
|
||
|
|
#WRAPPER > #CONTAINER > section h6:after {
|
||
|
|
content: ' -'; }
|
||
|
|
#WRAPPER > #CONTAINER > section h6.center {
|
||
|
|
text-align: center; }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="radio"],
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="checkbox"] {
|
||
|
|
display: none; }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="radio"] + label[for],
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="checkbox"] + label[for] {
|
||
|
|
padding-left: .8em;
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
/* iOS Safari */
|
||
|
|
-webkit-user-select: none;
|
||
|
|
/* Chrome/Safari/Opera */
|
||
|
|
-khtml-user-select: none;
|
||
|
|
/* Konqueror */
|
||
|
|
-moz-user-select: none;
|
||
|
|
/* Firefox */
|
||
|
|
-ms-user-select: none;
|
||
|
|
/* IE/Edge */
|
||
|
|
user-select: none;
|
||
|
|
/* non-prefixed */ }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="radio"] + label[for]:before,
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="checkbox"] + label[for]:before {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
top: .1em;
|
||
|
|
left: -.8em;
|
||
|
|
width: calc( 1em - 2*.15em);
|
||
|
|
height: calc( 1em - 2*.15em);
|
||
|
|
border-radius: 50% / 50%;
|
||
|
|
border: 0.15em solid #399ced;
|
||
|
|
background: #fff center center no-repeat;
|
||
|
|
background-image: none;
|
||
|
|
background-size: 70% auto;
|
||
|
|
transition: background .2s ease-in-out;
|
||
|
|
cursor: pointer; }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="radio"]:checked + label[for]:before,
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="checkbox"]:checked + label[for]:before {
|
||
|
|
background-color: #399ced;
|
||
|
|
background-image: url("/f/svg/checked/st/container"); }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="checkbox"] + label[for]:before {
|
||
|
|
border-radius: 3px; }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="submit"],
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="button"] {
|
||
|
|
margin: .5em 0;
|
||
|
|
padding: .3em .5em;
|
||
|
|
border-radius: 3px;
|
||
|
|
border: 1px solid #515151;
|
||
|
|
color: #515151;
|
||
|
|
background-color: #fff;
|
||
|
|
transition: background .1s ease-in-out, color .1s ease-in-out;
|
||
|
|
/* (1) Animation de @hover */
|
||
|
|
/* (2) Bouton primaire */ }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="submit"]:hover,
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="button"]:hover {
|
||
|
|
background-color: #515151;
|
||
|
|
color: #fff; }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="submit"].primary,
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="button"].primary {
|
||
|
|
border-color: #399ced;
|
||
|
|
color: #399ced;
|
||
|
|
background-color: #fff;
|
||
|
|
/* (3) Animation de @hover pour bouton primaire */ }
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="submit"].primary:hover,
|
||
|
|
#WRAPPER > #CONTAINER > section input[type="button"].primary:hover {
|
||
|
|
background-color: #399ced;
|
||
|
|
color: #fff; }
|
||
|
|
#WRAPPER > #CONTAINER > section img {
|
||
|
|
margin: 1em;
|
||
|
|
height: 3em; }
|
||
|
|
#WRAPPER > #CONTAINER > section .flag {
|
||
|
|
margin: 0 .8em;
|
||
|
|
padding: .2em .8em;
|
||
|
|
border-radius: 5px;
|
||
|
|
border: 1px solid #b5b5b5;
|
||
|
|
color: #555;
|
||
|
|
font-family: 'Inconsolata'; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vY29udGFpbmVyLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cy5zY3NzJztcblxuI1dSQVBQRVIgPiAjQ09OVEFJTkVSe1xuXG5cdC8qIFsxXSBTZWN0aW9uIChjb250ZW51KVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gc2VjdGlvbntcblx0XHRkaXNwbGF5OiBub25lO1xuXG5cdFx0Ly8gR2VzdGlvbiBkZSBsJ2FjdGl2YXRpb24gZGVzIHNvdXMtcGFydGllc1xuXHRcdCYuYWN0aXZleyBkaXNwbGF5OiBibG9jazsgfVxuXG5cdFx0Ly8gR2VzdGlvbiBkJ3VuZSBzZWN0aW9uIGNvbnRlbmFudCBkZXMgZ3JhcGhpcXVlc1xuXHRcdCYuY2hhcnRze1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblxuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdH1cblxuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRmbGV4LWdyb3c6IDE7XG5cblx0XHRwYWRkaW5nOiAxZW07XG5cblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0Y29sb3I6ICMwMDA7XG5cdFx0Zm9udC1zaXplOiAxZW07XG5cblx0XHRib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xuXG5cblxuXHRcdC8qIFsyXSBUaXRyZXNcblx0XHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHRcdCYgaDZ7XG5cdFx0XHRjb2xvcjogbGlnaHRlbigkdGhlbWUtZmcsIDIwKTtcblx0XHRcdGZvbnQtc2l6ZTogMS4yZW07XG5cdFx0XHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDMwMDtcblx0XHRcdGxldHRlci1zcGFjaW5nOiAuMmVtO1xuXG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXG5cdFx0XHQmOmJlZm9yZXtjb250ZW50OictICc7fVxuXHRcdFx0JjphZnRlcntjb250ZW50OicgLSc7fVxuXG5cdFx0XHQvLyBxdWFuZCBjZW50csOpXG5cdFx0XHQmLmNlbnRlcntcblx0XHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0fVxuXHRcdH1cblxuXG5cblxuXG5cdFx0LyogWzNdWzRdIEJvdXRvbnMgcmFkaW8gKyBDaGVja2JveGVzXG5cdFx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0XHQmIGlucHV0W3R5cGU9XCJyYWRpb1wiXSxcblx0XHQmIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXXtcblx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0fVxuXG5cdFx0Ly8gTGFiZWxcblx0XHQmIGlucHV0W3R5cGU9XCJyYWRpb1wiXSArIGxhYmVsW2Zvcl0sXG5cdFx0JiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0gKyBsYWJlbFtmb3Jde1xuXHRcdFx0cGFkZGluZy1sZWZ0OiAuOGVtO1xuXG5cdFx0XHQvLyBQYXMgZGUgc2VsZWN0aW9uXG5cdFx0XHQtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7IC8qIGlPUyBTYWZhcmkgICAgICAgICAgKi9cblx0XHRcdC13ZWJraXQtdXNlci1zZWxlY3Q6ICAgbm9uZTsgLyogQ2hyb21lL1NhZmFyaS9PcGVyYSAqL1xuXHRcdFx0LWtodG1sLXVzZXItc2VsZWN0OiAgICBub25lOyAvKiBLb25xdWVyb3IgICAgICAgICAgICovXG5cdFx0XHQtbW96LXVzZXItc2VsZWN0OiAgICAgIG5vbmU7IC8qIEZpcmVmb3ggICAgICAgICAgICAgKi9cblx0XHRcdC1tcy11c2VyLXNlbGVjdDogICAgICAgbm9uZTsgLyogSUUvRWRnZSAgICAgICAgICAgICAqL1xuXHRcdFx0dXNlci1zZWxlY3Q6ICAgICAgICAgICBub25lOyAvKiBub24tcHJlZml4ZWQgICAgICAgICovXG5cblxuXHRcdFx0Ly8gUmVjZXB0YWNsZVxuXHRcdFx0JjpiZWZvcmV7XG5cdFx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHR0b3A6IC4xZW07XG5cdFx0XHRcdFx0bGVmdDogLS44ZW07XG5cdFx0XHRcdFx0d2lkdGg6IGNhbGMoIDFlbSAtIDIqLjE1ZW0gKTtcblx0XHRcdFx0XHRoZWlnaHQ6IGNhbGMoIDFlbSAtIDIqLjE1ZW0gKTtcblxuXHRcdFx0XHRib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG5cdFx0XHRcdGJvcmRlcjogLjE1ZW0gc29saWQgJHRoZW1lLWZnLXByaW1hcnk7XG5cblx0XHRcdFx0YmFja2dyb3VuZDogI2ZmZiBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogbm9uZTtcblx0XHRcdFx0YmFja2dyb3VuZC1zaXplOiA3MCUgYXV0bztcblxuXHRcdFx0XHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIC4ycyBlYXNlLWluLW91dDtcblxuXHRcdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gUXVhbmQgYWN0aWZcblx0XHQmIGlucHV0W3R5cGU9XCJyYWRpb1wiXTpjaGVja2VkICsgbGFiZWxbZm9yXTpiZWZvcmUsXG5cdFx0JiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06Y2hlY2tlZCArIGxhYmVsW2Zvcl06YmVmb3Jle1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHRoZW1lLWZnLXByaW1hcnk7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9mL3N2Zy9jaGVja2VkL3N0L2NvbnRhaW5lcicpO1xuXHRcdH1cblxuXG5cdFx0Ly8gU3BlY2lmaXF1ZSBhIGNoZWNrYm94XG5cdFx0JiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0gKyBsYWJlbFtmb3JdOmJlZm9yZXtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHR9XG5cblxuXG5cblxuXHRcdC8qIFs1XSBCb3V0b25zIGRlIHN1Ym1pdFxuXHRcdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdFx0JiBpbnB1dFt0eXBlPVwic3VibWl0XCJdLFxuX
|