Tucan444/Mabasej_Team
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Menšie problémy ale skoro hotovo

Browse Source 
neni to ešte hotové ale povedal som že dám dneska commit
This commit is contained in:
JustSteel
2021-03-21 00:00:34 +01:00
parent 14b356bd6c
commit 55fcf7d4d4
2 changed files with 98 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
websites/styles.css
View File

@ -4,13 +4,15 @@ nav{
} }
li{ li{
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px; padding-bottom: 48px;
padding-left: 50px; padding-left: 50px;
padding-right: 50px; padding-right: 50px;
margin-right: -5px;
display: inline-block; display: inline-block;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 18px; font-size: 20px;
transition: background-color 0.5s; transition: background-color 0.5s;
position: relative;
} }
header{ header{
background-color:#0077B6; background-color:#0077B6;
@ -32,6 +34,23 @@ li:hover{
} }
ul{ ul{
margin: 0; margin: 0;
margin-left: 280px;
}
label{
visibility: collapse;
user-select: none;
}
.expandable{
visibility: collapse;
display: block;
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
color: black;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 20px;
text-align: center;
} }
.an{ .an{
color: #FFFFFF; color: #FFFFFF;
@ -52,8 +71,27 @@ ul{
background-color: black; background-color: black;
margin-left: 150px; margin-left: 150px;
margin-top: 150px; margin-top: 150px;
position: relative;
} }
div{ #ref{
position: relative;
margin-top: 180px;
margin-left: -30px;
width: 2px;
height: 250px;
border: 2px solid rgba(79, 80, 80, 0.356);
border-radius: 30%;
background: rgba(126, 133, 133, 0.356);
}
#ref2{
position: relative;
margin-top: 450px;
margin-left: -30px;
width:50;
border: 3px solid rgba(166, 172, 172, 0.39);
border-radius: 50%;
}
#phone, #ref, #ref2, #android{
display: inline-block; display: inline-block;
float: left; float: left;
} }
@ -61,3 +99,46 @@ a{
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
} }
@media (max-width: 1250px){
li{
font-size: 15px;
padding-top: 52px;
padding-bottom: 50.5px;
}
ul{
margin-top: -98px;
margin-left: 353.5px;
}
}
@media (max-width: 825px){
ul{
visibility: collapse;
padding: 0;
}
label{
font-size: 40px;
float: right;
margin-top: -86px;
margin-right: 45px;
position: relative;
visibility: visible;
}
.expandable{
visibility: collapse;
display: block;
position: relative;
margin-left: 400px;
text-decoration: none;
color: black;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 20px;
text-align: center;
}
}
#check{
display: none;
}
#check:checked ~ * .expandable{
visibility: visible;
}

16
websites/travellly.html
View File

@ -3,6 +3,7 @@
<head> <head>
<title>Travellly</title> <title>Travellly</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<header> <header>
@ -14,13 +15,24 @@
<li id="project"><a href="http://www.spspb.sk/partneri.html?page_id=1362">O PROJEKTE</a></li> <li id="project"><a href="http://www.spspb.sk/partneri.html?page_id=1362">O PROJEKTE</a></li>
<li id="contact"><a href="http://www.spspb.sk/kontakt.html?page_id=91">KONTAKT</a></li> <li id="contact"><a href="http://www.spspb.sk/kontakt.html?page_id=91">KONTAKT</a></li>
</ul> </ul>
</nav> <div class="nav">
<label for="check" id="bmenu">&#9776</label>
<input type="checkbox" id="check">
<table class="menu">
<tr><td><a href="#" class="expandable">HOME</a></td></tr>
<tr><td><a href="#" class="expandable">ABOUT</a></td></tr>
<tr><td><a href="#" class="expandable">PROJECT</a></td></tr>
<tr><td><a href="#" class="expandable">CONTACT</a></td></tr>
</table>
</div>
</header> </header>
<article> <article>
<div class="an" class="next"><a href="https://www.google.com/search?q=android&sxsrf=ALeKk017fnzl207RcmAoQ6py5H6H4gGvQg:1615932238147&source=lnms&tbm=isch&biw=1920&bih=937#imgrc=CKJ8ZtwHgbIocM">Android</a></div> <div class="an" class="next" id="android"><a href="http://localhost:8000/files/0/PQ.apk">Android</a></div>
</article> </article>
<section> <section>
<div id="phone" class="next"></div> <div id="phone" class="next"></div>
<div id="ref"></div>
<div id="ref2"></div>
</section> </section>
</body> </body>
</html> </html>