„MediaWiki:Timeless.css” változatai közötti eltérés

A VIK Wikiből
Nincs szerkesztési összefoglaló
bugfix: ease and index
 
(4 közbenső módosítás ugyanattól a felhasználótól nincs mutatva)
21. sor: 21. sor:
}
}


/* Sidebar hiding */
/*
 
* Sidebar hiding  
#mw-related-navigation.hidden { display: none; }
*/
#mw-related-navigation.hide { animation: hide 0.4s forwards; }
@media screen and (min-width: 1340px) {
#mw-related-navigation.show { animation: show 0.4s forwards; }
#mw-related-navigation.hidden { display: none; }
#mw-related-navigation.hide { animation: hide 0.4s forwards; }
#mw-related-navigation.show { animation: show 0.4s forwards; }
}


@keyframes hide {
@keyframes hide {
from { margin-right: 0; }
from { margin-right: 0; }
to { margin-right: -14em; opacity: 0; }
99% { margin-right: -16em; opacity: 0; position: relative; }
to { opacity: 0; position: absolute; z-index: -999; }
}
}


@keyframes show {
@keyframes show {
from { margin-right: -14em; opacity: 0; }
from { margin-right: -16em; opacity: 0; }
to { margin-right: 0; opacity: 100; }
to { margin-right: 0; opacity: 100; }
}
}
/* Only show the button when the sidebar is shown */
@media screen and (max-width: 1339px) { #sidebar-toggle-btn { display: none; } }


#sidebar-toggle-btn > a {
#sidebar-toggle-btn > a {

A lap jelenlegi, 2024. július 27., 17:24-kori változata

#site-tools { display: none; }

@media screen and (min-width: 851px) {
	#site-navigation {
		position: sticky;
		top: 4em;
	}
}

@media screen and (max-width: 850px) {
	/* mobile friendly infobox */
	.infobox { 
		float: unset!important;
		max-width: 400px!important;
		margin: auto!important;
	}
	
	#personal-extra {
		right: 3em;
	}
}

/*
 * Sidebar hiding 
 */
@media screen and (min-width: 1340px) {
	#mw-related-navigation.hidden { display: none; }
	#mw-related-navigation.hide { animation: hide 0.4s forwards; }
	#mw-related-navigation.show { animation: show 0.4s forwards; }
}

@keyframes hide {
	from { margin-right: 0; }
	99% { margin-right: -16em; opacity: 0; position: relative; }
	to { opacity: 0; position: absolute; z-index: -999; }
}

@keyframes show {
	from { margin-right: -16em; opacity: 0; }
	to { margin-right: 0; opacity: 100; }
}

/* Only show the button when the sidebar is shown */
@media screen and (max-width: 1339px) { #sidebar-toggle-btn { display: none; } }

#sidebar-toggle-btn > a {
	background-image: url(/skins/Timeless/resources/images/eyeball-grey.svg?f17bd);
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	padding: 0 2px 0 20px
}