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
0 (talk | contribs)
No edit summary
0 (talk | contribs)
No edit summary
Line 9: Line 9:
             background-color: white;
             background-color: white;
             padding: 20px;
             padding: 20px;
             text-align: center;
             text-align: left;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             margin: 25px 0;
             margin: 25px 0;
         }
         }
Line 24: Line 22:
             height: 180px;
             height: 180px;
             background-size: cover;
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
            border-radius: 6px;
background-position: center;  
         }
         }


Line 42: Line 40:




.test-image{
.gameboy {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
    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');
}


.kb-container {
.nintendo-3ds {
display: block;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
text-align: center;
}
}


.console-image img {
.nintendo-3ds-xl {
max-width: 200px;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
height: auto;
}
}


@media screen and (min-width: 851px) {
.nintendo-2ds {
.kb-container {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
.kb-console1 { grid-column: 1; }
.kb-console2 { grid-column: 2; }
.kb-console3 { grid-column: 3; }
.kb-console4 { grid-column: 4; }
.kb-console1,
.kb-console2,
.kb-console3,
.kb-console4 {
border-right: 1px solid #a2a9b1;
}
.kb-console1 {
border-left: 1px solid #a2a9b1;
}
.console-header      { grid-row: 1; }
.console-image      {
grid-row: 2;
display: flex;
justify-content: center;
align-items: center;
}
.console-guide-link  { grid-row: 3; }
}
}


@media screen and (min-width: 202px) and (max-width: 850px) {
.new-nintendo-3ds {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
.console-image img {
}
max-width: 100px;
 
height: auto;
.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');
}


.kb-container {
.turboexpress {
display: grid;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/PNG_Test.png/800px-PNG_Test.png');
grid-template-columns: repeat(2, 1fr);
}
.kb-console1 { grid-column: 1; }
.kb-console2 { grid-column: 2; }
.kb-console3 { grid-column: 3; }
.kb-console4 { grid-column: 4; }
.kb-console1,
.kb-console2,
.kb-console3,
.kb-console4 {
border-right: 1px solid #a2a9b1;
}
.kb-console1 {
border-left: 1px solid #a2a9b1;
}
.console-header      { grid-row: 1; }
.console-image      {
grid-row: 2;
display: flex;
justify-content: center;
align-items: center;
}
.console-guide-link  { grid-row: 3; }
}
}