MediaWiki:Homepage.css: Difference between revisions

MediaWiki:Homepage.css (view source)

Revision as of 21:29, 14 May 2022

895 bytes removed , 14 May 2022

Fixed the centering on some of the homebuttons in hope that the link would encapsulate the entire div instead of just the text. Also removed the will-change on tdiv.home to improve performance & resource consumption on some browsers. Also removed a bit of unused code made for fandom to further minify the css and make page loading quicker. I feel like we should migrate a bit of the css rules from here to common.css and only load this page on the main page to improve loading times on other pages.

Smallketchup82

Bureaucrats, Check users, Interface administrators, Push subscription managers, Suppressors, Administrators, upwizcampeditors

1,763

edits

@@ Line 17: / Line 17: @@
  border-radius: 10px;
 }
-/* Homepage Animation | Disable if its causing performance issues
-I am seeing some lag/performance issues with the current version. A more subtle animation that applies only to certain elements (images, titles, etc.) may perform better
--Explodabat
-@keyframes animtest {
- from {
- opacity: 0;
- transform: scale(1.25);
- }
- to {
- opacity: 1;
- transform: scale(1);
- }
-}
-*/
-div.TDiv.home {
-will-change: transform;
-animation: animtest 2s 0.1s;
-animation-timing-function: ease;
-animation-fill-mode: both;
-}
-/* End of homepage animation */
 /*Homepage Button Gallery*/
@@ Line 87: / Line 62: @@
 /*Homepage Galaxy Play Button*/
-/* Roblox Interwiki template styling*/
-.RobloxWikis {
-border-radius: 10px;
-}
-.RobloxWikis-HeadButton {
-transition: all 0.5s;
-background-color: rgba(0, 0, 0, 0);
-border-radius: 5px;
-}
-.RobloxWikis-HeadButton:hover {
-background-color: rgba(255, 255, 255, 0.2);
-cursor: pointer;
-user-select: none;
-}
-.RobloxWikis {
-opacity: 0.5;
-transition: all 1s 1s;
-}
-.RobloxWikis:hover {
-transition: all 1s;
-opacity: 1;
-}
-/* End of roblox interwiki template styling*/
 /*Right-side button containers*/
 #discordPlayGroup{
@@ Line 305: / Line 253: @@
  will-change: transform;
  -webkit-font-smoothing: antialiased;
+ will-change: transform;
+}
+.HomeButton p {
+ align-self: center;
+ height: 100%;
+ width: 100%;
 }
-.HomeButton a{
+.HomeButton a {
      color: white !important;;
      text-decoration: none;
-    vertical-align: middle;
+ background-image: none !important;
- background-image: none !important;
+ padding-right: 0 !important;;
-   padding-right: 0 !important;;
+ height: 100%;
+ width: 100%;
+ display: block;
+ will-change: transform;
 }
-.HomeButton a.external:after{
+/*.HomeButton a.external:after{
      display: none !important;
-}
+}*/
-.HomeButton p{
- align-self: center;
-}
 .is-content-expanded .HomeButton{
  width: 17%;