MediaWiki:Theme.css: Difference between revisions
MediaWiki interface page
More actions
LightSwitch (talk | contribs) No edit summary |
LightSwitch (talk | contribs) No edit summary |
||
| Line 31: | Line 31: | ||
.gtw-card.mainpage { | .gtw-card.mainpage { | ||
flex: 1; | flex: 1; | ||
} | } | ||
| Line 58: | Line 48: | ||
padding: 25px 40px 80px; | padding: 25px 40px 80px; | ||
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); | text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); | ||
} | |||
/* MEDIA QUERIES */ | |||
@media only screen and (max-width: 768px) { | |||
.gtw-card-mainpage-row { | |||
flex-wrap: wrap; | |||
} | |||
.gtw-card.mainpage { | |||
flex-basis: 100%; | |||
} | |||
} | } | ||
Revision as of 16:02, 28 July 2024
/******************** Theme.css *******************
Description:
This is a stylesheet for wiki theme
*************************************************/
@import url("/MediaWiki:ThemeSwitcher.css?action=raw&ctype=text/css");
@import url("/MediaWiki:CenturyGothic.css?action=raw&ctype=text/css");
*::-webkit-scrollbar {
box-shadow: 0px 0px 2px rgba(0,0,0,0.5) inset;
background: var(--scrollbar-background-color);
}
*::-webkit-scrollbar:vertical{width:8px}
*::-webkit-scrollbar:horizontal{height:8px}
*::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5), 0px 0px 2px rgba(255,255,255,0.5) inset;
background: var(--scrollbar-thumb-color);
}
body {
--theme-link-decoration: none;
}
.gtw-card-mainpage-row {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.gtw-card.mainpage {
flex: 1;
}
.minor-col {
flex: 2;
}
.gtw-card {
background-image: var(--gtw-landscape), var(--gtw-background);
background-position: bottom center;
background-repeat: repeat-x;
border-radius: 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
color: #FFF;
font-family: Century Gothic, sans-serif;
margin-bottom: 10px;
padding: 25px 40px 80px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
/* MEDIA QUERIES */
@media only screen and (max-width: 768px) {
.gtw-card-mainpage-row {
flex-wrap: wrap;
}
.gtw-card.mainpage {
flex-basis: 100%;
}
}