Файл: style/web/static/ui/css/responsive.css
Строк: 300
@media screen and (max-width: 992px) {
.container {
width:
100%;
max-width: 970px !important;
}
.row {
position: relative;
}
.navbar-fixed-top {
min-width:
320px;
}
.container .navbar-header {
margin-right:
20px;
}
.auction-banner img {
display: block;
max-width: 100%;
height: auto;
}
.server-pr-card__info,
.server-rt-card__info,
.user-pr-card__info
{
overflow: hidden;
}
.server-pr-card__lnks,
.server-pr-card__btn,
.server-rt-card__lnks,
.server-rt-card__btn,
.user-pr-card__lnks,
.user-pr-card__btn {
width: 35%;
}
.server-pr-card__rt,
.server-rt-card__rt,
.user-pr-card__rt {
width: 30%;
padding-left: 0;
padding-right: 0;
}
.footer__social
{
overflow: hidden;
}
.user-cabinet-header > .row
> .col-xs-4,
.user-cabinet-header > .row > .col-xs-8 {
float: none;
width: 100%;
overflow: hidden;
}
.user-cabinet-header > .row > .col-xs-4 {
max-width:
350px;
margin-bottom: 20px;
}
.user-cabinet-header
.user-dashboard {
float: none !important;
}
.user-cabinet-header .user-dashboard-l > li {
margin-bottom:
10px;
}
.tab-pills {
padding-bottom: 0;
}
.tab-pills > li {
margin-right: 20px;
margin-bottom:
10px;
}
.nav-pills > li + li {
margin-left: 0;
}
.project-servers-table {
overflow-x: auto;
overflow-y: hidden;
}
.project-servers-table__header,
.project-servers-table__i {
min-width: 940px;
}
.project-banner img {
display: block;
max-width: 100%;
height: auto;
}
.project-banner-i__img img {
display: block;
max-width: 100%;
height: auto;
}
.add-project-servers-table {
width: 100%;
overflow-x:
auto;
overflow-y: hidden;
}
.add-project-servers-table
thead,
.add-project-servers-table tbody {
min-width: 940px;
}
.bbbs-i {
width: 100%;
height: auto;
}
.bbbs-i img {
display: block;
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: 840px) {
.project-banner {
float: none;
width: 100%;
margin-bottom: 15px;
}
.project-rating,
.project-btn {
width: 25%;
text-align: left;
}
}
@media screen and
(max-width: 767px) {
body {
margin-bottom: 0;
}
.container .navbar-header {
margin: 0;
width: 100%;
float: none !important;
}
.navbar-collapse {
display: none !important;
}
.navbar-collapse.in {
display: block !important;
}
.navbar-toggle {
display:
block;
border-color: #C6FFFE !important;
border-radius:
0;
margin-right: 0;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #3f848c !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #C6FFFE;
}
.navbar-brand {
margin-top: 5px;
}
.user-login.open .dropdown-menu {
left: auto;
right: 0;
}
.navbar-nav > li,
.navbar-nav.navbar-right,
.navbar-nav {
float: none;
max-width: 250px;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 100%;
}
.navbar .navbar-nav .open .dropdown-menu {
position:
static;
float: none;
width: auto;
margin-top:
0;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 250px;
}
.navbar-default .navbar-nav .open
.dropdown-menu > li > a {
padding: 5px 10px;
white-space: normal;
}
#navbar {
max-height: 340px;
overflow-y: auto !important;
}
.main-page-header > h1
{
padding-right: 0;
}
.social-share {
position: relative;
top: 0;
}
.server-pr-card__info,
.server-rt-card__info,
.user-pr-card__info {
max-width:
498px;
margin-top: 15px;
}
.server-pr-card .row >
.col-xs-1,
.server-rt-card .row > .col-xs-1,
.user-pr-cards
.row > .col-xs-1 {
width: 15%;
text-align: center;
}
.server-pr-card .row > .col-xs-11,
.server-rt-card .row
> .col-xs-11,
.user-pr-cards .row > .col-xs-11 {
width:
85%;
}
footer[role="contentinfo"] {
position: relative;
height: auto;
}
.footer__copyright,
.footer__menu,
.footer__social {
float: none;
width: 100%;
}
.footer__copyright {
text-align: center;
}
.footer__social .footer__social-l {
float: none !important;
max-width: 150px;
text-align: center;
margin: 0 auto 20px;
}
#description {
margin-bottom: 30px;
}
.pyramid {
margin-top: 50px;
}
.add-project-form {
max-width:
480px;
margin: 0 auto 50px;
}
.add-project-form
.control-label,
.add-project-form .form-group > .col-xs-5,
.add-project-form .form-group > .col-xs-6,
.add-project-form
.form-group > .col-xs-8,
.add-project-form .form-group >
.col-xs-10,
.user-profile form .control-label,
.user-profile form
.form-group > .col-xs-6 {
float: none;
width: 100%;
}
.user-profile form {
max-width: 480px;
margin:
0 auto 40px;
}
.user-profile form .form-group > .col-xs-5
{
width: 90%;
}
.user-profile form .form-group >
.col-xs-5 + .col-xs-1 {
width: 10%;
}
.add-project-form .form-group > .col-xs-offset-2 {
margin-left:
0;
}
.achievement-i {
width: calc(100% / 3);
}
.premium-table {
overflow-x: auto;
width:
100%;
overflow-y: hidden;
}
.premium-table__header,
.premium-table__i {
min-width: 768px;
}
.premium-table__place {
width: 8%;
}
.premium-table__paid {
width: 13%;
}
.premium-table__date {
width: 25%;
}
.premium-table__qty {
width: 12%;
}
.project-info-video {
position: relative;
display:
block;
height: 0;
padding: 0;
overflow:
hidden;
padding-bottom: 56.25%;
}
.project-info-video
iframe {
position: absolute;
top: 0;
bottom:
0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.project-reviews-l {
margin-bottom:
50px;
}
.project-review-comment {
margin-top: 20px;
}
#add-project-admins > .row > .col-xs-3 {
width:
33.3%;
margin-bottom: 20px;
}
.add-achiv-form
.control-label {
float: none;
width: 100%;
}
.add-achiv-form .form-group .col-xs-5 {
float: none;
width: 100%;
}
.achiv-manual {
width: 100%;
margin-bottom: 50px;
}
.code-achiv,
.achiv-manual code {
word-break: break-all;
}
}
@media screen and (max-width:
640px) {
.search-server-form .form-group .col-xs-3,
.search-server-form .form-group .col-xs-5,
.search-server-form
.form-group .col-xs-9 {
width: 100%;
float: none;
}
.search-server-form .form-group .col-xs-9 {
margin: 0
auto;
}
.search-server-form .form-group .col-xs-offset-3 {
margin-left: auto;
text-align: center;
}
.search-server-form .control-label {
display: block;
max-width: 290px;
margin: 0 auto 10px;
padding-left: 0;
padding-right: 0;
}
.search-server-form .form-group
.col-xs-5 .form-control {
max-width: 300px;
margin: 0
auto;
}
.project-rating,
.project-btn {
width:
33.3%;
}
.project-info-gallery > .col-xs-3 {
padding-right: 15px;
width: 50%;
}
#add-project-admins
> .row > .col-xs-3 {
width: 50%;
}
.bbbs
.col-xs-3 {
width: 50%;
margin-bottom: 20px;
}
.bbbs-i {
max-width: 200px;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.server-pr-card .row
> .col-xs-1,
.server-rt-card .row > .col-xs-1,
.user-pr-cards .row > .col-xs-1 {
display: none;
}
.server-pr-card .row > .col-xs-11,
.server-rt-card .row >
.col-xs-11,
.user-pr-cards .row > .col-xs-11 {
width:
100%;
}
.search-server-form .form-group .btn-group {
width: 50%;
}
.main-page-header > h1,
.news-full >
h1,
.servers_by-header > h1,
.user-cabinet-header > h1,
.project-header > h1 {
font-size: 26px;
padding-left:
0;
background-image: none;
}
.user-profile form
.form-group > .col-xs-5 {
width: 84%;
}
.user-profile form .form-group > .col-xs-5 + .col-xs-1 {
width:
16%;
}
.user-pr-cards .row > .col-xs-11 + .col-xs-1 {
display: block;
position: absolute;
right: 0;
top: 0;
text-align: right;
}
.del-fav-lnk {
margin-top: 0;
}
.user-pr-card__h {
padding-right:
15px;
}
.achievement-i {
width: 50%;
}
.project-stat-table > thead > tr > th,
.project-stat-table
> tbody > tr > th,
.project-stat-table > tfoot > tr
> th,
.project-stat-table > thead > tr > td,
.project-stat-table > tbody > tr > td,
.project-stat-table
> tfoot > tr > td {
padding-right: 8px;
word-break: break-all;
vertical-align: middle;
}
.project-stat-table > thead > tr > th:nth-child(2),
.project-stat-table > tbody > tr > th:nth-child(2),
.project-stat-table > tfoot > tr > th:nth-child(2),
.project-stat-table > thead > tr > td:nth-child(2),
.project-stat-table > tbody > tr > td:nth-child(2),
.project-stat-table > tfoot > tr > td:nth-child(2),
.project-stat-table > thead > tr > th:nth-child(4),
.project-stat-table > tbody > tr > th:nth-child(4),
.project-stat-table > tfoot > tr > th:nth-child(4),
.project-stat-table > thead > tr > td:nth-child(4),
.project-stat-table > tbody > tr > td:nth-child(4),
.project-stat-table > tfoot > tr > td:nth-child(4) {
width: 95px;
}
.project-stat-table > tbody > tr > td a
img {
display: block;
}
.achiv-manual-l {
padding-left: 15px;
}
}
@media screen and (max-width: 420px) {
.achievs-list__i {
padding-bottom: 15px;
border-bottom:
1px dashed #ccc;
}
.achievs-list__i_img-wrap,
.achievs-list__i_desc {
float: none;
width: 100%;
}
.achievs-list__i_desc {
padding-left: 15px;
}
.project-rating {
float: none;
width: 100%;
text-align: center;
}
.project-btn {
width: 50%;
text-align: center;
}
.project-review__body {
padding-left: 0;
padding-top: 40px;
}
.project-review__body .project-review {
padding-left: 10px;
}
.project-banner-i__code code {
word-break: break-all;
}
#add-project-admins > .row > .col-xs-3 {
width:
100%;
float: none;
}
}
@media screen and (max-width:
380px) {
.list-inline {
font-size: 12px;
}
.project-info-table > thead > tr > th:nth-child(1),
.project-info-table > tbody > tr > th:nth-child(1),
.project-info-table > tfoot > tr > th:nth-child(1),
.project-info-table > thead > tr > td:nth-child(1),
.project-info-table > tbody > tr > td:nth-child(1),
.project-info-table > tfoot > tr > td:nth-child(1) {
padding-right: 8px;
}
.project-review__user {
display:
block;
}
.project-review + .project-review {
margin-top: 0;
}
}
@media screen and (max-width: 320px) {
.achievement-i {
width: 100%;
float: none;
}
.achievement-i img {
margin: 0 auto;
}
.bbbs .col-xs-3
{
float: none;
width: 100%;
}
}