Uni/WME
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

logo verändert sich bei hover

Browse source
This commit is contained in:
Selina 2018-10-29 17:28:44 +01:00
parent 9d57f0a0bc
commit 747d1b5000
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/main.css
View file

@ -8,12 +8,25 @@
.topnav ul { .topnav ul {
background-color: greenyellow; display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
background-color: gray;
} }
.topnav li { .topnav li {
display: inline-block; margin: 5px;
align-content: center; }
.pic{
display: block;
height: 75px;
transform: translateY(-80px);
}
.pic:hover {
transform: unset;
} }
/* Style the links inside the navigation bar */ /* Style the links inside the navigation bar */
@ -41,7 +54,8 @@
h1 { h1 {
font-weight: bold; font-weight: bold;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
font-size: 26px;
margin: 10px;
} }

4
index.html
View file

@ -18,8 +18,8 @@
<body> <body>
<nav class="topnav"> <nav class="topnav">
<ul> <ul>
<li> <li class="pic">
<img src="resources/world_data_logo_v1_grey.png"> <img src="resources/world_data_logo_v1.png">
</li> </li>
<li> <li>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a> <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>