Move navbar CSS to its own file
This commit is contained in:
parent
b1623f9da1
commit
56e6766520
|
@ -50,6 +50,7 @@ $events = array_values(array_filter(
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="../../css/normalize.css">
|
||||
<link rel="stylesheet" href="../../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../../css/events.css">
|
||||
<link rel="stylesheet" href="../../css/admin.css">
|
||||
|
||||
|
|
|
@ -30,6 +30,7 @@ $users = $userManager->getAllUserData();
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="../../css/normalize.css">
|
||||
<link rel="stylesheet" href="../../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../../css/events.css">
|
||||
<link rel="stylesheet" href="../../css/admin.css">
|
||||
|
||||
|
|
|
@ -26,6 +26,7 @@ if(!($isAdmin | $projectGroup | $activityGroup)){
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
<link rel="stylesheet" href="../css/admin.css">
|
||||
|
||||
|
|
|
@ -50,6 +50,7 @@ $projects = array_values(array_filter(
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="../../css/normalize.css">
|
||||
<link rel="stylesheet" href="../../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../../css/events.css">
|
||||
<link rel="stylesheet" href="../../css/admin.css">
|
||||
|
||||
|
|
|
@ -32,6 +32,7 @@ $day = (isset($_GET['day']))
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Aktivitets­verk­stedet</header>
|
||||
|
|
|
@ -12,6 +12,7 @@ use \pvv\side\Agenda;
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Sosial­verk­stedet</header>
|
||||
|
|
|
@ -12,6 +12,7 @@ use \pvv\side\Agenda;
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Sosial­verk­stedet</header>
|
||||
|
|
|
@ -1,9 +1,4 @@
|
|||
header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
margin-top: 50px;
|
||||
padding: 3vh 15vw;
|
||||
width: 70vw;
|
||||
|
@ -12,8 +7,10 @@ header {
|
|||
}
|
||||
|
||||
header .logo {
|
||||
display: block;
|
||||
width: 24vh;
|
||||
height: 24vh;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
main {
|
||||
|
@ -23,8 +20,8 @@ main {
|
|||
.info {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding: 0 0;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
@ -32,11 +29,11 @@ main {
|
|||
.essentials {
|
||||
width: 100%;
|
||||
margin: 1.8em 0;
|
||||
padding: .2em 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.essentials li {
|
||||
|
|
|
@ -0,0 +1,165 @@
|
|||
nav {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 50px;
|
||||
background-color: #002244;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
nav * {
|
||||
background-color: #002244;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav h2 {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
margin-left: .65em;
|
||||
|
||||
line-height: 5vh;
|
||||
|
||||
color: #002244;
|
||||
}
|
||||
|
||||
nav .logo{
|
||||
position: fixed;
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50px;
|
||||
width: 100vw;
|
||||
height: 45px;
|
||||
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav li {
|
||||
height: 100%;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
margin: 0 .7em;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 0);
|
||||
|
||||
transition: border-bottom .3s ease;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 1);
|
||||
|
||||
transition: border-bottom .3s ease;
|
||||
}
|
||||
|
||||
nav a.active {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 1);
|
||||
|
||||
transition: none;
|
||||
}
|
||||
|
||||
nav .login {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 45px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
#navopen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width: 800px){
|
||||
nav .logo {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
nav .login {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
left: 0px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: none;
|
||||
border-bottom: none;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
nav a.active {
|
||||
display: block;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 0 .5em;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#navopen {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav a {
|
||||
display: block;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
.opennav a:hover {
|
||||
background-color: #00407F;
|
||||
}
|
||||
|
||||
.opennav a:hover li {
|
||||
background-color: #00407F;
|
||||
}
|
||||
|
||||
.opennav a.active:hover {
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav a.active:hover li {
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav .login {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-top: 1px solid gray;
|
||||
}
|
||||
}
|
|
@ -7,95 +7,6 @@ body {
|
|||
font-style: -apple-system, 'avenir next', avenir, roboto, noto, ubuntu, 'helvetica neue', helvetica, arial, sans-serif;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 50px;
|
||||
background-color: #002244;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
nav * {
|
||||
background-color: #002244;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav h2 {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
margin-left: .65em;
|
||||
|
||||
line-height: 5vh;
|
||||
|
||||
color: #002244;
|
||||
}
|
||||
|
||||
nav .logo{
|
||||
position: fixed;
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50px;
|
||||
width: 100vw;
|
||||
height: 45px;
|
||||
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav li {
|
||||
height: 100%;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
margin: 0 .7em;
|
||||
|
||||
text-decoration: none;
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 0);
|
||||
|
||||
transition: border-bottom .3s ease;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 1);
|
||||
|
||||
transition: border-bottom .3s ease;
|
||||
}
|
||||
|
||||
nav a.active {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 1);
|
||||
|
||||
transition: none;
|
||||
}
|
||||
|
||||
nav .login {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 45px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
#navopen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 1em 15vw;
|
||||
height: 100vh;
|
||||
|
@ -123,80 +34,3 @@ main h2 {
|
|||
|
||||
transition: background-color .2s ease;
|
||||
}
|
||||
|
||||
@media(max-width: 800px){
|
||||
nav .logo {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
nav .login {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
left: 0px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: none;
|
||||
border-bottom: none;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
nav a.active {
|
||||
display: block;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 0 .5em;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#navopen {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav a {
|
||||
display: block;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
.opennav a:hover {
|
||||
background-color: #00407F;
|
||||
}
|
||||
|
||||
.opennav a:hover li {
|
||||
background-color: #00407F;
|
||||
}
|
||||
|
||||
.opennav a.active:hover {
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav a.active:hover li {
|
||||
background-color: #002244;
|
||||
}
|
||||
|
||||
.opennav .login {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-top: 1px solid gray;
|
||||
}
|
||||
}
|
|
@ -23,6 +23,7 @@ $agenda = new \pvv\side\Agenda([
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/nav.css">
|
||||
<link rel="stylesheet" href="css/splash.css">
|
||||
<link rel="stylesheet" href="css/landing.css">
|
||||
|
||||
|
|
|
@ -35,6 +35,7 @@ $days_in_month = date('t', mktime(0, 0, 0, $month, 1, $year));
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
<link rel="stylesheet" href="../css/calendar.css">
|
||||
|
||||
|
|
|
@ -12,6 +12,7 @@ require __DIR__ . '/../../sql_config.php';
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Kommunikasjons­verk­stedet</header>
|
||||
|
|
|
@ -15,6 +15,7 @@ $agenda = new \pvv\side\Agenda([
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Kurs­verk­stedet</header>
|
||||
|
|
|
@ -12,6 +12,7 @@ use \pvv\side\Agenda;
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Sosial­verk­stedet</header>
|
||||
|
|
|
@ -8,6 +8,7 @@ p {hyphens: auto;}
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
|
||||
<header>Programvareverkstedet</header>
|
||||
|
|
|
@ -42,6 +42,7 @@ if (isset($_SESSION['userdata'])) { // if logged in with feide
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
|
||||
<header>Registrerings­verks­stedet</header>
|
||||
|
||||
|
|
|
@ -18,6 +18,7 @@ $projects = $projectManager->getAll();
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/splash.css">
|
||||
|
||||
<header>Prosjekt­verk­stedet</header>
|
||||
|
|
Loading…
Reference in New Issue