MediaWiki:Timeless.css
De la Drept Autor
Versiunea din 21 decembrie 2021 17:41, autor: Sam (discuție | contribuții)
Notă: După publicare, trebuie să treceți peste memoria cache a navigatorului pentru a putea vedea modificările:
- Firefox / Safari: Țineți apăsat pe Shift în timp ce faceți clic pe Reîncărcare ori apăsați Ctrl-F5 sau Ctrl-R (⌘-R pe un sistem Mac);
- Google Chrome: Apăsați Ctrl-Shift-R (⌘-Shift-R pe un sistem Mac);
- Internet Explorer / Edge: Țineți apăsat pe Ctrl în timp ce faceți clic pe Reîmprosptare sau apăsați Ctrl-F5;
- Opera: Apăsați Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
/* Width optimization: Prevents too narrow appearance on mobile phones */
@media (max-width:850px) {
#mw-content { padding: 0.5em 0.5em 3em; }
#firstHeading { width: 100%; }
#mw-header-container { padding: 3.75em 0.5em 0.35em; }
#site-navigation h2 { left: 0.5em; }
#p-logo-text { left: 3em; }
#user-tools h2 { right: 1em; }
#site-tools h2 { right: 4em; }
}
/* Table of contents indentation patch (retrofits header level indentations if missing) */
#toc ul ul {
margin: 0 0 0 2em;
}
.tocnumber {
color: #000000;
}
/* One-sided navigation menu */
@media (min-width: 1340px) {
#mw-content-block {
display: block;
}
#mw-content,
#content-bottom-stuff {
margin-left: 14em;
}
#mw-content-wrapper {
float: right;
margin-left: -14em;
width: 100%;
}
#mw-related-navigation {
width: 14em;
padding: 0 1em 0 0;
}
div.color-middle {
margin-right: 0;
}
.mw-wiki-logo {
display: inline-block;
}
}
/* Align top colour bar with page columns */
.ts-inner {
padding: 0 0 0 1em;
}
/* Re-aligning bottom logos */
#footer { padding-right: 1em; }
/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
height: 1.5em;
position:relative;
bottom:0.1em
}
/* Triangle position patch */
#personal h2::after {
position: relative;
bottom: 0.5em;
}
.mw-headline:target {
background-color: gold;
}
/* Indefinite content width */
@media screen and (min-width: 851px) {
.color-middle-container,
.ts-inner { max-width: none; }
}