Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf
Difference between revisions of "MediaWiki:Common.css"
on PidgiWiki, the video game media repository
(30 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* <pre> */ | /* <pre> */ | ||
− | + | #main_container { | |
− | |||
− | |||
− | |||
− | |||
− | # | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
width:100%; | width:100%; | ||
} | } | ||
− | + | #main_top { | |
− | + | width: 100%; | |
− | + | display: flex; | |
− | + | flex-wrap: nowrap; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #main_top p { | |
− | + | width: 100%; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | width:100%; | ||
} | } | ||
#main_recent { | #main_recent { | ||
Line 225: | Line 22: | ||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
+ | #main_top { | ||
+ | flex-wrap: wrap; | ||
+ | } | ||
+ | #main_count { | ||
+ | margin: 0.5em auto; | ||
+ | } | ||
#main_recent { | #main_recent { | ||
width:100%; | width:100%; | ||
Line 240: | Line 43: | ||
} | } | ||
} | } | ||
+ | |||
+ | .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-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-ereader { background-image: url('/pictures/infotile/ereader.png'); } |
Latest revision as of 02:30, 14 October 2022
/* <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-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-ereader { background-image: url('/pictures/infotile/ereader.png'); }