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 ==========================================*/ }
# WRAPPER > # HEADER { display : block ; position : fixed ; top : 0 ; left : 0 ; width : 100 % ; height : calc ( 4 em - 1 px ) ; border-bottom : 1 px solid #1484df ; background-color : #399ced ; z-index : 9 ; }
# 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-20 09:59:21 +00:00
/ * # sourceMappingURL = data : application / json ; base64 , ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2xheW91dC5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG5ib2R5e1xuXG5cdGZvbnQtZmFtaWx5OiAnT3BlbiBTYW5zJztcblx0Zm9udC1zaXplOiAxNXB4O1xufVxuXG5cblxuI1dSQVBQRVJ7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1iZztcblxuXHRvdmVyZmxvdy14OiBoaWRkZW47XG5cdG92ZXJmbG93LXk6IGF1dG87XG5cblx0ei1pbmRleDogMTtcblxuXG5cdC8qIFsxXSBIZWFkZXIgZGUgbGEgcGFnZVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gI0hFQURFUntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9IC0gMXB4ICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCR0aGVtZS1mZy1wcmltYXJ5LCAxMCk7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtZmctcHJpbWFyeTtcblxuXHRcdHotaW5kZXg6IDk7XG5cblx0fVxuXG5cblx0LyogWzJdIFNpZGUtTWVudSBkZSBsYSBwYWdlXG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdC8vIEdlc3Rpb24gZHUgbWVudVxuXHQmID4gI01FTlUtU0lERXtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0XHR0b3A6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHdpZHRoOiAkbWVudS1zaWRlLXdpZHRoO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAxMDAlIC0gI3skaGVhZGVyLWhlaWdodH0gKTtcblxuXHRcdGJveC1zaGFkb3c6IDJweCAxcHggM3B4ICNkZGQ7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0dHJhbnNpdGlvbjogYWxsIC4zcztcblxuXHRcdHotaW5kZXg6IDEwO1xuXHR9XG5cblxuXHQvKiBbM10gQ29udGFpbmVyIGRlIGxhIHBhZ2Vcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA + ICNDT05UQUlORVJ7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0bGVmdDogJG1lbnUtc2lkZS13aWR0aDtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC0gI3skbWVudS1zaWRlLXdpZHRofSApO1xuXHRcdFx0bWluLWhlaWdodDogY2FsYyggMTAwJSAtICN7JGhlYWRlci1oZWlnaHR9ICk7XG5cdFx0Ly8gIG1hcmdpbjogMWVtO1xuXG5cdFx0Ly8gRmxleCBwcm9wZXJ0aWVzXG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0ZmxleC13cmFwOiB3cmFwO1xuXG5cdFx0b3ZlcmZsb3cteDogbm9uZTtcblx0XHRvdmVyZmxvdy15OiBhdXRvO1xuXHR9XG59XG5cblxuXG5cbi8qIFs0XSBQYWdlIGRlIGxvZ2luXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI0xPR0lOe1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogZml4ZWQ7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IC0xMDAlO1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdGhlaWdodDogMTAwJTtcblxuXHQvLyBRdWFuZCBsYSBwYWdlIGRlIGxvZ2luIGVzdCB2aXNpYmxlXG5cdCYuYWN0aXZle1xuXHRcdGxlZnQ6IDA7XG5cdH1cblxuXHQvLyBmbGV4IHByb3BlcnRpZXNcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiBub3dyYXA7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cblx0YmFja2dyb3VuZC1jb2xvcjogJGRhcmstYmc7XG5cblx0dHJhbnNpdGlvbjogbGVmdCAuM3MgZWFzZS1pbi1vdXQ7XG5cblx0ei1pbmRleDogMTAxO1xuXG5cblxuXG5cdC8qICgxKSBMb2dvIGV0IG5vbSBkdSBzaXRlICovXG5cdCYgPiAjbG9naW4taWNvbntcblx0XHR3aWR0aDogMzVlbTtcblx0XHRoZWlnaHQ6IDEwZW07XG5cblx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9mL3N2Zy9pY29uL3N0JykgY2VudGVyIGNlbnRlciBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiBhdXRvIDEwMCU7XG5cdH1cblxuXG5cdC8qICgyKSBGb3JtdWxhaXJlIGRlIGNvbm5leGlvbiAqL1xuXHQmID4gI2xvZ2luLWZvcm17XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cblxuXHRcdC8qICgyLjEpIENoYW1wcyBkZSB0ZXh0ZSAobG9naW4vcGFzc3dvcmQpICovXG5cdFx0JiA + IGlucHV0W3R5cGU9J3RleHQnXSxcblx0XHQmID4gaW5wdXRbdHlwZT0ncGFzc3dvcmQnXSxcblx0XHQmID4gaW5wdXRbdHlwZT0nc3VibWl0J117XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHR3aWR0aDogMjBlbTtcblxuXHRcdFx0bWFyZ2luOiAyZW0gMDtcblx0XHRcdHBhZGRpbmc6IDFlbSAyZW07XG5cblx0XHRcdC8vIGZsZXggcHJvcGVydGllc1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdFx0ZmxleC13cmFwOiBub3dyYXA7XG5cdFx0XHRhbGlnbi1pdGVtczogbWlkZGxlO1xuXG5cblx0XHRcdGJvcmRlci1yYWRpdXM6IDVweDtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0ZW4oJHRoZW1lLWZnLCAxMCk7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICRkYXJrLWJnO1xuXG5cdFx0XHRjb2xvcjogJGRhcmstZmctcHJpbWFye
