Commit f4c1af80 authored by Liing Pang Ryan's avatar Liing Pang Ryan
Browse files

css side menu done

parent 1a07fd60
......@@ -2,7 +2,7 @@
<div class="side_menu hiden_menu" id="sideBar">
<div class="menu_entry"><a href="index.jsp">Home</a></div>
<div class="menu_entry"><a href="createstory.jsp">Create New Story</a></div>
<div class="menu_entry">My Stories</div>
<div class="menu_entry">History</div>
<div class="menu_entry"><a href="createstory.jsp">My Stories</a></div> <!--to be modified-->
<div class="menu_entry"><a href="createstory.jsp">History</a></div> <!--to be modified-->
<div class="menu_entry"><a href="Logout">Logout</a></div>
</div>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
.menu{
position: fixed;
......@@ -66,7 +68,7 @@
width:20%;
height:54% ;
z-index: 7;
background-color: red;
background-color:#00192b;
border-radius: 30px 0px 0px 30px;
}
......@@ -81,21 +83,40 @@
.menu_entry{
position: relative;
height: 10%;
height: 12%;
border-bottom: 1px;
width: 100%;
margin-left:auto;
margin-right:auto;
margin-top: 15%;
margin-top: 33px;
margin-bottom:auto;
background-color: beige;
font-family: 'Roboto Slab', cursive;
font-size: 130%;
color:white;
}
/*Make it same size as div*/
.menu_entry a{
text-decoration: none;
color:white;
height: 100%;
width:100%;
display:flex;
justify-content: center;
align-items: center;
font-family: 'Roboto', cursive;
text-decoration: none;
transition:140ms;
}
.menu_entry a:hover{
line-height: 3rem;
color:#7492F5;
background-color:#012742;
padding-left:10px;
}
.login_bg{
position:fixed;
width:100%;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment