|
|
1行目: |
1行目: |
| .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 { | | .mobile-ui-block { |
| display: block !important; | | display: block !important; |
28行目: |
18行目: |
| .mobile-ui-hidden { | | .mobile-ui-hidden { |
| display: none !important; | | 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:hover {
| |
| box-shadow: inset 4px 0 0 0 #3366cc;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| #mobile-ui-page-right ul li a span {
| |
| font-size: 0.875em;
| |
| font-weight: bold;
| |
| vertical-align: middle;
| |
| } | | } |