pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

presque tous les points faits, sauf les changements de nom et de logo sur tous le site

Browse Source
This commit is contained in:
Hugo LAMY
2022-03-29 19:22:42 +02:00
parent f62cc64c8d
commit b7fb27b548
74 changed files with 1444 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
new/styles/nav.css
View File

@@ -1,9 +1,6 @@
/*---------------------------------------------*/
/*NAVBAR*/
nav {
border-bottom: 1px solid var(--color-lines-4);
}
nav iframe {
width: 100%;
}
@@ -11,43 +8,19 @@ body#body_navbar {
background-color: transparent;
overflow: hidden;
}
.navbar, .i_navbar {
.navbar {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
border-bottom: 1px solid var(--color-lines-4);
}
.navbar *, .i_navbar * {
.navbar * {
display: flex;
flex-direction: row;
margin: auto;
height: 100%;
}
/*menu burger responsive*/
.navbar input#burger {
display: none;
}
.navbar .burger {
margin: 0px;
}
/*hover & focus*/
.navbar a:hover, .navbar a:focus,
.i_navbar a:hover, .i_navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
.navbar a > *, .i_navbar a > * {
/*to center vertically the text*/
height: auto;
}
/*---------------------------------------------*/
/*NAVIGATION LINKS*/
/* nav_left is used for links to pages*/
.navbar .nav_left {
margin-left: 0px;
@@ -59,9 +32,24 @@ body#body_navbar {
padding-left: 40px;
padding-right: 40px;
}
.navbar a > * {
/*to center vertically the text*/
height: auto;
}
.navbar .nav_left img {
height: calc(100% - 4px);
}
.navbar a:hover, .navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
/* nav_right is used for actions such as connection, search or language*/
.navbar .nav_right {
margin-right: 0px;
}
@@ -75,35 +63,40 @@ body#body_navbar {
language
language inactive
*/
/* nav_right is used for actions such as connection, search or language*/
.nav_right, .i_nav_right {
margin-right: 0px;
}
.i_nav_right .language {
.navbar .nav_right .language {
position: relative;
padding: 0px 10px;
margin: auto 0px auto auto;
}
/* horizontal space between flag and name*/
.i_nav_right .language > * {
.navbar .nav_right .language > * {
margin: auto 3px;
}
/*flag size*/
.i_nav_right .language img.flag {
.navbar .nav_right .language img.flag {
height: 12px;
}
/*text size*/
.i_navbar .nav_right .language p {
.navbar .nav_right .language p {
font-size: 1.6em;
}
/*selected language*/
.i_nav_right .language.selected {
.navbar .language.selected {
background-color: var(--color-back-dark);
pointer-events: none;
}
/*inactive language*/
.i_nav_right .language.inactive {
.navbar .language.inactive {
pointer-events: none;
filter: grayscale(100%);
}
/*menu burger responsive*/
nav.navbar input#burger {
display: none;
}
nav.navbar .burger {
margin: 0px;
}