responsive.css 3.0 KB

12345678
  1. @media (max-width: 320px) { select, .inputbox { max-width: 240px; } }
  2. @media (max-width: 350px) { .dropdown-extended .dropdown-contents { width: auto; } }
  3. @media (max-width: 430px) { .action-bar .search-box .inputbox *::-moz-placeholder { content: "Search..."; } }
  4. @media (max-width: 500px) { select, .inputbox { max-width: 260px; } p.responsive-center { float: none; text-align:center; margin-bottom: 5px; } .display-options > label:nth-child(1) { display: block; margin-bottom: 5px; } .quick-links .dropdown-trigger span { display: none; } }
  5. @media (max-width: 550px) { ul.topiclist.forums dt { margin-right: 0px; } ul.topiclist.forums dt .list-inner {margin-right: 0px; } ul.topiclist.forums dd.lastpost { display: none; } }
  6. @media (max-width: 700px) { .responsive-show { display: block ! important; } html { height: auto; } body { padding:0px; } .wrap { border: medium none; border-radius: 0px; margin: 0px; min-width: 290px; padding: 0px 5px; } .headerbar, .navbar, .forabg, .forumbg, .post, .panel { border-radius: 0px; margin-left: -5px; margin-right: -5px; } .site-description { float: none; width: auto; text-align: center; } .logo { display: none; float: none; padding: 10px;} .site-description h1, .site-description p { text-align: inherit; float: none; margin: 5px; line-height: 1.2em;overflow: hidden; text-overflow: ellipsis; } .site-description p, .search-header { display: none; } .headerbar + .navbar { margin-top: -5px; } .responsive-search { display: block ! important; } li.header dt { text-align: center;text-transform: none; line-height: 1em; font-size: 1.2em; padding-bottom: 4px; } ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { margin-right: 0px ! important; padding-right: 0px; } ul.topiclist li.header dd {display: none ! important; } ul.topiclist dt, ul.topiclist dt .list-inner, ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0px; } ul.topiclist dt .list-inner { min-height: 28px; } ul.topiclist li.header dt .list-inner { min-height: 0px; } ul.topiclist dd {display: none; } ul.topiclist.forums dt { margin-right: -250px; } ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { position: relative; left: 0px; width: auto; display: inline; font-weight: normal; } li.row .responsive-show strong { font-weight: bold; color: inherit; } table.responsive td > dfn::after { content: ":";padding-right: 5px; } .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { display: none; } .postprofile .avatar-container::after { clear: none; } p { margin-bottom: 0.5em; overflow: hidden; } p.rightside {margin-bottom: 0px; } .phpbb_alert { width: auto; margin: 0px 5px; } }
  7. @media (min-width: 701px) and (max-width: 950px) { ul.topiclist dt { margin-right: -410px; } ul.topiclist dt .list-inner { margin-right: 410px; } dd.posts, dd.topics, dd.views { width: 80px; } }