MediaWiki:Common.css

From specialfunctionswiki
Revision as of 06:35, 10 June 2016 by Tom (talk | contribs) (Created page with "CSS placed here will be applied to all skins: div.grid { display: flex; flex-wrap: wrap; justify-content: space-around; } a.grid { display: inline-block; width:calc(50%-...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
div.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

a.grid {
display: inline-block;
width:calc(50%-4px);
margin-bottom: 50px;
text-decoration: none;
color: black;
}

@media screen and (min-width: 1000px) {
	a.grid {
	width: calc(20% - 6.4px);
	}
}

a.grid:hover img.grid {
  transform: scale(1.15);
}
  
figure.grid {
    margin:0;
    overflow: hidden;
}
      
figcaption.grid {
    margin-top: 15px;
}
	
img.grid {
  border: none;
  max-width: 100%;
  height: 150px;
  display: block;
  margin: 0 auto;
  background: #ccc;
  transition: transform .2s ease-in-out;
}