xoy
/
ctdo.de
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

css verändert

This commit is contained in:
xoy 2023-01-29 20:34:22 +01:00
parent 00b78fcde1
commit f8c3e34106
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/styles/events.css
View File

@ -1,8 +1,9 @@
div.eventList { div.eventList {
display: flex; display: flex;
justify-content: space-between; justify-content: space-around;
width: 100%; width: 100%;
padding: 10px 0 10px 0; padding: 10px 0 10px 0;
flex-wrap: wrap;
} }
div.eventList a.event { div.eventList a.event {
@ -12,7 +13,7 @@ div.eventList a.event {
} }
div.eventList a.event:hover { div.eventList a.event:hover {
text-decoration: none; text-decoration: underline;
} }
div.eventList a.event div.event { div.eventList a.event div.event {
@ -21,21 +22,24 @@ div.eventList a.event div.event {
height: 200px; height: 200px;
transform: scale(1); transform: scale(1);
transition: transform .5s; transition: transform .5s;
padding: 5px 5px 5px 5px; padding: 10px 10px 10px 10px;
box-shadow: inset 5px 5px 0px 0px var(--logo-background-color); box-shadow: inset 5px 5px 0px 0px var(--logo-background-color);
background-color: var(--nav-background-color) !important; background-color: var(--nav-background-color) !important;
border-radius: 5px; border-radius: 5px;
} }
div.eventList a.event div.event:hover { div.eventList a.event:hover div.event {
transform: scale(.95); transform: scale(.95);
transition: transform .5s; transition: transform .5s;
text-decoration: underline; }
div.eventList a.event:hover div.event p.date {
text-decoration: none !important;
} }
div.eventList a.event div.event p.date { div.eventList a.event div.event p.date {
text-align: right; text-align: right;
padding: 0 10px 0 0; padding: 0 10px 0 0;
margin: 0; margin: 0;
text-decoration: none !important; word-wrap: normal;
} }

2
web/styles/main.css
View File

@ -47,7 +47,7 @@ a.imgLink div {
text-shadow: 2px 2px black; text-shadow: 2px 2px black;
} }
a.imgLink div:hover { a.imgLink:hover div {
font-size: 200%; font-size: 200%;
transform: scale(.9); transform: scale(.9);
transition: font-size .5s, transform .5s; transition: font-size .5s, transform .5s;