88 lines
9.7 KiB
CSS
88 lines
9.7 KiB
CSS
@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;
|
|
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;
|
|
background-size: 38px, 46px, 6px 100%;
|
|
}
|
|
|
|
#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line)[data-n]:before {
|
|
content: attr(data-n);
|
|
font-size: 1.3em;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
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+IHRleHRlcyBzdXIgbGUgbGlzZXLDqSBnYXVjaGUgKi9cblx0JiBbZGF0YS10YWddOmJlZm9yZXtcblx0XHRjb250ZW50OiBhdHRyKGRhdGEtdGFnKTtcblxuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0Ly8gT24gcGxhY2UgYXUgY2VudHJlIGRlIGxhIGxpZ25lXG5cdFx0bWFyZ2luLWxlZnQ6IC0zN3B4O1xuXHRcdHBhZGRpbmc6IDVweDtcblxuXHRcdGJvcmRlcjogNXB4IHNvbGlkICM2NmRiNzA7XG5cdFx0Ym9yZGVyLXJhZGl1czogMjNweDtcblx0XHRib3gtc2hhZG93OiAwIDAgMCA1cHggI2ZmZjtcblxuXHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0XHRmb250LXdlaWdodDogYm9sZDtcblx0XHRjb2xvcjogIzY2ZGI3MDtcblxuXHRcdC8vIE9uIGNlbnRyZSBzdXIgbGEgbGlnbmVcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdH1cblxuXG5cblxufVxuIiwKCQkiLyogWzFdIENPVUxFVVJTXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIENPVUxFVVJTIERVIFRIRU1FICRERUZBVUxUICovXG4kdGhlbWUtYmc6ICAgICAgICAgI2U4ZThlODtcbiR0aGVtZS1iZy1wcmltYXJ5OiAjZmZmZmZmO1xuJHRoZW1lLWZnOiAgICAgICAgICM1MTUxNTE7XG4kdGhlbWUtZmctcHJpbWFyeTogIzM5OWNlZDtcblxuLyogKDIpIENPVUxFVVJTIERFIFRIRU1FICREQVJLICovXG4kZGFyay1iZzogICAgICAgICAjMzEzNTQxO1xuJGRhcmstYmctcHJpbWFyeTogIzI5MjgyZTtcbiRkYXJrLWZnOiAgICAgICAgICM5MzkzOTM7XG4kZGFyay1mZy1wcmltYXJ5OiAjZmZmZmZmO1xuXG5cbi8qIFsyXSBESU1FTlNJT05TXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIExheW91dCBkZSBiYXNlICovXG4kbWVudS1zaWRlLXdpZHRoOiAxNWVtO1xuJGhlYWRlci1oZWlnaHQ6ICAgNGVtO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICI7QUNBQTsyREFDMkQ7QUFDM0Qsb0NBQW9DO0FBTXBDLGlDQUFpQztBQU9qQzsyREFDMkQ7QUFDM0Qsd0JBQXdCO0FEZnhCOzJEQUMyRDtBQUMzRCxRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQUFjO0VBQzNDLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFFbkIsZ0JBQWdCLEVBQUUsSUFBSztFQUV2QixTQUFTLEVBQUUsSUFBSztFQUNoQixLQUFLLEVBQUUsSUFBSztFQUVaLGlFQUFpRTtFQWVqRSw0QkFBNEI7RUE0QjVCLGtDQUFrQztFQThCbEMsZ0RBQWdE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 */ |