Toote andmed
* { padding: 0; margin: 0; ülevaade: none; border: none; list-style: none; box-suurus: border-box; font-family: "Avatud Sans', sans-serif;
}
img { max-width: 100%;
}
.wrapper { margin: 0 auto; laius: 90%; max-width: 1024px; float: mitte ükski;
}
.selge, { selge: nii;
}
peamine,
päis,
jagu,
jalus,
.store_features { width: 100%; float: left;
}
peamine { background: #f0f0f0;
}
header { padding: 25px 0;
}
päise a { width: 150px; display: block; margin-left: auto; varu-right: auto; }
päise kõrvale { float: right;
}
.store_features { background: #707070; border: 1px solid #707070;
}
.store_features li { laius: 25%; border-right: 1px solid #434343; display: table; float: left;
}
.store_features li:last-child { border: none;
}
.store_features li div { padding-right: 5%; laius: 30%; height: 50px; display: table-cell; vertical-align: middle; text-align: right;
}
.store_features li span { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 600; color: #FFF;
}
.template_content { margin-bottom: 20 pikslit; padding: 15 pikslit; taust:#FFF;
}
.image_gallery { width: 50%; background: #FFF; text-align: center; float: left;
}
/*CSS GALERII*/
.konteiner { width: 100%; position: relative; margin:0 auto;
}
.pisipildid { text-align: center; list-style: none; font-size: 0;
}
.pisipildid li { margin: 10px 10px 0 0; width: 100px; height: 100px; taust: #fff; display: inline-block; text-align: center; vertical-align: middle; float: left;
}
.pisipildid input[name="select"] { display: none;
}
.pisipildid .punkt-hugger { padding: 5px; laius: 100%; height: 100%; position: relative; display: flex; flex-suund: veerg; õigustada-sisu: center; viia kirjed: center; border: 1px solid #e3e3e3; üleminek: kõik 150ms lihtne-in-out;
}
.pisipildid label { position: absolute; top: 0; left: 0; paremal: 0; bottom: 0; cursor: pointer;
}
.pisipildid .gallery_content { max-width: 540px; laius: 100%; kõrgus: 500px; taust: #fff; äärise: 1px solid #e4e4e4; üleminek: kõik 150ms lineaarne; display: flex; flex-suund: veerg; õigustada-sisu: center; viia kirjed: center; overflow: hidden; läbipaistmatus: 0; position: absolute; top: 0; left:50%; transform: translateX(-50%);
}
.pisipildid input[name="select"]:kontrollitud + .punkt-hugger { border-color: #a2a2a2;
}
.pisipildid input[name="select"]:kontrollitud ~ .gallery_content { opacity: 1;
}
.valge-box { height: 500px; overflow: hidden;
}
.template_right { width: 49%; float: right;
}
.kirjeldus h2 { margin-bottom: 10px; font-weight: 400; font-size: 28px; color: #323232;
}
.kirjeldus p { font-size: 14px; line-height: 28px; font-weight: normal; color: #6e6e6e; margin-bottom: 8px;
}
.kirjeldus ul { margin-bottom: 10px;
}
.kirjeldus ul li { list-style-type: disc; list-style-position: inside; font-size: 14px; line-height: 24px; font-weight: normal; color: #6e6e6e;
}
.css_tab1 { width: 100%; float: left; position: relative; margin-top: 20 pikslit;
}
.css-tab1 { display: none;
}
.css_tab1 li { display: inline-block; float: left; width: 100%;
}
.css_tab1 li label { padding: 10px 20 pikslit 10px 20 pikslit; laius: 140px; taust: #f2f2f2; border: 1px solid #ddd; text-align: center; text-transform: algustähega; font-size: 14px; color: #6e6e6e; position: absolute; left: 0px; top:8px; float: left; cursor: pointer;
}
.css_tab1 li:n-laps(1) silt { left: 0px;
}
.css_tab1 li:n-laps(2) silt { left: 139px;
}
.css_tab1 li:n-laps(3) silt { left: 278px;
}
.css-tab1:kontrollitud + .tab-label { padding: 14px 20 pikslit 14px 20 pikslit; taust: #fff; äärise: 1px solid #ddd; border-bottom: 1px solid #fff; top: 0;
}
.tab-label:hover { background: #fff;
}
#tab1:kontrollitud ~ #tab-content1,
#tab2:kontrollitud ~ #tab-content2,
#tab3:kontrollitud ~ #tab-content3 { display: block;
}
.tab-content { margin-top: 48px; padding: 15 pikslit 0px 0px 20 pikslit; laius: 100%; background: #FFF; border-top: 1px solid #ddd; display: none; text-align: left; float: left;
}
.tab-content p { font-weight: 300; font-size: 16px; color: #6e6e6e; line-height: 24px; padding-top: 14px;
}
.tab-sisu ul li { font-weight: 300; font-size: 16px; color: #6e6e6e; line-height: 24px; padding-top: 14px;;
}
.tab-sisu ul li { display: list-objekt; list-style-type: disc; list-style-position: väljaspool; padding-left:0em }
.tagasiside { margin-bottom: 20 pikslit;
}
.tagasiside h3 { padding: 0 15 pikslit; taust: #4db452; border:1px solid #3b9f40; font-size: 14px; line-height: 45px; color: #FFF;
}
.tagasiside div { padding: 15 pikslit; taust: #FFF;
}
.tagasiside div p { font-weight: 300; font-size: 14px; color: #6e6e6e; line-height: 24px;
}
.bottom_section { display: table; height: 100%;
}
.bottom_section ul { display: table-row; height: 100%;
}
.bottom_section ul li { laius: 33.33%; height: 100%; display: table-cell; padding: 0 30px 20 pikslit 0;
}
.bottom_section ul li:last-child { padding-right: 0;
}
.bottom_section ul li div { padding: 15 pikslit 15 pikslit; height: 100%; background: parem ülemine no-repeat ;
}
.bottom_section ul li div h3 { margin-bottom: 10px; padding-top: 10px; font-size: 18px; font-weight: 600; color: #4db452; text-align: center;
}
.bottom_section ul li:esimese lapse div h3 { }
.bottom_section ul li:n-laps(2) div h3 { }
.bottom_section ul li:last-child div h3 { }
.bottom_section ul li div p { font-weight: 300; font-size: 14px; color: #6e6e6e; line-height: 24px;
}
footer { padding: 0 30px; taust: #4db452;
}
jalus p { font-size: 14px; color: #FFF;
}
@meedia ainult ekraani ja (max laius: 980px) {.image_gallery, .template_right { width: 100%; } .image_gallery { margin-bottom: 20 pikslit; } .pisipildid li { margin: 10px 5px 0 5px; float: none; }
}
@meedia ainult ekraani ja (max-width: 840px) { .bottom_section ul li { padding-right: 0; width: 100%; display: block; }
}
@meedia ainult ekraani ja (max-width: 640px) { .store_features li { width: 50%; } .store_features li:n-laps(1), .store_features li:n-laps(2) { border-bottom: 1px solid #434343; } .store_features li:n-laps(2) { border-right: none; }
}
@meedia ainult ekraani ja (max-width: 540px) { header { text-align: center; padding-bottom: 10px; } header a päise kõrvale { float: none; } header a { margin: 0 0 20 pikslit 0; display: inline-block; } .css_tab1 li label { padding: 10px; width: 100% !oluline; asukoht: staatiline; taust: #6e6e6e url(https://image.ibb.co/dewGuS/plus.png) õigus center no-repeat; text-align: left; color: #fff; border: none; } .css_tab1 li{ margin-bottom: 1px; } .tab-content { margin-top: 0px; } .css_tab1 li silt:hover{ background: #6e6e6e url(https://image.ibb.co/dewGuS/plus.png) õigus center no-repeat; border: none; }.css-tab1:kontrollitud + .tab-label{ padding: 10px; taust: #f2f2f2 url(https://image.ibb.co/hOtJ8n/minus.png) õigus center no-repeat; color: #646464; } .pisipildid .gallery_content, .valge-box { height: 400px; }
}Tere tulemast TONG YI Professional kleebis pood!