MediaWiki:Homepage.css: Difference between revisions
imported>Smallketchup82 No edit summary |
(responsive) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Styles for | /* Styles for the Homepage */ | ||
/* Created by: NHeoShadow for Galaxy Wiki | Edited by smallketchup82 for Galaxypedia*/ | /* Created by: NHeoShadow for Galaxy Wiki | Edited by smallketchup82 for Galaxypedia*/ | ||
/*div on Homepage used for navigation buttons*/ | /*div on Homepage used for navigation buttons*/ | ||
| Line 271: | Line 27: | ||
width: 90%; | width: 90%; | ||
} | } | ||
/*end of homeButtonNav*/ | /* end of homeButtonNav */ | ||
/*Group/wrapper div for HomeButton*/ | /* Group/wrapper div for HomeButton */ | ||
.HomeGroup{ | .HomeGroup{ | ||
display: -webkit-box; | display: -webkit-box; | ||
| Line 282: | Line 38: | ||
justify-content: center; | justify-content: center; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: center; | |||
} | } | ||
/*Navigation Buttons inside #homeButtonNav div*/ | /*Navigation Buttons inside #homeButtonNav div*/ | ||
.HomeButton{ | .HomeButton{ | ||
display:flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
background-color: transparent; | background-color: transparent; | ||
| Line 303: | Line 60: | ||
opacity: 0.75; | opacity: 0.75; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.HomeButton a{ | .HomeButton p { | ||
align-self: center; | |||
height: 100%; | |||
width: 100%; | |||
} | |||
.HomeButton a { | |||
color: white !important;; | color: white !important;; | ||
text-decoration: none; | text-decoration: none; | ||
background-image: none !important; | |||
padding-right: 0 !important;; | |||
height: 100%; | |||
width: 100%; | |||
display: block; | |||
} | } | ||
.HomeButton a.external:after{ | /*.HomeButton a.external:after{ | ||
display: none !important; | display: none !important; | ||
} | }*/ | ||
.is-content-expanded .HomeButton{ | .is-content-expanded .HomeButton{ | ||
width: 17%; | width: 17%; | ||
Latest revision as of 00:52, 27 August 2022
/* Styles for the Homepage */
/* Created by: NHeoShadow for Galaxy Wiki | Edited by smallketchup82 for Galaxypedia*/
/*div on Homepage used for navigation buttons*/
.is-content-expanded #homeButtonNav{
display: flex;
flex-direction: column;
min-height: 250px;
}
#homeButtonNav{
text-align:center;
border: 2px solid rgb(48, 52, 54) !important;
padding: 10px;
width: 90%;
left: 50%;
position: relative;
transform: translate(-50%, 0);
}
.is-content-expanded #homeButtonNav hr{
width: 91%;
}
#homeButtonNav hr{
border: 1px solid white;
border-radius: 5px;
opacity: 0.5;
width: 90%;
}
/* end of homeButtonNav */
/* Group/wrapper div for HomeButton */
.HomeGroup{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
/*Navigation Buttons inside #homeButtonNav div*/
.HomeButton{
display: flex;
justify-content: center;
background-color: transparent;
transition: 0.5s;
width: 15%;
border-radius: 8px;
box-shadow: 0px 0px 0px white;
margin: 0 8px;
padding: 6px 8px;
text-align: center;
font-size: 100%;
font-family: 'Quicksand', Helvetica Neue, Helvetica, Arial, sans-serif;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid white;
opacity: 0.75;
overflow: hidden;
}
.HomeButton p {
align-self: center;
height: 100%;
width: 100%;
}
.HomeButton a {
color: white !important;;
text-decoration: none;
background-image: none !important;
padding-right: 0 !important;;
height: 100%;
width: 100%;
display: block;
}
/*.HomeButton a.external:after{
display: none !important;
}*/
.is-content-expanded .HomeButton{
width: 17%;
height: 50px;
}
.HomeButton:hover {
transform: scale(1.05, 1.05);
box-shadow: 0px 0px 10px white;
opacity: 1;
}
/*End of Navigation Buttons*/
/*Remove weird margin at the bottom of the columns
div.mw-parser-output > p{
margin: 0px;
}
*/