Template:Knowledge Base/styles.css: Difference between revisions
Template page
More actions
Updated General Info Images |
No edit summary |
||
(17 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
. | .grid-container { | ||
display: grid; | |||
} | grid-template-columns: repeat(4, 1fr); | ||
gap: 15px; | |||
padding: 15px; | |||
} | |||
.grid-item { | |||
background-color: white; | |||
padding: 20px; | |||
text-align: left; | |||
margin: 25px 0; | |||
} | |||
.grid-item h3 { | |||
margin-bottom: 15px; | |||
font-size: 1.2rem; | |||
} | |||
.grid-container { | .grid-item .image-container { | ||
width: 100%; | |||
height: 180px; | |||
background-size: cover; | |||
background-repeat: no-repeat; | |||
} | background-position: center; | ||
} | |||
@media (max-width: 1024px) { | |||
.grid-container { | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
.grid- | } | ||
} | |||
.grid | @media (max-width: 600px) { | ||
.grid-container { | |||
grid-template-columns: repeat(1, 1fr); | |||
} | |||
} | |||
} | |||
.gameboy { | .gameboy { | ||
background-image: url('https:// | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.gameboy-pocket { | .gameboy-pocket { | ||
background-image: url('https:// | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.gameboy-color { | .gameboy-color { | ||
background-image: url('https:// | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.gameboy-advance { | .gameboy-advance { | ||
background-image: url('https:// | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.gameboy-advance-sp { | .gameboy-advance-sp { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.gameboy-micro { | .gameboy-micro { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-ds { | .nintendo-ds { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-ds-lite { | .nintendo-ds-lite { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-dsi { | .nintendo-dsi { | ||
background-image: url('https:// | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-dsi-xl { | .nintendo-dsi-xl { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-3ds { | .nintendo-3ds { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-3ds-xl { | .nintendo-3ds-xl { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-2ds { | .nintendo-2ds { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.new-nintendo-3ds { | .new-nintendo-3ds { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.new-nintendo-3ds-xl { | .new-nintendo-3ds-xl { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.new-nintendo-2ds-xl { | .new-nintendo-2ds-xl { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-switch { | .nintendo-switch { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-switch-lite { | .nintendo-switch-lite { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.nintendo-switch-oled { | .nintendo-switch-oled { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.atari-lynx { | .atari-lynx { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.atari-lynx-ii { | .atari-lynx-ii { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.wonderswan { | .wonderswan { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.wonderswan-color { | .wonderswan-color { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.wonderswan-crystal { | .wonderswan-crystal { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.neo-geo-pocket { | .neo-geo-pocket { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.neo-geo-pocket-color { | .neo-geo-pocket-color { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.sega-game-gear { | .sega-game-gear { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } | ||
.turboexpress { | .turboexpress { | ||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/ | background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png'); | ||
} | } |
Revision as of 23:46, 16 March 2025
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
padding: 15px;
}
.grid-item {
background-color: white;
padding: 20px;
text-align: left;
margin: 25px 0;
}
.grid-item h3 {
margin-bottom: 15px;
font-size: 1.2rem;
}
.grid-item .image-container {
width: 100%;
height: 180px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 1024px) {
.grid-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr);
}
}
.gameboy {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.gameboy-pocket {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.gameboy-color {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.gameboy-advance {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.gameboy-advance-sp {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.gameboy-micro {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-ds {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-ds-lite {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-dsi {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-dsi-xl {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-3ds {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-3ds-xl {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-2ds {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.new-nintendo-3ds {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.new-nintendo-3ds-xl {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.new-nintendo-2ds-xl {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-switch {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-switch-lite {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.nintendo-switch-oled {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.atari-lynx {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.atari-lynx-ii {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.wonderswan {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.wonderswan-color {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.wonderswan-crystal {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.neo-geo-pocket {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.neo-geo-pocket-color {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.sega-game-gear {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
.turboexpress {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}