/* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2018.03.02 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ /* @author Alexander Samilyak (aleksam241@gmail.com) @created 2013.03.25 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ /** @param {string} value @param {boolean=} important @return {string} */ /** Clearfix in float based layouts */ /** @param {color} hexOrName @param {boolean=} important */ /** Pure css triangle */ .search_form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 50em; width: 100%; } .search_form.pretty_form { margin-bottom: 0; min-width: inherit; } .search_form .search-field input[type='text'] { width: 80%; vertical-align: middle; } .search_form .search-field input[type='submit'] { width: 18.5%; vertical-align: middle; margin-left: 1.5%; } .search_form input[type="search"] { width: 72%; } .search_form .submit { margin-left: 0.5em; width: 5em; } .search_form.with_background { background: #f7f7f7; margin-bottom: 40px; padding: 20px 20px 0; } .search_form + .switcher .selected .pseudo { pointer-events: none; } #content ol.search_results > li:before { content: ''; padding-right: 1.2em; } #content ol.search_results li { margin: 0 0 1.5em; } #content ol.search_results li .number { left: 0; position: absolute; text-align: right; width: 35px; } #content ol.search_results li .number + .link .file + .source { padding-left: 30px; } #content ol.search_results.with_dates { margin-left: 0; } #content ol.search_results.with_dates li { margin: 0 0 2.5em !important; padding: 0; } #content ol.search_results.with_dates p { margin-bottom: .5em; } #content ol.search_results.with_dates p.info { font-size: 90%; } #content ol.search_results.with_dates span.source { margin-left: 13px; font-size: 100%; } #content ol.search_results .source { font-size: 90%; color: #777; margin-top: 0.2em; } #content ol.search_results p.file { margin-bottom: 0; } .search_blocks { color: #777; margin-bottom: 1.5em; } .search_pager { margin-top: 25px; } .search_pager .prev_next { padding-left: 1em; } .search_pager .inactive { color: #777; } .search_pager .key { font-size: 75%; } .search_pager .pages { margin-top: 1em; } .search_pager .pages > * { display: inline-block; padding: 0 0.3em; margin-right: 1em; } .search_pager .pages > b { background: #a62a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 3px 10px; } .accent_block.extra.for_search { background: transparent; min-width: 300px !important; padding: 10px 0; } .accent_block.extra.for_search .possibly { color: #777; margin-bottom: 20px; } .accent_block.extra.for_search .datepicker { width: 110px; } .accent_block.extra.for_search .datepicker_wrapper { display: inline; position: relative; } .accent_block.extra.for_search .datepicker_wrapper:after { color: #ddd; content: '\e8f7'; font-family: 'icomoon' !important; font-size: 7px; font-style: normal; text-transform: none; font-variant: normal; font-weight: normal; line-height: 1; margin-left: -17px; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .accent_block.extra.for_search .item { margin: 20px 0; } .accent_block.extra.for_search .item div { margin-bottom: 5px; } .accent_block.extra.for_search .item .currency { border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 20px; padding: 15px; } .accent_block.extra.for_search .item .currency .items_currency { display: table; width: 100%; } .accent_block.extra.for_search .item .currency .item_currency { display: table-row; } .accent_block.extra.for_search .item .currency .item_currency div { display: table-cell; padding-top: 15px; } .accent_block.extra.for_search .item .currency .item_currency div:nth-child(2) { padding: 15px 5px 0; } .accent_block.extra.for_search .item .currency .item_currency div:nth-child(1), .accent_block.extra.for_search .item .currency .item_currency div:nth-child(3) { font-size: 21px; } .accent_block.extra.for_search .item .currency .item_currency div:nth-child(3) { text-align: right; } .accent_block.extra.for_search + .switcher_simple_content { margin-right: -webkit-calc(25% + 25px); margin-right: -moz-calc(25% + 25px); margin-right: calc(25% + 25px); } @media (max-width: 1200px) { .accent_block.extra.for_search + .switcher_simple_content { margin-right: -webkit-calc(300px + 25px); margin-right: -moz-calc(300px + 25px); margin-right: calc(300px + 25px); } } @media (max-width: 992px) { .search_pager .key { display: none; } } @media (max-width: 768px) { .accent_block.extra.for_search + .switcher_simple_content { margin-right: 0; } } @media (max-width: 576px) { .search_form .search-field input[type='text'] { width: 70%; } .search_form .search-field input[type='submit'] { width: 28.5%; } } @media (max-width: 425px) { .search_form .search-field input[type='text'] { width: 100%; } .search_form .search-field input[type='submit'] { width: auto; margin: 10px 0 0 0; } }