2016-04-19 15:08:59 +00:00
/ * [ 1 ] COULEURS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/ * [ 2 ] DIMENSIONS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/* (1) Layout de base */
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
# 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 ; transition : all .3 s ; z-index : 10 ; }
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
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
# 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 ; transition : left .3 s ease-in-out ; z-index : 101 ; /* (1) Logo et nom du site */ /* (2) Formulaire de connexion */ /* (4) Gestion de la fermeture */ }
# 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 */ }
# 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 ; transition : border .2 s ease-in-out ; cursor : default ; }
# 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-21 15:14:50 +00:00
/ * # sourceMappingURL = data : application / json ; base64 , ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2xheW91dC5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG5ib2R5e1xuXG5cdGZvbnQtZmFtaWx5OiAnT3BlbiBTYW5zJztcblx0Zm9udC1zaXplOiAxNXB4O1xufVxuXG5cblxuI1dSQVBQRVJ7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1iZztcblxuXHRvdmVyZmxvdy14OiBoaWRkZW47XG5cdG92ZXJmbG93LXk6IGF1dG87XG5cblx0ei1pbmRleDogMTtcblxuXG5cdC8qIFsxXSBIZWFkZXIgZGUgbGEgcGFnZVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gI0hFQURFUntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9IC0gMXB4ICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCRoZWFkZXItZGFyaywgMTApO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJGhlYWRlci1kYXJrO1xuXG5cdFx0ei1pbmRleDogMTAwO1xuXG5cdH1cblxuXG5cdC8qIFsyXSBTaWRlLU1lbnUgZGUgbGEgcGFnZVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQvLyBHZXN0aW9uIGR1IG1lbnVcblx0JiA + ICNNRU5VLVNJREV7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IGZpeGVkO1xuXHRcdFx0dG9wOiAkaGVhZGVyLWhlaWdodDtcblx0XHRcdGxlZnQ6IDA7XG5cdFx0XHR3aWR0aDogJG1lbnUtc2lkZS13aWR0aDtcblx0XHRcdGhlaWdodDogY2FsYyggMTAwJSAtICN7JGhlYWRlci1oZWlnaHR9ICk7XG5cblx0XHRib3gtc2hhZG93OiAycHggMXB4IDNweCAjZGRkO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRcdHRyYW5zaXRpb246IGFsbCAuM3M7XG5cblx0XHR6LWluZGV4OiAxMDtcblx0fVxuXG5cblx0LyogWzNdIENvbnRhaW5lciBkZSBsYSBwYWdlXG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdCYgPiAjQ09OVEFJTkVSe1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0dG9wOiAkaGVhZGVyLWhlaWdodDtcblx0XHRcdGxlZnQ6ICRtZW51LXNpZGUtd2lkdGg7XG5cdFx0XHR3aWR0aDogY2FsYyggMTAwJSAtICN7JG1lbnUtc2lkZS13aWR0aH0gKTtcblx0XHRcdG1pbi1oZWlnaHQ6IGNhbGMoIDEwMCUgLSAjeyRoZWFkZXItaGVpZ2h0fSApO1xuXHRcdC8vICBtYXJnaW46IDFlbTtcblxuXHRcdC8vIEZsZXggcHJvcGVydGllc1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblxuXHRcdG92ZXJmbG93LXg6IG5vbmU7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0fVxufVxuXG5cblxuXG4vKiBbNF0gUGFnZSBkZSBsb2dpblxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbiNMT0dJTntcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IGZpeGVkO1xuXHRcdHRvcDogMDtcblx0XHRsZWZ0OiAtMTAwJTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0Ly8gUXVhbmQgbGEgcGFnZSBkZSBsb2dpbiBlc3QgdmlzaWJsZVxuXHQmLmFjdGl2ZXtcblx0XHRsZWZ0OiAwO1xuXHR9XG5cblx0Ly8gZmxleCBwcm9wZXJ0aWVzXG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogbm93cmFwO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXG5cdGJhY2tncm91bmQtY29sb3I6ICRkYXJrLWJnO1xuXG5cdHRyYW5zaXRpb246IGxlZnQgLjNzIGVhc2UtaW4tb3V0O1xuXG5cdHotaW5kZXg6IDEwMTtcblxuXG5cblxuXHQvKiAoMSkgTG9nbyBldCBub20gZHUgc2l0ZSAqL1xuXHQmID4gI2xvZ2luLWljb257XG5cdFx0d2lkdGg6IDM1ZW07XG5cdFx0aGVpZ2h0OiAxMGVtO1xuXG5cdFx0YmFja2dyb3VuZDogdXJsKCcvZi9zdmcvaWNvbi9zdCcpIGNlbnRlciBjZW50ZXIgbm8tcmVwZWF0O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuXHR9XG5cblxuXHQvKiAoMikgRm9ybXVsYWlyZSBkZSBjb25uZXhpb24gKi9cblx0JiA + ICNsb2dpbi1mb3Jte1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXG5cblx0XHQvKiAoMi4xKSBDaGFtcHMgZGUgdGV4dGUgKGxvZ2luL3Bhc3N3b3JkKSAqL1xuXHRcdCYgPiBpbnB1dFt0eXBlPSd0ZXh0J10sXG5cdFx0JiA + IGlucHV0W3R5cGU9J3Bhc3N3b3JkJ10sXG5cdFx0JiA + IGlucHV0W3R5cGU9J3N1Ym1pdCdde1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0d2lkdGg6IDIwZW07XG5cblx0XHRcdG1hcmdpbjogMmVtIDA7XG5cdFx0XHRwYWRkaW5nOiAxZW0gMmVtO1xuXG5cdFx0XHQvLyBmbGV4IHByb3BlcnRpZXNcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRcdGZsZXgtd3JhcDogbm93cmFwO1xuXHRcdFx0YWxpZ24taXRlbXM6IG1pZGRsZTtcblxuXG5cdFx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCBsaWdodGVuKCR0aGVtZS1mZywgMTApO1xuXG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkZGFyay1iZztcblxuXHRcdFx0Y29sb3I6ICRkYXJrLWZnLXByaW1hcnk7XG5cdFx0X
