/* * responsive.custom.css is for custom media queries that are not set via the * theme settings, such as cascading media queries. * * By default all the other responsive stylesheets used in Adaptivetheme use a * "stacking method", however cascading media queries use a waterfall method so * you can leverage the cascade and inheritance for all browsers that support * media queries. * * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack * * NOTE: this file loads by default, to disable go to your theme settings and * look under the "CSS" settings tab. */ /* * Really small screens and up */ /* @media only screen and (min-width: 220px) {} */ /* * Smalltouch sizes and up */ @media only screen and (max-width: 321px) { #name-and-slogan a { font-size: 19px !important; } } /* * Smalltouch sizes and down */ @media only screen and (max-width: 480px) { #block-views-pay-block-1 .views-row { width:auto !important;} select.changecity { margin-top:10px; } #block-block-20 { margin-bottom:0;} .form-actions input.form-submit { font-size:1.2em; padding: 3px 6px; background-color:#6598cb; color:#FFFFFF} #messages { clear:both; padding-top:5px;} div.messages { padding-left:10px;} div.messages ul li:first-child { margin-top:20px;} div.block-19, div.block-18{ margin-bottom:0; clear: both;} div.block-18 p, div.block-19 p { margin:0 0 0.5em !important; text-align:justify;} .form-item-field-osobennosti-und { margin-top:0;} .filter-wrapper { display:none;} .image-widget-data #edit-field-foto-und-0-upload-button { margin-top:10px;} .region[class*="float-blocks"] .block { float: none; width: 100%; } #page-wrapper {background: url("/sites/all/themes/snimi/images/bground.png") 50% -40px repeat-x #f7f7f7 !important; } #header { float:left; height:60px;} #main-content { margin-top:16px;} #content-column { background:none; } .left-corner { background:none; padding:0; left:0;} .sidebar-first .content-inner { background: url("/sites/snimi-bez-posrednikov.ru/files/color/garland-b5d1cf93/bg-content-right.png") 100% -1px no-repeat transparent; position: relative; background:none; right:0px;} #name-and-slogan a { font-size: 19px !important;font-weight: 700; } .region-highlighted { clear:both; margin-left:0; margin-right:0; margin-top:1em; margin-bottom:1em; overflow:hidden;} span.slogan { display:none;} .breadcrumb { display:none;} .block-secondary-menu { padding-left:20px;} .block-secondary-menu a:link, ul li.leaf a, ul li.expanded a, ul li.collapsed a { font-size: 150%;} #page-title { clear:both; overflow:hidden; font-size: 1.3em; line-height: 1.1em;} .field-name-taxonomy-vocabulary-2, .field-name-field-cat { padding:0; margin:0; width:100%; font-size:1em; } .node .field-name-taxonomy-vocabulary-2 { float:none; text-align: left;margin-top:1em; margin-bottom:1em;} .field-name-field-cat ul , .field-name-taxonomy-vocabulary-2 ul{ margin:0; padding:0;} /* adsense top*/ #block-block-17 { min-height:50px !important;} #block-block-6 { margin-bottom:0;} .adcenter2 { display:none;} .field-name-field-min-do-metro { clear:both;} .field-name-field-kuhnya { clear:both;} .m { clear:right !important; width:100%; } .m a, .views-field-field-do-metro a, .views-field-field-pesh a { background: url("/sites/all/themes/snimi/images/metro_mob.png") 0% 50% no-repeat transparent; padding-left:10px; line-height:1em; font-weight:normal; clear:right !important; } td { padding:5px 5px;} #back-top { display:none !important;} td.views-field-field-foto { padding-left:0; } .views-field-view-node a { line-height:1em; font-size:12px; } .views-exposed-form .views-exposed-widget {padding: .5em .5em 0 0;} .views-exposed-widgets #edit-komnat-wrapper { float:left; width:auto; height:60px;} .form-checkboxes .form-item { font-size:0.9em} .form-item-price { width:50px;} .views-exposed-widgets #edit-price-wrapper { clear:none; float:left; height:60px; width:140px;} .views-exposed-widgets #edit-price-wrapper .views-widget { display:inline-block;} input#edit-price { float:left;} .views-exposed-widgets #edit-price-wrapper .description { display: inline-block; margin-left: 10px; vertical-align: top; font-size:0.9em; } td.views-field-view-node { vertical-align:top;} td.views-field-field-komnat { display:none;} td.views-field-field-price { padding:0; padding-top:5px; display:block !important; text-align:center; font-size:12px;} td.views-field-field-pesh, td.views-field-field-do-metro { padding:0; padding-right: 0; display:block !important; font-size:12px; } .views-field-field-pesh a { width: 100%; display: block; text-align: left; margin-top: 5px;} .srok { line-height: 1.5em; float:right; margin-left:4px; font-size:12px; } .date { font-size:12px; } .node-type-hostel .field-name-field-uslugi { margin-right: 0px; clear:both;} .node-type-hostel .field-name-field-pitanie { width: 100%; float: right; clear:both;} .node-obyavlenie .field-name-body, .node-type-hostel .field-name-body { padding:10px; clear:both; text-align:justify;} .node-obyavlenie-form .ds-above-left, .node-obyavlenie-form .ds-above-middle, .node-hostel-form .ds-above-left, .node-hostel-form .ds-above-middle, .node-hostel-form .ds-below-left, .node-hostel-form .ds-below-middle { width:50% !important;} .node-obyavlenie-form .ds-above-right, .node-hostel-form .ds-above-right { clear:both; width:100%; } .node-obyavlenie-form input#edit-field-price-und-0-value { width:40px;} .node-obyavlenie-form .ds-below-left, .node-obyavlenie-form .ds-below-middle {clear:both; width:100%;} .node-obyavlenie-form input#edit-title, .node-obyavlenie-form input#edit-field-adress-und-0-value, .node-hostel-form input#edit-title, .node-hostel-form input#edit-field-adress-und-0-value, .node-flat-form input#edit-title, .node-flat-form input#edit-field-adress-und-0-value { width: 97%;} .node-flat-form .ds-below-left, .node-flat-form .ds-below-middle { clear: both; width: 100%; } .node-flat-form .ds-above-right, .node-hostel-form .ds-above-right { clear:both; width:100%; } .ds-2col-stacked-fluid .group-left { width:100%} .ds-2col-stacked-fluid .group-right { width:100%; } .field-name-adsense-center { overflow:hidden; padding-left:0px; padding-top:10px; padding-bottom:10px;} #block-views-pay-block-1 .views-row { width:auto !important;} ul.ul_left { float:none;margin-left:20px;} ul.ul_right { padding-left: 20px; margin-left:40px; } .views-exposed-widgets { padding-right:0; padding-left:0;} .form-item-price { float:left} } /* * Tablet sizes and up */ @media only screen and (min-width: 768px) { .mean-container .mean-bar {} } @media only screen and (max-width: 1024px) { span.slogan { display:none;} } /* * Desktops/laptops and up */ @media only screen and (min-width: 1025px) { ul.featured-content-block-content { margin: 0; padding: 0; word-spacing: -1ex; } /* Firefox ниже версии 3 не знает о inline-block. Поэтому указываем для него -moz-inline-stack */ .featured-content-block-content li { display: -moz-inline-stack; display: inline-block; //display: inline; } /* Чтобы ссылки не нажимались кликом по пустому месту, применим фильтр */ .featured-content-block-content a, .featured-content-block-content b { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); } .featured-content-block-content a, .featured-content-block-content b, x:-moz-any-link { display:block; } /* Если Firefox выше 2.0, Возвращаем a и b в inline */ .featured-content-block-content a, .featured-content-block-content b, x:-moz-any-link, x:default { display: inline; } .featured-content-block-content li, .featured-content-block-content a, .featured-content-block-content b { vertical-align: top; } /* customize */ .featured-content-block-content li { margin: 0 10% 0.4em 0; //margin: 0; width: 40%; //width: auto; } .featured-content-block-content a { //margin: 0 10% 0.4em 0; //width: 40%; } .featured-content-block-content ul { width: 100%; } }