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

Difference between revisions of "MediaWiki:Common.css"

on PidgiWiki, the video game media repository

Line 170: Line 170:
 
   float: left;
 
   float: left;
 
   padding: 5px;
 
   padding: 5px;
 +
}
 +
 +
.infotile a {
 +
  text-decoration: none;
 
}
 
}
  
Line 198: Line 202:
 
}
 
}
  
.infotile a {
+
.infotile .language-box:hover {
   text-decoration: none;
+
  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;
 +
}
 +
 
 +
.infotile .system-box .system_name {
 +
   position: absolute;
 +
  bottom: 6px;
 +
  left: 10px;
 +
  font-size: 80%;
 
}
 
}
  
.infotile .language-box:hover {
+
.infotile .system-box:hover {
   background-color: #008529;
+
   background-color: #0094BF;
 
}
 
}

Revision as of 06:20, 11 March 2022

/* <pre> */

.mw-search-results {
width:100%;
}

.sc { font-variant: small-caps }

#siteSub {
    display: inline;
    font-size: 100%;
    font-weight: normal;
}

.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; }

/* '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
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @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 {
	color: white;
	background-color: #131313 !important;
	font-weight: bold;
	text-decoration: none;
	padding: 0.4em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #353535 !important;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}
.pidgicolor {
background: #CF8B54;
}

.container{
width:100%
}
.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(https://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 {
width:40%;
min-width:320px;
float:left;
}

@media (max-width: 1024px) {
    #main_recent {
    width:100%;
    float:none;
    }
    #main_featured {
    width:100%;
    float:none;
    }
}

@media (max-width: 768px) {
    #main_featured {
    display:none;
    }
}

.mw-cookiewarning-container {
position:fixed;
top: auto;
bottom: 0;
left: 0;
}

#localNotice {margin-bottom:0.1em;}
.copyrightBox {background:#F3F3F3;padding:14px;padding-left:20px;margin:16px;margin-top:0;color:#444;}
.catlinks {margin:1em;margin-bottom:-1em;}
.mw-htmlform-field-Licenses {display:none;}
@media (min-width:769px) {
  div#mw-panel {display:block !important;}
}

.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;
}

.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;
}

.infotile .system-box .system_name {
   position: absolute;
   bottom: 6px;
   left: 10px;
   font-size: 80%;
}

.infotile .system-box:hover {
   background-color: #0094BF;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.