NxTIC/css/timeline-form/nested.css

75 lines
9.8 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;
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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vdGltZWxpbmUtZm9ybS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4vKiBbMV0gRm9ybXVsYWlyZSBkZSB0eXBlIHRpbWVsaW5lXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI1dSQVBQRVIgPiAjQ09OVEFJTkVSIHNlY3Rpb25bZGF0YS10aW1lbGluZV17XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRmb250LXNpemU6IC45ZW07XG5cdGNvbG9yOiAjMDAwO1xuXG5cdC8qICgxKSBPbiBham91dGUgbGUgbGlzZXLDqSDDoCBkcm9pdGUgcG91ciBUT1VTIGxlcyDDqWzDqW1lbnRzICovXG5cdCYgKjpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXG5cdFx0Y29sb3I6ICMzMzM7XG5cblx0XHRtYXJnaW46IDAgMjBweDtcblx0XHRwYWRkaW5nOiA1cHggNjBweDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvNjZkYjcwJykgMjBweCAwIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDZweCAxMDAlO1xuXG5cdH1cblxuXG5cdC8qICgyKSBUaXRyZXMgZGUgc2VjdGlvbnMgKi9cblx0JiBoNDpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBhZGRpbmc6IDIwcHggNjBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS40ZW07XG5cdFx0Y29sb3I6ICMzMzM7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRiYWNrZ3JvdW5kOlx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvNjZkYjcwJykgNHB4IDE4cHggbm8tcmVwZWF0LCAvLyBjZXJjbGVcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci9mZmZmZmYnKSAwcHggMTRweCBuby1yZXBlYXQsIC8vIGNvbnRvdXIgYmxhbmNcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDIwcHggMCBuby1yZXBlYXQ7ICAgIC8vIGxpZ25lXG5cdFx0YmFja2dyb3VuZC1zaXplOiAzOHB4LCA0NnB4LCA2cHggMTAwJTtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0JltkYXRhLW5dOmJlZm9yZXtcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1uKTtcblxuXHRcdFx0Zm9udC1zaXplOiAxLjNlbTtcblx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGxlZnQ6IDM1cHg7XG5cdFx0fVxuXHR9XG5cblx0LyogKDMpIFRpdHJlcyBkZXMgc291cy1zZWN0aW9ucyAqL1xuXHQmIGg1Om5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRwYWRkaW5nOiAyMHB4IDYwcHg7XG5cblx0XHRmb250LXNpemU6IDEuMmVtO1xuXHRcdGNvbG9yOiBkYXJrZW4oIzY2ZGI3MCwgMjApO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0YmFja2dyb3VuZDpcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDhweCAxNHB4IG5vLXJlcGVhdCwgLy8gY2VyY2xlXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvZmZmZmZmJykgNHB4IDEwcHggbm8tcmVwZWF0LCAvLyBjb250b3VyIGJsYW5jXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci82NmRiNzAnKSAyMHB4IDAgbm8tcmVwZWF0OyAgICAvLyBsaWduZVxuXHRcdGJhY2tncm91bmQtc2l6ZTogMzBweCwgMzhweCwgNnB4IDEwMCU7XG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdCZbZGF0YS1pY29uXTpiZWZvcmV7XG5cdFx0XHRjb250ZW50OiBhdHRyKGRhdGEtaWNvbik7XG5cblx0XHRcdGZvbnQtc2l6ZTogMWVtO1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdpY29tb29uJztcblx0XHRcdGNvbG9yOiBkYXJrZW4oIzY2ZGI3MCwgMzApO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGxlZnQ6IDM1cHg7XG5cdFx0fVxuXHR9XG5cblx0LyogKDQpICdUYWdzJyAtPiB0ZXh0ZXMgc3VyIGxlIGxpc2Vyw6kgZ2F1Y2hlICovXG5cdCYgW2RhdGEtdGFnXTpiZWZvcmV7XG5cdFx0Y29udGVudDogYXR0cihkYXRhLXRhZyk7XG5cblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdC8vIE9uIHBsYWNlIGF1IGNlbnRyZSBkZSBsYSBsaWduZVxuXHRcdG1hcmdpbi1sZWZ0OiAtMzdweDtcblx0XHRwYWRkaW5nOiA1cHg7XG5cblx0XHRib3JkZXI6IDVweCBzb2xpZCAjNjZkYjcwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDIzcHg7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAgNXB4ICNmZmY7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0Y29sb3I6ICM2NmRiNzA7XG5cblx0XHQvLyBPbiBjZW50cmUgc3VyIGxhIGxpZ25lXG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHR9XG5cblxuXG5cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMzOTljZWQ7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgI