Template:Main page navigation/styles.css

/* Template:Main page navigation/styles.css */

.navigation-container { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; column-gap: 15px; row-gap: 15px; }

/* gameboxes */ .gamebox { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; position: relative; margin: 0; padding: 30px 0px 20px 0px; width: 100%; max-width: none; /*height: fit-content;*/

background-color: rgba(220, 220, 220, 0.5);

text-align: center; overflow: hidden; }

.gamebox * { margin: 0; padding: 0; z-index: 1; }

body.skin-vector-legacy .gamebox, body.skin-minerva .gamebox { background-color: #0B1D39; }

.gamebox-header { display: inline-block; margin: 0; padding: 0; flex-grow: 0; }

.gamebox-header * { margin: 0; padding: 0; }

.gamebox-header img { height: 118px !important; }

.gamebox-title { font-size: 2em; line-height: 1em; font-weight: bold; }

.gamebox-subtitle { max-height: 19px; }

.gamebox-links { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 0; margin: 0 !important; padding: 0; text-align: center; list-style: none; }

.gamebox-links li { line-height: 30px; }

/* smallboxes */ .smallboxes { margin-top: 17px; }

.smallbox { padding: 0; width: 300px !important; height: 75px !important; }

.smallbox-title { font-size: 1.75em; }

/* for small screens */ @media screen and (max-width: 1050px) { .navigation-container { flex-direction: column; }	.gamebox { max-width: 75%; } }

/* background images */ .gamebox:before { content: ""; position: absolute; padding: 0;

height: calc(100% + 15px); width: calc(100% + 15px); background-repeat: no-repeat; background-position: center; background-size: cover;

filter: blur(7px); z-index: 0; }

.gamebox.sly-1:before { background-image: url(https://static.miraheze.org/slymodswiki/0/0d/Sly_1_Paris_France.png); }

.gamebox.sly-2:before { background-image: url(https://static.miraheze.org/slymodswiki/4/44/Sly_2_Cairo_720p.png); filter: blur(7px) brightness(1.2) }

.gamebox.sly-3:before { background-image: url(https://static.miraheze.org/slymodswiki/8/81/Sly_3_Kaine_Island_towers.png); }

.gamebox.sly-4:before { background-image: url(https://static.miraheze.org/slymodswiki/2/25/Sly_4_Pitch_Screenshot_1.jpg); filter: blur(7px) brightness(0.8) }