「MediaWiki:MobileUI.css」の版間の差分
編集の要約なし タグ: モバイル編集 モバイルウェブ編集 |
編集の要約なし タグ: モバイル編集 モバイルウェブ編集 |
||
7行目: | 7行目: | ||
#mobile-ui-right-menu-button:after { | #mobile-ui-right-menu-button:after { | ||
content: "ログインメニュー"; | content: "ログインメニュー"; | ||
} | } | ||
32行目: | 28行目: | ||
.mobile-ui-hidden { | .mobile-ui-hidden { | ||
display: none !important; | display: none !important; | ||
} | |||
.secondary-navigation-enabled { | |||
overflow: hidden; | |||
touch-action: none; | |||
} | |||
#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; | |||
} | } |
2019年11月20日 (水) 23:41時点における版
.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;
}
#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;
}