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
body { font-family : 'Open Sans' ; font-size : 15 px ; }
# WRAPPER { display : block ; position : fixed ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; background-color : #e8e8e8 ; overflow-x : hidden ; overflow-y : auto ; z-index : 1 ; /* [1] Header de la page ==========================================*/ /* [2] Side-Menu de la page ==========================================*/ /* [3] Container de la page ==========================================*/ }
2016-04-21 15:14:50 +00:00
# WRAPPER > # HEADER { display : block ; position : fixed ; top : 0 ; left : 0 ; width : 100 % ; height : calc ( 4 em - 1 px ) ; border-bottom : 1 px solid #1a1a1a ; background-color : #333333 ; z-index : 100 ; }
2016-04-19 15:08:59 +00:00
2016-04-22 08:27:58 +00:00
# WRAPPER > # MENU-SIDE { display : block ; position : fixed ; top : 4 em ; left : 0 ; width : 15 em ; height : calc ( 100 % - 4 em ) ; box-shadow : 2 px 1 px 3 px #ddd ; background-color : #fff ; -webkit- transition : all 0.3 s ; transition : all 0.3 s ; z-index : 10 ; }
2016-04-19 15:08:59 +00:00
2016-04-20 09:59:21 +00:00
# WRAPPER > # CONTAINER { display : flex ; position : absolute ; top : 4 em ; left : 15 em ; width : calc ( 100 % - 15 em ) ; min-height : calc ( 100 % - 4 em ) ; flex-direction : row ; justify-content : space-between ; flex-wrap : wrap ; overflow-x : none ; overflow-y : auto ; }
2016-04-19 15:08:59 +00:00
/ * [ 4 ] Page de login
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
2016-04-22 08:27:58 +00:00
# LOGIN { display : flex ; position : fixed ; top : 0 ; left : -100 % ; width : 100 % ; height : 100 % ; flex-direction : row ; flex-wrap : nowrap ; justify-content : space-around ; align-items : center ; background-color : #313541 ; -webkit- transition : left 0.3 s ease-in-out ; transition : left 0.3 s ease-in-out ; z-index : 101 ; /* (1) Logo et nom du site */ /* (2) Formulaire de connexion */ /* (4) Gestion de la fermeture */ }
2016-04-19 15:08:59 +00:00
# LOGIN . active { left : 0 ; }
# LOGIN > # login-icon { width : 35 em ; height : 10 em ; background : url ( "/f/svg/icon/st" ) center center no-repeat ; background-size : auto 100 % ; }
# LOGIN > # login-form { display : block ; /* (2.1) Champs de texte (login/password) */ /* (2.2) Bouton de connexion */ /* (3) Mot de passe oublie */ }
2016-04-22 08:27:58 +00:00
# LOGIN > # login-form > input [ type = 'text' ] , # LOGIN > # login-form > input [ type = 'password' ] , # LOGIN > # login-form > input [ type = 'submit' ] { display : flex ; width : 20 em ; margin : 2 em 0 ; padding : 1 em 2 em ; flex-direction : column ; justify-content : space-around ; flex-wrap : nowrap ; align-items : middle ; border-radius : 5 px ; border : 1 px solid #6b6b6b ; background-color : #313541 ; color : #ffffff ; font-weight : bold ; letter-spacing : .07 em ; -webkit- transition : border 0.2 s ease-in-out ; transition : border 0.2 s ease-in-out ; cursor : default ; }
2016-04-19 15:08:59 +00:00
# LOGIN > # login-form > input [ type = 'text' ] : hover , # LOGIN > # login-form > input [ type = 'text' ] : focus , # LOGIN > # login-form > input [ type = 'password' ] : hover , # LOGIN > # login-form > input [ type = 'password' ] : focus , # LOGIN > # login-form > input [ type = 'submit' ] : hover , # LOGIN > # login-form > input [ type = 'submit' ] : focus { border-color : #399ced ; }
# LOGIN > # login-form > input [ type = 'submit' ] { width : 100 % ; margin : 2 em 0 ; border : 0 ; background-color : #399ced ; color : #ffffff ; font-weight : bold ; text-align : left ; cursor : pointer ; }
# LOGIN > # login-form > input [ type = 'submit' ] : hover { background-color : #1484df ; box-shadow : 0 0 1 em #1b1d24 ; }
# LOGIN > # login-form > # lost-password { color : #939393 ; cursor : pointer ; }
# LOGIN > # login-form > # lost-password : hover { color : #399ced ; text-decoration : underline ; }
# LOGIN > # login-close { display : block ; position : absolute ; top : 2 em ; right : 2 em ; min-width : 2 em ; height : 2 em ; background : url ( "/f/svg/back/st/container/ffffff" ) right center no-repeat ; background-size : 1 em ; color : #fff ; padding-right : 2 em ; line-height : 2 em ; font-weight : bold ; cursor : pointer ; }
2016-04-22 08:27:58 +00:00
/ * # sourceMappingURL = data : application / json ; base64 , ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2xheW91dC5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG5ib2R5e1xuXG5cdGZvbnQtZmFtaWx5OiAnT3BlbiBTYW5zJztcblx0Zm9udC1zaXplOiAxNXB4O1xufVxuXG5cblxuI1dSQVBQRVJ7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1iZztcblxuXHRvdmVyZmxvdy14OiBoaWRkZW47XG5cdG92ZXJmbG93LXk6IGF1dG87XG5cblx0ei1pbmRleDogMTtcblxuXG5cdC8qIFsxXSBIZWFkZXIgZGUgbGEgcGFnZVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gI0hFQURFUntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9IC0gMXB4ICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCRoZWFkZXItZGFyaywgMTApO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJGhlYWRlci1kYXJrO1xuXG5cdFx0ei1pbmRleDogMTAwO1xuXG5cdH1cblxuXG5cdC8qIFsyXSBTaWRlLU1lbnUgZGUgbGEgcGFnZVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQvLyBHZXN0aW9uIGR1IG1lbnVcblx0JiA + ICNNRU5VLVNJREV7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IGZpeGVkO1xuXHRcdFx0dG9wOiAkaGVhZGVyLWhlaWdodDtcblx0XHRcdGxlZnQ6IDA7XG5cdFx0XHR3aWR0aDogJG1lbnUtc2lkZS13aWR0aDtcblx0XHRcdGhlaWdodDogY2FsYyggMTAwJSAtICN7JGhlYWRlci1oZWlnaHR9ICk7XG5cblx0XHRib3gtc2hhZG93OiAycHggMXB4IDNweCAjZGRkO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRcdEBpbmNsdWRlIHRyYW5zaXRpb24oIGFsbCAuM3MgKTtcblxuXHRcdHotaW5kZXg6IDEwO1xuXHR9XG5cblxuXHQvKiBbM10gQ29udGFpbmVyIGRlIGxhIHBhZ2Vcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA + ICNDT05UQUlORVJ7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0bGVmdDogJG1lbnUtc2lkZS13aWR0aDtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC0gI3skbWVudS1zaWRlLXdpZHRofSApO1xuXHRcdFx0bWluLWhlaWdodDogY2FsYyggMTAwJSAtICN7JGhlYWRlci1oZWlnaHR9ICk7XG5cdFx0Ly8gIG1hcmdpbjogMWVtO1xuXG5cdFx0Ly8gRmxleCBwcm9wZXJ0aWVzXG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0ZmxleC13cmFwOiB3cmFwO1xuXG5cdFx0b3ZlcmZsb3cteDogbm9uZTtcblx0XHRvdmVyZmxvdy15OiBhdXRvO1xuXHR9XG59XG5cblxuXG5cbi8qIFs0XSBQYWdlIGRlIGxvZ2luXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI0xPR0lOe1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IC0xMDAlO1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdGhlaWdodDogMTAwJTtcblxuXHQvLyBRdWFuZCBsYSBwYWdlIGRlIGxvZ2luIGVzdCB2aXNpYmxlXG5cdCYuYWN0aXZle1xuXHRcdGxlZnQ6IDA7XG5cdH1cblxuXHQvLyBmbGV4IHByb3BlcnRpZXNcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiBub3dyYXA7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cblx0YmFja2dyb3VuZC1jb2xvcjogJGRhcmstYmc7XG5cblx0QGluY2x1ZGUgdHJhbnNpdGlvbiggbGVmdCAuM3MgZWFzZS1pbi1vdXQgKTtcblxuXHR6LWluZGV4OiAxMDE7XG5cblxuXG5cblx0LyogKDEpIExvZ28gZXQgbm9tIGR1IHNpdGUgKi9cblx0JiA + ICNsb2dpbi1pY29ue1xuXHRcdHdpZHRoOiAzNWVtO1xuXHRcdGhlaWdodDogMTBlbTtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL2ljb24vc3QnKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IGF1dG8gMTAwJTtcblx0fVxuXG5cblx0LyogKDIpIEZvcm11bGFpcmUgZGUgY29ubmV4aW9uICovXG5cdCYgPiAjbG9naW4tZm9ybXtcblx0XHRkaXNwbGF5OiBibG9jaztcblxuXG5cdFx0LyogKDIuMSkgQ2hhbXBzIGRlIHRleHRlIChsb2dpbi9wYXNzd29yZCkgKi9cblx0XHQmID4gaW5wdXRbdHlwZT0ndGV4dCddLFxuXHRcdCYgPiBpbnB1dFt0eXBlPSdwYXNzd29yZCddLFxuXHRcdCYgPiBpbnB1dFt0eXBlPSdzdWJtaXQnXXtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHdpZHRoOiAyMGVtO1xuXG5cdFx0XHRtYXJnaW46IDJlbSAwO1xuXHRcdFx0cGFkZGluZzogMWVtIDJlbTtcblxuXHRcdFx0Ly8gZmxleCBwcm9wZXJ0aWVzXG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG5cdFx0XHRmbGV4LXdyYXA6IG5vd3JhcDtcblx0XHRcdGFsaWduLWl0ZW1zOiBtaWRkbGU7XG5cblxuXHRcdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdFx0Ym9yZGVyOiAxcHggc29saWQgbGlnaHRlbigkdGhlbWUtZmcsIDEwKTtcblxuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJGRhcmstYmc7XG5cblx0XHRcdGNvbG9yOiAkZ
