xdrm-brackets
/
NxTIC
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
NxTIC/css/timeline-form/compact.css

33 lines
13 KiB
CSS
Raw Normal View History

Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
@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
=========================================================*/
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#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 */ }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) { display: block; color: #333; margin: 0 40px; padding: 5px 60px; border-left: 2px solid #399ced; }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#WRAPPER > #CONTAINER section[data-timeline] h3:not(.no-line) { display: block; padding: 20px 40px; font-size: 1.4em; color: #333; font-weight: bold; }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#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%); }
Premier choix de couleurs
2016-04-20 15:06:48 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#WRAPPER > #CONTAINER section[data-timeline] h4:not(.no-line) { display: block; padding: 20px 40px; font-size: 1.2em; color: #1068b0; font-weight: bold; }
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#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%); }
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line) { display: block; padding: 20px 40px; font-size: 1.2em; color: #1068b0; font-weight: bold; }
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
Refonte + Refactor + design de l'import
2016-04-21 08:33:03 +00:00
#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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL3RpbWVsaW5lLWZvcm0uc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuLyogWzFdIEZvcm11bGFpcmUgZGUgdHlwZSB0aW1lbGluZVxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbiNXUkFQUEVSID4gI0NPTlRBSU5FUiBzZWN0aW9uW2RhdGEtdGltZWxpbmVde1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0Zm9udC1zaXplOiAuOWVtO1xuXHRjb2xvcjogIzAwMDtcblxuXHQvKiAoMSkgT24gYWpvdXRlIGxlIGxpc2Vyw6kgw6AgZHJvaXRlIHBvdXIgVE9VUyBsZXMgw6lsw6ltZW50cyAqL1xuXHQmICo6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblxuXHRcdGNvbG9yOiAjMzMzO1xuXG5cdFx0bWFyZ2luOiAwIDQwcHg7XG5cdFx0cGFkZGluZzogNXB4IDYwcHg7XG5cbiAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAjMzk5Y2VkO1xuXG5cdH1cblxuXG5cdC8qICgyKSBUaXRyZXMgZGUgc2VjdGlvbnMgKi9cblx0JiBoMzpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBhZGRpbmc6IDIwcHggNDBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS40ZW07XG5cdFx0Y29sb3I6ICMzMzM7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHQvLyBUT0RPOiBUcmFuc2Zvcm1lciBsZXMgYmFja2dyb3VuZCBlbiA6OmJlZm9yZSBwb3VyIHF1ZSBjYSBzb2l0IGp1c3RlIHVuIGNlcmNsZSBhdmVjIGJnIGV0IGJvcmRlclxuXHRcdC8vIEZJWE1FOiBDb3JyaWdlciBsZSBsaXNlcsOpIHBvdXIgbGVzIGF1dHJlcyBuYXZpZ2F0ZXVycyBxdWUgRkZcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0JltkYXRhLW5dOmJlZm9yZXtcbiAgICAgICAgICAgIGNvbnRlbnQ6IGF0dHIoZGF0YS1uKTtcblxuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLjVlbTtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNDFweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweCAxMnB4O1xuXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICAvLyBDb250b3VyIGJsYW5jXG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggI2ZmZjtcblxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzM5OWNlZDtcblxuXHRcdFx0Zm9udC1zaXplOiAxLjNlbTtcblx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgICAgICAgICAgIC8vIE9uIGNlbnRyZSBzdXIgbGEgbGlnbmVcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuXG5cdFx0fVxuXHR9XG5cblx0LyogKDMpIFRpdHJlcyBkZXMgc291cy1zZWN0aW9ucyAqL1xuXHQmIGg0Om5vdCgubm8tbGluZSl7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblx0XHRwYWRkaW5nOiAyMHB4IDQwcHg7XG5cblx0XHRmb250LXNpemU6IDEuMmVtO1xuXHRcdGNvbG9yOiBkYXJrZW4oIzM5OWNlZCwgMjApO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0Ly8gR2VzdGlvbiBkdSBiZWZvcmUgKGNvbXB0ZXVyIGNzcykgLy9cblx0XHQmW2RhdGEtaWNvbl06YmVmb3Jle1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLWljb24pO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAuNWVtO1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC00MXB4O1xuICAgICAgICAgICAgcGFkZGluZzogN3B4O1xuXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICAvLyBDb250b3VyIGJsYW5jXG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggI2ZmZjtcblxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzM5OWNlZDtcblxuXHRcdFx0Zm9udC1zaXplOiAxZW07XG5cdFx0XHRmb250LWZhbWlseTogJ2ljb21vb24nO1xuXHRcdFx0Y29sb3I6ICNmZmY7XG5cdFx0XHRmb250LXdlaWdodDogYm9sZDtcblxuICAgICAgICAgICAgLy8gT24gY2VudHJlIHN1ciBsYSBsaWduZVxuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG5cdFx0fVxuXHR9XG5cblx0LyogKDQpIFRpdHJlcyBkZXMgc291cy1zb3VzLXNlY3Rpb25zICovXG5cdCYgaDU6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblxuXHRcdHBhZGRpbmc6IDIwcHggNDBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS4yZW07XG5cdFx0Y29sb3I6IGRhcmtlbigjMzk5Y2VkLCAyMCk7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdCY6YmVmb3Jle1xuXHRcdFx0Y29udGVudDogJyc7XG5cbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC43ZW07XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogLTQxcHg7XG4gICAgICAgICAgICBwYWRkaW5nOiA3cHg7XG5cbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIC8vIENvbnRvdXIgYmxhbmNcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAjZmZmO1xuXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzk5Y2VkO1xuXG4gICAgICAgICAgICAvLyBPbiBjZW50cmUgc