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

Difference between revisions of "MediaWiki:Common.css"

on PidgiWiki, the video game media repository

(Undo revision 37870 by Pika3323 (talk))
 
(48 intermediate revisions by 2 users 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;
 +
}
  
−
/* Miscellaneous formatting features */
+
@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;
 +
    }
 +
}
  
−
.sc { font-variant: small-caps }
+
@media (max-width: 768px) {
−
 
+
    #main_featured {
−
#siteSub {
+
     display:none;
−
     display: inline;
+
     }
−
     font-size: 100%;
 
−
    font-weight: normal;
 
 
}
 
}
  
−
.metrobox { color:#fff; font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }
+
.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; }
 
.metrobox a:link, .metrobox a:visited, .metrobox a:hover { color:#fff; }
  
−
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
+
.infotile {
−
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
+
  width: 120px;
−
.collapseButton {
+
  height: 120px;
−
    /* @noflip */
+
  overflow: hidden;
−
    float: right;
+
  float: left;
−
    font-weight: normal;
+
  padding: 5px;
−
    /* @noflip */
 
−
    margin-left: 0.5em;
 
−
    /* @noflip */
 
−
    text-align: right;
 
−
    width: auto;
 
 
}
 
}
−
/* In navboxes, the show/hide button balances the v·d·e links
+
 
−
  from [[Template:Navbar]], so they need to be the same width. */
+
.infotile a {
−
.navbox .collapseButton {
+
  text-decoration: none;
−
    width: 6em;
 
 
}
 
}
  
−
/**
+
.infotile .language-box {
−
* Styling for links generated by [[MediaWiki:Edittools]]
+
  width: 100%;
−
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
+
  height: 100%;
−
* @updated 2012-02-29
+
  position: relative;
−
*/
+
  padding: 0;
−
.mw-charinsert-buttons {
+
  margin: 0;
−
margin-top: 10px;
+
  background-color: #008E2C;
−
border: 0;
+
  display: flex;
−
padding: 3px;
+
  justify-content: center;
−
text-align: center;
+
  align-items: center;
−
background-color: #131313 !important;
+
  color: #fff;
−
line-height:32px;
+
  transition: 0.16s;
 
}
 
}
−
.mw-charinsert-buttons a {
+
 
−
color: white;
+
.infotile .language-box .language_code {
−
background-color: #131313 !important;
+
  position: relative;
−
font-weight: bold;
+
  top: -2px;
−
text-decoration: none;
+
  font-size: 300%;
−
padding: 0.4em;
 
 
}
 
}
−
.mw-charinsert-buttons a:hover,
+
 
−
.mw-charinsert-buttons a:active {
+
.infotile .language-box .language_name {
−
background-color: #353535 !important;
+
  position: absolute;
 +
  bottom: 6px;
 +
  left: 10px;
 +
  font-size: 80%;
 
}
 
}
−
.client-js .mw-edittools-section {
+
 
−
display: inline;
+
.infotile .language-box:hover {
 +
  background-color: #008529;
 
}
 
}
−
.client-js .mw-edittools-section input[type="button"] {
+
 
−
font-size: 0.9em;
+
.infotile .system-box {
−
padding-left: 1px;
+
  width: 100%;
−
padding-right: 1px;
+
  height: 100%;
−
margin-left: 1px;
+
  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;
 
}
 
}
−
.pidgicolor {
+
 
−
background: #CF8B54;
+
.infotile .system-box .system_name {
 +
  position: absolute;
 +
  bottom: 6px;
 +
  left: 10px;
 +
  font-size: 80%;
 
}
 
}
−
.lighthover:hover,
+
 
−
.lighthover:active {
+
.infotile .system-box:hover {
−
background: #BF824D;
+
  background-color: #009AC6;
−
}
 
−
/*For the FAQ page*/
 
−
.Q {
 
−
  background: #CF8B54;
 
−
  padding: 0.2em;
 
−
  text-align: left;
 
−
  max-height: 27px;
 
−
  width: 100%;
 
−
  display:block;
 
−
  z-index:-1;
 
−
  opacity:1;
 
−
  filter:alpha(opacity=100);
 
−
  transition: all 0.2s;
 
−
  text-overflow:ellipsis;
 
−
  overflow:hidden;
 
−
  white-space:nowrap;
 
−
}
 
−
  .Q:hover {
 
−
  background: #CF8B54;
 
−
  padding: 0.2em;
 
−
  text-align: left;
 
−
  max-height: 200px;
 
−
  width: 100%;
 
−
  display:block;
 
−
  overflow: hidden;
 
−
  z-index:-1;
 
−
  opacity:1;
 
−
  filter:alpha(opacity=100);
 
−
  transition: all 0.2s;
 
−
}
 
−
.Q:active {
 
−
  background: #CF8B54;
 
−
  padding: 0.2em;
 
−
  text-align: left;
 
−
  max-height: 200px;
 
−
  width: 100%;
 
−
  display:block;
 
−
  overflow: hidden;
 
−
  z-index:-1;
 
−
  opacity:1;
 
−
  filter:alpha(opacity=100);
 
−
  transition: all 0.2s;
 
−
}
 
−
.Q a{
 
−
border-bottom: 1px dotted #fff;
 
−
color:#fff !important;
 
−
}
 
−
.Q a:hover{
 
−
border-bottom: 1px solid #fff;
 
−
text-decoration:none !important;
 
−
}
 
−
/*Admins*/
 
−
.page-Special_RecentChanges [title="User:Pika3323"],
 
−
.page-Special_RecentChanges [title="User:Da braviary"],
 
−
.page-Special_RecentChanges [title="User:Immewnity"],
 
−
.page-Special_RecentChanges [title="User:Ash Pokemaster"],
 
−
.page-Special_RecentChanges [title="User:Icysugarspike"],
 
−
.page-Special_RecentChanges [title="User:S2daam"],
 
−
.page-Special_RecentChanges [title="User:Vhayes1992"],
 
−
.page-Special_RecentChanges [title="User:YoshiKong"],
 
−
.page-Special_NewFiles [title="User:Pika3323"],
 
−
.page-Special_NewFiles [title="User:Da braviary"],
 
−
.page-Special_NewFiles [title="User:Immewnity"],
 
−
.page-Special_NewFiles [title="User:Ash Pokemaster"],
 
−
.page-Special_NewFiles [title="User:Icysugarspike"],
 
−
.page-Special_NewFiles [title="User:S2daam"],
 
−
.page-Special_NewFiles [title="User:Vhayes1992"],
 
−
.page-Special_NewFiles [title="User:YoshiKong"]
 
−
{
 
−
background:#CF8B54;
 
−
color:#fff;
 
−
border-radius:3px;
 
−
font-weight:bold;
 
−
padding:0px 2px;
 
−
}
 
−
.page-Special_RecentChanges [title="User:Pika3323"]:hover,
 
−
.page-Special_RecentChanges [title="User:Da braviary"]:hover,
 
−
.page-Special_RecentChanges [title="User:Immewnity"]:hover,
 
−
.page-Special_RecentChanges [title="User:Ash Pokemaster"]:hover,
 
−
.page-Special_RecentChanges [title="User:Icysugarspike"]:hover,
 
−
.page-Special_RecentChanges [title="User:S2daam"]:hover,
 
−
.page-Special_RecentChanges [title="User:Vhayes1992"]:hover,
 
−
.page-Special_RecentChanges [title="User:YoshiKong"]:hover,
 
−
.page-Special_NewFiles [title="User:Pika3323"]:hover,
 
−
.page-Special_NewFiles [title="User:Da braviary"]:hover,
 
−
.page-Special_NewFiles [title="User:Immewnity"]:hover,
 
−
.page-Special_NewFiles [title="User:Ash Pokemaster"]:hover,
 
−
.page-Special_NewFiles [title="User:Icysugarspike"]:hover,
 
−
.page-Special_NewFiles [title="User:S2daam"]:hover,
 
−
.page-Special_NewFiles [title="User:Vhayes1992"]:hover,
 
−
.page-Special_NewFiles [title="User:YoshiKong"]:hover
 
−
{
 
−
background:#9F6F40;
 
−
text-decoration:none;
 
−
}
 
−
/*Junior admins*/
 
−
.page-Special_RecentChanges [title="User:JB2448"],
 
−
.page-Special_RecentChanges [title="User:Takharii"],
 
−
.page-Special_NewFiles [title="User:JB2448"],
 
−
.page-Special_NewFiles [title="User:Takharii"]
 
−
{
 
−
color:#CF8B54;
 
−
font-weight:bold;
 
−
}
 
−
.page-Special_RecentChanges [title="User:JB2448"]:hover,
 
−
.page-Special_RecentChanges [title="User:Takharii"]:hover,
 
−
.page-Special_NewFiles [title="User:JB2448"]:hover,
 
−
.page-Special_NewFiles [title="User:Takharii"]:hover
 
−
{
 
−
color:#9F6F40;
 
−
}
 
−
.twitter{
 
−
background:#3cf url(http://images.pidgi.net/pwicon.png) no-repeat center center;
 
−
width:80px;
 
−
height:80px;
 
−
float:left;
 
−
margin-left:25%;
 
−
}
 
−
.twitter:active{
 
−
bakcground:#1ac6ff;
 
−
}
 
−
.facebook{
 
−
background:#3B5998 url(http://images.pidgi.net/pwicon.png) no-repeat center center;
 
−
width:80px;
 
−
height:80px;
 
−
float:left;
 
−
}
 
−
.youtube{
 
−
background: #cd332d url(http://images.pidgi.net/pwicon.png) no-repeat center center; /* Old browsers */
 
−
width:80px;
 
−
height:80px;
 
−
float:left;
 
−
}
 
−
.mail{
 
−
background:#C8BB8B url(http://images.pidgi.net/pwicon.png) no-repeat center center;
 
−
height:80px;
 
−
width:80px;
 
−
float:left;
 
 
}
 
}
  
−
/* </pre> */
+
.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'); }
Retrieved from "https://www.pidgi.net/wiki/index.php?title=MediaWiki:Common.css&oldid=147988"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.