Template:Main page navigation/Sandbox/styles.css

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

.navigation-container { }

/* gameboxes */ .gamebox { margin: 0; padding: 30px 0px 20px 0px; width: 100%; max-width: none;

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 */ .smallbox { padding: 0; height: 75px !important; }

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

/* discord and decomp boxes */ .gamebox.discord, .gamebox.decomp { min-height: 250px; }

/* for small screens */ @media screen and (max-width: 1050px) { }

/* 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) }

.gamebox.discord:before { background: url(https://static.miraheze.org/slymodswiki/4/43/Sly_Modding_Discord_banner.png); background-repeat: no-repeat; background-size: cover; }

.gamebox.decomp:before { background: url(https://static.miraheze.org/slymodswiki/7/7d/Sly_1_decomp_code.png); background-repeat: no-repeat; background-size: 125%; filter: blur(3px); }