(This site is at a very early stage, so lots of missing stuff! See Joystick_Directory:About for more.)
Common.css
From Joystick Directory
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; } .jdreview{ padding:10px; margin-left:10px; border-left:10px red solid; } .reviewdeets { font-size:smaller; text-align:right; 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;} .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 { } @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;} } .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;}