75 lines
9.8 KiB
CSS
75 lines
9.8 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vdGltZWxpbmUtZm9ybS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4vKiBbMV0gRm9ybXVsYWlyZSBkZSB0eXBlIHRpbWVsaW5lXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI1dSQVBQRVIgPiAjQ09OVEFJTkVSIHNlY3Rpb25bZGF0YS10aW1lbGluZV17XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRmb250LXNpemU6IC45ZW07XG5cdGNvbG9yOiAjMDAwO1xuXG5cdC8qICgxKSBPbiBham91dGUgbGUgbGlzZXLDqSDDoCBkcm9pdGUgcG91ciBUT1VTIGxlcyDDqWzDqW1lbnRzICovXG5cdCYgKjpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXG5cdFx0Y29sb3I6ICMzMzM7XG5cblx0XHRtYXJnaW46IDAgMjBweDtcblx0XHRwYWRkaW5nOiA1cHggNjBweDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvNjZkYjcwJykgMjBweCAwIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDZweCAxMDAlO1xuXG5cdH1cblxuXG5cdC8qICgyKSBUaXRyZXMgZGUgc2VjdGlvbnMgKi9cblx0JiBoNDpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBhZGRpbmc6IDIwcHggNjBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS40ZW07XG5cdFx0Y29sb3I6ICMzMzM7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRiYWNrZ3JvdW5kOlx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvNjZkYjcwJykgNHB4IDE4cHggbm8tcmVwZWF0LCAvLyBjZXJjbGVcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci9mZmZmZmYnKSAwcHggMTRweCBuby1yZXBlYXQsIC8vIGNvbnRvdXIgYmxhbmNcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDIwcHggMCBuby1yZXBlYXQ7ICAgIC8vIGxpZ25lXG5cdFx0YmFja2dyb3VuZC1zaXplOiAzOHB4LCA0NnB4LCA2cHggMTAwJTtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0JltkYXRhLW5dOmJlZm9yZXtcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1uKTtcblxuXHRcdFx0Zm9udC1zaXplOiAxLjNlbTtcblx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGxlZnQ6IDM1cHg7XG5cdFx0fVxuXHR9XG5cblx0LyogKDMpIFRpdHJlcyBkZXMgc291cy1zZWN0aW9ucyAqL1xuXHQmIGg1Om5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRwYWRkaW5nOiAyMHB4IDYwcHg7XG5cblx0XHRmb250LXNpemU6IDEuMmVtO1xuXHRcdGNvbG9yOiBkYXJrZW4oIzY2ZGI3MCwgMjApO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0YmFja2dyb3VuZDpcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDhweCAxNHB4IG5vLXJlcGVhdCwgLy8gY2VyY2xlXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvZmZmZmZmJykgNHB4IDEwcHggbm8tcmVwZWF0LCAvLyBjb250b3VyIGJsYW5jXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci82NmRiNzAnKSAyMHB4IDAgbm8tcmVwZWF0OyAgICAvLyBsaWduZVxuXHRcdGJhY2tncm91bmQtc2l6ZTogMzBweCwgMzhweCwgNnB4IDEwMCU7XG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdCZbZGF0YS1pY29uXTpiZWZvcmV7XG5cdFx0XHRjb250ZW50OiBhdHRyKGRhdGEtaWNvbik7XG5cblx0XHRcdGZvbnQtc2l6ZTogMWVtO1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdpY29tb29uJztcblx0XHRcdGNvbG9yOiBkYXJrZW4oIzY2ZGI3MCwgMzApO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGxlZnQ6IDM1cHg7XG5cdFx0fVxuXHR9XG5cblx0LyogKDQpICdUYWdzJyAtPiB0ZXh0ZXMgc3VyIGxlIGxpc2Vyw6kgZ2F1Y2hlICovXG5cdCYgW2RhdGEtdGFnXTpiZWZvcmV7XG5cdFx0Y29udGVudDogYXR0cihkYXRhLXRhZyk7XG5cblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdC8vIE9uIHBsYWNlIGF1IGNlbnRyZSBkZSBsYSBsaWduZVxuXHRcdG1hcmdpbi1sZWZ0OiAtMzdweDtcblx0XHRwYWRkaW5nOiA1cHg7XG5cblx0XHRib3JkZXI6IDVweCBzb2xpZCAjNjZkYjcwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDIzcHg7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAgNXB4ICNmZmY7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0Y29sb3I6ICM2NmRiNzA7XG5cblx0XHQvLyBPbiBjZW50cmUgc3VyIGxhIGxpZ25lXG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHR9XG5cblxuXG5cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMzOTljZWQ7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuXG4vKiBbMl0gRElNRU5TSU9OU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBMYXlvdXQgZGUgYmFzZSAqL1xuJG1lbnUtc2lkZS13aWR0aDogMTVlbTtcbiRoZWFkZXItaGVpZ2h0OiAgIDRlbTtcbiIKCV0sCgkibWFwcGluZ3MiOiAiO0FDQUE7MkRBQzJEO0FBQzNELG9DQUFvQztBQU1wQyxpQ0FBaUM7QUFPakM7MkRBQzJEO0FBQzNELHdCQUF3QjtBRGZ4QjsyREFDMkQ7QUFDM0QsUUFBUSxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUEsQUFBQSxhQUFDLEFBQUEsRUFBYztFQUMzQyxPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBRW5CLGdCQUFnQixFQUFFLElBQUs7RUFFdkIsU0FBUyxFQUFFLElBQUs7RUFDaEIsS0FBSyxFQUFFLElBQUs7RUFFWixpRUFBaUU7RUFlakUsNEJBQTRCO0VBNEI1QixrQ0FBa0M7RUE4QmxDLGdEQUFnRCxF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 */ |