2016-04-19 15:08:59 +00:00
/ * [ 1 ] COULEURS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
2016-04-22 08:27:58 +00:00
/* (3) Couleurs du theme pour la timeline */
2016-04-19 15:08:59 +00:00
/ * [ 2 ] DIMENSIONS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/* (1) Layout de base */
2016-04-22 08:27:58 +00:00
/ * [ 3 ] Mixins
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
2016-04-19 15:08:59 +00:00
# WRAPPER > # CONTAINER { /* [1] Section (contenu) =========================================================*/ }
2016-04-21 14:41:11 +00:00
# WRAPPER > # CONTAINER > section { display : none ; margin : 3 em ; position : relative ; flex-grow : 1 ; padding : 1 em ; border-radius : 3 px ; background-color : #fff ; color : #000 ; font-size : 1 em ; border : 1 px solid #ddd ; /* [2] Titres =========================================================*/ /* [3][4] Boutons radio + Checkboxes =========================================================*/ /* [5] Boutons de submit =========================================================*/ /* [6] Images inline =========================================================*/ /* [7] Contour flags =========================================================*/ }
2016-04-19 15:08:59 +00:00
# WRAPPER > # CONTAINER > section . active { display : block ; }
# WRAPPER > # CONTAINER > section . charts { display : flex ; flex-direction : row ; flex-wrap : wrap ; justify-content : space-around ; }
# WRAPPER > # CONTAINER > section h6 { color : #848484 ; font-size : 1.2 em ; text-transform : uppercase ; font-weight : 300 ; letter-spacing : .2 em ; margin : 0 ; padding : 0 ; }
# WRAPPER > # CONTAINER > section h6 : before { content : '- ' ; }
# WRAPPER > # CONTAINER > section h6 : after { content : ' -' ; }
# WRAPPER > # CONTAINER > section h6 . center { text-align : center ; }
# WRAPPER > # CONTAINER > section input [ type = "radio" ] , # WRAPPER > # CONTAINER > section input [ type = "checkbox" ] { display : none ; }
# WRAPPER > # CONTAINER > section input [ type = "radio" ] + label [ for ] , # WRAPPER > # CONTAINER > section input [ type = "checkbox" ] + label [ for ] { padding-left : .8 em ; -webkit- touch-callout : none ; /* iOS Safari */ -webkit- user-select : none ; /* Chrome/Safari/Opera */ -khtml- user-select : none ; /* Konqueror */ -moz- user-select : none ; /* Firefox */ -ms- user-select : none ; /* IE/Edge */ user-select : none ; /* non-prefixed */ }
2016-04-22 08:27:58 +00:00
# WRAPPER > # CONTAINER > section input [ type = "radio" ] + label [ for ] : before , # WRAPPER > # CONTAINER > section input [ type = "checkbox" ] + label [ for ] : before { content : '' ; display : inline-block ; position : relative ; top : .1 em ; left : -.8 em ; width : calc ( 1 em - 2 * .15 em ) ; height : calc ( 1 em - 2 * .15 em ) ; border-radius : 50 % / 50 % ; border : 0.15 em solid #399ced ; background : #fff center center no-repeat ; background-image : none ; background-size : 70 % auto ; -webkit- transition : background 0.2 s ease-in-out ; transition : background 0.2 s ease-in-out ; cursor : pointer ; }
2016-04-19 15:08:59 +00:00
# WRAPPER > # CONTAINER > section input [ type = "radio" ] : checked + label [ for ] : before , # WRAPPER > # CONTAINER > section input [ type = "checkbox" ] : checked + label [ for ] : before { background-color : #399ced ; background-image : url ( "/f/svg/checked/st/container" ) ; }
# WRAPPER > # CONTAINER > section input [ type = "checkbox" ] + label [ for ] : before { border-radius : 3 px ; }
2016-04-22 08:27:58 +00:00
# WRAPPER > # CONTAINER > section input [ type = "submit" ] , # WRAPPER > # CONTAINER > section input [ type = "button" ] { margin : .5 em 0 ; padding : .3 em .5 em ; border-radius : 3 px ; border : 1 px solid #515151 ; color : #515151 ; background-color : #fff ; -webkit- transition : background 0.1 s ease-in-out , color 0.1 s ease-in-out ; transition : background 0.1 s ease-in-out , color 0.1 s ease-in-out ; /* (1) Animation de @hover */ /* (2) Bouton primaire */ }
2016-04-19 15:08:59 +00:00
# WRAPPER > # CONTAINER > section input [ type = "submit" ] : hover , # WRAPPER > # CONTAINER > section input [ type = "button" ] : hover { background-color : #515151 ; color : #fff ; }
# WRAPPER > # CONTAINER > section input [ type = "submit" ] . primary , # WRAPPER > # CONTAINER > section input [ type = "button" ] . primary { border-color : #399ced ; color : #399ced ; background-color : #fff ; /* (3) Animation de @hover pour bouton primaire */ }
# WRAPPER > # CONTAINER > section input [ type = "submit" ] . primary : hover , # WRAPPER > # CONTAINER > section input [ type = "button" ] . primary : hover { background-color : #399ced ; color : #fff ; }
# WRAPPER > # CONTAINER > section img { margin : 1 em ; height : 3 em ; }
2016-04-20 14:57:59 +00:00
# WRAPPER > # CONTAINER > section . flag { margin : 0 .8 em ; padding : .2 em .5 em ; border-radius : 5 px ; border : 1 px solid #b5b5b5 ; color : #555 ; font-family : 'Inconsolata' ; }
2016-04-19 15:08:59 +00:00
2016-04-22 08:27:58 +00:00
/ * # sourceMappingURL = data : application / json ; base64 , ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2NvbnRhaW5lci5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMuc2Nzcyc7XG5cbiNXUkFQUEVSID4gI0NPTlRBSU5FUntcblxuXHQvKiBbMV0gU2VjdGlvbiAoY29udGVudSlcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA + IHNlY3Rpb257XG5cdFx0ZGlzcGxheTogbm9uZTtcblxuXHRcdG1hcmdpbjogM2VtO1xuXG5cdFx0Ly8gR2VzdGlvbiBkZSBsJ2FjdGl2YXRpb24gZGVzIHNvdXMtcGFydGllc1xuXHRcdCYuYWN0aXZleyBkaXNwbGF5OiBibG9jazsgfVxuXG5cdFx0Ly8gR2VzdGlvbiBkJ3VuZSBzZWN0aW9uIGNvbnRlbmFudCBkZXMgZ3JhcGhpcXVlc1xuXHRcdCYuY2hhcnRze1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblxuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdH1cblxuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRmbGV4LWdyb3c6IDE7XG5cblx0XHRwYWRkaW5nOiAxZW07XG5cblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0Y29sb3I6ICMwMDA7XG5cdFx0Zm9udC1zaXplOiAxZW07XG5cblx0XHRib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xuXG5cblxuXHRcdC8qIFsyXSBUaXRyZXNcblx0XHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHRcdCYgaDZ7XG5cdFx0XHRjb2xvcjogbGlnaHRlbigkdGhlbWUtZmcsIDIwKTtcblx0XHRcdGZvbnQtc2l6ZTogMS4yZW07XG5cdFx0XHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDMwMDtcblx0XHRcdGxldHRlci1zcGFjaW5nOiAuMmVtO1xuXG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXG5cdFx0XHQmOmJlZm9yZXtjb250ZW50OictICc7fVxuXHRcdFx0JjphZnRlcntjb250ZW50OicgLSc7fVxuXG5cdFx0XHQvLyBxdWFuZCBjZW50csOpXG5cdFx0XHQmLmNlbnRlcntcblx0XHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0fVxuXHRcdH1cblxuXG5cblxuXG5cdFx0LyogWzNdWzRdIEJvdXRvbnMgcmFkaW8gKyBDaGVja2JveGVzXG5cdFx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0XHQmIGlucHV0W3R5cGU9XCJyYWRpb1wiXSxcblx0XHQmIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXXtcblx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0fVxuXG5cdFx0Ly8gTGFiZWxcblx0XHQmIGlucHV0W3R5cGU9XCJyYWRpb1wiXSArIGxhYmVsW2Zvcl0sXG5cdFx0JiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0gKyBsYWJlbFtmb3Jde1xuXHRcdFx0cGFkZGluZy1sZWZ0OiAuOGVtO1xuXG5cdFx0XHQvLyBQYXMgZGUgc2VsZWN0aW9uXG5cdFx0XHQtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7IC8qIGlPUyBTYWZhcmkgICAgICAgICAgKi9cblx0XHRcdC13ZWJraXQtdXNlci1zZWxlY3Q6ICAgbm9uZTsgLyogQ2hyb21lL1NhZmFyaS9PcGVyYSAqL1xuXHRcdFx0LWtodG1sLXVzZXItc2VsZWN0OiAgICBub25lOyAvKiBLb25xdWVyb3IgICAgICAgICAgICovXG5cdFx0XHQtbW96LXVzZXItc2VsZWN0OiAgICAgIG5vbmU7IC8qIEZpcmVmb3ggICAgICAgICAgICAgKi9cblx0XHRcdC1tcy11c2VyLXNlbGVjdDogICAgICAgbm9uZTsgLyogSUUvRWRnZSAgICAgICAgICAgICAqL1xuXHRcdFx0dXNlci1zZWxlY3Q6ICAgICAgICAgICBub25lOyAvKiBub24tcHJlZml4ZWQgICAgICAgICovXG5cblxuXHRcdFx0Ly8gUmVjZXB0YWNsZVxuXHRcdFx0JjpiZWZvcmV7XG5cdFx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHR0b3A6IC4xZW07XG5cdFx0XHRcdFx0bGVmdDogLS44ZW07XG5cdFx0XHRcdFx0d2lkdGg6IGNhbGMoIDFlbSAtIDIqLjE1ZW0gKTtcblx0XHRcdFx0XHRoZWlnaHQ6IGNhbGMoIDFlbSAtIDIqLjE1ZW0gKTtcblxuXHRcdFx0XHRib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG5cdFx0XHRcdGJvcmRlcjogLjE1ZW0gc29saWQgJHRoZW1lLWZnLXByaW1hcnk7XG5cblx0XHRcdFx0YmFja2dyb3VuZDogI2ZmZiBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcblx0XHRcdFx0YmFja2dyb3VuZC1pbWFnZTogbm9uZTtcblx0XHRcdFx0YmFja2dyb3VuZC1zaXplOiA3MCUgYXV0bztcblxuXHRcdFx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBiYWNrZ3JvdW5kIC4ycyBlYXNlLWluLW91dCApO1xuXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQvLyBRdWFuZCBhY3RpZlxuXHRcdCYgaW5wdXRbdHlwZT1cInJhZGlvXCJdOmNoZWNrZWQgKyBsYWJlbFtmb3JdOmJlZm9yZSxcblx0XHQmIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXTpjaGVja2VkICsgbGFiZWxbZm9yXTpiZWZvcmV7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtZmctcHJpbWFyeTtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL2NoZWNrZWQvc3QvY29udGFpbmVyJyk7XG5cdFx0fVxuXG5cblx0XHQvLyBTcGVjaWZpcXVlIGEgY2hlY2tib3hcblx0XHQmIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSArIGxhYmVsW2Zvcl06YmVmb3Jle1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdH1cblxuXG5cblxuXG5cdFx0LyogWzVdIEJvdXRvbnMgZGUgc3VibWl0XG5cdFx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cb
