diff --git a/src/main/resources/static/css/allTrails.css b/src/main/resources/static/css/allTrails.css index fc86f6bc43dcfee2caa6a5e409dc8f509bfb6375..ab706c5ba8ee5925faf8c774e1ec8711ffab4674 100644 --- a/src/main/resources/static/css/allTrails.css +++ b/src/main/resources/static/css/allTrails.css @@ -10,34 +10,34 @@ body { } main { } + .centerFlex { display: flex; justify-content: center; } #allTrailsBar { - padding:0; - max-width: 80%; - height: 11svh; - margin: 1svh auto; + width: 100%; + height: auto; + /*margin: 1svh auto;*/ + padding: 0 5svh; display: flex; - justify-content: space-between; - /*border-bottom: solid grey 2px;*/ - /*border-top: solid grey 4px;*/ + flex-wrap: wrap; + justify-content: space-evenly; } .trailsImages { - margin: auto; - height: 10svh; - width: 10svh; + margin: 1svh auto; + height: 12svh; + width: auto; border-radius: 20px; border: solid grey 2px; transition: 0.5s ease-out 100ms; - + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.85); } + .trailsImages:hover { box-shadow: 0 0 20px 10px #bbbb00; transform: scale(1.2,1.2); - !important; overflow: visible; } .selected { @@ -101,6 +101,7 @@ main { margin-right: 2vw; width: 100%; height: auto; + box-shadow: 0 10px 20px -10px black; } & p { grid-area: text; diff --git a/src/main/resources/static/css/templatingstyle.css b/src/main/resources/static/css/templatingstyle.css index cdfafe1d8d56ace207b0d7afa8dc67edbbc79fa3..1ffc84d486810f03102e4a7534aa5d088c97bab0 100644 --- a/src/main/resources/static/css/templatingstyle.css +++ b/src/main/resources/static/css/templatingstyle.css @@ -3,13 +3,11 @@ border-bottom: 2px rgb(230, 230, 230) solid; margin-bottom: 20px; display: flex; - background: blueviolet; + background-color: rgb(84, 33, 128); } /* Navbar Links */ .navBar { - margin-top: 50px; - margin-left: auto; - margin-right:20px; + margin: 2svh 1vw 2svh auto; text-align: right; } .work{ @@ -64,8 +62,9 @@ footer { margin-top:auto; display: flex; justify-content: center; - background: blueviolet; + background-color: rgb(84, 33, 128); border-top: 2px rgb(230, 230, 230) solid; + font-size: 1vw; } .footerBar{