Template
Main Page Navigation/styles.css
From Dogcraft Wiki
#transclude-wiki-navigation {
display: flex;
justify-content: space-around;
gap: 8px;
flex-wrap: wrap;
}
#transclude-wiki-navigation .thumbinner > a {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 600;
background: #ffffff;
border-radius:5px;
box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1);
width: 100px;
height: 100px;
padding: 10px;
}
#transclude-wiki-navigation .thumb .thumbinner {
width: auto !important;
margin: 0 !important;
position: relative;
box-shadow: 0 2px 3px rgba(85,85,85,0.1),0 0 0 1px rgba(85,85,85,0.1);
transition: box-shadow 0.2s ease-in-out;
}
#transclude-wiki-navigation .thumbcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: transparent;
padding: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: end;
color: initial;
font-style: normal;
font-weight: 600;
}
#transclude-wiki-navigation .thumbinner:hover,
#transclude-wiki-navigation .thumbinner:focus{
box-shadow: 0 2px 3px rgba(85, 85, 85, 0.25), 0 0 10px rgba(85, 85, 85, 0.25);
}
This page was last modified on 12 January 2023, at 02:10. (11 months ago)