diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css index 82e48207..2edc968c 100644 --- a/themes/nox/public/main.css +++ b/themes/nox/public/main.css @@ -727,6 +727,55 @@ input[type=checkbox]:checked + label .sel { background-color: #444444; } +@media(max-width: 600px) { + .rowhead h1, .opthead h1, .colstack_head h1 { + font-size: 19px; + } + .topic_list_title_block .opt { + margin-top: -1px; + } + .topic_list_title_block .opt a { + font-size: 16px; + } + + .topic_list .topic_middle { + display: none; + } + .topic_left, .topic_right, .topic_middle { + width: 50%; + } + .topic_right_inside .lastName, .topic_left .rowtopic { + margin-top: -4px; + } + .topic_left img, .topic_right img { + height: 32px; + width: 32px; + } + .topic_list .topic_right_inside .lastReplyAt, .topic_list .topic_left .starter { + white-space: nowrap; + } + + .topic_item .topic_name_forum_sep, .topic_item .topic_forum, .topic_view_count { + display: none; + } + + .userinfo { + padding: 18px; + width: 140px; + } + .avatar_item { + height: 48px; + width: 48px; + background-size: 68px; + } + .the_name { + font-size: 17px; + } + .ip_item.hide_on_mobile { + display: none; + } +} + @media(max-width: 500px) { .sidebar { display: none; @@ -785,51 +834,6 @@ input[type=checkbox]:checked + label .sel { } } -@media(max-width: 600px) { - .rowhead h1, .opthead h1, .colstack_head h1 { - font-size: 19px; - } - .topic_list_title_block .opt { - margin-top: -1px; - } - .topic_list_title_block .opt a { - font-size: 16px; - } - - .topic_list .topic_middle { - display: none; - } - .topic_left, .topic_right, .topic_middle { - width: 50%; - } - .topic_right_inside .lastName, .topic_left .rowtopic { - margin-top: -4px; - } - .topic_left img, .topic_right img { - height: 32px; - width: 32px; - } - .topic_list .topic_right_inside .lastReplyAt, .topic_list .topic_left .starter { - white-space: nowrap; - } - - .userinfo { - padding: 18px; - width: 140px; - } - .avatar_item { - height: 48px; - width: 48px; - background-size: 68px; - } - .the_name { - font-size: 17px; - } - .ip_item.hide_on_mobile { - display: none; - } -} - @media(max-width: 601px) { ul { padding-left: 14px;