「MediaWiki:MobileUI.css」の版間の差分
編集の要約なし タグ: モバイル編集 モバイルウェブ編集 |
細編集の要約なし タグ: モバイル編集 モバイルウェブ編集 |
||
33行目: | 33行目: | ||
overflow: hidden; | overflow: hidden; | ||
touch-action: none; | touch-action: none; | ||
} | |||
@media screen and (min-width: 720px) { | |||
#mobile-ui-page-right { | |||
min-width: 320px; | |||
} | |||
} | } | ||
71行目: | 77行目: | ||
} | } | ||
#mobile-ui-page-right ul li a:visited, #mobile-ui-page-right ul li a:active { | #mobile-ui-page-right ul li a:visited, | ||
#mobile-ui-page-right ul li a:active { | |||
color: #54595d; | color: #54595d; | ||
} | } |
2019年11月20日 (水) 23:50時点における版
.mobile-ui-icon-puzzle:before {
background-image:
linear-gradient(transparent, transparent),
url("https://images.2ch.me/2/26/パズルピースのアイコン.svg");
}
#mobile-ui-right-menu-button:after {
content: "ログインメニュー";
}
.mobile-ui-block {
display: block !important;
}
.mobile-ui-black {
color: black !important;
}
.mobile-ui-bold {
font-weight: bold !important;
}
.mobile-ui-pb-0 {
padding-bottom: 0 !important;
}
.mobile-ui-not-article .mobile-ui-only-article,
.mobile-ui-hidden {
display: none !important;
}
.secondary-navigation-enabled {
overflow: hidden;
touch-action: none;
}
@media screen and (min-width: 720px) {
#mobile-ui-page-right {
min-width: 320px;
}
}
#mobile-ui-page-right {
position: fixed;
top: 0;
right: 0;
bottom: 0;
min-width: 275px;
max-width: 80%;
z-index: 2;
overflow-y: auto;
background-color: #eaecf0;
transform: translate(100%,0);
}
.animations #mobile-ui-page-right {
transition: transform 0.25s ease-in-out;
}
.animations.secondary-navigation-enabled #mobile-ui-page-right {
transform: translate(0,0);
}
#mobile-ui-page-right ul {
padding-bottom: 22px;
}
#mobile-ui-page-right ul li:first-child {
border-top: 0;
}
#mobile-ui-page-right ul li {
background-color: #ffffff;
position: relative;
border-top: 1px solid #eaecf0;
margin-top: -1px;
}
#mobile-ui-page-right ul li a:visited,
#mobile-ui-page-right ul li a:active {
color: #54595d;
}
#mobile-ui-page-right ul li a {
color: #54595d;
display: block;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 12px 10px 12px 15px;
}
#mobile-ui-page-right ul li a span {
font-size: 0.875em;
font-weight: bold;
vertical-align: middle;
}