„MediaWiki:Timeless.css” változatai közötti eltérés
A VIK Wikiből
a page tools non sticky again |
bugfix: ease and index |
||
(11 közbenső módosítás ugyanattól a felhasználótól nincs mutatva) | |||
1. sor: | 1. sor: | ||
#site-navigation { | #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 | |||
} |
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
}