NxTIC/css/expanded/timeline-form-facebook.css

139 lines
21 KiB
CSS
Raw Normal View History

@charset "UTF-8";
/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* (3) Couleurs du theme pour la timeline */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
/* [3] Mixins
=========================================================*/
/* [4] Functions
=========================================================*/
/* [1] Formulaire de type timeline
=========================================================*/
#WRAPPER > #CONTAINER section[data-timeline].facebook {
/* Animation de .active*/
/* (7) Inputs de type text */
/* (12) Gestion des coloris pour les titres */
/* (13) Gestion de la navigation fléchée */
}
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='file'].active + span.file-input {
background: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='text'],
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='password'],
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='number'],
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='button'],
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='submit'],
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='mail'] {
/* Animation de @focus*/
}
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='text']:focus,
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='password']:focus,
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='number']:focus,
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='button']:focus,
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='submit']:focus,
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='mail']:focus {
border-color: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='submit'] {
border-color: #1e2e4f;
background: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook input[type='submit']:hover, #WRAPPER > #CONTAINER section[data-timeline].facebook input[type='submit']:focus {
background: #344e86;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook .select-container select:focus {
border-color: #3b5998;
background-image: url("/src/static/container/bottom_arrow@3b5998.svg");
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color0,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color0,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color0 {
color: #0e6dbf;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color0:before, #WRAPPER > #CONTAINER section[data-timeline].facebook h5.color0:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color0:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color0:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color0:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color0:after {
background-color: #0e6dbf;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color1,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color1,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color1 {
color: #e64e3e;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color1:before, #WRAPPER > #CONTAINER section[data-timeline].facebook h5.color1:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color1:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color1:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color1:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color1:after {
background-color: #e64e3e;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color2,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color2,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color2 {
color: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color2:before, #WRAPPER > #CONTAINER section[data-timeline].facebook h5.color2:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color2:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color2:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color2:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color2:after {
background-color: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color3,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color3,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color3 {
color: #b14be7;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color3:before, #WRAPPER > #CONTAINER section[data-timeline].facebook h5.color3:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color3:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color3:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color3:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color3:after {
background-color: #b14be7;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color4,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color4,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color4 {
color: #053b5d;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook h5.color4:before, #WRAPPER > #CONTAINER section[data-timeline].facebook h5.color4:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color4:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h4.color4:after,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color4:before,
#WRAPPER > #CONTAINER section[data-timeline].facebook h3.color4:after {
background-color: #053b5d;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook .arrow-container span.done {
color: #3b5998;
}
#WRAPPER > #CONTAINER section[data-timeline].facebook .arrow-container span.done:hover, #WRAPPER > #CONTAINER section[data-timeline].facebook .arrow-container span.done.active {
color: #fff;
border-color: #3b5998;
background: #3b5998;
}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAidGltZWxpbmUtZm9ybS1mYWNlYm9vay5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL3RpbWVsaW5lLWZvcm0tZmFjZWJvb2suc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiXG5AaW1wb3J0ICdjb25zdGFudHMnO1xuXG4vKiBbMV0gRm9ybXVsYWlyZSBkZSB0eXBlIHRpbWVsaW5lXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI1dSQVBQRVIgPiAjQ09OVEFJTkVSIHNlY3Rpb25bZGF0YS10aW1lbGluZV0uZmFjZWJvb2t7XG5cblxuXG5cdC8qIEFuaW1hdGlvbiBkZSAuYWN0aXZlKi9cblx0JiBpbnB1dFt0eXBlPSdmaWxlJ10uYWN0aXZlICsgc3Bhbi5maWxlLWlucHV0e1xuXHRcdGJhY2tncm91bmQ6ICR0aW1lbGluZS1mYjtcblx0fVxuXG5cdC8qICg3KSBJbnB1dHMgZGUgdHlwZSB0ZXh0ICovXG5cdCYgaW5wdXRbdHlwZT0ndGV4dCddLFxuXHQmIGlucHV0W3R5cGU9J3Bhc3N3b3JkJ10sXG5cdCYgaW5wdXRbdHlwZT0nbnVtYmVyJ10sXG5cdCYgaW5wdXRbdHlwZT0nYnV0dG9uJ10sXG5cdCYgaW5wdXRbdHlwZT0nc3VibWl0J10sXG5cdCYgaW5wdXRbdHlwZT0nbWFpbCdde1xuXHRcdC8qIEFuaW1hdGlvbiBkZSBAZm9jdXMqL1xuXHRcdCY6Zm9jdXN7XG5cdFx0XHRib3JkZXItY29sb3I6ICR0aW1lbGluZS1mYjtcblx0XHR9XG5cdH1cblxuXHQvLyBCb3V0b25zXG5cdCYgaW5wdXRbdHlwZT0nc3VibWl0J117XG5cdFx0Ym9yZGVyLWNvbG9yOiBkYXJrZW4oJHRpbWVsaW5lLWZiLCAyMCk7XG5cblx0XHRiYWNrZ3JvdW5kOiAkdGltZWxpbmUtZmI7XG5cblxuXHRcdC8vIEFuaW1hdGlvbiBkZSBAaG92ZXIgcG91ciBsZXMgYm91dG9uc1xuXHRcdCY6aG92ZXIsXG5cdFx0Jjpmb2N1c3tcblx0XHRcdGJhY2tncm91bmQ6IGRhcmtlbigkdGltZWxpbmUtZmIsIDUpO1xuXHRcdH1cblx0fVxuXG5cblxuXG5cblx0JiAuc2VsZWN0LWNvbnRhaW5lciBzZWxlY3R7XG5cblx0XHQvLyBBbmltYXRpb24gZGUgQGZvY3VzXG5cdFx0Jjpmb2N1c3tcblx0XHRcdGJvcmRlci1jb2xvcjogJHRpbWVsaW5lLWZiO1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTp1cmwoJy9zcmMvc3RhdGljL2NvbnRhaW5lci9ib3R0b21fYXJyb3dAI3tjb2xvci1zdHIoJHRpbWVsaW5lLWZiKX0uc3ZnJyk7XG5cdFx0fVxuXG5cdH1cblxuXHQvKiAoMTIpIEdlc3Rpb24gZGVzIGNvbG9yaXMgcG91ciBsZXMgdGl0cmVzICovXG5cdCYgaDUuY29sb3IwLFxuXHQmIGg0LmNvbG9yMCxcblx0JiBoMy5jb2xvcjB7XG5cdFx0Y29sb3I6ICR0aW1lbGluZS0wO1xuXHRcdCY6YmVmb3JlLCY6YWZ0ZXJ7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGltZWxpbmUtMDtcblx0XHR9XG5cdH1cblxuXHQmIGg1LmNvbG9yMSxcblx0JiBoNC5jb2xvcjEsXG5cdCYgaDMuY29sb3Ixe1xuXHRcdGNvbG9yOiAkdGltZWxpbmUtMTtcblx0XHQmOmJlZm9yZSwmOmFmdGVye1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHRpbWVsaW5lLTE7XG5cdFx0fVxuXHR9XG5cblx0JiBoNS5jb2xvcjIsXG5cdCYgaDQuY29sb3IyLFxuXHQmIGgzLmNvbG9yMntcblx0XHRjb2xvcjogJHRpbWVsaW5lLWZiO1xuXHRcdCY6YmVmb3JlLCY6YWZ0ZXJ7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGltZWxpbmUtZmI7XG5cdFx0fVxuXHR9XG5cblx0JiBoNS5jb2xvcjMsXG5cdCYgaDQuY29sb3IzLFxuXHQmIGgzLmNvbG9yM3tcblx0XHRjb2xvcjogJHRpbWVsaW5lLTM7XG5cdFx0JjpiZWZvcmUsJjphZnRlcntcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aW1lbGluZS0zO1xuXHRcdH1cblx0fVxuXG5cdCYgaDUuY29sb3I0LFxuXHQmIGg0LmNvbG9yNCxcblx0JiBoMy5jb2xvcjR7XG5cdFx0Y29sb3I6ICR0aW1lbGluZS00O1xuXHRcdCY6YmVmb3JlLCY6YWZ0ZXJ7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGltZWxpbmUtNDtcblx0XHR9XG5cdH1cblxuXG5cdC8qICgxMykgR2VzdGlvbiBkZSBsYSBuYXZpZ2F0aW9uIGZsw6ljaMOpZSAqL1xuXHQmIC5hcnJvdy1jb250YWluZXJ7XG5cblx0XHQmIHNwYW57XG5cblx0XHRcdC8vIEFuaW1hdGlvbiBxdWFuZCBsYSBwYWdlIGVzdCB2YWxpZMOpZVxuXHRcdFx0Ji5kb25le1xuXHRcdFx0XHRjb2xvcjogJHRpbWVsaW5lLWZiO1xuXG5cdFx0XHRcdC8vIEFuaW1hdGlvbiBkZSBob3ZlclxuXHRcdFx0XHQmOmhvdmVyLFxuXHRcdFx0XHQmLmFjdGl2ZXtcblx0XHRcdFx0XHRjb2xvcjogI2ZmZjtcblx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR0aW1lbGluZS1mYjtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAkdGltZWxpbmUtZmI7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdH1cblxuXHR9XG5cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMwZTZkYmY7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuJGhlYWRlci1kYXJrOiAgICAgI0Y4RjhGQTtcblxuLyogKDMpIENvdWxldXJzIGR1IHRoZW1lIHBvdXIgbGEgdGltZWxpbmUgKi9cbiR0aW1lbGluZS1jb2xvcjogIzczODM5NDtcbiR0aW1lbGluZS0wOiAjMGU2ZGJmO1xuJHRpbWVsaW5lLTE6ICNlNjRlM2U7XG4kdGltZWxpbmUtMjogI2Q1NGIyODtcbiR0aW1lbGluZS0zOiAjYjE0YmU3O1xuJHRpbWVsaW5lLTQ6ICMwNTNiNWQ7XG5cbiR0aW1lbGluZ