MediaWiki:Staff.css
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.
/* Styles for the Wikia staff page */ /* Created by NHeoShadow */ /* User cards for the Wikia staff page, now by using CSS grid! */ div.UserGrid-container{ display: grid; grid-template-columns: 50% 50%; } div.UserGrid, div.StaffGrid{ background-color: var(--mainbgcolor-dark); border-radius: 1px; border: 2px solid var(--mainbordercolorP); opacity: 0.87; display: block; transition: 0.08s; box-shadow: 0px 1px 3px black; } div.UserGrid{ padding: 8px; margin: 3px; padding-left: 10px; } div.UserGrid:hover{ background-color: var(--mainbgcolor); box-shadow: 0px 1px 1.4px black; transform: translate(0px, 1.2px); -webkit-transform: translate(0px, 1.2px); opacity: 1; } div.UserGrid a{ display: block; font-size: 22px; font-weight: bold; text-decoration: none; } div.UserGrid a:hover{ text-decoration: none; } div.UserGrid p{ display: block; font-size: 14.4px; line-height: 17px; text-decoration: none; padding: 0px; margin: 0px; margin-top: 3px; font-weight: normal; font-variant: small-caps; } /* Styles for the Galaxy Staff Page */ div.StaffGrid-container{ display: grid; grid-template-columns: 25% 25% 25% 25%; } div.StaffGrid{ padding: 4.6px; margin: 5.4px; cursor: default; padding-top: 6px; } /* Can't believe I'm adding a container for images. Well, atleast this fixes the scaling issues present in the image :P */ div.StaffGrid .img-container{ width: 89.5%; display: block; margin: 0 auto; padding: 4px; padding-top: 7px; border: 1px solid #070808; } div.StaffGrid img{ width: 100%; height: 100%; cursor: pointer; opacity: 0.8; transition: 0.08s; } div.StaffGrid img:hover{ opacity: 1; } div.StaffGrid:hover{ box-shadow: 0px 1px 1.4px black; } div.StaffGrid .img-container:hover{ opacity: 1; background-color: var(--mainbgcolor); } div.StaffGrid i{ font-style: normal; font-size: 16.8px; font-weight: bold; margin-top: 4.2px; } div.StaffGrid p{ margin: 0; font-size: 13.8px; font-variant: small-caps; margin-top: -1.8px; }