barthiv73098/Testosteroth
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: barthiv73098:f9a77cb1914cd35603fea54201eabf47107a656e
Branches Tags
barthiv73098:master
...
compare: barthiv73098:df0327404f2258bb13c0c5c82d8d940e6052c1d5
Branches Tags
barthiv73098:master

2 Commits
f9a77cb191 ... df0327404f

Author SHA1 Message Date
barthiv73098
df0327404f Merge branch 'master' of https://git.efi.th-nuernberg.de/gitea/barthiv73098/Testosteroth 2019-11-05 17:07:00 +01:00
barthiv73098
b0a65b6035 Brought nav bar into working order. 2019-11-05 17:06:47 +01:00
2 changed files with 55 additions and 11 deletions
Show Stats Expand all files Collapse all files

14
index.html
View File

@ -11,11 +11,17 @@
<body>
<nav>
<ul id="menu">
<li class="menu_element"><a href="/index.html">Home</a></li>
<li class="menu_element"><a href="/index.html">Balance</a></li>
<nav id="nav">
<ul id="menu_left">
<li class="menu_left_element"><a class="menu_element_text" href="/index.html">Home</a></li>
</ul>
<ul id="menu_right">
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
</ul>
</nav>
<div class="balance-list">

52
index_styles.css
View File

@ -1,18 +1,56 @@
.menu_element {
background-color: orangered;
display: inline;
font-size: 400%;
margin: 0.8rem;
* {
padding: 0;
margin: 0rem;
}
.menu_left_element {
width: 110px;
display: inline-block;
margin-left: 15px
}
.menu_right_element {
display: inline-block;
width: 50px;
height: 45px;
margin-right: 25px;
}
.menu_element_text {
border-radius: 10px;
background-color: #8583FF;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
padding: 0.4rem;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 2.6rem;
text-decoration-color: black;
}
#menu_left {
position: absolute;
left: 0;
list-style-type: none;
}
#menu {
#menu_right {
position: absolute;
right: 0;
list-style-type: none;
}
#nav {
background-color: #C4C4C4;
height: 1.6cm;
padding: 0.8rem;
/* padding: 0.6rem; */
}
.grid-wrapper {
display: grid;
padding: 0 2em 0 2em;