MediaWiki:Common.css: Difference between revisions
Created page with "→Reset italic styling set by user agent: cite, dfn { font-style: inherit; } →Straight quote marks for <q>: q { quotes: '"' '"' "'" "'"; } /* Avoid collision of blo..." |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); | |||
/* Reset italic styling set by user agent */ | /* Reset italic styling set by user agent */ | ||
cite, dfn { | cite, dfn { | ||
| Line 1,196: | Line 1,199: | ||
/* Display "From Wikipedia, the free encyclopedia" in skins that support it, do not apply to print mode */ | /* Display "From Wikipedia, the free encyclopedia" in skins that support it, do not apply to print mode */ | ||
@media screen { | /*@media screen { | ||
#siteSub { | #siteSub { | ||
display: block; | display: block; | ||
} | } | ||
}*/ | |||
/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */ | |||
body { | |||
font-family: "Roboto", "Noto Sans", sans-serif; | |||
} | |||
/* Changes the default font used for MediaWiki headings to Noto Serif: */ | |||
#content h1, | |||
#content h2 { | |||
font-family: "Roboto", "Noto Serif", serif; | |||
} | } | ||
.mw-wiki-logo { | |||
background-size: 135px auto; | |||
} | |||
kbd { | |||
background: #eee; | |||
border: 0.05rem #aaa solid; | |||
padding: 0rem 0.2rem; | |||
border-radius: 0.2rem; | |||
font-weight: 700; | |||
} | |||
.mw-logo-wordmark { | |||
font-size: 1.3rem; | |||
font-family: 'Roboto', sans-serif; | |||
color: black; | |||
} | |||
/*CSS For the main page*/ | |||
.main-card-container { | |||
height: fit-content; | |||
height: -moz-fit-content; | |||
flex-grow:1; | |||
display:flex; | |||
flex-wrap: wrap; | |||
padding: 0rem 0.5rem; | |||
justify-content: left; | |||
align-items: stretch; | |||
align-content: stretch; | |||
margin: -0.2rem 0rem; | |||
} | |||
.main-flex-card { | |||
border: 0px; | |||
border-radius: 1rem; | |||
background: #F7F9F8; | |||
box-shadow: 0.1rem 0.1rem 0.4rem black; | |||
padding: 0.3rem; | |||
margin: 0.2rem; | |||
flex: 1 1 30%; | |||
max-width: 29%; | |||
min-width: 8rem; | |||
} | |||
.main-card-container h6 { | |||
text-align:center | |||
} | |||
.main-flex-card ul { | |||
width: fit-content; | |||
width: -moz-fit-content; | |||
max-width: 80%; | |||
margin: auto; | |||
} | |||
.main-flex-card ul li { | |||
width: fit-content; | |||
width: -moz-fit-content; | |||
max-width: 100%; | |||
} | |||
.main-card-header{ | |||
font-weight: bold; | |||
text-align: center; | |||
margin-top: 0.3rem; | |||
} | |||