/* ------------------------------------------------------------------------------

FLATAUCTION EBAY MALLI TEHTUD PIXELSAFARI.NET

Malli Nimi: FlatAuction

Kirjeldus: FlatAuction eBay Malli Pixelsafari.net

Autor: Daniel Kolb

Autor URI: httpss://pixelsafari.neto

Versioon: 2.7

1. Wrapper

2. Päise Ja Navigeerimine

3. Galerii (kaasa arvatud Zoom)

4. Keskmises Veerus

5. Title & Lühikirjeldus

6. Hind Konteiner & Nupp

7. Parem Veerg

8. Kaardiriba

9. Miks Valida meid

10. Risti Müüjad

11. Jalus

MEEDIA KÜSIMUSTELE:

12. Max laius 1024px (Sülearvuti / Tahvelarvuti)

13. Max laius 830px (Tabletid)

14. Max laius 660px (Nutitelefonid)

15. Max laius 480px (Nutitelefonid)

VAHENDID:

16. Animatsioonid

------------------------------------------------------------------------------ */

/** 1. Wrapper **/

#wrapper {

margin: 0 auto;

padding: 50px 20 pikslit 0 20 pikslit;

max-width: 1390px;

font-family: 'Lato', sans-serif;

}

.selgem {

selge: nii;

}

/** 2. Päise Ja Navigeerimine **/

.header {

margin-bottom: 50px;

}

.logoContainer {

varu-left: 40px;

}

.logoContainer img {

max-width: 280 pikslit;

max kõrgus: 180px;

}

.navigationContainer {

display: block;

margin-top: 25px;

height: 50px;

border-top: 2px solid #3ed394;

border-bottom: 2px solid #3ed394;

background-color: #3ed394;

}

.navigationContainer ul {

margin: 0;

padding: 0 0 0 20 pikslit;

line-height: 50px;

}

.navigationContainer ul li {

display: inline-block;

varu-left: 40px;

color: #fff;

text-transform: algustähega;

font-weight: 400;

font-size: 16px;

}

.navigationContainer a,

.navigationContainer a:külastatud {

color: #fff;

text-decoration: mitte ükski;

}

.navigationContainer ul li:hover,

.navigationContainer ul li a:hover {

cursor: pointer;

text-decoration: underline;

}

/** 3. Galerii **/

.galerii {

laius: 43%;

margin-right: 2%;

float: left;

position: relative;

}

.bigPic {

position: absolute;

display: block;

top: 0;

vasakul: 0;

laius: 100%;

kõrgus: 630px;

text-align: center;

hägususe: 0;

background-color: #fff;

üleminek: hägususe 0,5 s;

margin: 0;

}

.bigPic img {

position: absolute;

top: 0;

paremale: 0;

bottom: 0;

vasakul: 0;

margin: auto;

max-width: 100%;

max-height: 100%;

}

.galerii .bigPic:esimene-of-tüüpi {

position: relative;

pointer-sündmused: auto;

hägususe: 1;

z-index: 2;

}

.galleryNav {

padding-top: 15 pikslit;

padding-left: 0;

text-align: left;

}

.galleryThumb {

position: relative;

display: inline-block;

margin-right: 1%;

varu-left: -4px;

laius: 24%;

laius: 140px;

text-align: center;

margin-bottom: 5px;

üleminek: kõik 0.2 s;

}

.galleryThumb:hover,

.galleryThumb:külastas

.galleryThumb:link {

text-decoration: mitte ükski;

}

.galleryThumb:n-laps(4n+1) {

varu-left: 0;

}

.galleryThumb:n-laps(4n) {

margin-right: 0;

}

.galleryThumb:hover {

hägususe: 0.7;

cursor: pointer;

üleminek: kõik 0.2 s;

}

.galleryThumb img {

position: absolute;

top: 0;

paremale: 0;

bottom: 0;

vasakul: 0;

margin: auto;

max-width: 100%;

max-height: 100%;

}

.galerii .kontroll-ettevõtja {

display: none !oluline;

}

.galerii .kontroll-operaator:eesmärk~.bigPic {

pointer-sündmused: mitte ükski;

hägususe: 0;

-webkit-animatsioon: mitte ükski;

-o-animatsioon: mitte ükski;

animatsioon: mitte ükski;

z-index: 2;

}

.galerii .kontroll-operaator:n-kohta-liik(1):sihtige~.bigPic:n-kohta-liik(1),

.galerii .kontroll-operaator:n-of-tüüpi(2):sihtige~.bigPic:n-kohta-liik(2),

.galerii .kontroll-operaator:n-of-tüüpi(3):sihtige~.bigPic:n-kohta-liik(3),

.galerii .kontroll-operaator:n-of-tüüpi(4):sihtige~.bigPic:n-of-tüüpi, (4),

.galerii .kontroll-operaator:n-of-tüüpi(5):sihtige~.bigPic:n-of-tüüpi, (5),

.galerii .kontroll-operaator:n-of-tüüpi(6):sihtige~.bigPic:n-of-tüüpi, (6),

.galerii .kontroll-operaator:n-of-tüüpi(7):sihtige~.bigPic:n-of-tüüpi(7),

.galerii .kontroll-operaator:n-of-tüüpi(8):sihtige~.bigPic:n-of-tüüpi, (8),

.galerii .kontroll-operaator:n-of-tüüpi(9):sihtige~.bigPic:n-of-tüüpi(9),

.galerii .kontroll-operaator:n-of-tüüpi(10):sihtige~.bigPic:n-of-tüüpi(10),

.galerii .kontroll-operaator:n-of-tüüpi(11):sihtige~.bigPic:n-of-tüüpi(11),

.galerii .kontroll-operaator:n-of-tüüp(12):sihtige~.bigPic:n-of-tüüp(12) {

pointer-sündmused: auto;

hägususe: 1;

}

/** Zoom Galerii **/

.overlay {

taust: rgba(0, 0, 0, 0.6);

position: fixed;

laius: 100%;

kõrgus: 100%;

top: 0px;

left: 0px;

z-index: 1000;

display: none;

}

.zoom-bigPic {

laius: 70%;

kõrgus: auto;

margin: 0 auto;

taust: #fff;

text-align: center;

polster: 2% 2% 2% 2%;

margin-top: 20 pikslit;

}

.zoom-bigPic img {

max-width: 100%;

max-height: 600px;

}

.overlay on.lähedal tekstiga {

margin-top: 20 pikslit;

värv: #555 !oluline;

text-decoration: mitte ükski;

font-size: 15 pikslit;

selge: nii;

display: block;

font-weight: normal;

text-decoration: underline;

}

.overlay a i {

värv: #555 !oluline;

font-size: 40px;

margin-bottom: 20 pikslit;

z-index: 2000;

float: right;

}

#zoompic-1:eesmärk,

#zoompic-2:eesmärk,

#zoompic-3:eesmärk,

#zoompic-4:eesmärk,

#zoompic-5:eesmärk,

#zoompic-6:eesmärk,

#zoompic-7:eesmärk,

#zoompic-8:eesmärk,

#zoompic-9:eesmärk,

#zoompic-10:eesmärk,

#zoompic-11:eesmärk,

#zoompic-12:eesmärk {

display: block;

}

/** 4. Keskmises Veerus **/

.midColumn {

float: left;

max-width: 390px;

}

/** 5. Title & Lühikirjeldus **/

.midColumn h1 {

color: #333;

font-weight: 400;

font-size: 26px;

margin-bottom: 0;

}

.rõhutatakse, {

margin: 15 pikslit 0;

laius: 20 pikslit;

kõrgus: 3px;

background-color: #333;

}

.shortdescription {

float: left;

}

.shortdescription p,

.shortdescription ul,

.shortdescription li {

värv: #555;

font-size: 16px;

line-height: 1.5;

margin: 0;

}

#variationContainer {

margin: 20 pikslit 0 0 0;

padding-alt: 45px;

padding-left: 0px;

laius: 345px;

font-family: 'montserrat', sans-serif;

}

#variationContainer h5 {

margin-top: 25px;

margin-bottom: 10px;

font-weight: 400;

font-size: 14px;

}

.varList1 {

margin: 0;

padding: 0;

list-style: none;

}

.varList1 li {

display: inline-block;

margin-right: 5px;

• Disain: Peace
• Tüüp Kleebis: Auto Kere
• Tüüp: Liimi Kleebis
• Pakend: Ei Ole Pakendatud
• Elemendi Läbimõõt: 0inch
• Toote Laius: 0inch
• Päritolu: CN(Päritolu)
• Mudel: OEM
• Kleebise Paigutus: Ukseline & Talje joont
• Kategooria: Kleebised
• Materjali Tüüp: KK
• Toote Tüüp: Kleebised
• Kirje Pikkus: 0inch
• Toote Kõrgus: 0inch
• Brändi Nimi: sixsub
• Mudeli Nimetus: SX20322