(This site is at a very early stage, so lots of missing stuff! See Joystick_Directory:About for more.)

Common.css

From Joystick Directory
Revision as of 09:03, 24 March 2022 by Jdadmin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
  font-family: "Rubik", sans-serif;
}

/* Changes the default font used for MediaWiki headings to Noto Serif: */
#content h1, 
#content h2, #content h3  {
  font-family: "Rubik", serif;
}

.mw-mmv-image-metadata{
background: #333;
}
.jdreview{
padding:10px;
margin-left:10px;
border-left:10px red solid;
}

.jdnotice{

background:black;border: red 1px solid;padding:10px; border-radius:10px;

}
.reviewdeets {
 font-size:smaller;margin-left:30px;
  list-style-type: none;
}
.reviewdeets li {display:inline-block;margin-right:10px;}

a:hover{
color:red !important;
}

#firstHeading{
	font:bold 30px;
font-family:'Rubik',sans-serif;


border-bottom: solid 4px red;}

@media only screen and (max-width: 720px) {



.ext-linkcards-card a .ext-linkcards-image {

  height: 200px !important;

}


.ext-linkcards {
  display: flex !important;
  flex-wrap: wrap !important;
}

.ext-linkcards-card { flex: 0 1 48% !important;margin-right:2%  !important;margin-bottom:15px  !important;}



.listing {background:black; flex: 0 1 48%;margin-bottom:15px;}
}

.ebaypanel {
   display: flex;
  flex-wrap: wrap;
   justify-content: space-between;
}

.listing {background:black; flex: 0 1 32%;margin-bottom:15px;}
.listing img{width:100%}
.listing p{padding:10px;}
. ebaypanel a{text-decoration:none;}


.ext-linkcards-card a {

  text-decoration: none !important;
  background-color: black !important;
}

.ext-linkcards-card {



}




.mw-body-content h2 {
	font:italic bold 12px/30px;
font-family:'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}

#ca-talk { display: none !important; }
#ca-history { display: none !important;}
#ca-nstab-main { display: none !important; }
#ca-viewsource { display: none !important; }
#mw-content-container {background:black !important;background-image:none !important;}

.pi-theme-default {
	border-radius:10px;
border:2px solid red !important;
}
.pi-border-color{
border-top:1px solid red !important;
border-bottom:none;
}

.thumbinner{background:black;}


.portable-infobox.pi-theme-delta {
min-width:320px;

}

.pi-data-label{
flex-basis:100px !important;

}


.portable-infobox.pi-theme-delta p,.portable-infobox.pi-theme-delta div{
 
padding:none;
margin:none;

}


.pi-data-label {
font-family: inherit;
font-size: inherit;
font-weight: bold;
line-height: 1em !important;
margin-top:-1em !important;
}
.pi-data-value {
}

#catlinks{

display:block !important;
background: #333;
padding:20px;margin-top:30px;}

#catlinks ul{
display:block;
}

#catlinks ul li a{
padding:10px;font-size:1em;text-decoration:none;color:white;background:red;border-radius:10px;margin-right:15px;line-height:3em;border:none;
}

#catlinks ul li{
border:none;
}

#catlinks ul li a:after{
display:none;}

#catlinks ul li .new{
background: #400;
}


#catlinks ul li a:hover{
color:white;background:black;}