NxTIC/css/timeline-form/expanded.css

88 lines
9.7 KiB
CSS
Raw Normal View History

@charset "UTF-8";
/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
/* [1] Formulaire de type timeline
=========================================================*/
#WRAPPER > #CONTAINER section[data-timeline] {
display: block;
position: relative;
background-color: #fff;
font-size: .9em;
color: #000;
/* (1) On ajoute le liseré à droite pour TOUS les éléments */
/* (2) Titres de sections */
/* (3) Titres des sous-sections */
/* (4) 'Tags' -> textes sur le liseré gauche */
}
#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) {
display: block;
color: #333;
margin: 0 20px;
padding: 5px 60px;
background: url("/f/svg/dot/st/container/66db70") 20px 0 no-repeat;
background-size: 6px 100%;
}
#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line) {
display: block;
padding: 20px 60px;
font-size: 1.4em;
2016-04-20 15:06:48 +00:00
color: #333;
font-weight: bold;
background: url("/f/svg/hole/st/container/66db70") 4px 18px no-repeat, url("/f/svg/hole/st/container/ffffff") 0px 14px no-repeat, url("/f/svg/dot/st/container/66db70") 20px 0 no-repeat;
2016-04-20 15:06:48 +00:00
background-size: 38px, 46px, 6px 100%;
}
#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line)[data-n]:before {
2016-04-20 15:06:48 +00:00
content: attr(data-n);
font-size: 1.3em;
color: #fff;
font-weight: bold;
2016-04-20 15:06:48 +00:00
display: inline-block;
position: absolute;
left: 35px;
}
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line) {
display: block;
padding: 20px 60px;
font-size: 1.2em;
color: #2ab135;
font-weight: bold;
background: url("/f/svg/hole/st/container/66db70") 8px 14px no-repeat, url("/f/svg/hole/st/container/ffffff") 4px 10px no-repeat, url("/f/svg/dot/st/container/66db70") 20px 0 no-repeat;
background-size: 30px, 38px, 6px 100%;
}
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line)[data-icon]:before {
content: attr(data-icon);
font-size: 1em;
font-family: 'icomoon';
color: #208829;
font-weight: bold;
display: inline-block;
position: absolute;
left: 35px;
}
#WRAPPER > #CONTAINER section[data-timeline] [data-tag]:before {
content: attr(data-tag);
display: inline-block;
position: relative;
margin-left: -37px;
padding: 5px;
border: 5px solid #66db70;
border-radius: 23px;
box-shadow: 0 0 0 5px #fff;
background-color: #fff;
font-weight: bold;
color: #66db70;
transform: translateX(-50%);
}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi90aW1lbGluZS1mb3JtLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbi8qIFsxXSBGb3JtdWxhaXJlIGRlIHR5cGUgdGltZWxpbmVcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4jV1JBUFBFUiA+ICNDT05UQUlORVIgc2VjdGlvbltkYXRhLXRpbWVsaW5lXXtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdGZvbnQtc2l6ZTogLjllbTtcblx0Y29sb3I6ICMwMDA7XG5cblx0LyogKDEpIE9uIGFqb3V0ZSBsZSBsaXNlcsOpIMOgIGRyb2l0ZSBwb3VyIFRPVVMgbGVzIMOpbMOpbWVudHMgKi9cblx0JiAqOm5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRjb2xvcjogIzMzMztcblxuXHRcdG1hcmdpbjogMCAyMHB4O1xuXHRcdHBhZGRpbmc6IDVweCA2MHB4O1xuXG5cdFx0YmFja2dyb3VuZDogdXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci82NmRiNzAnKSAyMHB4IDAgbm8tcmVwZWF0O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogNnB4IDEwMCU7XG5cblx0fVxuXG5cblx0LyogKDIpIFRpdHJlcyBkZSBzZWN0aW9ucyAqL1xuXHQmIGg0Om5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cGFkZGluZzogMjBweCA2MHB4O1xuXG5cdFx0Zm9udC1zaXplOiAxLjRlbTtcblx0XHRjb2xvcjogIzMzMztcblx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdGJhY2tncm91bmQ6XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci82NmRiNzAnKSA0cHggMThweCBuby1yZXBlYXQsIC8vIGNlcmNsZVxuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyL2ZmZmZmZicpIDBweCAxNHB4IG5vLXJlcGVhdCwgLy8gY29udG91ciBibGFuY1xuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvNjZkYjcwJykgMjBweCAwIG5vLXJlcGVhdDsgICAgLy8gbGlnbmVcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDM4cHgsIDQ2cHgsIDZweCAxMDAlO1xuXG5cdFx0Ly8gR2VzdGlvbiBkdSBiZWZvcmUgKGNvbXB0ZXVyIGNzcykgLy9cblx0XHQmW2RhdGEtbl06YmVmb3Jle1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLW4pO1xuXG5cdFx0XHRmb250LXNpemU6IDEuM2VtO1xuXHRcdFx0Y29sb3I6ICNmZmY7XG5cdFx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMzVweDtcblx0XHR9XG5cdH1cblxuXHQvKiAoMykgVGl0cmVzIGRlcyBzb3VzLXNlY3Rpb25zICovXG5cdCYgaDU6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblxuXHRcdHBhZGRpbmc6IDIwcHggNjBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS4yZW07XG5cdFx0Y29sb3I6IGRhcmtlbigjNjZkYjcwLCAyMCk7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRiYWNrZ3JvdW5kOlx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvNjZkYjcwJykgOHB4IDE0cHggbm8tcmVwZWF0LCAvLyBjZXJjbGVcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci9mZmZmZmYnKSA0cHggMTBweCBuby1yZXBlYXQsIC8vIGNvbnRvdXIgYmxhbmNcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDIwcHggMCBuby1yZXBlYXQ7ICAgIC8vIGxpZ25lXG5cdFx0YmFja2dyb3VuZC1zaXplOiAzMHB4LCAzOHB4LCA2cHggMTAwJTtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0JltkYXRhLWljb25dOmJlZm9yZXtcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1pY29uKTtcblxuXHRcdFx0Zm9udC1zaXplOiAxZW07XG5cdFx0XHRmb250LWZhbWlseTogJ2ljb21vb24nO1xuXHRcdFx0Y29sb3I6IGRhcmtlbigjNjZkYjcwLCAzMCk7XG5cdFx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMzVweDtcblx0XHR9XG5cdH1cblxuXHQvKiAoNCkgJ1RhZ3MnIC0+IHRleHRlcyBzdXIgbGUgbGlzZXLDqSBnYXVjaGUgKi9cblx0JiBbZGF0YS10YWddOmJlZm9yZXtcblx0XHRjb250ZW50OiBhdHRyKGRhdGEtdGFnKTtcblxuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0Ly8gT24gcGxhY2UgYXUgY2VudHJlIGRlIGxhIGxpZ25lXG5cdFx0bWFyZ2luLWxlZnQ6IC0zN3B4O1xuXHRcdHBhZGRpbmc6IDVweDtcblxuXHRcdGJvcmRlcjogNXB4IHNvbGlkICM2NmRiNzA7XG5cdFx0Ym9yZGVyLXJhZGl1czogMjNweDtcblx0XHRib3gtc2hhZG93OiAwIDAgMCA1cHggI2ZmZjtcblxuXHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRjb2xvcjogIzY2ZGI3MDtcblxuXHRcdC8vIE9uIGNlbnRyZSBzdXIgbGEgbGlnbmVcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdH1cblxuXG5cblxufVxuIiwKCQkiLyogWzFdIENPVUxFVVJTXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIENPVUxFVVJTIERVIFRIRU1FICRERUZBVUxUICovXG4kdGhlbWUtYmc6ICAgICAgICAgI2U4ZThlODtcbiR0aGVtZS1iZy1wcmltYXJ5OiAjZmZmZmZmO1xuJHRoZW1lLWZnOiAgICAgICAgICM1MTUxNTE7XG4kdGhlbWUtZmctcHJpbWFyeTogIzM5OWNlZDtcblxuLyogKDIpIENPVUxFVVJTIERFIFRIRU1FICREQVJLICovXG4kZGFyay1iZzogICAgICAgI