Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
T
Team 5 - Smart Towns
Manage
Activity
Members
Labels
Plan
Issues
34
Issue boards
Milestones
Wiki
Requirements
Code
Merge requests
1
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package Registry
Container Registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Rhys Evans
Team 5 - Smart Towns
Commits
98408895
Commit
98408895
authored
1 year ago
by
Gabriel Copat
Browse files
Options
Downloads
Patches
Plain Diff
Revert "Styling Updates"
This reverts commit
a4d27051
parent
0a93e700
No related branches found
Branches containing commit
No related tags found
No related merge requests found
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
src/main/resources/static/css/allTrails.css
+76
-64
76 additions, 64 deletions
src/main/resources/static/css/allTrails.css
src/main/resources/static/css/templatingstyle.css
+85
-33
85 additions, 33 deletions
src/main/resources/static/css/templatingstyle.css
with
161 additions
and
97 deletions
src/main/resources/static/css/allTrails.css
+
76
−
64
View file @
98408895
...
...
@@ -2,39 +2,51 @@
box-sizing
:
border-box
;
}
body
{
background-color
:
rgb
(
41
,
41
,
41
);
/*background-color: rgb(41, 41, 41);*/
background-color
:
#40116b
;
margin
:
0
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100
svh
;
}
main
{
background-color
:
rgba
(
41
,
41
,
41
,
0.84
);
width
:
95vw
;
border-radius
:
2vw
;
margin
:
auto
;
margin-top
:
2
svh
;
padding-top
:
4
svh
;
padding-bottom
:
4
svh
;
box-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
0
30px
;
}
.centerFlex
{
display
:
flex
;
justify-content
:
center
;
}
#allTrailsBar
{
padding
:
0
;
max-width
:
80%
;
height
:
1
1
svh
;
marg
in
:
1
svh
auto
;
width
:
100%
;
height
:
auto
;
/*margin
: 1svh
auto;*/
padd
in
g
:
0
5
svh
;
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
:
1
0
svh
;
width
:
10
svh
;
margin
:
1
svh
auto
;
height
:
1
2
svh
;
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
{
...
...
@@ -44,78 +56,78 @@ main {
0
%
{
opacity
:
0
;
}
100
%
{
opacity
:
1
;
}
}
main
{
margin
:
0
;
}
#trailInfoContainer
{
margin
:
auto
;
width
:
95
svw
;
min-height
:
40
svh
;
min-width
:
30
svw
;
}
.trailInfoFrag
{
background-color
:
rgb
(
84
,
33
,
128
);
border
:
#000000
solid
2px
;
border-radius
:
10px
;
box-shadow
:
0
5px
20px
0
#000000
;
margin
:
0
;
padding
:
0
;
margin
:
2
svh
auto
;
padding-bottom
:
2
svw
;
width
:
70vw
;
height
:
auto
;
min-height
:
30
svh
;
animation
:
fadeIn
3s
;
overflow
:
hidden
;
display
:
flex
;
flex-direction
:
column
;
min-width
:
30
svh
;
&
h1
{
color
:
white
;
display
:
grid
;
grid-template-areas
:
"header header header"
"image text text"
;
grid-template-columns
:
30%
30%
auto
;
grid-template-rows
:
10%
auto
;
grid-column-gap
:
2vw
;
grid-row-gap
:
2
svh
;
&
.trailInfoHeader
{
grid-area
:
header
;
margin
:
10px
25%
;
font-size
:
xx-large
;
text-align
:
center
;
border-bottom
:
#1e1e1e
solid
2px
;
}
}
width
:
100%
;
height
:
100%
;
margin-top
:
1
svh
;
padding
:
0
;
&
h1
{
color
:
white
;
padding
:
0
;
margin
:
0
25%
;
font-size
:
2vw
;
text-align
:
center
;
box-shadow
:
0
10px
10px
-10px
black
;
}
#trailFragContent
{
margin
:
0
;
padding
:
0
;
display
:
flex
;
overflow
:
hidden
;
min-height
:
40
svh
;
max-height
:
60
svh
;
}
&
img
{
grid-area
:
image
;
border-radius
:
10px
;
border
:
black
solid
1px
;
margin
:
1%
;
flex
:
1
1
;
min-width
:
20%
;
max-width
:
40%
;
min-height
:
20
svh
;
max-height
:
90%
;
overflow
:
hidden
;
margin-left
:
2vw
;
margin-right
:
2vw
;
width
:
100%
;
height
:
auto
;
box-shadow
:
0
10px
20px
-10px
black
;
}
&
p
{
grid-area
:
text
;
color
:
white
;
flex
:
1
1
;
padding
:
5%
;
width
:
60%
;
border-left
:
solid
darkgrey
2px
;
font-size
:
x-large
;
margin
:
0
;
padding
:
0
2vw
;
font-size
:
1.3vw
;
text-align
:
justify
;
text-justify
:
inter-character
;
line-height
:
1.5
;
width
:
fit-content
;
height
:
fit-content
;
}
}
header
{
box-shadow
:
#1e1e1e
0
0
10px
10px
;
#trailFragContent
{
margin
:
0
;
padding
:
0
;
display
:
flex
;
min-height
:
40
svh
;
flex-wrap
:
wrap
;
}
footer
{
position
:
relative
;
bottom
:
0
;
}
\ No newline at end of file
/*header {*/
/* box-shadow: #1e1e1e 0 0 10px 10px;*/
/* font-size: 1vw;*/
/*}*/
This diff is collapsed.
Click to expand it.
src/main/resources/static/css/templatingstyle.css
+
85
−
33
View file @
98408895
body
{
/*background-color: rgb(41, 41, 41);*/
background-color
:
#40116b
;
margin
:
0
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100
svh
;
}
main
{
background-color
:
rgba
(
41
,
41
,
41
,
0.84
);
width
:
95vw
;
border-radius
:
2vw
;
margin
:
4
svh
auto
;
padding-top
:
4
svh
;
padding-bottom
:
4
svh
;
box-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
0
30px
;
}
/* Header */
.headerBar
{
border-bottom
:
2px
rgb
(
230
,
230
,
230
)
solid
;
/*
border-bottom: 2px rgb(230, 230, 230) solid;
*/
margin-bottom
:
20px
;
display
:
flex
;
background
:
blueviolet
;
}
/* Navbar Links */
.navBar
{
margin-top
:
50p
x
;
margin-left
:
auto
;
margin
-right
:
20px
;
display
:
fle
x
;
flex-direction
:
column
;
margin
:
2
svh
1vw
2
svh
auto
;
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
{
color
:
rgb
(
255
,
255
,
255
);
margin-left
:
5vw
;
margin-right
:
0.5vw
;
}
.navBar
ul
{
list-style
:
none
;
display
:
flex
;
margin-left
:
100px
;
margin-left
:
5vw
;
&
li
{
background-color
:
#36454F
;
border-radius
:
1vw
;
padding
:
0.5vw
;
box-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
0
5px
;
}
}
.navBar
a
{
/*border-left: 2px rgb(185, 185, 185) solid;*/
/*padding: 10px 40px;*/
padding-left
:
5px
;
padding-right
:
5px
;
text-decoration
:
none
;
/*color:rgb(87, 86, 86);*/
/*// original color*/
color
:
white
;
white-space
:
nowrap
;
overflow
:
hidden
;
float
:
right
;
}
.navBar
a
:hover
{
.navBar
ul
li
:hover
{
background-color
:
rgb
(
209
,
209
,
209
);
}
.navBar
li
{
...
...
@@ -53,25 +85,33 @@
margin-left
:
10px
;
padding
:
20px
;
width
:
fit-content
;
}
.Logo
img
{
width
:
120px
;
margin-left
:
15px
;
&
img
{
width
:
120px
;
margin-left
:
15px
;
box-shadow
:
rgba
(
0
,
0
,
0
,
0.51
)
0
0
30px
;
border-radius
:
1vw
;
}
}
/* Footer */
footer
{
margin-top
:
20px
;
margin-top
:
auto
;
display
:
flex
;
justify-content
:
center
;
margin
:
0
2vw
;
/*background-color: rgb(84, 33, 128);*/
/*border-top: 2px rgb(230, 230, 230) solid;*/
font-size
:
1vw
;
}
.footerBar
{
border-top
:
2px
rgb
(
230
,
230
,
230
)
solid
;
flex
:
1
1
;
text-align
:
left
;
display
:
flex
;
background
:
blueviolet
;
margin
:
0
;
padding
:
0
;
color
:
rgb
(
255
,
255
,
255
);
padding-left
:
30px
;
}
.footerBar
ul
{
list-style
:
none
;
...
...
@@ -83,21 +123,33 @@ footer {
}
.containerFooter
{
display
:
flex
;
flex-direction
:
row
;
}
.leftFooter
{
flex
:
1
;
color
:
rgb
(
255
,
255
,
255
);
}
.centerFooter
{
flex
:
1
;
color
:
rgb
(
255
,
255
,
255
);
}
.rightFooter
{
flex
:
1
;
color
:
rgb
(
255
,
255
,
255
);
flex
:
1
1
;
width
:
80%
;
justify-content
:
space-between
;
border-radius
:
1vw
;
background-color
:
rgba
(
58
,
58
,
0
,
0.81
);
padding-top
:
1
svh
;
padding-bottom
:
1
svh
;
&
ul
li{
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*/
.headerBar
,
.footerBar
{
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment