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

Difference between revisions of "MediaWiki:Common.css"

on PidgiWiki, the video game media repository

 
(39 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* <pre> */
 
/* <pre> */
 
+
#main_container {
/* Miscellaneous formatting features */
+
width:100%;
 
 
.sc { font-variant: small-caps }
 
 
 
#siteSub {
 
    display: inline;
 
    font-size: 100%;
 
    font-weight: normal;
 
 
}
 
}
 
+
#main_top {
.metrobox { color:#fff; font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande','Open Sans Light',Verdana,Arial,Helvetica,sans-serif; }
+
     width: 100%;
.metrobox a:link, .metrobox a:visited, .metrobox a:hover { color:#fff; }
+
     display: flex;
 
+
     flex-wrap: nowrap;
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
 
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
 
.collapseButton {
 
     /* @noflip */
 
    float: right;
 
     font-weight: normal;
 
     /* @noflip */
 
    margin-left: 0.5em;
 
    /* @noflip */
 
    text-align: right;
 
    width: auto;
 
 
}
 
}
/* In navboxes, the show/hide button balances the v·d·e links
+
#main_top p {
  from [[Template:Navbar]], so they need to be the same width. */
+
     width: 100%;
.navbox .collapseButton {
 
     width: 6em;
 
 
}
 
}
 
+
#main_recent {
/**
+
width:60%;
* Styling for links generated by [[MediaWiki:Edittools]]
+
float:left;
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 
* @updated 2012-02-29
 
*/
 
.mw-charinsert-buttons {
 
margin-top: 10px;
 
border: 0;
 
padding: 3px;
 
text-align: center;
 
background-color: #131313 !important;
 
line-height:32px;
 
 
}
 
}
.mw-charinsert-buttons a {
+
#main_featured {
color: white;
+
width:40%;
background-color: #131313 !important;
+
min-width:320px;
font-weight: bold;
+
float:left;
text-decoration: none;
 
padding: 0.4em;
 
 
}
 
}
.mw-charinsert-buttons a:hover,
+
 
.mw-charinsert-buttons a:active {
+
@media (max-width: 1024px) {
background-color: #353535 !important;
+
    #main_top {
 +
        flex-wrap: wrap;
 +
    }
 +
    #main_count {
 +
        margin: 0.5em auto;
 +
    }
 +
    #main_recent {
 +
    width:100%;
 +
    float:none;
 +
    }
 +
    #main_featured {
 +
    width:100%;
 +
    float:none;
 +
    }
 
}
 
}
.client-js .mw-edittools-section {
+
 
display: inline;
+
@media (max-width: 768px) {
}
+
    #main_featured {
.client-js .mw-edittools-section input[type="button"] {
+
    display:none;
font-size: 0.9em;
+
    }
padding-left: 1px;
 
padding-right: 1px;
 
margin-left: 1px;
 
}
 
.pidgicolor {
 
background: #CF8B54;
 
}
 
.lighthover:hover,
 
.lighthover:active {
 
background: #BF824D;
 
 
}
 
}
  
 +
.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; }
  
/*Admins*/
+
.infotile {
.page-Special_RecentChanges [title="User:Pika3323"],
+
  width: 120px;
.page-Special_RecentChanges [title="User:Da braviary"],
+
  height: 120px;
.page-Special_RecentChanges [title="User:Immewnity"],
+
  overflow: hidden;
.page-Special_RecentChanges [title="User:Ash Pokemaster"],
+
  float: left;
.page-Special_RecentChanges [title="User:Icysugarspike"],
+
  padding: 5px;
.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,
+
.infotile a {
.page-Special_RecentChanges [title="User:Immewnity"]:hover,
+
  text-decoration: none;
.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"],
+
.infotile .language-box {
.page-Special_RecentChanges [title="User:Takharii"],
+
  width: 100%;
.page-Special_NewFiles [title="User:JB2448"],
+
  height: 100%;
.page-Special_NewFiles [title="User:Takharii"]
+
  position: relative;
{
+
  padding: 0;
color:#CF8B54;
+
  margin: 0;
font-weight:bold;
+
  background-color: #008E2C;
 +
  display: flex;
 +
  justify-content: center;
 +
  align-items: center;
 +
  color: #fff;
 +
  transition: 0.16s;
 
}
 
}
.page-Special_RecentChanges [title="User:JB2448"]:hover,
+
 
.page-Special_RecentChanges [title="User:Takharii"]:hover,
+
.infotile .language-box .language_code {
.page-Special_NewFiles [title="User:JB2448"]:hover,
+
  position: relative;
.page-Special_NewFiles [title="User:Takharii"]:hover
+
  top: -2px;
{
+
  font-size: 300%;
color:#9F6F40;
 
 
}
 
}
.twitter{
+
 
background:#3cf url(http://images.pidgi.net/pwicon.png) no-repeat center center;
+
.infotile .language-box .language_name {
width:80px;
+
  position: absolute;
height:80px;
+
  bottom: 6px;
float:left;
+
  left: 10px;
margin-left:25%;
+
  font-size: 80%;
 
}
 
}
.twitter:active{
+
 
bakcground:#1ac6ff;
+
.infotile .language-box:hover {
 +
  background-color: #008529;
 
}
 
}
.facebook{
+
 
background:#3B5998 url(http://images.pidgi.net/pwicon.png) no-repeat center center;
+
.infotile .system-box {
width:80px;
+
  width: 100%;
height:80px;
+
  height: 100%;
float:left;
+
  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;
 
}
 
}
.youtube{
+
 
background: #cd332d url(http://images.pidgi.net/pwicon.png) no-repeat center center; /* Old browsers */
+
.infotile .system-box .system_name {
width:80px;
+
  position: absolute;
height:80px;
+
  bottom: 6px;
float:left;
+
  left: 10px;
}
+
  font-size: 80%;
.mail{
 
background:#C8BB8B url(http://images.pidgi.net/pwicon.png) no-repeat center center;
 
height:80px;
 
width:80px;
 
float:left;
 
 
}
 
}
  
.container{
+
.infotile .system-box:hover {
width:100%
+
  background-color: #009AC6;
}
 
.container div {
 
width:100%;
 
}
 
.container .header {
 
    padding: 4px 2px;
 
    cursor: pointer;
 
    font-size: 200%;
 
color:#fff;
 
background:#CF8B54;
 
font-family:'Segoe UI Light','Segoe UI Semilight','Segoe UI',Segoe,'Zegoe UI','Open Sans Light',Frutiger,Bitsream Vera,sans-serif;
 
overflow:hidden;.
 
white-space: nowrap;
 
    text-overflow: ellipsis;
 
display:block;
 
}
 
.header{
 
max-height: 100px;
 
line-height:27px;
 
}
 
.container .content {
 
    display: none;
 
    background:#CF8B54;
 
    color:#fff;
 
padding:5px;
 
    font-family:'Segoe UI Light','Segoe UI Semilight','Segoe UI',Segoe,'Zegoe UI','Open Sans Light',Frutiger,Bitsream Vera,sans-serif;
 
}
 
.content{
 
width: calc(100% - 6px) !important;
 
width: -webkit-calc(100% - 6px) !important; /*For Safari*/
 
}
 
.content a{
 
border-bottom: 1px dotted #fff;
 
color:#fff !important;
 
}
 
.content a:hover{
 
border-bottom: 1px solid #fff;
 
text-decoration:none !important;
 
}
 
@font-face {
 
  font-family: 'Open Sans';
 
  font-style: normal;
 
  font-weight: 300;
 
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
 
}
 
/* </pre> */
 
#main_container {
 
width:100%;
 
}
 
#main_recent {
 
width:60%;
 
float:left;
 
}
 
#main_featured {
 
max-width:40%;
 
min-width:320px;
 
float:left;
 
 
}
 
}
  
@media (max-width: 1050px) {
+
.infotile .system-box.system_code-2ds { background-image: url('/pictures/infotile/2ds.png'); }
    #main_featured {
+
.infotile .system-box.system_code-3ds { background-image: url('/pictures/infotile/3ds.png'); }
    display:none;
+
.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'); }
    #main_recent {
+
.infotile .system-box.system_code-new3dsxl { background-image: url('/pictures/infotile/new3dsxl.png'); }
    width:100%;
+
.infotile .system-box.system_code-ds { background-image: url('/pictures/infotile/ds.png'); }
    float:none;
+
.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'); }
Cookies help us deliver our services. By using our services, you agree to our use of cookies.