/* Theme Name: AVIZO.cz - filter stylesheet Theme URI: http://www.avizo.cz/ Description: Vychozi CSS Version: 2019-04-30-01 Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu) */ /* <-------------- LESS */ @fontfamily : 'Roboto',sans-serif; .font-thin { font-family: @fontfamily; font-weight: 100; } .font-light { font-family: @fontfamily; font-weight: 300; } .font-regular { font-family: @fontfamily; font-weight: 400; } .font-medium { font-family: @fontfamily; font-weight: 500; } .font-bold { font-family: @fontfamily; font-weight: 700; } .font-black { font-family: @fontfamily; font-weight: 900; } @color-default: #333; @color-blue: #0077b7; @color-black: #000; @color-border-form: #cde3fd; .button-gradient { background-image: linear-gradient(to top, #E4E4E4 0%, #fff 100%) !important; color: #130d0c; } .button-gradient-hover { background-image: linear-gradient(to top, #0178B7 0%, #53C0FA 100%) !important; color: #fff; } .button-gradient-blue { background-image: linear-gradient(to top, #0178B7 0%, #53C0FA 100%); color: #fff; } .button-gradient-blue-hover { background-image: linear-gradient(to top, #024264 0%, @color-blue 100%); color: #fff; } .button-gradient-orange { background-image: linear-gradient(to top, #f35d02 0%, #ffa200 100%); border: 1px solid #f35d02; color: #fff !important; } .button-gradient-orange-hover { background-image: linear-gradient(to top, #f33502 0%, #fd7827 100%); border: 1px solid #f35d02; color: #fff !important; } .link-animation { -moz-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in; } .border-radius ( @radius: 5px ) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .position-centered { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); } .position-vertical { position: absolute; top: 50%; transform: translateY( -50% ); } .position-horizontal { position: absolute; left: 50%; transform: translateX( -50% ); } /* <-------------- Vychozi nastaveni */ *, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} hr, .n {display:none;} .show {display:block !important;} div, form, section, header, footer, nav, aside {display:block;margin:0;padding:0;} /* <-------------- Telo */ html {margin:0;padding:0;width:100%;height:100%;} body {width:100%;height:100%;margin:0;padding:0; .font-regular ;font-size:0.9em;font-style:normal;line-height:1.6em;color:@color-default;background:#fff;text-align:center;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;} /* <-------------- Odkazy */ a, a:link, a:visited {color:@color-blue;text-decoration:none;-moz-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;outline:none !important;} a:hover, a:focus {color:@color-blue;text-decoration:underline;} a:active {color:@color-black;text-decoration:none;} a img, a:link img, a:visited img {border:none;text-decoration:none;} /* <-------------- Defaultni boxmodel */ .wrapper {width:100%;position:relative;padding:0;} .grid {width:100%;} .wrapper:after, .grid:after, .frm-group:after, .frm:after, .frm-info-box:after, .avizo-check:after, .filter-group:after, .filter-title:after, .filter-items:after, .filter-item:after {content:"";display:table;clear:both;} /* <-------------- Filter boxmodel */ .filter-content { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; padding: 0 0 80px 0; } .filter-button-container { .position-horizontal; position: fixed; bottom: 15px; width: auto; } /* <-------------- Button pro odeslani formulare */ button, .button, .button:visited, .btn, .btn:visited {display:inline-block;padding:10px 15px;line-height:1em;cursor:pointer;text-decoration:none !important;color:#130d0c !important;text-transform:uppercase; .font-bold; background-image:-moz-linear-gradient(bottom, #E4E4E4 0%, #FFF 100%); background-image:-o-linear-gradient(bottom, #E4E4E4 0%, #FFF 100%); background-image:-webkit-linear-gradient(bottom, #E4E4E4 0%, #FFF 100%); background-image:linear-gradient(to top, #E4E4E4 0%, #FFF 100%); border:1px solid #CCC; .border-radius; -moz-transition:all 500ms ease-in;-webkit-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in;} button, .button:hover, .btn:hover {background-color:#CACBCD; background-image:-moz-linear-gradient(bottom, #E6F2FF 0%, #FFF 100%); background-image:-o-linear-gradient(bottom, #E6F2FF 0%, #FFF 100%); background-image:-webkit-linear-gradient(bottom, #E6F2FF 0%, #FFF 100%); background-image:linear-gradient(to top, #E6F2FF 0%, #FFF 100%); border:1px solid #CDE3FD; .border-radius( 7px ); } .button i, .btn i {color:@color-blue !important;margin-right:5px;} .button em {font-style:normal;text-transform:none;} .filter-button { font-size: 15px; margin-left: 5px; .button-gradient-orange; min-width: 280px; } .filter-button:hover { .button-gradient-orange-hover; } .filter-button i { font-size: 21px; vertical-align: -3px; } .filter-button small { vertical-align: 3px; } /* <-------------- Defaultni formulare */ ::-webkit-input-placeholder {color:#A7A7A7;} ::-moz-placeholder {color:#A7A7A7;} :-ms-input-placeholder {color:#A7A7A7;} input:-moz-placeholder {color:#A7A7A7;} .select-placeholder {color:#A7A7A7 !important;} .frm {width:100%;margin:0 0 15px 0;} .frm-group {margin:0 0 15px 0;} .frm input[type="text"], .frm input[type="password"], .frm input[type="email"], .frm input[type="number"], .frm input[type="tel"], .frm input[type="date"], .frm textarea {width:100%;padding:10px 10px;border:1px solid #0099cc;outline:none !important;background:#fff;text-align:left; font-family:'Roboto',sans-serif;color:@color-default;font-size:1.0em;position:relative; } .frm select {padding:10px 5px;width:auto;border:1px solid #0099cc;outline:none !important;background:#fff;text-align:left;font-family:'Roboto',sans-serif;color:@color-default;font-size:1.0em;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .frm select.select200 {width:200px;} .frm input[type="text"]:focus, .frm input[type="password"]:focus, .frm input[type="email"]:focus, .frm input[type="number"]:focus, .frm input[type="tel"]:focus, .frm input[type="date"]:focus, .frm textarea:focus {border-color:#025e7c;} .frm input[type="text"]:disabled, .frm input[type="password"]:disabled, .frm input[type="email"]:disabled, .frm input[type="number"]:disabled, .frm input[type="tel"]:disabled, .frm input[type="date"]:disabled, .frm textarea:disabled {border-color:#C7C7C7;color:#8E8E8E;background:#fff;} .frm-item {margin-left:170px;position:relative;text-align:left;} .frm-item-minwidth {max-width:300px;} .frm-item-after, .count-input {display:block;width:auto;position:absolute;top:8px;right:5px;color:#0099cc;} .count-input {cursor:help;} label {outline:none !important;} .frm-label {width:150px;float:left;text-align:right;padding-top:7px;outline:none !important;} .frm label em, .reqico { .font-bold; font-style:normal;color:#a60000;font-size:1.4em;} .reqico {font-size:20px;} .frm-input-info-price { .font-bold; font-style:normal;color:#a60000;} .frm-item-maxlenght {padding-right:35px !important;} .frm-item-big-scroll {border:1px solid #0099cc;outline:none !important;background:#fffffff;height:350px;overflow-y:scroll;} .frm-item-big {margin-left:0;} .frm-info-box p {padding:3px 10px;font-size:0.75em; .font-bold; background:#FFF0B3;margin:0 0 2px 0;} .frm-info-box p i {color:#C16101;} .errormessage {font-size:0.85em;color:#FF0004;} label.error {color:#B90003;display:inline-block;padding:0 0 0 5px;} .frm input[type="text"].error, .frm input[type="password"].error, .frm input[type="email"].error, .frm input[type="number"].error, .frm input[type="tel"].error, .frm input[type="date"].error, .frm textarea.error, .frm select.error {border-color:#B90003;} /* <-------------- Checkbox a Radiobutton */ .avizo-check {display:block;margin:0 0 15px 0; line-height: 1.1em;position:relative; padding: 8px 0 10px 55px; cursor: pointer; } .avizo-check-button {display:inline-block;float:left;border:solid 1px #9c9291;background:#fff; .border-radius( 14px ); height:28px;width:45px;position:absolute;left:0;top:0;vertical-align:middle;cursor:pointer;} .avizo-check-button b {display:inline-block;width:26px;height:26px;text-align:center; .border-radius( 13px ); background:#9c9291;position:absolute;top:0;left:0;cursor:pointer;} .avizo-check-button b:before {content:"";display:inline-block;color:#fff;font-size:0.75em;font-family:'avizoico';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; .position-centered;} .avizo-check.checked .avizo-check-button b:before {content:"\f00c";} .avizo-check.checked .avizo-check-button b {background:#02c72c;} .avizo-check.checked .avizo-check-button {border-color:#02c72c;} .avizo-check.disabled .avizo-check-button b {background:#BEBEBE;cursor:default;} .avizo-check.disabled .avizo-check-button {border-color:#BEBEBE;cursor:default;} .avizo-check.disabled .avizo-check-button b:before {content:"\f00d";} .avizo-check.disabled.checked .avizo-check-button b {background:#abdb6c;cursor:default;right:0;left:auto;} .avizo-check.disabled.checked .avizo-check-button {border-color:#abdb6c;cursor:default;} .avizo-check.disabled.checked .avizo-check-button b:before {content:"\f00c";} .avizo-check span { display: block; margin: 0 0 0 50px; padding-top: 7px; } .avizo-check span { color: #919191; font-size: 12px; } /* <-------------- Filter form */ .filter-group { text-align: left; } .filter-group.checked .filter-title:before { content: "\f058"; font-size: 12px; position: absolute; left: 5px; top: 20px; color: #02c72c; } .filter-title { font-weight: 500; padding: 15px 20px; position: relative; font-size: 16px; cursor: pointer; background: #f7f9fa; border-top: solid 1px #eaedef; } .frm .filter-group:last-child .filter-title, .filter-group.current .filter-title { border-bottom: solid 1px #eaedef; } .filter-title i { float: right; font-size: 18px; color: #9c9291; vertical-align: -7px; } .filter-title .resetBlok { display: inline-block; padding: 5px 7px; line-height: 1em; border-radius: 7px; font-size: 11px; background: #000; color: #fff; .font-medium; margin: 0 15px 2px 0; cursor: pointer; } .filter-title .resetBlok i { font-size: 12px !important; color: #fff; float: none !important; vertical-align: -1px !important; margin-left: 6px; } .filter-items { padding: 20px 15px 20px 30px; } .filter-items { display: none; } .filter-item { position: relative; padding-bottom: 5px; } .filter-item input[type="text"], .filter-item input[type="number"], .filter-item textarea {width:100%;padding:10px 10px;border:1px solid #c6c6c6;outline:none !important;background:#fff;text-align:left; .font-regular; color: @color-default; font-size:1.0em; position:relative; } .filter-item input[type="text"]:focus, .filter-item input[type="number"]:focus, .filter-item textarea:focus {border-color:#025e7c;} .filter-item input[type="text"]:disabled, .filter-item input[type="number"]:disabled, .filter-item textarea:disabled {border-color:#C7C7C7;color:#8E8E8E;background:#fff;} .filter-item-labeled input[type="text"], .filter-item-labeled input[type="number"], .filter-item-labeled textarea { padding: 10px 40px 10px 35px; } .filter-item-before, .filter-item-after { display: block; width: 30px; position:absolute; top: 13px; line-height: 1em; z-index: 99; } .filter-item-before { left: 0px; text-align: right; color: #919191; } .filter-item-after { right: 0px; width: 40px; text-align: left; color: #3a3a3a; } .filter-group .avizo-check { color: #adaaaa; } .filter-group .avizo-check.disabled.checked .avizo-check-button b {background:#d7d9da;cursor:default;right:0;left:auto;} .filter-group .avizo-check.disabled.checked .avizo-check-button {border-color:#d7d9da;cursor:default;} .filter-group .avizo-check.disabled.checked .avizo-check-button b:before {content:"\f00c";} .filter-mlink { line-height: 1.2em; font-size: 16px; padding-left: 40px; position: relative; } .filter-mlink-i { font-size: 33px; position: absolute; top: 0; left: 10px; color: #51aeff;} .filter-items-sub { padding: 0 0 20px 20px; font-size: 11px; } .filter-items-sub .avizo-check { margin-bottom: 0; padding: 10px 0 10px 55px } .filter-items-sub .avizo-check-button { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; height: 18px; width: 35px; top: 5px; } .filter-items-sub .avizo-check-button b { width: 16px; height: 16px; border-radius: 8px; } .filter-items-sub { display: none; } .filter-items-sub-show { display: block !important; }