Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @media screen and (min-width:1024px) {
- header {
- position: relative; @include header-de; z-index: 105;
- &#header-container {
- background: $de-body-bg-color-2;
- }
- .header {
- min-height: 150px; position: relative; @include site-width; padding: 0 20px; @include box-sizing;
- }
- #networks {
- float: right; margin: 8px 0 0 0;
- span {
- width: 20px; height: 20px; background: url("../images/social.png") no-repeat scroll 0 0 transparent;
- &.network-tw {
- background-position: -21px 0;
- }
- &.network-gp {
- background-position: -42px 0;
- }
- }
- }
- #logo {
- left: 13%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
- * {
- display: block; white-space: nowrap; text-align: center;
- }
- img {
- max-height: 130px; height: auto; width: auto; margin: 0 auto; max-width: 100%;
- }
- }
- #header-search, #header-cart {
- display: block; position:absolute; left: 30%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: right;
- }
- #header-search {
- form {
- width: 500px; height: 38px; @include box-sizing; @include border(1px, 1px, 1px, 1px, solid, $de-header-search-border-color);
- }
- #sbox {
- width: 462px; height: 36px; line-height: 36px; font-size: 14px;
- }
- .headerSearchButton {
- @include open-iconic('\e08f', 14px, $de-header-search-icon); position: relative; z-index: 1;
- &:before {
- position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
- }
- input {
- background: none; border: none; z-index: 2; position: relative; overflow: hidden; text-indent: -9999px; cursor: pointer; height: 36px; width: 36px;
- }
- }
- .header-search-advanced {
- margin: 0 0 3px;
- a {
- color: $de-header-text-color; opacity: 0.6;
- }
- }
- }
- #mobile-search, #mobile-cart, #mobile-international{
- display: none;
- }
- @media screen and (min-width:1024px) {
- #header-cart {
- left: auto; right: 20px; padding: 0 55px 0 0;
- .header-mini-cart-content {
- *:not('.view-more') {
- color: $de-main-color-2;
- }
- }
- #header-mini-cart-items{
- .mini-cart-box-name{
- max-width: 120px;
- a{
- word-wrap: break-word;
- }
- }
- }
- }
- }
- .header_mini_cart_wrapper {
- background: url("../images/cart.png") no-repeat scroll 100% 0 transparent; height: 46px; width: 45px; @include border(0, 0, 0, 1px, solid, $de-header-search-border-color); position: absolute; right: 0; top: 0;
- .header-mini-cart-link{ display: block; position: relative; width: 100%; height: 100%; z-index: 2; }
- }
- .header-mini-cart {
- background: $de-main-color-1; @include arrow(0, 5px, 5px, 5px, transparent, transparent, transparent, transparent, -6px, 15px, null, null); top: 55px; @include border(0, 1px, 1px, 1px, solid, $de-main-color-3);
- &:before {
- border-top-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
- border-bottom-color: $de-main-color-2;
- }
- &:after {
- height: 20px; background: transparent; top: -21px; left: -1px; right: -1px; @include border(0, 0, 3px, 0, solid, $de-main-color-2); display: block; content: ""; position: absolute; z-index: 999;
- }
- }
- .header-cart-title {
- text-transform: uppercase; margin: 4px 0 0;
- }
- .view_cart {
- font-size: 18px; margin: 2px 0 0;
- }
- #responsive-menu-link{
- @include box-sizing-default;
- }
- }
- }
- @media screen and (width:800px) {
- .quick_search_results { top: 45%!important; width: 500px!important; left: 87px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1024px) {
- .quick_search_results { width: 500px!important; left: 356px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1152px) {
- .quick_search_results { width: 500px!important; left: 412px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1280px) {
- .quick_search_results { width: 500px!important; left: 434px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1360px) { /** netestat **/
- .quick_search_results { width: 500px!important; left: 474px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1366px) {
- .quick_search_results { width: 500px!important; left: 477px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1400px) {
- .quick_search_results { width: 500px!important; left: 494px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1440px) { /** netestat **/
- .quick_search_results { width: 500px!important; left: 514px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1600px) {
- .quick_search_results { width: 500px!important; left: 594px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1680px) {
- .quick_search_results { width: 500px!important; left: 634px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:1920px) {
- .quick_search_results { width: 500px!important; left: 754px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
- @media screen and (width:2560px) {
- .quick_search_results { width: 500px!important; left: 1075px!important;
- li span.name {
- width: 400px;
- }
- li span.description {
- width: 400px;
- }
- li span.price {
- width: 400px;
- text-align: right;
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement