Join the PidgiWiki Discord! https://discord.gg/Eg9QahqpXf
MediaWiki:Common.css
on PidgiWiki, the video game media repository
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* <pre> */
#main_container {
width:100%;
}
#main_top {
width: 100%;
display: flex;
flex-wrap: nowrap;
}
#main_top p {
width: 100%;
}
#main_recent {
width:60%;
float:left;
}
#main_featured {
width:40%;
min-width:320px;
float:left;
}
@media (max-width: 1024px) {
#main_top {
flex-wrap: wrap;
}
#main_count {
margin: 0.5em auto;
}
#main_recent {
width:100%;
float:none;
}
#main_featured {
width:100%;
float:none;
}
}
@media (max-width: 768px) {
#main_featured {
display:none;
}
}
.metrobox { color:#fff !important; font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande','Open Sans Light',Verdana,Arial,Helvetica,sans-serif !important; }
.metrobox a:link, .metrobox a:visited, .metrobox a:hover { color:#fff; }
.infotile {
width: 120px;
height: 120px;
overflow: hidden;
float: left;
padding: 5px;
}
.infotile a {
text-decoration: none;
}
.infotile .language-box {
width: 100%;
height: 100%;
position: relative;
padding: 0;
margin: 0;
background-color: #008E2C;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition: 0.16s;
}
.infotile .language-box .language_code {
position: relative;
top: -2px;
font-size: 300%;
}
.infotile .language-box .language_name {
position: absolute;
bottom: 6px;
left: 10px;
font-size: 80%;
}
.infotile .language-box:hover {
background-color: #008529;
}
.infotile .system-box {
width: 100%;
height: 100%;
position: relative;
padding: 0;
margin: 0;
background-color: #00AADB;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-size: 100% 100%;
transition: 0.16s;
}
.infotile .system-box .system_name {
position: absolute;
bottom: 6px;
left: 10px;
font-size: 80%;
}
.infotile .system-box:hover {
background-color: #009AC6;
}
.infotile .system-box.system_code-2ds { background-image: url('/pictures/infotile/2ds.png'); }
.infotile .system-box.system_code-3ds { background-image: url('/pictures/infotile/3ds.png'); }
.infotile .system-box.system_code-3dsxl { background-image: url('/pictures/infotile/3dsxl.png'); }
.infotile .system-box.system_code-new3ds { background-image: url('/pictures/infotile/new3ds.png'); }
.infotile .system-box.system_code-new3dsxl { background-image: url('/pictures/infotile/new3dsxl.png'); }
.infotile .system-box.system_code-ds { background-image: url('/pictures/infotile/ds.png'); }
.infotile .system-box.system_code-dsi { background-image: url('/pictures/infotile/dsi.png'); }
.infotile .system-box.system_code-dsixl { background-image: url('/pictures/infotile/dsixl.png'); }
.infotile .system-box.system_code-dslite { background-image: url('/pictures/infotile/dslite.png'); }
.infotile .system-box.system_code-gb { background-image: url('/pictures/infotile/gb.png'); }
.infotile .system-box.system_code-gba { background-image: url('/pictures/infotile/gba.png'); }
.infotile .system-box.system_code-gbamicro { background-image: url('/pictures/infotile/gbamicro.png'); }
.infotile .system-box.system_code-pokemonmini { background-image: url('/pictures/infotile/pokemonmini.png'); }
.infotile .system-box.system_code-gbasp { background-image: url('/pictures/infotile/gbasp.png'); }
.infotile .system-box.system_code-gbc { background-image: url('/pictures/infotile/gbc.png'); }
.infotile .system-box.system_code-gcn { background-image: url('/pictures/infotile/gcn.png'); }
.infotile .system-box.system_code-n64 { background-image: url('/pictures/infotile/n64.png'); }
.infotile .system-box.system_code-nes { background-image: url('/pictures/infotile/nes.png'); }
.infotile .system-box.system_code-snes { background-image: url('/pictures/infotile/snes.png'); }
.infotile .system-box.system_code-wii { background-image: url('/pictures/infotile/wii.png'); }
.infotile .system-box.system_code-wiimini { background-image: url('/pictures/infotile/wiimini.png'); }
.infotile .system-box.system_code-wiiu { background-image: url('/pictures/infotile/wiiu.png'); }
.infotile .system-box.system_code-ios { background-image: url('/pictures/infotile/ios.png'); }
.infotile .system-box.system_code-android { background-image: url('/pictures/infotile/android.png'); }
.infotile .system-box.system_code-virtual-boy { background-image: url('/pictures/infotile/virtual-boy.png'); }
.infotile .system-box.system_code-pc { background-image: url('/pictures/infotile/pc.png'); }
.infotile .system-box.system_code-atari2600 { background-image: url('/pictures/infotile/atari2600.png'); }
.infotile .system-box.system_code-arcade { background-image: url('/pictures/infotile/arcade.png'); }
.infotile .system-box.system_code-gamegear { background-image: url('/pictures/infotile/gamegear.png'); }
.infotile .system-box.system_code-dreamcast { background-image: url('/pictures/infotile/dreamcast.png'); }
.infotile .system-box.system_code-mastersystem { background-image: url('/pictures/infotile/mastersystem.png'); }
.infotile .system-box.system_code-genesis { background-image: url('/pictures/infotile/genesis.png'); }
.infotile .system-box.system_code-pika { background-image: url('/pictures/infotile/pika.png'); }
.infotile .system-box.system_code-psp { background-image: url('/pictures/infotile/psp.png'); }
.infotile .system-box.system_code-switch { background-image: url('/pictures/infotile/switch.png'); }
.infotile .system-box.system_code-switchlite { background-image: url('/pictures/infotile/switchlite.png'); }
.infotile .system-box.system_code-switch2 { background-image: url('/pictures/infotile/switch2.png'); }
.infotile .system-box.system_code-2dsxl { background-image: url('/pictures/infotile/2dsxl.png'); }
.infotile .system-box.system_code-ps1 { background-image: url('/pictures/infotile/ps1.png'); }
.infotile .system-box.system_code-ps2 { background-image: url('/pictures/infotile/ps2.png'); }
.infotile .system-box.system_code-ps3 { background-image: url('/pictures/infotile/ps3.png'); }
.infotile .system-box.system_code-ps4 { background-image: url('/pictures/infotile/ps4.png'); }
.infotile .system-box.system_code-ps5 { background-image: url('/pictures/infotile/ps5.png'); }
.infotile .system-box.system_code-xbox { background-image: url('/pictures/infotile/xbox.png'); }
.infotile .system-box.system_code-xbox360 { background-image: url('/pictures/infotile/xbox360.png'); }
.infotile .system-box.system_code-xboxone { background-image: url('/pictures/infotile/xboxone.png'); }
.infotile .system-box.system_code-xboxseriesxs { background-image: url('/pictures/infotile/xboxseriesxs.png'); }
.infotile .system-box.system_code-saturn { background-image: url('/pictures/infotile/saturn.png'); }
.infotile .system-box.system_code-segacd { background-image: url('/pictures/infotile/segacd.png'); }
.infotile .system-box.system_code-ereader { background-image: url('/pictures/infotile/ereader.png'); }
