* { margin: 0px; indent: 0px; krug: na upit; granica: na upit; oblikovanje teksta: na upit; stil liste: na upit; veličina okvira: border-box; } img { maksimalna širina: 100%; } .očistiti { očistiti: oboje; } .ljuska { maksimalna širina: 1024px; width: 96%; margin: 0 auto; } .osnovna { width: 100%; plutajući: lijevo; /* font-family: 'Oswald', sans-serif;*/ font-family: 'Open Sans', sans-serif; background: URL (https://wearephoenixteam.com/ebay/free-templates/images/temp5/bg.jpg) ponavlja se gore lijevo; } .naslov { width: 100%; float: left; background: #fff; tekst poravnanje: centrirano; granični radijus: 6 piksela; granica: puna 1 piksel #e7e7e7; uvlaka: 30 piksela 0; teren: 22 piksela 0; pozicija: relativna; } . naslov: nakon { sadržaj: "; position: absolute; lijevo: 0; desno: 0; na dnu: -30 piksela; visina: 30 piksela, background: URL (https://wearephoenixteam.com/ebay/free-templates/images/temp5/head-shadow.png) u centru na vrhu, bez ponavljanja; } .predložak { width: 100%; float: left; } .template_left { širina: 75%; float: left; } .white_space { uvlaka: 16 piksela, background: #fff; border-radius:8px; granica: puna 1px #e7e7e7; } .naslov .heading { width: 100%; plutajući: lijevo; background: #f9962f; font-family: "Oswald", sans-serif; veličina slova: 22px; visina retka: 28px; veličina fonta: običan; color: #fff; uvlaka: 7x15 piksela; } h2.naslov { donje polje: 15 piksela; } /* galerija*/ .gallery_list { width: 100%; float: left; položaj: relativno; tekst poravnanje: centrirano; teren: 35 piksela 0; } . minijature { stil liste: na upit; font-size: 0; } .minijature li { prikaz: inline-block; margin: 0 10px 0 0; širina: 90px; visina: 90px; poravnanje teksta: centrirano; poravnanje po vertikali: po sredini; } .minijature li: postavite pokazivač miša na objekt-обнимашку { pozadina: bijela; } .minijature li: postavite pokazivač miša na objekt-обнимашку .naslov { color: #000; } .unos minijatura [name="odaberi"] { prikaz: na upit; } .skice .predmet обнималка { visina: 100%; položaj: relativno; background: #fff; prikaz: fleksibilan; smjer savijanja: stupac; poravnanje po sadržaju: u središtu; prijelaz: sve 150 ms glatko ulaz-izlaz; -moz-prijelaz: sve 150 ms glatko ulaz-izlaz; -webkit-prijelaz: za samo 150 ms za praktičnost io; granica: puna 1px #e4e4e4; z-index: 999; uvlaka:4px; } .oznaka minijatura { position: absolute; pri vrhu: 0; lijevo: 0; desno: 0; na dnu: 0; cursor: pointer; } .minijature .naslov { uvlaka: 20px 0 0; font-size: 18px; boja: # 555; prijelaz: za samo 150 ms linearno; } .thumbnails .thumb-sliku .thumbnails .content2 img { poravnaj; maksimalna visina: 100%; } .thumbnails .content2 { position: absolute; top: 0; lijevo: 0; width: 100%; visina: 350 piksela; uvlaka: 5 piksela; opacity: 0; prijelaz: sve 150 ms linearno; prikaz: fleksibilno; background: #FFF; smjer puta: stupac; poravnati sadržaj: u središtu; overflow: skriveno; poravnajte-sebe: u središtu; } . unos minijatura [name = "odaberi"]: obilježen + .element-обниматель { pozadina: bijela; granica: puna 1px #f9962f; } . unos minijatura [name ="odaberi"]: provjereno ~ .content2 { opacity: 1; } .bijelo polje { visina: 400px; overflow: skriveno; } .temp_lest { width: 100%; float: left; margin-bottom: 15 piksela; } .temp_lest li { width: 100%; plutajući: lijevo; veličina slova: 14 piksela; visina retka: 28 piksela; težina fonta: običan; boja: #737373; pozadina:url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/list-arrow.jpg s lijeve strane 10px bez ponavljanja; lijeva: 18px; } p { font-size: 14px; visina retka: 24px; težina fonta: običan; color: #737373; } .temp_left2 { background: transparent; indent: 0; glavni margin: 20px; granica: na upit; } /* KARTICA CSS*/ .css_tab { width: 100%; float: left; položaj: relativno; } .css-tab { prikaz: na upit; } .css_tab li { prikaz: inline-block; float: left; width: 100%; } .css_tab li label { uvlaka: 10x8 piksela; širina: 16.7%; background: #f9962f; font-family: "Oswald", sans-serif; tekst poravnanje: centrirano; veličina slova: 16 piksela, težina fonta: 400; color: #FFF; position: absolute; lijevo: 0; top: 0px; float: left; cursor: pointer; granični radijus: 8px 8px 0 0; } .css_tab li: n-ja sam kći (1) oznaka { lijevo: 15 piksela; } .css_tab li: n-ja sam kći (2) oznaka { lijevo: 19,2%; } .css_tab li: n-ja sam kći (3) oznaka { lijevo: 36,4%; } .css_tab li: n-ja sam kći (4) oznaka { lijevo: 53,6%; } .css_tab li: n-ja sam kći (5) oznaka { lijevo: 70.8%; } .css-tab: obilježen + .tab-label{ background: #b75d00; } .prečac kartice: postavite pokazivač { background: #b75d00; } #tab1: provjereno ~ #tab-content1,#tab2: provjereno ~ #tab-content2,#tab3: provjereno ~ #tab-content3,#tab4: provjereno ~ #tab-content4,#tab5: provjereno ~ #tab-content5 { display: block; } .kartica sadržaja { width: 100%; float: left; gornja margina: 44px; uvlaka: 15px 20px; granica: puna 1px #e7e7e7; background: #fff; prikaz: na upit; poravnanje teksta: lijevo poravnanje; minimalna visina: 150 px. granični radijus: 8 piksela; } .kartica-sadržaj p { veličina slova: 14 piksela; visina retka: 24 piksela; težina fonta: običan; boja: #737373; } .tab-content .temp_lest { teren: 15 piksela 0; } .template_right { širina: 23%; s pomičnim zarezom: desno; granični radijus: 8 piksela; } .ftr_box { width: 100%; float: left; poravnanje teksta: centrirano; background: #fff; granica: puna 1px #e7e7e7; granični radijus: 8 piksela; uvlaka: 12 piksela, donje polje: 20 piksela, položaj: relativno; } .ftr_box: nakon { sadržaj: url('https://wearephoenixteam.com/ebay/free-templates/images/temp5/box-shadow.png'); position: absolute; lijevo: - 21px; na dnu: -26px; } .contact_box { width: 100%; plutajući:na lijevoj strani; background: #fff; granični radijus: 10 piksela; tekst poravnanje: centrirano; položaj: relativni; } .contact_box: nakon { sadržaj: url('https://wearephoenixteam.com/ebay/free-templates/images/temp5/box-shadow.png'); position: absolute; lijevo: -21px; na dnu: -26px; } .contact_box h2 { margin-bottom: 0; border-radius: 10px 10px 0px 0px; } .contant_det { width: 100%; float: left; granica: puna 1px #e7e7e7; gornja granica: na upit; uvlaka: 10px; } .contant_det p { veličina slova: 13 piksela; visina retka: 20 piksela, težina fonta: običan; boja: #777; stil fonta: kurziv; } .contant_det p b { prikaz: blok; težina font: bold; } .povratne { width: 100%; plutajući: lijevo; background: #fff; granica: puna 1px #e7e7e7; uvlaka: 25px; glavni margin: 20px; granični radijus: 8px; } .slika povratne { float: left; desni teren: 30 piksela, } .povratne informacije p { stil fonta: kurziv; } .podnožje { width: 100%; float: left; poravnanje teksta: centrirano; uvlaka: 30 piksela na 0; } .podnožje p { stil fonta: kurziv; } @media (maksimalna širina: 980 piksela) { .naslov { teren: 10 piksela 0; } .template_left { širina:100%; donje polje: 20 piksela, } .template_right { width: 100%; } .ftr_box { donje polje: 10 piksela; } } @media (maksimalna širina: 800 piksela) { .css_tab li label { lijevi teren: 0 !važno; uvlaka: 10x15 piksela; širina: 100% !važno; položaj: statična; background: URL #f9962f (https://wearephoenixteam.com/ebay/free-templates/images/temp5/plus.png) na desnoj sredini bez ponavljanja; poravnanje teksta: lijevo poravnanje; granica: na upit; } .css_tab li { donje polje: 1 piksel; } .kartica sadržaja { gornja margina: 0 piksela; minimalna visina: 0; } .css_tab-oznaka: postavite pokazivač { background: URL #b75d00 (https://wearephoenixteam.com/ebay/free-templates/images/temp5/plus.png) na desnoj sredini bez ponavljanja; granica: na upit; } .css-tab: obilježen + .tab-label { donja granica: puna 1 piksel #ddd; background: URL #b75d00 (https://wearephoenixteam.com/ebay/free-templates/images/temp5/minus.png) bez ponavljanja na desnoj strani u sredini; } .kartica sadržaj oznaka .css_tab li { granični radijus: 0; } } @media (maksimalna širina: 600 piksela) { .skice .содержание2, .bijeli pravokutnik { visina: 340 piksela; } .gallery_list { teren: 10 piksela 0; } .naslov { uvlaka: 15 piksela na 0; } . povratne { poravnati tekst:u centru; } . slika povratne { vrijednosti s pomičnim zarezom: na upit; } } @media (maksimalna širina: 480 piksela) { .minijature li { širina: 80 piksela; visina: 80 piksela; } .skice .содержание2, .bijeli pravokutnik { visina: 300 piksela, } }Dobrodošli na profesionalne shop naljepnica TONG YI!