From 2bf224cb4e3435e83ac2c9fbd09cab1162b7b8fd Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Wed, 21 Oct 2015 13:35:59 +0200 Subject: [PATCH] commit 3 @dev_flat --- css/layout.css | 7 ++ css/menu.css | 41 ++++++++- index.php | 2 +- src/menu_icon/auth.svg | 53 +++++++++++ src/menu_icon/auth@hover.svg | 53 +++++++++++ src/menu_icon/groups.svg | 51 +++++++++++ src/menu_icon/groups@hover.svg | 51 +++++++++++ src/menu_icon/home.svg | 151 +++++++++++++++++++++++++++++++ src/menu_icon/home@hover.svg | 151 +++++++++++++++++++++++++++++++ src/menu_icon/marks.svg | 58 ++++++++++++ src/menu_icon/marks@hover.svg | 57 ++++++++++++ src/menu_icon/modules.svg | 71 +++++++++++++++ src/menu_icon/modules@hover.svg | 71 +++++++++++++++ src/menu_icon/settings.svg | 49 ++++++++++ src/menu_icon/settings@hover.svg | 49 ++++++++++ src/menu_icon/ue.svg | 53 +++++++++++ src/menu_icon/ue@hover.svg | 53 +++++++++++ 17 files changed, 1015 insertions(+), 6 deletions(-) create mode 100755 src/menu_icon/auth.svg create mode 100755 src/menu_icon/auth@hover.svg create mode 100755 src/menu_icon/groups.svg create mode 100755 src/menu_icon/groups@hover.svg create mode 100755 src/menu_icon/home.svg create mode 100755 src/menu_icon/home@hover.svg create mode 100755 src/menu_icon/marks.svg create mode 100755 src/menu_icon/marks@hover.svg create mode 100755 src/menu_icon/modules.svg create mode 100755 src/menu_icon/modules@hover.svg create mode 100755 src/menu_icon/settings.svg create mode 100755 src/menu_icon/settings@hover.svg create mode 100755 src/menu_icon/ue.svg create mode 100755 src/menu_icon/ue@hover.svg diff --git a/css/layout.css b/css/layout.css index 157fd42..271b521 100755 --- a/css/layout.css +++ b/css/layout.css @@ -83,6 +83,13 @@ body{ /* Z */ z-index: 10; + /* extra */ + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + -o-user-select: none; + } diff --git a/css/menu.css b/css/menu.css index b43e235..1dd17b7 100755 --- a/css/menu.css +++ b/css/menu.css @@ -29,9 +29,12 @@ font-weight: bold; line-height: 5em; - + /* extra */ + cursor: default; } +#MENU .userdata.M{ background-image: url(../src/menu/userdata/male.svg); } +#MENU .userdata.F{ background-image: url(../src/menu/userdata/female.svg); } @@ -40,7 +43,7 @@ display: block; position: relative; height: 4em; - padding-left: 4em; + padding-left: 5em; margin-bottom: 1em ; /* border */ @@ -48,11 +51,10 @@ /* foreground */ color: #92a6b0; - font-size: 12px; + font-size: 14px; line-height: 4.5em; font-weight: bold; text-transform: uppercase; - letter-spacing: .16em; /* xTra */ cursor: pointer; @@ -63,12 +65,41 @@ -webkit-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; + + /* background */ + background: transparent url(../src/menu_icon/home_grayscale.svg) left 1em center no-repeat; + background-size: 1.7em; } #MENU a:hover, #MENU a.active{ - background-color: #233343; + background: #233342 url(../src/menu_icon/home_grayscale.svg) left 1em center no-repeat; + background-size: 1.7em; + color: #fff; } + +/* gestion des différentes icônes */ +#MENU a:nth-child(2){ background-image: url(../src/menu_icon/home.svg); } +#MENU a:nth-child(3){ background-image: url(../src/menu_icon/groups.svg); } +#MENU a:nth-child(4){ background-image: url(../src/menu_icon/ue.svg); } +#MENU a:nth-child(5){ background-image: url(../src/menu_icon/modules.svg); } +#MENU a:nth-child(6){ background-image: url(../src/menu_icon/marks.svg); } +#MENU a:nth-child(7){ background-image: url(../src/menu_icon/settings.svg); } + + +/* gestion de l'activation des différentes icônes */ +#MENU a:nth-child(2):hover, +#MENU a:nth-child(2).active{ background-image: url(../src/menu_icon/home@hover.svg); } +#MENU a:nth-child(3):hover, +#MENU a:nth-child(3).active{ background-image: url(../src/menu_icon/groups@hover.svg); } +#MENU a:nth-child(4):hover, +#MENU a:nth-child(4).active{ background-image: url(../src/menu_icon/ue@hover.svg); } +#MENU a:nth-child(5):hover, +#MENU a:nth-child(5).active{ background-image: url(../src/menu_icon/modules@hover.svg); } +#MENU a:nth-child(6):hover, +#MENU a:nth-child(6).active{ background-image: url(../src/menu_icon/marks@hover.svg); } +#MENU a:nth-child(7):hover, +#MENU a:nth-child(7).active{ background-image: url(../src/menu_icon/settings@hover.svg); } diff --git a/index.php b/index.php index dcc0455..bec71de 100755 --- a/index.php +++ b/index.php @@ -57,7 +57,7 @@ if( !(isset($_SESSION['username']) && is_string($_SESSION['username']) && strlen