Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf

Difference between revisions of "MediaWiki:Common.css"

on PidgiWiki, the video game media repository

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* <pre> */
 
/* <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 {
 
.infotile {
Line 24: Line 70:
 
   align-items: center;
 
   align-items: center;
 
   color: #fff;
 
   color: #fff;
 +
  transition: 0.16s;
 
}
 
}
  
Line 55: Line 102:
 
   color: #fff;
 
   color: #fff;
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 +
  transition: 0.16s;
 
}
 
}
  
Line 115: Line 163:
 
.infotile .system-box.system_code-xboxseriesxs { background-image: url('/pictures/infotile/xboxseriesxs.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-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'); }
Cookies help us deliver our services. By using our services, you agree to our use of cookies.