NxTIC/css/timeline-form/expanded.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) Titres des sous-sous-sections */
  /* (5) 'Tags' -> textes sur le liseré gauche */
}

#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) {
  display: block;
  color: #333;
  margin: 0 40px;
  padding: 5px 60px;
  border-left: 2px solid #399ced;
}

#WRAPPER > #CONTAINER section[data-timeline] h3:not(.no-line) {
  display: block;
  padding: 20px 40px;
  font-size: 1.4em;
  color: #333;
  font-weight: bold;
}

#WRAPPER > #CONTAINER section[data-timeline] h3:not(.no-line)[data-n]:before {
  content: attr(data-n);
  display: inline-block;
  position: absolute;
  margin-top: .5em;
  margin-left: -41px;
  padding: 3px 12px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background-color: #399ced;
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  transform: translateX(-50%) translateY(-50%);
}

#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line) {
  display: block;
  padding: 20px 40px;
  font-size: 1.2em;
  color: #1068b0;
  font-weight: bold;
}

#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line)[data-icon]:before {
  content: attr(data-icon);
  display: inline-block;
  position: absolute;
  margin-top: .5em;
  margin-left: -41px;
  padding: 7px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background-color: #399ced;
  font-size: 1em;
  font-family: 'icomoon';
  color: #fff;
  font-weight: bold;
  transform: translateX(-50%) translateY(-50%);
}

#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line) {
  display: block;
  padding: 20px 40px;
  font-size: 1.2em;
  color: #1068b0;
  font-weight: bold;
}

#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line):before {
  content: '';
  display: inline-block;
  position: absolute;
  margin-top: .7em;
  margin-left: -41px;
  padding: 7px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background-color: #399ced;
  transform: translateX(-50%) translateY(-50%);
}

#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line)[data-text]:after {
  content: attr(data-text);
  padding: 6px 10px;
  border-radius: 3px;
  background: #399ced;
  color: #fff;
  font-weight: normal;
}

#WRAPPER > #CONTAINER section[data-timeline] [data-tag] {
  display: block;
  padding: 40px 60px;
}

#WRAPPER > #CONTAINER section[data-timeline] [data-tag]:before {
  content: attr(data-tag);
  display: inline-block;
  position: absolute;
  margin-top: .5em;
  margin-left: -41px;
  padding: 2px;
  background-color: #fff;
  font-size: 1.2em;
  color: #399ced;
  font-weight: bold;
  transform: translateX(-50%) translateY(-50%);
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi90aW1lbGluZS1mb3JtLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbi8qIFsxXSBGb3JtdWxhaXJlIGRlIHR5cGUgdGltZWxpbmVcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4jV1JBUFBFUiA+ICNDT05UQUlORVIgc2VjdGlvbltkYXRhLXRpbWVsaW5lXXtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdGZvbnQtc2l6ZTogLjllbTtcblx0Y29sb3I6ICMwMDA7XG5cblx0LyogKDEpIE9uIGFqb3V0ZSBsZSBsaXNlcsOpIMOgIGRyb2l0ZSBwb3VyIFRPVVMgbGVzIMOpbMOpbWVudHMgKi9cblx0JiAqOm5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRjb2xvcjogIzMzMztcblxuXHRcdG1hcmdpbjogMCA0MHB4O1xuXHRcdHBhZGRpbmc6IDVweCA2MHB4O1xuXG4gICAgICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgIzM5OWNlZDtcblxuXHR9XG5cblxuXHQvKiAoMikgVGl0cmVzIGRlIHNlY3Rpb25zICovXG5cdCYgaDM6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwYWRkaW5nOiAyMHB4IDQwcHg7XG5cblx0XHRmb250LXNpemU6IDEuNGVtO1xuXHRcdGNvbG9yOiAjMzMzO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0Ly8gVE9ETzogVHJhbnNmb3JtZXIgbGVzIGJhY2tncm91bmQgZW4gOjpiZWZvcmUgcG91ciBxdWUgY2Egc29pdCBqdXN0ZSB1biBjZXJjbGUgYXZlYyBiZyBldCBib3JkZXJcblx0XHQvLyBGSVhNRTogQ29ycmlnZXIgbGUgbGlzZXLDqSBwb3VyIGxlcyBhdXRyZXMgbmF2aWdhdGV1cnMgcXVlIEZGXG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdCZbZGF0YS1uXTpiZWZvcmV7XG4gICAgICAgICAgICBjb250ZW50OiBhdHRyKGRhdGEtbik7XG5cbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC41ZW07XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogLTQxcHg7XG4gICAgICAgICAgICBwYWRkaW5nOiAzcHggMTJweDtcblxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgLy8gQ29udG91ciBibGFuY1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICNmZmY7XG5cbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzOTljZWQ7XG5cblx0XHRcdGZvbnQtc2l6ZTogMS4zZW07XG5cdFx0XHRjb2xvcjogI2ZmZjtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG4gICAgICAgICAgICAvLyBPbiBjZW50cmUgc3VyIGxhIGxpZ25lXG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcblxuXHRcdH1cblx0fVxuXG5cdC8qICgzKSBUaXRyZXMgZGVzIHNvdXMtc2VjdGlvbnMgKi9cblx0JiBoNDpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXG5cdFx0cGFkZGluZzogMjBweCA0MHB4O1xuXG5cdFx0Zm9udC1zaXplOiAxLjJlbTtcblx0XHRjb2xvcjogZGFya2VuKCMzOTljZWQsIDIwKTtcblx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0JltkYXRhLWljb25dOmJlZm9yZXtcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1pY29uKTtcblxuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLjVlbTtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNDFweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDdweDtcblxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgLy8gQ29udG91ciBibGFuY1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICNmZmY7XG5cbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzOTljZWQ7XG5cblx0XHRcdGZvbnQtc2l6ZTogMWVtO1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdpY29tb29uJztcblx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgICAgICAgICAgIC8vIE9uIGNlbnRyZSBzdXIgbGEgbGlnbmVcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuXHRcdH1cblx0fVxuXG5cdC8qICg0KSBUaXRyZXMgZGVzIHNvdXMtc291cy1zZWN0aW9ucyAqL1xuXHQmIGg1Om5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRwYWRkaW5nOiAyMHB4IDQwcHg7XG5cblx0XHRmb250LXNpemU6IDEuMmVtO1xuXHRcdGNvbG9yOiBkYXJrZW4oIzM5OWNlZCwgMjApO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0Ly8gR2VzdGlvbiBkdSBiZWZvcmUgKGNvbXB0ZXVyIGNzcykgLy9cblx0XHQmOmJlZm9yZXtcblx0XHRcdGNvbnRlbnQ6ICcnO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAuN2VtO1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC00MXB4O1xuICAgICAgICAgICAgcGFkZGluZzogN3B4O1xuXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICAvLyBDb250b3VyIGJsYW5jXG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggI2ZmZjtcblxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzM5OWNlZDtcblxuICAgICAgICAgICAgLy8gT24gY2VudHJlI