Skip to content
Snippets Groups Projects
Commit 290d61c0 authored by Gabriel Copat's avatar Gabriel Copat
Browse files

Revert "Styling Updates"

This reverts commit 1055f71d
parent 98408895
No related merge requests found
...@@ -2,22 +2,13 @@ ...@@ -2,22 +2,13 @@
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
/*background-color: rgb(41, 41, 41);*/ background-color: rgb(41, 41, 41);
background-color: #40116b;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100svh; min-height: 100svh;
} }
main { main {
background-color: rgba(41, 41, 41, 0.84);
width: 95vw;
border-radius: 2vw;
margin: auto;
margin-top: 2svh;
padding-top: 4svh;
padding-bottom: 4svh;
box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
} }
.centerFlex { .centerFlex {
...@@ -56,6 +47,15 @@ main { ...@@ -56,6 +47,15 @@ main {
0% { opacity: 0; } 0% { opacity: 0; }
100% { opacity: 1; } 100% { opacity: 1; }
} }
main {
margin: 0;
}
#trailInfoContainer {
overflow: scroll;
}
.trailInfoFrag { .trailInfoFrag {
background-color: rgb(84, 33, 128); background-color: rgb(84, 33, 128);
border: #000000 solid 2px; border: #000000 solid 2px;
...@@ -114,6 +114,7 @@ main { ...@@ -114,6 +114,7 @@ main {
line-height: 1.5; line-height: 1.5;
width: fit-content; width: fit-content;
height: fit-content; height: fit-content;
overflow: scroll;
} }
} }
...@@ -127,7 +128,7 @@ main { ...@@ -127,7 +128,7 @@ main {
} }
/*header {*/ header {
/* box-shadow: #1e1e1e 0 0 10px 10px;*/ box-shadow: #1e1e1e 0 0 10px 10px;
/* font-size: 1vw;*/ font-size: 1vw;
/*}*/ }
body {
/*background-color: rgb(41, 41, 41);*/
background-color: #40116b;
margin: 0;
display: flex;
flex-direction: column;
min-height: 100svh;
}
main {
background-color: rgba(41, 41, 41, 0.84);
width: 95vw;
border-radius: 2vw;
margin: 4svh auto;
padding-top: 4svh;
padding-bottom: 4svh;
box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
}
/* Header */ /* Header */
.headerBar { .headerBar {
/*border-bottom: 2px rgb(230, 230, 230) solid;*/ border-bottom: 2px rgb(230, 230, 230) solid;
margin-bottom: 20px; margin-bottom: 20px;
display: flex; display: flex;
background-color: rgb(84, 33, 128);
} }
/* Navbar Links */ /* Navbar Links */
.navBar { .navBar {
display:flex;
flex-direction: column;
margin: 2svh 1vw 2svh auto; margin: 2svh 1vw 2svh auto;
text-align: right; text-align: right;
align-content: center;
background-color: rgba(41, 41, 41, 0.5);
box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
border-radius: 1vw;
padding:0;
& select {
margin-left: 5vw;
margin-right: 0.5vw;
}
} }
.work{ .work{
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
margin-left: 5vw;
margin-right: 0.5vw;
} }
.navBar ul { .navBar ul {
list-style: none; list-style: none;
display: flex; display: flex;
margin-left: 5vw; margin-left: 100px;
& li {
background-color: #36454F;
border-radius: 1vw;
padding: 0.5vw;
box-shadow: rgba(0, 0, 0, 0.51) 0 0 5px;
}
} }
.navBar a { .navBar a {
/*border-left: 2px rgb(185, 185, 185) solid;*/
/*padding: 10px 40px;*/
padding-left:5px ;padding-right: 5px; padding-left:5px ;padding-right: 5px;
text-decoration: none; text-decoration: none;
/*color:rgb(87, 86, 86);*/
/*// original color*/
color:white; color:white;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
float: right; float: right;
} }
.navBar ul li:hover { .navBar a:hover {
background-color: rgb(209, 209, 209); background-color: rgb(209, 209, 209);
} }
.navBar li{ .navBar li{
...@@ -85,14 +51,10 @@ main { ...@@ -85,14 +51,10 @@ main {
margin-left:10px; margin-left:10px;
padding: 20px; padding: 20px;
width: fit-content; width: fit-content;
}
& img { .Logo img {
width: 120px; width: 120px;
margin-left:15px; margin-left:15px;
box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
border-radius: 1vw;
}
} }
/* Footer */ /* Footer */
...@@ -100,18 +62,17 @@ footer { ...@@ -100,18 +62,17 @@ footer {
margin-top:auto; margin-top:auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 0 2vw; background-color: rgb(84, 33, 128);
/*background-color: rgb(84, 33, 128);*/ border-top: 2px rgb(230, 230, 230) solid;
/*border-top: 2px rgb(230, 230, 230) solid;*/
font-size: 1vw; font-size: 1vw;
} }
.footerBar{ .footerBar{
flex: 1 1;
text-align: left; text-align: left;
display: flex; display: flex;
margin: 0;
padding: 0;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
padding-left: 30px;
} }
.footerBar ul { .footerBar ul {
list-style: none; list-style: none;
...@@ -123,32 +84,20 @@ footer { ...@@ -123,32 +84,20 @@ footer {
} }
.containerFooter{ .containerFooter{
display: flex; display: flex;
flex: 1 1; flex-direction: row;
width: 80%; }
justify-content: space-between; .leftFooter{
border-radius: 1vw; flex:1;
background-color: rgba(58, 58, 0, 0.81); color: rgb(255, 255,255);
padding-top: 1svh; }
padding-bottom: 1svh; .centerFooter{
& ul li{ flex: 1;
flex:1; color: rgb(255, 255,255);
color: rgb(255, 255,255); }
.rightFooter{
} flex:1;
color: rgb(255, 255, 255);
} }
/*.leftFooter{*/
/* flex:1;*/
/* color: rgb(255, 255,255);*/
/*}*/
/*.centerFooter{*/
/* flex: 1;*/
/* color: rgb(255, 255,255);*/
/*}*/
/*.rightFooter{*/
/* flex:1;*/
/* color: rgb(255, 255, 255);*/
/*}*/
/*CHANGES*/ /*CHANGES*/
......
...@@ -23,22 +23,22 @@ ...@@ -23,22 +23,22 @@
</header> </header>
<div class="footerBar" th:fragment="footer"> <div class="footerBar" th:fragment="footer">
<ul class="containerFooter"> <div class="containerFooter">
<li class="leftFooter"> <div class="leftFooter">
<h3>VZTA</h3> <h3>VZTA</h3>
Near Me Now LTD Near Me Now LTD
<br>Britania House <br>Britania House
<br>Caerphilly Business Park <br>Caerphilly Business Park
<br>Caerphilly <br>Caerphilly
<br>CF83 3GG <br>CF83 3GG
</li> </div>
<li class="rightFooter"> <div class="rightFooter">
<h3>Connect with us</h3> <h3>Connect with us</h3>
<p>Be the first to know about updates by joining out Community page</p> <p>Be the first to know about updates by joining out Community page</p>
(C) VZTA 2022<br> (C) VZTA 2022<br>
Policy Terms and Conditions Policy Terms and Conditions
</li> </div>
<li class="centerFooter"> <div class="centerFooter">
<span class="footerText"> <span class="footerText">
<h3>Follow Us</h3> <h3>Follow Us</h3>
<a href="https://www.facebook.com/VZTAsmarttowns/" class="icon"><img src="/images/Facebook.png" height="25" width="25" alt="Facebook Logo" class="icon"/></a> <a href="https://www.facebook.com/VZTAsmarttowns/" class="icon"><img src="/images/Facebook.png" height="25" width="25" alt="Facebook Logo" class="icon"/></a>
...@@ -46,10 +46,11 @@ ...@@ -46,10 +46,11 @@
<a href="https://www.instagram.com/vztasmarttowns/" class="icon"><img src="/images/Instagram.jpg" height="25" width="25" alt="Instagram Logo" class="icon"/></a> <a href="https://www.instagram.com/vztasmarttowns/" class="icon"><img src="/images/Instagram.jpg" height="25" width="25" alt="Instagram Logo" class="icon"/></a>
<a href="https://www.linkin.com/company/vztasmarttowns/" class="icon"><img src="/images/Linkedin.png" height="25" width="25" alt="Linkedin Logo" class="icon"/></a><br> <a href="https://www.linkin.com/company/vztasmarttowns/" class="icon"><img src="/images/Linkedin.png" height="25" width="25" alt="Linkedin Logo" class="icon"/></a><br>
</span> </span>
</li> </div>
<li class="copyright" style="text-align: left"> <div class="copyright" style="text-align: left">
</li> </div>
</ul> </div>
</div>
</div> </div>
<!--&gt;>>>>>> main--> <!--&gt;>>>>>> main-->
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment