diff --git a/app/views/historytravelplan(done).php b/app/views/historytravelplan(done).php new file mode 100644 index 0000000000000000000000000000000000000000..bb7b09bee974c048981f4e8619d71aa75264cc2d --- /dev/null +++ b/app/views/historytravelplan(done).php @@ -0,0 +1,43 @@ +<?php + session_start(); + $_SESSION['Role'] = "admin"; +?> + +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link rel="stylesheet" href="../../public/css/travelplan.css"> + <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet"> + <title>Travelution</title> +</head> +<body> + <?php include 'navbar.php'; ?> + <div class="createtravelplan"> + <h1>Done Travel Plan</h1> + <div class="listrencanaperjalanan"> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 1</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 2</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 3</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + </div> + </div> +</body> +</html> \ No newline at end of file diff --git a/app/views/historytravelplan(ongoing).php b/app/views/historytravelplan(ongoing).php new file mode 100644 index 0000000000000000000000000000000000000000..f2717690121ff2fe924c8e6ab6418e521e9d4e17 --- /dev/null +++ b/app/views/historytravelplan(ongoing).php @@ -0,0 +1,43 @@ +<?php + session_start(); + $_SESSION['Role'] = "admin"; +?> + +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link rel="stylesheet" href="../../public/css/travelplan.css"> + <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet"> + <title>Travelution</title> +</head> +<body> + <?php include 'navbar.php'; ?> + <div class="createtravelplan"> + <h1>Ongoing Travel Plan</h1> + <div class="listrencanaperjalanan"> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 1</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 2</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + <div class="box-rencanaperjalanan"> + <a href="konfirmasi-pesanan"> + <label id="travelplan">Rencana Perjalanan 3</label> + <h2>19 Januari 2024 - 25 Januari 2024</h2> + </a> + </div> + </div> + </div> +</body> +</html> \ No newline at end of file diff --git a/app/views/login.php b/app/views/login.php index 567a73a74d1b3a0131dbd925e17749aaac28a252..313667fbb6f26ae46f8bfaded49afdc72ac0a478 100644 --- a/app/views/login.php +++ b/app/views/login.php @@ -16,7 +16,7 @@ <input type="text" name="username" id="username" placeholder="Username"> <h2>Password:</h2> <input type="password" name="password" id="password" placeholder="Password"> - <p>Belum punya akun, <a href="signup.php">daftar dulu</a></p> + <p>Belum punya akun, <a href="signup">daftar dulu</a></p> <button type="submit" name="submit" id="submit" onclick="login(event)">Login</button> <!-- <div class="login"> <h1>Login Menu</h1> diff --git a/app/views/navbar.php b/app/views/navbar.php index 05005e1889edca83fde16478bf1e1e758b9e2119..242362e082b1d85a3b5b09a44295f0b91214f57a 100644 --- a/app/views/navbar.php +++ b/app/views/navbar.php @@ -18,6 +18,12 @@ <li><a href="list-akomodasi">Akomodasi</a></li> </ul> </li> + <li><a href="#">History</a> + <ul class="historydropdown"> + <li><a href="history-ongoing">Ongoing</a></li> + <li><a href="history-done">Done</a></li> + </ul> + </li> <li><a href="create-travel-plan">TravelPlan</a></li> <li><a href="dashboard">Home</a></li> <li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li> @@ -39,6 +45,12 @@ <li><a href="list-akomodasi">Akomodasi</a></li> </ul> </li> + <li><a href="#">History</a> + <ul class="historydropdown"> + <li><a href="history-ongoing">Ongoing</a></li> + <li><a href="history-done">Done</a></li> + </ul> + </li> <li><a href="create-travel-plan">TravelPlan</a></li> <li><a href="dashboard">Home</a></li> <li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li> diff --git a/public/css/addplace.css b/public/css/addplace.css index d09d7e1787de7978d422db41f3ef63b70227be7a..250a6ac404cf09d74eaa61b3538e643be967703e 100644 --- a/public/css/addplace.css +++ b/public/css/addplace.css @@ -50,6 +50,17 @@ display: none; display: none; } +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + .navbar li { font-family: 'Montserrat', sans-serif; float: right; @@ -98,6 +109,13 @@ margin-left: -161px; margin-top: -1px; margin-left: -140px; } + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + .adddestination { width: 90%; height: 80%; diff --git a/public/css/changeinformation.css b/public/css/changeinformation.css index 5fc2ff293cc5889f7e8f6f9665c788c46a5b3bac..799be716a8be774f385524386448a2b42cf693b0 100644 --- a/public/css/changeinformation.css +++ b/public/css/changeinformation.css @@ -5,99 +5,116 @@ body{ } .navbar{ - position: relative; - z-index: 100000; - } - - .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } - - .navbar ul li ul.profiledropdown li{ - display: block; - } - - .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.profiledropdownadmin li{ + position: relative; + z-index: 100000; +} + +.navbar ul { + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ display: block; - } - - .navbar ul li ul.profiledropdownadmin{ - width: 220px; +} + +.navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; - } - - .navbar ul li ul.menudropdown li{ - display: block; - } - - .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - - .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } - - .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; - } - - .navbar li a:hover { - background-color: #111; - } - - .navbar li:hover ul.menudropdown{ - display: block; - } - - .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.profiledropdownadmin{ +} + +.navbar ul li ul.profiledropdownadmin li{ +display: block; +} + +.navbar ul li ul.profiledropdownadmin{ +width: 220px; +position: absolute; +z-index: 999; +display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar li { + font-family: 'Montserrat', sans-serif; + float: right; +} + +.navbar li a { + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} + +.navbar li img { + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + +.navbar li a:hover { + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; - margin-left: -161px; - } - - .navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} .profile-user-info { width: 45%; diff --git a/public/css/dashboard.css b/public/css/dashboard.css index a57e1f883ec1b31a3768a69fde6aed4075f796b2..dcd0693cb6928b085d6699d07f93ac52f37b3649 100644 --- a/public/css/dashboard.css +++ b/public/css/dashboard.css @@ -8,26 +8,27 @@ body{ } .navbar{ - position: relative; + position: relative; + z-index: 100000; } .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} .navbar ul li ul.profiledropdown li{ - display: block; + display: block; } .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.profiledropdownadmin li{ @@ -42,60 +43,80 @@ body{ } .navbar ul li ul.menudropdown li{ - display: block; + display: block; } .navbar ul li ul.menudropdown{ - float: left; - width: 200px; - position: absolute; - z-index: 999; - display: none; + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; } - + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; + font-family: 'Montserrat', sans-serif; + float: right; } - + .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; } .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; -} - + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + .navbar li a:hover { - background-color: #111; + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; } .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; + display: block; + margin-top: -1px; + margin-left: -140px; } .navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; - margin-left: -161px; + margin-left: -140px; } -.navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; } .maintitle { diff --git a/public/css/editplace.css b/public/css/editplace.css index d09d7e1787de7978d422db41f3ef63b70227be7a..250a6ac404cf09d74eaa61b3538e643be967703e 100644 --- a/public/css/editplace.css +++ b/public/css/editplace.css @@ -50,6 +50,17 @@ display: none; display: none; } +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + .navbar li { font-family: 'Montserrat', sans-serif; float: right; @@ -98,6 +109,13 @@ margin-left: -161px; margin-top: -1px; margin-left: -140px; } + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + .adddestination { width: 90%; height: 80%; diff --git a/public/css/infotempatwisata.css b/public/css/infotempatwisata.css index 37e1807e7b67780370bba7c7af4bb8c395b1bece..270e4bf6193a4cbfa9c16565bc5ee13847b6e2a9 100644 --- a/public/css/infotempatwisata.css +++ b/public/css/infotempatwisata.css @@ -5,9 +5,9 @@ body{ .navbar{ position: relative; z-index: 100000; -} - -.navbar ul { + } + + .navbar ul { width: auto; list-style-type: none; margin-left: -8px; @@ -15,53 +15,64 @@ body{ overflow: hidden; background-color: rgb(99, 0, 108); } - -.navbar ul li ul.profiledropdown li{ + + .navbar ul li ul.profiledropdown li{ display: block; -} - -.navbar ul li ul.profiledropdown{ + } + + .navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.profiledropdownadmin li{ + } + + .navbar ul li ul.profiledropdownadmin li{ display: block; -} - -.navbar ul li ul.profiledropdownadmin{ + } + + .navbar ul li ul.profiledropdownadmin{ width: 220px; position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.menudropdown li{ + } + + .navbar ul li ul.menudropdown li{ display: block; -} - -.navbar ul li ul.menudropdown{ + } + + .navbar ul li ul.menudropdown{ width: 200px; position: absolute; z-index: 999; display: none; -} + } + + .navbar ul li ul.historydropdown li{ + display: block; + } -.navbar li { + .navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; + } + + .navbar li { font-family: 'Montserrat', sans-serif; float: right; } -.navbar li a { + .navbar li a { display: block; color: white; text-align: center; padding: 22px 26px; text-decoration: none; } - -.navbar li img { + + .navbar li img { width: 95px; height: 40px; display: block; @@ -69,33 +80,39 @@ body{ margin-top: 10px; position: absolute; left: 0; -} + } -.navbar li a:hover { + .navbar li a:hover { background-color: #111; } - -.navbar li:hover ul.menudropdown{ + + .navbar li:hover ul.menudropdown{ display: block; -} - -.navbar li:hover ul.profiledropdown{ + } + + .navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; margin-left: -140px; -} - -.navbar li:hover ul.profiledropdownadmin{ + } + + .navbar li:hover ul.profiledropdownadmin{ display: block; margin-top: -1px; margin-left: -161px; -} - -.navbar li:hover ul.menudropdown{ + } + + .navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; margin-left: -140px; -} + } + + .navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; + } .destination-picture{ position: flex; diff --git a/public/css/konfirmasipesanan.css b/public/css/konfirmasipesanan.css index ef916bb7f109c9b0138af1a89b0e5cf440ad4944..7c3b31dbd04cefd9c93c29cc970043d1eea9557d 100644 --- a/public/css/konfirmasipesanan.css +++ b/public/css/konfirmasipesanan.css @@ -5,9 +5,9 @@ body{ .navbar{ position: relative; z-index: 100000; -} - -.navbar ul { + } + + .navbar ul { width: auto; list-style-type: none; margin-left: -8px; @@ -15,53 +15,64 @@ body{ overflow: hidden; background-color: rgb(99, 0, 108); } - -.navbar ul li ul.profiledropdown li{ + + .navbar ul li ul.profiledropdown li{ display: block; -} - -.navbar ul li ul.profiledropdown{ + } + + .navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.profiledropdownadmin li{ + } + + .navbar ul li ul.profiledropdownadmin li{ display: block; -} - -.navbar ul li ul.profiledropdownadmin{ + } + + .navbar ul li ul.profiledropdownadmin{ width: 220px; position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.menudropdown li{ + } + + .navbar ul li ul.menudropdown li{ display: block; -} - -.navbar ul li ul.menudropdown{ + } + + .navbar ul li ul.menudropdown{ width: 200px; position: absolute; z-index: 999; display: none; -} + } + + .navbar ul li ul.historydropdown li{ + display: block; + } -.navbar li { + .navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; + } + + .navbar li { font-family: 'Montserrat', sans-serif; float: right; } -.navbar li a { + .navbar li a { display: block; color: white; text-align: center; padding: 22px 26px; text-decoration: none; } - -.navbar li img { + + .navbar li img { width: 95px; height: 40px; display: block; @@ -69,33 +80,39 @@ body{ margin-top: 10px; position: absolute; left: 0; -} + } -.navbar li a:hover { + .navbar li a:hover { background-color: #111; } - -.navbar li:hover ul.menudropdown{ + + .navbar li:hover ul.menudropdown{ display: block; -} - -.navbar li:hover ul.profiledropdown{ + } + + .navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; margin-left: -140px; -} - -.navbar li:hover ul.profiledropdownadmin{ + } + + .navbar li:hover ul.profiledropdownadmin{ display: block; margin-top: -1px; margin-left: -161px; -} - -.navbar li:hover ul.menudropdown{ + } + + .navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; margin-left: -140px; -} + } + + .navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; + } .konfirmasipemesanan h1{ font-family: 'Montserrat', sans-serif; diff --git a/public/css/landingpage.css b/public/css/landingpage.css index 7f584aad8e40224ca04694b725b90130e821ad99..f3f8139d2b9da869ac695e40db57416892136a04 100644 --- a/public/css/landingpage.css +++ b/public/css/landingpage.css @@ -8,59 +8,115 @@ body{ } .navbar{ - position: relative; - z-index: 100000; + position: relative; + z-index: 100000; } .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ + display: block; +} + +.navbar ul li ul.profiledropdown{ + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.profiledropdownadmin li{ +display: block; +} + +.navbar ul li ul.profiledropdownadmin{ +width: 220px; +position: absolute; +z-index: 999; +display: none; +} .navbar ul li ul.menudropdown li{ - display: block; + display: block; } .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; } - + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - + font-family: 'Montserrat', sans-serif; + float: right; +} + .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; -} - + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + .navbar li a:hover { - background-color: #111; - } + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} .navbar li:hover ul.menudropdown{ - display: block; + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; } .maintitle { diff --git a/public/css/listplace.css b/public/css/listplace.css index 278848d52a08f00c4b7736907774ca1c9f6fc24e..67d38902b9fd07ae692a61a1a93cee8f5811c873 100644 --- a/public/css/listplace.css +++ b/public/css/listplace.css @@ -5,9 +5,9 @@ body{ .navbar{ position: relative; z-index: 100000; -} - -.navbar ul { + } + + .navbar ul { width: auto; list-style-type: none; margin-left: -8px; @@ -15,53 +15,64 @@ body{ overflow: hidden; background-color: rgb(99, 0, 108); } - -.navbar ul li ul.profiledropdown li{ + + .navbar ul li ul.profiledropdown li{ display: block; -} - -.navbar ul li ul.profiledropdown{ + } + + .navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.profiledropdownadmin li{ + } + + .navbar ul li ul.profiledropdownadmin li{ display: block; -} - -.navbar ul li ul.profiledropdownadmin{ + } + + .navbar ul li ul.profiledropdownadmin{ width: 220px; position: absolute; z-index: 999; display: none; -} - -.navbar ul li ul.menudropdown li{ + } + + .navbar ul li ul.menudropdown li{ display: block; -} - -.navbar ul li ul.menudropdown{ + } + + .navbar ul li ul.menudropdown{ width: 200px; position: absolute; z-index: 999; display: none; -} + } + + .navbar ul li ul.historydropdown li{ + display: block; + } -.navbar li { + .navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; + } + + .navbar li { font-family: 'Montserrat', sans-serif; float: right; } -.navbar li a { + .navbar li a { display: block; color: white; text-align: center; padding: 22px 26px; text-decoration: none; } - -.navbar li img { + + .navbar li img { width: 95px; height: 40px; display: block; @@ -69,33 +80,39 @@ body{ margin-top: 10px; position: absolute; left: 0; -} + } -.navbar li a:hover { + .navbar li a:hover { background-color: #111; } - -.navbar li:hover ul.menudropdown{ + + .navbar li:hover ul.menudropdown{ display: block; -} - -.navbar li:hover ul.profiledropdown{ + } + + .navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; margin-left: -140px; -} - -.navbar li:hover ul.profiledropdownadmin{ + } + + .navbar li:hover ul.profiledropdownadmin{ display: block; margin-top: -1px; margin-left: -161px; -} - -.navbar li:hover ul.menudropdown{ + } + + .navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; margin-left: -140px; -} + } + + .navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; + } .listdestination{ display: flex; diff --git a/public/css/pilihedit.css b/public/css/pilihedit.css index 40d453654788230e7f84f1674d26285e470c191d..62396ee37cbd758d7b74cffbef8ef2152200134e 100644 --- a/public/css/pilihedit.css +++ b/public/css/pilihedit.css @@ -3,98 +3,115 @@ body{ } .navbar{ - position: relative; - z-index: 100000; + position: relative; + z-index: 100000; } .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} .navbar ul li ul.profiledropdown li{ - display: block; + display: block; } .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.profiledropdownadmin li{ - display: block; +display: block; } .navbar ul li ul.profiledropdownadmin{ - width: 220px; +width: 220px; +position: absolute; +z-index: 999; +display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; position: absolute; z-index: 999; display: none; } -.navbar ul li ul.menudropdown li{ - display: block; +.navbar ul li ul.historydropdown li{ + display: block; } -.navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; } - + .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - + font-family: 'Montserrat', sans-serif; + float: right; +} + .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; } - + .navbar li a:hover { - background-color: #111; - } + background-color: #111; +} .navbar li:hover ul.menudropdown{ - display: block; + display: block; } .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; + display: block; + margin-top: -1px; + margin-left: -140px; } .navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; - margin-left: -161px; + margin-left: -140px; } -.navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; } .listdestination{ diff --git a/public/css/profileinformation.css b/public/css/profileinformation.css index d1af5b34716c6dc60f2b07ec63359e39d12bf43a..24b3d00e444f5c96a9169256ccf98abdc913745e 100644 --- a/public/css/profileinformation.css +++ b/public/css/profileinformation.css @@ -5,99 +5,116 @@ body{ } .navbar{ - position: relative; - z-index: 100000; - } - - .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } - - .navbar ul li ul.profiledropdown li{ - display: block; - } - - .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.profiledropdownadmin li{ + position: relative; + z-index: 100000; +} + +.navbar ul { + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ display: block; - } - - .navbar ul li ul.profiledropdownadmin{ - width: 220px; +} + +.navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; - } - - .navbar ul li ul.menudropdown li{ - display: block; - } - - .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - - .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } - - .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; - } - - .navbar li a:hover { - background-color: #111; - } - - .navbar li:hover ul.menudropdown{ - display: block; - } - - .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.profiledropdownadmin{ +} + +.navbar ul li ul.profiledropdownadmin li{ +display: block; +} + +.navbar ul li ul.profiledropdownadmin{ +width: 220px; +position: absolute; +z-index: 999; +display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar li { + font-family: 'Montserrat', sans-serif; + float: right; +} + +.navbar li a { + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} + +.navbar li img { + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + +.navbar li a:hover { + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; - margin-left: -161px; - } - - .navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} .profileinfo { width: 40%; diff --git a/public/css/reservationmenu.css b/public/css/reservationmenu.css index 6c6ae5fabcaa3b89a35331c592855dc6dac3344b..5304451a1fd59a81491d2858988886e2cabd7454 100644 --- a/public/css/reservationmenu.css +++ b/public/css/reservationmenu.css @@ -5,99 +5,116 @@ body{ } .navbar{ - position: relative; - z-index: 100000; - } - - .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } - - .navbar ul li ul.profiledropdown li{ - display: block; - } - - .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.profiledropdownadmin li{ + position: relative; + z-index: 100000; +} + +.navbar ul { + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ display: block; - } - - .navbar ul li ul.profiledropdownadmin{ - width: 220px; +} + +.navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; - } - - .navbar ul li ul.menudropdown li{ - display: block; - } - - .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - - .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } - - .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; - } - - .navbar li a:hover { - background-color: #111; - } - - .navbar li:hover ul.menudropdown{ - display: block; - } - - .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.profiledropdownadmin{ +} + +.navbar ul li ul.profiledropdownadmin li{ +display: block; +} + +.navbar ul li ul.profiledropdownadmin{ +width: 220px; +position: absolute; +z-index: 999; +display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar li { + font-family: 'Montserrat', sans-serif; + float: right; +} + +.navbar li a { + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} + +.navbar li img { + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + +.navbar li a:hover { + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; - margin-left: -161px; - } - - .navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} .reservasimenu { width: 30%; diff --git a/public/css/reviewmenu.css b/public/css/reviewmenu.css index 4202f5318ca07ec6a1b656d3be548238f599004a..dd8c1cb9d2a943294a811734702be1aafee7d389 100644 --- a/public/css/reviewmenu.css +++ b/public/css/reviewmenu.css @@ -48,6 +48,17 @@ body{ display: none; } + .navbar ul li ul.historydropdown li{ + display: block; + } + + .navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; + } + .navbar li { font-family: 'Montserrat', sans-serif; float: right; @@ -97,6 +108,12 @@ body{ margin-left: -140px; } + .navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; + } + .reviewplaces h1 { font-family: 'Montserrat', sans-serif; font-size: 50px; diff --git a/public/css/travelplan.css b/public/css/travelplan.css index 3a8fbae633ef34fa6978c53ab0ac6529557e09bc..7f4e27443ea600709c886be04fcc4f1fc49d9e35 100644 --- a/public/css/travelplan.css +++ b/public/css/travelplan.css @@ -3,94 +3,115 @@ body{ } .navbar{ - position: relative; + position: relative; + z-index: 100000; } .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} .navbar ul li ul.profiledropdown li{ - display: block; + display: block; } .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.profiledropdownadmin li{ - display: block; +display: block; } .navbar ul li ul.profiledropdownadmin{ - width: 220px; +width: 220px; +position: absolute; +z-index: 999; +display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; position: absolute; z-index: 999; display: none; } -.navbar ul li ul.menudropdown li{ - display: block; +.navbar ul li ul.historydropdown li{ + display: block; } -.navbar ul li ul.menudropdown{ - float: left; - width: 200px; - position: absolute; - z-index: 999; - display: none; +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; } - + .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; + font-family: 'Montserrat', sans-serif; + float: right; } - + .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; } .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; + width: 95px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; } - + .navbar li a:hover { - background-color: #111; + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; } .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; + display: block; + margin-top: -1px; + margin-left: -140px; } .navbar li:hover ul.profiledropdownadmin{ +display: block; +margin-top: -1px; +margin-left: -161px; +} + +.navbar li:hover ul.menudropdown{ display: block; margin-top: -1px; - margin-left: -161px; + margin-left: -140px; } -.navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; } .createtravelplan h1{