Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Knowledge Base/styles.css: Difference between revisions

Template page
Updated General Info Images
0 (talk | contribs)
No edit summary
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.mw-parser-output a.external::after {
  .grid-container {
display: none !important;
            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 {
display: grid;
            width: 100%;
grid-template-columns: repeat(4, 1fr);
            height: 180px;
gap: 15px;
            background-size: cover;
padding: 15px;
            background-repeat: no-repeat;
}
background-position: center;  
        }


.grid-item {
        @media (max-width: 1024px) {
text-align: left;
            .grid-container {
}
                grid-template-columns: repeat(2, 1fr);
b
            }
.grid-item h3 {
        }
min-height: 50px;
display: flex;
align-items: end;
justify-content: left;
text-align: left;
flex-grow: 1;
font-size: 17px;
margin: 0 0 10px;
}


.grid-item .image-container {
        @media (max-width: 600px) {
width: 100%;
            .grid-container {
height: 180px;
                grid-template-columns: repeat(1, 1fr);
background-size: contain;
            }
background-repeat: no-repeat;
        }
background-position: center;
}


@media (max-width: 1024px) {
.grid-container {
grid-template-columns: repeat(3, 1fr);
}
}


@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(2, 1fr);
}
}


.gameboy {
.gameboy {
     background-image: url('https://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Dmg.png');
     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://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Pocket.png');
     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://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Color.png');
     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://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Advance.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Dsi.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     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/0/0e/DefaultImage.png');
     background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
}
 
.empty {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/0e/DefaultImage.png');
}
 
.toolrec {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/0e/DefaultImage.png');
}
 
.batteries {
    background-image: url('https://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Battery-Icon.jpg');
}
 
.screws {
    background-image: url('https://hacksguidewiki.sfo3.digitaloceanspaces.com/hardwarewiki/Screws-Icon.jpg');
}
}

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');
}