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

25 lines
9.6 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
=========================================================*/
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +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) 'Tags' -> textes sur le liseré gauche */ }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
#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%; }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
#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%; }
Gestion du liseré de gauche + des gros titres (<h5>)
2016-04-20 14:57:59 +00:00
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
#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; }
Premier choix de couleurs
2016-04-20 15:06:48 +00:00
Gestion des 'tags' ('OU', 'ET') + des sous-titres avec icônes (icomoon)
2016-04-20 20:58:19 +00:00
#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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL3RpbWVsaW5lLWZvcm0uc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuLyogWzFdIEZvcm11bGFpcmUgZGUgdHlwZSB0aW1lbGluZVxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbiNXUkFQUEVSID4gI0NPTlRBSU5FUiBzZWN0aW9uW2RhdGEtdGltZWxpbmVde1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0Zm9udC1zaXplOiAuOWVtO1xuXHRjb2xvcjogIzAwMDtcblxuXHQvKiAoMSkgT24gYWpvdXRlIGxlIGxpc2Vyw6kgw6AgZHJvaXRlIHBvdXIgVE9VUyBsZXMgw6lsw6ltZW50cyAqL1xuXHQmICo6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblxuXHRcdGNvbG9yOiAjMzMzO1xuXG5cdFx0bWFyZ2luOiAwIDIwcHg7XG5cdFx0cGFkZGluZzogNXB4IDYwcHg7XG5cblx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDIwcHggMCBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiA2cHggMTAwJTtcblxuXHR9XG5cblxuXHQvKiAoMikgVGl0cmVzIGRlIHNlY3Rpb25zICovXG5cdCYgaDQ6bm90KC5uby1saW5lKXtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwYWRkaW5nOiAyMHB4IDYwcHg7XG5cblx0XHRmb250LXNpemU6IDEuNGVtO1xuXHRcdGNvbG9yOiAjMzMzO1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0YmFja2dyb3VuZDpcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyLzY2ZGI3MCcpIDRweCAxOHB4IG5vLXJlcGVhdCwgLy8gY2VyY2xlXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvZmZmZmZmJykgMHB4IDE0cHggbm8tcmVwZWF0LCAvLyBjb250b3VyIGJsYW5jXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci82NmRiNzAnKSAyMHB4IDAgbm8tcmVwZWF0OyAgICAvLyBsaWduZVxuXHRcdGJhY2tncm91bmQtc2l6ZTogMzhweCwgNDZweCwgNnB4IDEwMCU7XG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdCZbZGF0YS1uXTpiZWZvcmV7XG5cdFx0XHRjb250ZW50OiBhdHRyKGRhdGEtbik7XG5cblx0XHRcdGZvbnQtc2l6ZTogMS4zZW07XG5cdFx0XHRjb2xvcjogI2ZmZjtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRsZWZ0OiAzNXB4O1xuXHRcdH1cblx0fVxuXG5cdC8qICgzKSBUaXRyZXMgZGVzIHNvdXMtc2VjdGlvbnMgKi9cblx0JiBoNTpub3QoLm5vLWxpbmUpe1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXG5cdFx0cGFkZGluZzogMjBweCA2MHB4O1xuXG5cdFx0Zm9udC1zaXplOiAxLjJlbTtcblx0XHRjb2xvcjogZGFya2VuKCM2NmRiNzAsIDIwKTtcblx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdGJhY2tncm91bmQ6XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci82NmRiNzAnKSA4cHggMTRweCBuby1yZXBlYXQsIC8vIGNlcmNsZVxuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyL2ZmZmZmZicpIDRweCAxMHB4IG5vLXJlcGVhdCwgLy8gY29udG91ciBibGFuY1xuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvNjZkYjcwJykgMjBweCAwIG5vLXJlcGVhdDsgICAgLy8gbGlnbmVcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDMwcHgsIDM4cHgsIDZweCAxMDAlO1xuXG5cdFx0Ly8gR2VzdGlvbiBkdSBiZWZvcmUgKGNvbXB0ZXVyIGNzcykgLy9cblx0XHQmW2RhdGEtaWNvbl06YmVmb3Jle1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLWljb24pO1xuXG5cdFx0XHRmb250LXNpemU6IDFlbTtcblx0XHRcdGZvbnQtZmFtaWx5OiAnaWNvbW9vbic7XG5cdFx0XHRjb2xvcjogZGFya2VuKCM2NmRiNzAsIDMwKTtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRsZWZ0OiAzNXB4O1xuXHRcdH1cblx0fVxuXG5cdC8qICg0KSAnVGFncycgLT4gdGV4dGVzIHN1ciBsZSBsaXNlcsOpIGdhdWNoZSAqL1xuXHQmIFtkYXRhLXRhZ106YmVmb3Jle1xuXHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS10YWcpO1xuXG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHQvLyBPbiBwbGFjZSBhdSBjZW50cmUgZGUgbGEgbGlnbmVcblx0XHRtYXJnaW4tbGVmdDogLTM3cHg7XG5cdFx0cGFkZGluZzogNXB4O1xuXG5cdFx0Ym9yZGVyOiA1cHggc29saWQgIzY2ZGI3MDtcblx0XHRib3JkZXItcmFkaXVzOiAyM3B4O1xuXHRcdGJveC1zaGFkb3c6IDAgMCAwIDVweCAjZmZmO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdGNvbG9yOiAjNjZkYjcwO1xuXG5cdFx0Ly8gT24gY2VudHJlIHN1ciBsYSBsaWduZVxuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblx0fVxuXG5cblxuXG59XG4iLAoJCSIvKiBbMV0gQ09VTEVVUlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgQ09VTEVVUlMgRFUgVEhFTUUgJERFRkFVTFQgKi9cbiR0aGVtZS1iZzogICAgICAgICAjZThlOGU4O1xuJHRoZW1lLWJnLXByaW1hcnk6ICNmZmZmZmY7XG4kdGhlbWUtZmc6ICAgICAgICAgIzUxNTE1MTtcbiR0aGVtZS1mZy1wcmltYXJ5OiAjMzk5Y2VkO1xuXG4vKiAoMikgQ09VTEVVUlMgREUgVEhFTUUgJERBUksgKi9cbiRkYXJrLWJnOiAgICAgICAgI