- [x] Header User Icon

- [x] Header Search
This commit is contained in:
xdrm-brackets 2016-04-08 11:56:04 +02:00
parent fb68ea4e3d
commit db2006417a
22 changed files with 329 additions and 495 deletions

View File

@ -17,28 +17,5 @@ $dark-fg-primary: #ffffff;
=========================================================*/ =========================================================*/
/* (1) Layout de base */ /* (1) Layout de base */
$menu-side-width: 15em; $menu-side-width: 15em;
$header-height: 4.5em; $header-height: 5em;
$header-elements: calc( #{$header-height} - 2*1.5em );
/* COULEUR DU SOUS-MENU */
$sub-menu-color: #5b5e63;
/* COULEUR DES ERREURS */
$error-color: #cc5857;
/* FORMULAIRES */
$form-valid-color: #27a560;
$form-neutral-color: #2193e6;
$form-search-color: #5630ed;
$form-invalid-color: #d52918;
/* GESTION DES LONGUEURS */
// $menu-side-width: 4em;
// POUR RESOURCE_DISPATCHER
$rd-form-valid-color: '27a560';
$rd-form-neutral-color: '2193e6';
$rd-form-search-color: '5630ed';
$rd-form-invalid-color: 'd52918';

View File

@ -1,2 +1,2 @@
#WRAPPER>#HEADER>#searchbar{display:block;position:relative;width:10%;margin:1.3em 0;padding:.2em 1em;border:0;border-radius:2em;background-color:#e8e8e8;transition:transform .3s ease-in-out, width .3s ease-in-out}#WRAPPER>#HEADER>#searchbar:focus{width:20%}#WRAPPER>#HEADER>.user-picture{display:block;position:relative;margin-left:2em;width:calc( 5em - 2*1.5em );height:calc( 5em - 2*1.5em );border-radius:50% / 50%;background:#e8e8e8 url("/f/svg/sample/dy/profile") center center no-repeat;background-size:auto 100%;transform:scale(1);transition:transform .3s ease-in-out;cursor:default;align-self:center}#WRAPPER>#HEADER>.user-name{display:block;position:relative;margin-left:1em;margin-right:4em;color:#828282;align-self:center;cursor:default}#WRAPPER>#HEADER>.user-panel{display:block;position:absolute;top:5em;right:0;margin:1em;border-radius:5px;border:1px solid #cfcfcf;background-color:#fff}#WRAPPER>#HEADER>.user-panel>span{display:block;position:relative;color:#000;padding:.5em 1em;padding-left:2em;cursor:pointer}#WRAPPER>#HEADER>.user-panel>span:not(:last-child){border-bottom:1px solid #ddd}#WRAPPER>#HEADER>.user-panel>span:hover{background-color:#eee}#WRAPPER>#HEADER>.user-panel:before{content:'';display:block;position:absolute;top:-4em;left:-4.2em;width:1em;height:1em;background:url("/f/svg/expand/st/header/999999") center center no-repeat;background-size:1em 1em;cursor:pointer}#WRAPPER>#HEADER>.user-panel:before:hover{background-image:url("/f/svg/expand/st/header/ff0000")}#WRAPPER>#HEADER>#toggle-user-panel{display:none}#WRAPPER>#HEADER>#toggle-user-panel+.user-panel{left:100%}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel{left:auto}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel:before{left:7em}
/*# sourceMappingURL=header.css.map */ /*# sourceMappingURL=header.css.map */

View File

@ -1,7 +1,7 @@
{ {
"version": 3, "version": 3,
"mappings": "", "mappings": "AAOC,2BAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,GAAG,CAEX,MAAM,CAAE,OAAO,CAEf,OAAO,CAAE,QAAQ,CAEjB,MAAM,CAAE,CAAC,CACT,aAAa,CAAE,GAAG,CAElB,gBAAgB,CChBC,OAAO,CDkBxB,UAAU,CAAE,gDAAgD,CAG5D,iCAAO,CACN,KAAK,CAAE,GAAG,CAQZ,8BAAiB,CAChB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACX,WAAW,CAAE,GAAG,CACtB,KAAK,CCjBU,qBAAmC,CDkBlD,MAAM,CClBS,qBAAmC,CDoBnD,aAAa,CAAE,SAAS,CAExB,UAAU,CAAE,+DAAiE,CAC7E,eAAe,CAAE,SAAS,CAE1B,SAAS,CAAE,QAAQ,CAEnB,UAAU,CAAE,yBAAyB,CACrC,MAAM,CAAE,OAAO,CAEf,UAAU,CAAE,MAAM,CAKnB,2BAAc,CACV,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACd,WAAW,CAAE,GAAG,CAChB,YAAY,CAAE,GAAG,CAExB,KAAK,CAAE,OAAqB,CAG5B,UAAU,CAAE,MAAM,CAElB,MAAM,CAAE,OAAO,CAOhB,4BAAe,CACX,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACd,GAAG,CCzDM,GAAG,CD0DZ,KAAK,CAAE,CAAC,CAET,MAAM,CAAE,GAAG,CAEjB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,iBAA+B,CAGjC,gBAAgB,CAAE,IAAI,CAItB,iCAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CAQxB,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,QAAQ,CACjB,YAAY,CAAE,GAAG,CAEjB,MAAM,CAAE,OAAO,CATf,kDAAkB,CACjB,aAAa,CAAE,cAAc,CAW9B,uCAAO,CACN,gBAAgB,CAAE,IAAI,CAMxB,mCAAQ,CACP,OAAO,CAAE,EAAE,CACX,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,IAAI,CACT,IAAI,CAAE,MAAM,CAEZ,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,UAAU,CAAE,6DAA6D,CACzE,eAAe,CAAE,OAAO,CAExB,MAAM,CAAE,OAAO,CAGf,yCAAO,CACN,gBAAgB,CAAE,qCAAqC,CAQ1D,mCAAsB,CAAE,OAAO,CAAE,IAAI,CACrC,+CAAoC,CAAE,IAAI,CAAE,IAAI,CAChD,uDAA4C,CAAE,IAAI,CAAE,IAAI,CACxD,8DAAmD,CAAE,IAAI,CAAE,GAAG",
"sources": [], "sources": ["header.scss","constants.scss"],
"names": [], "names": [],
"file": "header.css" "file": "header.css"
} }

View File

@ -2,36 +2,148 @@
#WRAPPER > #HEADER{ #WRAPPER > #HEADER{
// // Icone du site
// & > .icon{
// display: block;
// position: absolute;
// top: 0;
// left: 0;
// width: $menu-side-width;
// height: $menu-side-width;
// background-color: darken($theme-fg-primary, 10);
// background-image: url('/f/svg/icon/st');
// background-position: center center;
// background-repeat: no-repeat;
// background-size: 50% 50%;
// cursor: pointer;
// transition: all .3s;
// // @hover
// &:hover{
// background-color: darken($theme-fg-primary, 15);
// }
// }
// /* Animation de chargement qudnd chargement ajax */ /* [1] Barre de recherche
// &.loading > .icon{ =========================================================*/
// background-image: url('/f/svg/loader/st'); & > #searchbar{
// background-size: 70% 70%; display: block;
// } position: relative;
width: 10%;
margin: 1.3em 0;
padding: .2em 1em;
border: 0;
border-radius: 2em;
background-color: $theme-bg;
transition: transform .3s ease-in-out, width .3s ease-in-out;
// @focus
&:focus{
width: 20%;
}
}
/* [2] Informations utilisateur
=========================================================*/
/* (1) Image du profil */
& > .user-picture{
display: block;
position: relative;
margin-left: 2em;
width: $header-elements;
height: $header-elements;
border-radius: 50% / 50%;
background: $theme-bg url('/f/svg/sample/dy/profile') center center no-repeat;
background-size: auto 100%;
transform: scale(1);
transition: transform .3s ease-in-out;
cursor: default;
align-self: center;
}
/* (2) Username de l'utilisateur */
& > .user-name{
display: block;
position: relative;
margin-left: 1em;
margin-right: 4em;
color: darken($theme-bg, 40);
// flex alignment
align-self: center;
cursor: default;
}
/* [3] Menu deroulant pour l'administration du profil
=========================================================*/
& > .user-panel{
display: block;
position: absolute;
top: $header-height;
right: 0;
margin: 1em;
border-radius: 5px;
border: 1px solid darken($theme-bg, 10);
// box-shadow: 0 0 5px darken($theme-bg, 20);
background-color: #fff;
/* (1) Pour chaque element du menu */
& > span{
display: block;
position: relative;
// On ajoute une ligne en dessous sauf pour le dernier
&:not(:last-child){
border-bottom: 1px solid #ddd;
}
color: #000;
padding: .5em 1em;
padding-left: 2em;
cursor: pointer;
// @hover
&:hover{
background-color: #eee;
}
}
/* (2) Icone d'activation */
&:before{
content: '';
display: block;
position: absolute;
top: -4em;
left: -4.2em;
width: 1em;
height: 1em;
background: url('/f/svg/expand/st/header/999999') center center no-repeat;
background-size: 1em 1em;
cursor: pointer;
// @hover
&:hover{
background-image: url('/f/svg/expand/st/header/ff0000');
}
}
}
/* (3) Gestion de l'activation ou non de l'user panel */
& > #toggle-user-panel{ display: none; }
& > #toggle-user-panel + .user-panel{ left: 100%; }
& > #toggle-user-panel:checked + .user-panel{ left: auto; }
& > #toggle-user-panel:checked + .user-panel:before{ left: 7em; }
} }

View File

@ -1,2 +1,2 @@
#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;font-family:'Open Sans'}#WRAPPER>#HEADER{display:block;position:absolute;top:0;left:15em;width:100%;height:calc( 4.5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:absolute;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:4.5em;left:15em;width:calc( 100% - 15em - 2*1em );height:calc( 100% - 15em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto} #WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;font-family:'Open Sans'}#WRAPPER>#HEADER{display:flex;position:absolute;top:0;left:15em;width:calc( 100% - 15em );height:calc( 5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;flex-direction:row;justify-content:flex-end;align-content:space-around;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:absolute;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:5em;left:15em;width:calc( 100% - 15em - 2*1em );height:calc( 100% - 15em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto}
/*# sourceMappingURL=layout.css.map */ /*# sourceMappingURL=layout.css.map */

View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAEA,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCPE,OAAO,CDSzB,WAAW,CAAE,WAAW,CAKxB,gBAAW,CACV,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCHW,IAAI,CDInB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,mBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CCvBC,IAAO,CDyBxB,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CCxBU,IAAI,CDyBnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CCtCA,OAAO,CDwCvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CCzCY,KAAK,CD0CpB,IAAI,CC3CW,IAAI,CD4CnB,KAAK,CAAE,2BAA0C,CACjD,MAAM,CAAE,2BAA0C,CACnD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI", "mappings": "AAEA,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCPE,OAAO,CDSzB,WAAW,CAAE,WAAW,CAKxB,gBAAW,CACV,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCHW,IAAI,CDInB,KAAK,CAAE,mBAAkC,CACzC,MAAM,CAAE,iBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CCvBC,IAAO,CD0BxB,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,QAAQ,CACzB,aAAa,CAAE,YAAY,CAE3B,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CC7BU,IAAI,CD8BnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CC3CA,OAAO,CD6CvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CC9CY,GAAG,CD+ClB,IAAI,CChDW,IAAI,CDiDnB,KAAK,CAAE,2BAA0C,CACjD,MAAM,CAAE,2BAA0C,CACnD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI",
"sources": ["layout.scss","constants.scss"], "sources": ["layout.scss","constants.scss"],
"names": [], "names": [],
"file": "layout.css" "file": "layout.css"

View File

@ -16,17 +16,22 @@
/* [1] Header de la page /* [1] Header de la page
==========================================*/ ==========================================*/
& > #HEADER{ & > #HEADER{
display: block; display: flex;
position: absolute; position: absolute;
top: 0; top: 0;
left: $menu-side-width; left: $menu-side-width;
width: 100%; width: calc( 100% - #{$menu-side-width} );
height: calc( #{$header-height} - 1px ); height: calc( #{$header-height} - 1px );
border-bottom: 1px solid darken($theme-bg, 1); border-bottom: 1px solid darken($theme-bg, 1);
background-color: $theme-bg-primary; background-color: $theme-bg-primary;
// Flex properties
flex-direction: row;
justify-content: flex-end;
align-content: space-around;
z-index: 10; z-index: 10;
} }

View File

@ -1,2 +1,2 @@
#WRAPPER>#MENU-SIDE>span:not(.icon){display:block;position:relative;width:calc( 100% - 2*1em - 2*1.5em );padding:1.3em 1.5em;padding-left:calc( 1.5em + 2*1em );border-bottom:1px solid transparent;background:#32323a url("/f/svg/circle/st/menu-side/29282e") 1em center no-repeat;background-size:2em 2em;color:#ddd;text-shadow:1px 1px 0 #26262c;transition:color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;cursor:pointer}#WRAPPER>#MENU-SIDE>span:not(.icon)>svg,#WRAPPER>#MENU-SIDE>span:not(.icon)>svg *{position:absolute;top:calc( 50% - 1em/2 );left:1.5em;width:1em;height:1em;fill:#ddd !important;transition:fill .3s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.icon):hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg,#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg *{fill:#53d192 !important}#WRAPPER>#MENU-SIDE>span.icon{display:block;position:relative;width:calc( 100% - 3em - 2*1.5em );height:calc( 4.5em - 1px );padding:0 1.5em;padding-left:calc( 1.5em + 3em );border-bottom:1px solid transparent;background:#32323a;color:#fff;text-shadow:1px 1px 0 #26262c;font-weight:bold;line-height:4.5em}#WRAPPER>#MENU-SIDE>span.icon>svg,#WRAPPER>#MENU-SIDE>span.icon>svg *{position:absolute;top:calc( 50% - 5em/2 );left:1.5em;height:5em}#WRAPPER>#MENU-SIDE>span.icon:hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span.sep{border-bottom:1px solid #4a4a55} #WRAPPER>#MENU-SIDE>span:not(.icon){display:block;position:relative;width:calc( 100% - 2*1em - 2*1.5em );padding:1.5em 1.5em;padding-left:calc( 1.5em + 2*1em );border-bottom:1px solid transparent;background:#32323a url("/f/svg/circle/st/menu-side/29282e") 1em center no-repeat;background-size:2em 2em;color:#ddd;text-shadow:1px 1px 0 #26262c;transition:color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out;cursor:pointer}#WRAPPER>#MENU-SIDE>span:not(.icon)>svg,#WRAPPER>#MENU-SIDE>span:not(.icon)>svg *{position:absolute;top:calc( 50% - 1em/2 );left:1.5em;width:1em;height:1em;fill:#ddd !important;transition:fill .2s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.icon):hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg,#WRAPPER>#MENU-SIDE>span:not(.icon):hover>svg *{fill:#53d192 !important}#WRAPPER>#MENU-SIDE>span.icon{display:block;position:relative;width:calc( 100% - 3em - 2*1.5em );height:calc( 5em - 1px );padding:0 1.5em;padding-left:calc( 1.5em + 3em );border-bottom:1px solid transparent;background:#32323a;color:#fff;text-shadow:1px 1px 0 #26262c;font-weight:bold;line-height:5em}#WRAPPER>#MENU-SIDE>span.icon>svg,#WRAPPER>#MENU-SIDE>span.icon>svg *{position:absolute;top:calc( 50% - 5em/2 );left:1.5em;height:5em}#WRAPPER>#MENU-SIDE>span.icon:hover{border-bottom-color:#242329;box-shadow:inset 0 0 1em #27262b;background-color:#29282e;color:#fff;text-shadow:1px 1px 0 #1d1c20}#WRAPPER>#MENU-SIDE>span.sep{border-bottom:1px solid #4a4a55}
/*# sourceMappingURL=menu-side.css.map */ /*# sourceMappingURL=menu-side.css.map */

View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAMC,mCAAmB,CAClB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,8BAA8B,CAEtC,OAAO,CAAE,WAAW,CACpB,YAAY,CAAE,qBAAqB,CAEnC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CAAE,qEAAsE,CAClF,eAAe,CAAE,OAAO,CACxB,KAAK,CCPW,IAAO,CDQvB,WAAW,CAAE,iBAA6B,CAE1C,UAAU,CAAE,qGAAqG,CAEjH,MAAM,CAAE,OAAO,CAGf,iFAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,IAAI,CAAE,eAAmB,CACzB,UAAU,CAAE,oBAAoB,CAKjC,yCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CCjCD,OAAO,CDkCtB,KAAK,CChCU,IAAO,CDiCtB,WAAW,CAAE,iBAAqC,CAElD,6FAAkB,CACjB,IAAI,CAAE,kBAA4B,CASrC,6BAAa,CACZ,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,4BAA4B,CACnC,MAAM,CAAE,mBAA+B,CAExC,OAAO,CAAE,OAAO,CAChB,YAAY,CAAE,mBAAmB,CAEjC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CC3DM,OAAO,CD6DvB,KAAK,CC1DW,IAAO,CD2DvB,WAAW,CAAE,iBAA6B,CAC1C,WAAW,CAAE,IAAI,CACjB,WAAW,CCtDK,KAAK,CDwDrB,qEAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,MAAM,CAAE,GAAG,CAIb,mCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CC7ED,OAAO,CD8EtB,KAAK,CC5EU,IAAO,CD6EtB,WAAW,CAAE,iBAAqC,CASpD,4BAAY,CACX,aAAa,CAAE,iBAA+B", "mappings": "AAMC,mCAAmB,CAClB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,8BAA8B,CAEtC,OAAO,CAAE,WAAW,CACpB,YAAY,CAAE,qBAAqB,CAEnC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CAAE,qEAAsE,CAClF,eAAe,CAAE,OAAO,CACxB,KAAK,CCPW,IAAO,CDQvB,WAAW,CAAE,iBAA6B,CAE1C,UAAU,CAAE,qGAAqG,CAEjH,MAAM,CAAE,OAAO,CAGf,iFAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEZ,IAAI,CAAE,eAAmB,CACzB,UAAU,CAAE,oBAAoB,CAKjC,yCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CCjCD,OAAO,CDkCtB,KAAK,CChCU,IAAO,CDiCtB,WAAW,CAAE,iBAAqC,CAElD,6FAAkB,CACjB,IAAI,CAAE,kBAA4B,CASrC,6BAAa,CACZ,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CACjB,KAAK,CAAE,4BAA4B,CACnC,MAAM,CAAE,iBAA+B,CAExC,OAAO,CAAE,OAAO,CAChB,YAAY,CAAE,mBAAmB,CAEjC,aAAa,CAAE,qBAAqB,CAEpC,UAAU,CC3DM,OAAO,CD6DvB,KAAK,CC1DW,IAAO,CD2DvB,WAAW,CAAE,iBAA6B,CAC1C,WAAW,CAAE,IAAI,CACjB,WAAW,CCtDK,GAAG,CDwDnB,qEAAkB,CACjB,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,mBAAmB,CACxB,IAAI,CAAE,KAAK,CACX,MAAM,CAAE,GAAG,CAIb,mCAAO,CACN,mBAAmB,CAAE,OAA2B,CAChD,UAAU,CAAE,qBAAyC,CAErD,gBAAgB,CC7ED,OAAO,CD8EtB,KAAK,CC5EU,IAAO,CD6EtB,WAAW,CAAE,iBAAqC,CASpD,4BAAY,CACX,aAAa,CAAE,iBAA+B",
"sources": ["menu-side.scss","constants.scss"], "sources": ["menu-side.scss","constants.scss"],
"names": [], "names": [],
"file": "menu-side.css" "file": "menu-side.css"

View File

@ -9,7 +9,7 @@
position: relative; position: relative;
width: calc( 100% - 2*1em - 2*1.5em ); width: calc( 100% - 2*1em - 2*1.5em );
padding: 1.3em 1.5em; padding: 1.5em 1.5em;
padding-left: calc( 1.5em + 2*1em ); padding-left: calc( 1.5em + 2*1em );
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@ -19,7 +19,7 @@
color: $dark-fg; color: $dark-fg;
text-shadow: 1px 1px 0 darken($dark-bg, 5); text-shadow: 1px 1px 0 darken($dark-bg, 5);
transition: color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out; transition: color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out;
cursor: pointer; cursor: pointer;
@ -32,7 +32,7 @@
height: 1em; height: 1em;
fill: $dark-fg !important; fill: $dark-fg !important;
transition: fill .3s ease-in-out; transition: fill .2s ease-in-out;
} }

View File

@ -109,4 +109,14 @@
/* [3] Gestion du toggle de l'admin panel
=========================================================*/
var adminPanelSwitch = document.querySelector('')
// } // }

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 430 KiB

View File

@ -18,7 +18,7 @@
sodipodi:docname="expand.svg"><metadata sodipodi:docname="expand.svg"><metadata
id="metadata20"><rdf:RDF><cc:Work id="metadata20"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs18" /><sodipodi:namedview id="defs18" /><sodipodi:namedview
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#666666" bordercolor="#666666"
@ -38,13 +38,13 @@
fit-margin-bottom="0" fit-margin-bottom="0"
inkscape:snap-page="true" inkscape:snap-page="true"
inkscape:zoom="20.85965" inkscape:zoom="20.85965"
inkscape:cx="6.8546489" inkscape:cx="21.233937"
inkscape:cy="14.489576" inkscape:cy="14.489576"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="24" inkscape:window-y="24"
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:current-layer="Слой_1" /><path inkscape:current-layer="Слой_1" /><path
d="M 7.6630867,2.7536587 20.911025,15.998402 7.6614887,29.243144 c -0.631464,0.631463 -0.631464,1.652995 0,2.284458 0.6314633,0.629865 1.6545933,0.629865 2.2860563,0 l 14.390967,-14.386171 0,0 0,0 c 0.631463,-0.629865 0.631463,-1.652995 0,-2.28286 L 9.947545,0.47239772 c -0.631463,-0.629864 -1.656192,-0.629864 -2.2876553,0 -0.628266,0.62826598 -0.628266,1.65139698 0.0032,2.28126098 z" d="M 29.246342,7.663087 16.001598,20.911025 2.7568562,7.661489 c -0.631463,-0.631464 -1.652995,-0.631464 -2.28445799,0 -0.629865,0.6314633 -0.629865,1.6545933 0,2.2860563 L 14.858569,24.338512 l 0,0 0,0 c 0.629865,0.631463 1.652995,0.631463 2.28286,0 L 31.527602,9.9475453 c 0.629864,-0.631463 0.629864,-1.656192 0,-2.2876553 -0.628265,-0.628266 -1.651396,-0.628266 -2.28126,0.0032 z"
id="stylisable" id="stylisable"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
style="fill:#121313" /><g style="fill:#121313" /><g

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 128 128"
height="32"
id="Layer_1"
version="1.1"
viewBox="0 0 32.000001 32"
width="32"
xml:space="preserve"
inkscape:version="0.91 r13725"
sodipodi:docname="nopic.svg"><metadata
id="metadata11"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs9" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview7"
showgrid="false"
inkscape:snap-page="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="10.429825"
inkscape:cx="12.553491"
inkscape:cy="0.8269599"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
d="m 20.896385,15.884337 c -3.315662,2.46747 -3.469879,3.392771 -3.469879,4.703615 l 0,1.387952 -4.93494,0 c 0,0 -1.46506,-1.542169 -1.46506,-4.240964 0,-1.233735 0.848193,-2.390362 3.315662,-4.318073 3.392772,-2.698795 3.855422,-3.392771 3.855422,-5.166265 0,-1.542168 -0.848193,-2.698795 -3.93253,-2.698795 -3.084337,0 -6.631325,0.771085 -6.631325,0.771085 L 7.325301,1.619277 c 0,0 4.009639,-1.619277 7.86506,-1.619277 6.631326,0 9.484338,2.236145 9.484338,7.556627 0,4.240963 -0.616868,5.86024 -3.778314,8.32771 z m -9.484337,8.636145 6.631325,0 0,7.479518 -6.631325,0 0,-7.479518 z"
id="path5"
style="fill:#3b97d3;fill-opacity:1"
inkscape:connector-curvature="0" /></svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -1,56 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 32 32"
height="32"
id="Layer_1"
version="1.1"
viewBox="0 0 32 32"
width="32"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="dashboard.svg"><metadata
id="metadata3942"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs3940" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview3938"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="20.810183"
inkscape:cy="6.9086975"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true" /><g
id="g3930"
style="fill:#000000;fill-opacity:1"
transform="matrix(1.1423365,0,0,1.1423365,-2.2700954,-2.2700951)" /><g
id="g3934"
style="fill:#000000;fill-opacity:1"
transform="matrix(1.1423365,0,0,1.1423365,-2.2700952,-2.277384)"><path
id="stylisable"
style="fill:#000000;fill-opacity:1"
d="m 16,20 c -1.068,0 -2.073,-0.416 -2.829,-1.172 -1.56,-1.56 -1.56,-4.097 0,-5.656 1.257,-1.257 7.272,-3.639 8.465,-4.104 0.371,-0.144 0.79,-0.056 1.07,0.225 0.28,0.281 0.369,0.7 0.225,1.07 -0.465,1.193 -2.847,7.209 -4.104,8.465 C 18.073,19.584 17.068,20 16,20 z m 4.188,-8.187 c -2.453,1.028 -5.064,2.235 -5.602,2.773 -0.78,0.78 -0.78,2.048 0,2.828 0.756,0.756 2.073,0.756 2.829,0 0.537,-0.539 1.745,-3.148 2.773,-5.601 z M 16,30 C 12.26,30 8.745,28.544 6.101,25.899 1.779,21.578 0.752,15.025 3.547,9.595 3.8,9.104 4.402,8.911 4.894,9.163 5.386,9.415 5.579,10.018 5.326,10.51 2.93,15.164 3.81,20.78 7.515,24.485 9.781,26.752 12.794,28 16,28 19.205,28 22.219,26.752 24.485,24.485 26.751,22.218 28,19.205 28,16 28,12.794 26.752,9.781 24.485,7.515 22.218,5.249 19.206,4 16,4 12.794,4 9.781,5.249 7.515,7.515 7.124,7.906 6.492,7.906 6.101,7.515 5.71,7.124 5.71,6.492 6.101,6.101 8.745,3.457 12.26,2 16,2 19.74,2 23.256,3.457 25.899,6.101 28.544,8.745 30,12.26 30,16 30,19.739 28.544,23.255 25.899,25.899 23.256,28.544 19.74,30 16,30 z"
inkscape:connector-curvature="0" /></g></svg>

Before

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -1,65 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 128 128"
id="Слой_1"
version="1.1"
viewBox="0 0 32 32"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
width="100%"
height="100%"
sodipodi:docname="groups.svg"><metadata
id="metadata15"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs13" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview11"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true"
inkscape:zoom="16"
inkscape:cx="8.324924"
inkscape:cy="21.713747"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="g2994" /><g
id="g2994"
transform="translate(0,-2.99187)"><path
style="fill:#ffffff"
inkscape:connector-curvature="0"
id="path3"
d="M 28.823169,31.619606 H 3.2071602 c -1.4088806,0 -2.56160119,-1.152721 -2.56160119,-2.561601 V 12.407599 c 0,-1.408881 1.15272059,-2.5616015 2.56160119,-2.5616015 H 28.823169 c 1.40888,0 2.561601,1.1527205 2.561601,2.5616015 v 16.650406 c 0,1.40888 -1.152721,2.561601 -2.561601,2.561601 z" /><path
style="fill:#e5e6e6"
inkscape:connector-curvature="0"
id="path5"
d="M 28.823169,29.058005 H 3.2071602 c -1.4088806,0 -2.56160119,-1.152721 -2.56160119,-2.561601 v 2.561601 c 0,1.40888 1.15272059,2.561601 2.56160119,2.561601 H 28.823169 c 1.40888,0 2.561601,-1.152721 2.561601,-2.561601 v -2.561601 c 0,1.40888 -1.152721,2.561601 -2.561601,2.561601 z" /><path
style="fill:#e5e6e6"
inkscape:connector-curvature="0"
id="path7"
d="m 0.64555901,9.8459975 v -0.51232 c 0,-1.4088812 1.15272059,-2.5616009 2.56160119,-2.5616009 h 6.2503064 c 0.8965594,0 1.7162714,0.4610875 2.1773604,1.229568 l 0.922176,1.5113452" /><path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.49230769;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="M 3.21875,6.15625 C 1.4694916,6.15625 0,7.5944911 0,9.34375 l 0,0.5 c 0,0.348518 0.30773224,0.625 0.65625,0.625 0.17425888,0 0.19846621,-0.198466 0.3125,-0.3125 0.1140338,-0.114034 0.3125,-0.138241 0.3125,-0.3125 l 0,-0.5 c 0,-1.0712735 0.8662262,-1.9375 1.9375,-1.9375 l 6.25,0 c 0.657983,0 1.287942,0.344486 1.625,0.90625 l 0.53125,0.90625 -8.40625,0 c -0.8746292,0 -1.6706585,0.3581585 -2.25,0.9375 C 0.38940851,10.735592 0,11.531621 0,12.40625 L 0,29.0625 C 0,30.811758 1.4694915,32.25 3.21875,32.25 l 25.59375,0 C 30.561758,32.25 32,30.811758 32,29.0625 l 0,-16.65625 c 0,-1.749259 -1.438242,-3.1875 -3.1875,-3.1875 l -15.6875,0 c -0.003,-0.00571 0.0026,-0.026129 0,-0.03125 l -0.90625,-1.53125 -0.03125,0 c -0.582051,-0.9423713 -1.607957,-1.5 -2.71875,-1.5 z m 0,4.3125 25.59375,0 c 1.071273,0 1.9375,0.866226 1.9375,1.9375 l 0,16.65625 C 30.75,30.133773 29.883773,31 28.8125,31 L 3.21875,31 c -1.0712737,0 -1.9375,-0.866227 -1.9375,-1.9375 l 0,-16.65625 c 0,-1.071274 0.8662261,-1.9375 1.9375,-1.9375 z"
id="stylisable"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssssssssccsssssssssccccsssssssssss" /></g></svg>

Before

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -1,84 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Capa_1"
x="0px"
y="0px"
width="32"
height="32"
viewBox="0 0 31.999998 32"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="machines.svg"><metadata
id="metadata41"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs39" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview37"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true"
inkscape:zoom="9.9207842"
inkscape:cx="41.142326"
inkscape:cy="4.5030756"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="Capa_1" /><g
id="g3"
transform="matrix(0.05944961,0,0,0.05944961,-5.12155e-7,2.921265e-5)"><path
d="M 101.58,279.827 C 45.569,279.827 0,325.399 0,381.41 c 0,56.011 45.569,101.582 101.58,101.582 56.016,0 101.582,-45.571 101.582,-101.582 0,-56.011 -45.566,-101.583 -101.582,-101.583 z m 0,168.133 c -36.697,0 -66.549,-29.855 -66.549,-66.55 0,-36.695 29.852,-66.544 66.549,-66.544 36.703,0 66.555,29.85 66.555,66.544 0,36.694 -29.846,66.55 -66.555,66.55 z M 395.986,325.991 c -42.747,0 -77.525,34.778 -77.525,77.52 0,42.752 34.778,77.525 77.525,77.525 42.747,0 77.525,-34.762 77.525,-77.525 0,-42.741 -34.766,-77.52 -77.525,-77.52 z m 0,124.338 c -25.818,0 -46.813,-21.012 -46.813,-46.818 0,-25.812 21.007,-46.808 46.813,-46.808 25.818,0 46.825,20.995 46.825,46.808 0,25.806 -21.007,46.818 -46.825,46.818 z M 214.389,373.466 h 96.742 c -4.428,10.675 -6.904,22.354 -6.916,34.619 l -92.246,0.06 c 1.838,-8.032 2.899,-16.355 2.899,-24.955 0.006,-3.281 -0.201,-6.497 -0.479,-9.724 z m 320.328,-82.945 c 0,-7.867 -6.401,-14.257 -14.263,-14.257 L 341.033,237.058 282.333,66.009 C 280.72,59.702 275.027,55.278 268.517,55.278 H 78.04 c -7.879,0 -14.254,6.392 -14.254,14.253 0,7.882 6.38,14.254 14.254,14.254 h 24.146 v 129.75 c -4.823,-0.902 -9.777,-1.427 -14.86,-1.427 -44.286,0 -80.197,35.907 -80.197,80.197 v 27.621 c 19.337,-33.089 55.153,-55.373 96.236,-55.373 55.848,0 101.963,41.097 110.097,94.661 h 101.057 c 15.078,-28.82 45.211,-48.503 79.996,-48.503 49.822,0 90.21,40.347 90.287,90.156 l 26.941,-0.023 c 0.525,0.059 -16.775,0.172 -16.243,0.172 h 28.514 c 7.867,0 14.257,-6.402 14.257,-14.251 l -3.554,-96.244 z m -300.263,-58.21 c -16.875,-50.75 -89.317,-55.762 -96.26,-55.762 h -7.489 V 83.791 H 257.44 l 53.324,148.52 h -76.31 z"
id="stylisable"
inkscape:connector-curvature="0" /></g><g
id="g7"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g9"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g11"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g13"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g15"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g17"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g19"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g21"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g23"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g25"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g27"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g29"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g31"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g33"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /><g
id="g35"
transform="matrix(0.05944961,0,0,0.05944961,-9.654541e-7,3.2863134)" /></svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -1,163 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="33.599998"
height="33.599998"
viewBox="-27 23 33.599999 33.599999"
id="malecostume_1_"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="profile.svg"><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview3085"
showgrid="false"
inkscape:zoom="20.85965"
inkscape:cx="17.788199"
inkscape:cy="10.452964"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="malecostume_1_"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" /><metadata
id="metadata57"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs55" /><g
transform="matrix(0.32,0,0,0.32,-17.56,16.296182)"
id="g3"><g
id="g5"><g
id="g9"><defs
id="defs11"><circle
cx="23"
cy="73"
r="50"
id="stroke-stylisable"
sodipodi:cx="23"
sodipodi:cy="73"
sodipodi:rx="50"
sodipodi:ry="50" /></defs><clipPath
id="SVGID_2_"><use
id="use15"
style="overflow:visible"
x="0"
y="0"
width="101"
height="100"
xlink:href="#stroke-stylisable" /></clipPath><path
d="m 38,98.9 27.9,7.7 c 3.2,1.1 5.7,3.5 7.1,6.6 V 123 H -27 v -9.8 c 1.3,-3.1 3.9,-5.5 7.1,-6.6 L 8,98.9 V 84 h 30 v 14.9 z"
clip-path="url(#SVGID_2_)"
id="path17"
style="fill:#d4b08c"
inkscape:connector-curvature="0" /><g
clip-path="url(#SVGID_2_)"
id="g19"><defs
id="defs21"><path
d="m 38,98.9 27.9,7.7 c 3.2,1.1 5.7,3.5 7.1,6.6 V 123 H -27 v -9.8 c 1.3,-3.1 3.9,-5.5 7.1,-6.6 L 8,98.9 V 84 h 30 v 14.9 z"
id="SVGID_3_"
inkscape:connector-curvature="0" /></defs><clipPath
id="SVGID_4_"><use
id="use25"
style="overflow:visible"
x="0"
y="0"
width="101"
height="100"
xlink:href="#SVGID_3_" /></clipPath><polygon
points="-27,123 23.2,123 73.3,123 73.3,98 35.2,98 30.4,103 23.2,103 16,103 11.2,98 -27,98 "
clip-path="url(#SVGID_4_)"
id="stylisable"
style="fill:#1e1e23" /><polygon
points="7.3,95.3 22,103 23,103 24,103 38.7,95.3 32.9,124.2 23,123.1 13.1,124.2 "
clip-path="url(#SVGID_4_)"
id="polygon29"
style="fill:#c1cad4" /><polygon
points="29.5,124 16.5,124 20.5,112 25.5,112 "
clip-path="url(#SVGID_4_)"
id="polygon31"
style="fill:#216dd9" /><polygon
points="25.5,112 20.5,112 12.5,103 33.5,103 "
clip-path="url(#SVGID_4_)"
id="polygon33"
style="fill:#249cf2" /><path
d="M 38.5,93 24.1,103 34.9,114 39,94 38.5,93 z M 7.5,93 21.9,103 11.1,114 7,94 7.5,93 z"
clip-path="url(#SVGID_4_)"
id="path35"
style="fill:#ffffff"
inkscape:connector-curvature="0" /></g></g><circle
cx="23"
cy="73"
r="50"
id="stroke-stylisable"
style="fill:none;fill-opacity:1;stroke:#777777;stroke-width:5.00000008000000040;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
sodipodi:cx="23"
sodipodi:cy="73"
sodipodi:rx="50"
sodipodi:ry="50"
transform="translate(0,0.44943228)"
d="m 73,73 c 0,27.61424 -22.385763,50 -50,50 -27.6142375,0 -50,-22.38576 -50,-50 0,-27.614237 22.3857625,-50 50,-50 27.614237,0 50,22.385763 50,50 z" /><path
d="M 23,97 C 21.5,97 19.5,96.7 18.2,96.1 16.6,95.4 11,91.5 9.1,89.8 6.6,87.5 5.3,84.7 4.9,79.8 4.5,74.9 3,57.5 3,53.5 3,47.8 8.1,39 23,39 l 0,0 0,0 0,0 0,0 c 14.9,0 20,8.8 20,14.5 0,4 -1.5,21.5 -1.9,26.4 -0.4,4.9 -1.6,7.7 -4.2,10 -1.9,1.7 -7.6,5.6 -9.1,6.3 C 26.5,96.7 24.5,97 23,97 l 0,0 z"
id="path37"
style="fill:#f2cea5"
inkscape:connector-curvature="0" /><path
d="m 30,83 -14,0 c -0.4,0 -0.6,0.4 -0.4,0.8 1.3,2.3 3.7,3.5 6.7,3.7 3.1,0.2 6.5,-1.3 8.1,-3.7 0.2,-0.3 0,-0.8 -0.4,-0.8 z"
id="path39"
style="fill:#a3705f"
inkscape:connector-curvature="0" /><circle
cx="32"
cy="68"
r="2"
id="circle41"
style="fill:#262626"
sodipodi:cx="32"
sodipodi:cy="68"
sodipodi:rx="2"
sodipodi:ry="2"
d="m 34,68 c 0,1.104569 -0.895431,2 -2,2 -1.104569,0 -2,-0.895431 -2,-2 0,-1.104569 0.895431,-2 2,-2 1.104569,0 2,0.895431 2,2 z" /><circle
cx="14"
cy="68"
r="2"
id="circle43"
style="fill:#262626"
sodipodi:cx="14"
sodipodi:cy="68"
sodipodi:rx="2"
sodipodi:ry="2"
d="m 16,68 c 0,1.104569 -0.895431,2 -2,2 -1.104569,0 -2,-0.895431 -2,-2 0,-1.104569 0.895431,-2 2,-2 1.104569,0 2,0.895431 2,2 z" /><path
d="m 8,65 c 0,0 1.1,-3 6.1,-3 3.4,0 5.4,1.5 6.4,3"
id="path45"
style="fill:none;stroke:#cc9872;stroke-width:2"
inkscape:connector-curvature="0" /><path
d="m 38.1,65 c 0,0 -1.1,-3 -6.1,-3 -4.8,0 -7,3 -7,5 0,1.9 0,9 0,9"
id="path47"
style="fill:none;stroke:#bb8660;stroke-width:2"
inkscape:connector-curvature="0" /><path
d="m 41.8,71.2 c 0,0 0.8,-6.3 3.7,-7.2 0.4,-1.8 1.5,-7 1.5,-9.9 0,-2.9 -0.3,-5.7 -1.9,-8.1 -1.8,-2.6 -5.6,-4.1 -7.6,-4.1 -2.3,1.4 -7.7,4.6 -9.4,6.5 -0.9,1 0.4,1.8 0.4,1.8 0,0 1.2,-0.5 1.7,-0.6 2.5,-0.7 8,-1.2 9.7,1.3 2.1,3 2.1,11.8 2.1,13.1 0,1.2 -0.2,7.2 -0.2,7.2 z"
id="path49"
style="fill:#d98c21"
inkscape:connector-curvature="0" /><path
d="m 0.5,64 c 2.9,1 3.7,7.2 3.7,7.2 0,0 -0.2,-6 -0.2,-7.2 0,-1.6 0.2,-9.1 3.4,-12.7 3.6,-4 8.4,-5.3 11.1,-3.5 1.4,0.9 6.1,5.5 11.1,1.7 3,-2.3 8.5,-7.5 8.5,-7.5 0,0 -2.9,-8.9 -16.1,-7.9 -5.6,0.5 -11.8,-0.9 -11.8,-0.9 0,0 -0.1,2.5 0.9,3.8 -8.3,2.4 -11,8.4 -11.8,13 -0.2,0.9 -0.3,1.8 -0.3,2.7 0,0.5 0,1 0,1.4 0,2.9 1.1,8 1.5,9.9 z"
id="path51"
style="fill:#e6a422"
inkscape:connector-curvature="0" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 7.1 KiB

View File

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 128 128"
height="32"
id="Layer_1"
version="1.1"
viewBox="0 0 32 32"
width="32"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="users.svg"><metadata
id="metadata3109"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs3107" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1056"
id="namedview3105"
showgrid="false"
inkscape:zoom="20.85965"
inkscape:cx="8.399566"
inkscape:cy="10.794091"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true" /><path
sodipodi:type="inkscape:offset"
inkscape:radius="0.12774596"
inkscape:original="M 7.25 20.65625 L 3.59375 21.65625 C 0.619852 22.5225 0 24.17381 0 25.40625 L 0 28.1875 C 5.9211895e-16 30.26991 1.698531 31.96875 3.78125 31.96875 L 28.21875 31.96875 C 30.301469 31.96875 32.000526 30.26959 32 28.1875 L 32 25.40625 C 32 24.16742 31.38622 22.51324 28.40625 21.65625 L 24.90625 20.6875 C 24.565628 20.591 24.22022 20.78534 24.125 21.125 C 24.029779 21.46531 24.222517 21.81135 24.5625 21.90625 L 28.0625 22.875 C 29.837828 23.3853 30.71875 24.24219 30.71875 25.40625 L 30.71875 28.1875 C 30.71875 29.56533 29.596578 30.6875 28.21875 30.6875 L 3.78125 30.6875 C 2.403741 30.6875 1.28125 29.56565 1.28125 28.1875 L 1.28125 25.40625 C 1.28125 24.97488 1.268436 23.65275 3.9375 22.875 L 7.59375 21.875 C 7.934054 21.78074 8.12519 21.43406 8.03125 21.09375 C 7.937307 20.75345 7.590942 20.56325 7.25 20.65625 z "
id="stylisable"
d="m 7.53125,20.5 c -0.098153,-0.01247 -0.2113013,0.0036 -0.3125,0.03125 l -3.65625,1 C 2.0569135,21.969804 1.1401025,22.612145 0.59375,23.3125 0.04739752,24.012855 -0.125,24.768614 -0.125,25.40625 l 0,2.78125 c 0,2.151875 1.7540641,3.90625 3.90625,3.90625 l 24.4375,0 c 2.152199,0 3.906794,-1.754646 3.90625,-3.90625 l 0,-2.78125 c 0,-0.640512 -0.173055,-1.392856 -0.71875,-2.09375 -0.545695,-0.700894 -1.460023,-1.347365 -2.96875,-1.78125 l -3.5,-0.96875 C 24.531811,20.447566 24.113476,20.688971 24,21.09375 c -0.113329,0.405027 0.125854,0.824341 0.53125,0.9375 l 3.5,0.96875 c 0.87481,0.251455 1.516701,0.596931 1.9375,1 0.420799,0.403069 0.625,0.856445 0.625,1.40625 l 0,2.78125 c 0,1.308468 -1.066534,2.375 -2.375,2.375 l -24.4375,0 c -1.308151,0 -2.375,-1.066215 -2.375,-2.375 l 0,-2.78125 c 0,-0.21695 0.00274,-0.61096 0.3125,-1.0625 C 2.0285084,23.89221 2.6529367,23.38342 3.96875,23 L 7.625,22 C 8.031099,21.887516 8.267938,21.467104 8.15625,21.0625 8.0721547,20.757873 7.8257091,20.537425 7.53125,20.5 z"
transform="matrix(0.99224806,0,0,0.9754073,0.12403095,0.45485061)" /><path
d="m 16.0625,0.27094721 c -4.96555,0 -9,3.94762949 -9,8.80770809 l 0,4.3426897 c 0,4.85977 4.03445,8.807708 9,8.807708 4.96619,0 9,-3.947938 9,-8.807708 l 0,-4.3426897 c 0,-4.8600786 -4.03381,-8.80770809 -9,-8.80770809 z m 0,1.68202759 c 4.074379,0 7.40625,3.2301063 7.40625,7.2174275 l 0,4.1591957 c 0,3.986728 -3.331871,7.24801 -7.40625,7.24801 -4.074072,0 -7.375,-3.261282 -7.375,-7.24801 l 0,-4.1591957 c 0,-3.9873212 3.300928,-7.2174275 7.375,-7.2174275 z"
id="stylisable"
inkscape:connector-curvature="0" /></svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -19,14 +19,14 @@
- [x] Charte graphique (couleurs, dimensions) - [x] Charte graphique (couleurs, dimensions)
- [x] [css/constants] CSS - [x] [css/constants] CSS
- [x] [doc/wireframe.png] Layout de base (positions) - [x] [doc/wireframe.png] Layout de base (positions)
- [ ] Header User Icon
- [ ] Header Search
- [ ] Radio Button - [ ] Radio Button
- [ ] Checkbox - [ ] Checkbox
- [ ] Titles - [ ] Titles
- [ ] Select - [ ] Select
- [ ] Button carved - [ ] Button carved
- [ ] Button - [ ] Button
- [ ] Header User Icon
- [ ] Header Search
- [ ] Implementation CSS - [ ] Implementation CSS
- [x] [doc/wireframe.png] Components - [x] [doc/wireframe.png] Components
- [ ] CSS - [ ] CSS

View File

@ -37,6 +37,21 @@
<!-- HEADER DE LA PAGE --> <!-- HEADER DE LA PAGE -->
<div id='HEADER'> <div id='HEADER'>
<!-- ZONE DE RECHERCHE -->
<input type='text' placeholder='Recherche...' id='searchbar'>
<!-- ZONE UTILISATEUR -->
<span class='user-picture'></span>
<span class='user-name'>John Doe</span>
<input type='checkbox' value='' id='toggle-user-panel'>
<label for='toggle-user-panel' class='user-panel'>
<span class='profile'>User menu 1</span>
<span class='administration'>User menu 2</span>
<span class='logout'>User menu 3</span>
</label>
</div> </div>