shumee Simagic periferni adapter. S472

/* ponastavitev css / #simagic-rich.corner { clip-path: polygon(0 0, 100% 0, 100% calc(100% – 40px), calc(100% – 40px) 100%, 0 100%); transition: 0,6s vsa lahkotnost; } #simagic-rich.corner img { transition: 0,6s vsa lahkotnost; } #simagic-rich.corner img:hover { scale: 1,2; } #simagic-rich.zoom-hover img { transition: 0,6s vsa lahkotnost; } #simagic-rich.zoom-hover img:hover { scale: 1,2; } #simagic-rich.right { text-align: right; } #simagic-rich.left { text-align: left; } } #simagic-rich #wt h2, #simagic-rich #wt h3, #simagic-rich #wt p { barva: bela; } #simagic-rich #wtD h2, #simagic-rich #wtD h3, #simagic-rich #wtD p { barva: bela; } #simagic-rich .pos1-alt { zgoraj: 0; spodaj: 0; } #simagic-rich, #simagic-rich * { velikost polja: border-box; } #simagic-rich h2 { margin: revert; } #simagic-rich { družina pisav: „Vir Sans 3“, sans-serif; } #simagic-rich .app-link { border-radius: 5px; padding: 0.5em 2em; margin-bottom: 1em; display: inline-block; velikost pisave: 1em; družina pisav: „Vir Sans 3“, sans-serif; barva: #000000; barva ozadja: #ffffff; } #simagic-rich .app-link:hover { barva: #000000; barva ozadja: #A86338; } #simagic-rich h2 { barva: #000; velikost pisave: 45px; ; višina vrstice: 52px; debelina pisave: 600; rob: 0 0 0.2em 0; } #simagic-rich h3 { barva: #000; velikost pisave: 40px; višina vrstice: 47px; debelina pisave: 700; rob: 0.3em 0 0.5em 0; } #simagic-rich h4 { barva: #000; velikost pisave: 30px; višina vrstice: 38px; debelina pisave: 700; rob: 0.5em 0 0.33em 0; } #simagic-rich p { font-size: 19px; line-height: 25px; font-weight: 400; margin: 0.8em 0 1.5em 0; } #simagic-rich strong { font-weight: 600; } #simagic-rich li { font-weight: 400; font-size: 1.5em; margin: 0.3em 0; padding: 0; list-style-position: inside; list-style: none; } #simagic-rich ul { padding-inline-start: 0px; } #simagic-rich .desc-img.lazy, #simagic-rich .desc-img { max-width: 100%; height: auto; } / slog po meri / #simagic-rich .flex-container { display: flex; flex-wrap: wrap; flex-direction: row; max-width: 1320px; } rob: 0 samodejno; oblazinjenje-zgoraj: 3%; širina: 100%; oblazinjenje-spodaj: 1%; } #simagic-rich .clmn { rob: 20px samodejno; oblazinjenje: 0.5em 3em 1em 3em; } #simagic-rich .clmn0 { rob: 20px samodejno; } #simagic-rich .clmn_alt { rob: 1%; oblazinjenje: 0em; smer flex: column; } #simagic-rich .clmn_alt p { oblazinjenje: 0.8em; } @media (min-širina: 992px) { #simagic-rich .clmn-1 { širina: 100%; } #simagic-rich .clmn-2 { širina: 50%; } #simagic-rich .clmn-2-alt { širina: 100%; } } #simagic-rich .clmn-3 { širina: 33,33 %; } #simagic-rich .clmn-5 { širina: 20 %; } #simagic-rich .clmn-3_alt { širina: 30 %; } #simagic-rich .clmn-70 { širina: 70 %; levi rob: samodejno; desni rob: samodejno; } #simagic-rich .clmn-70_alt { širina: 66 %; prikaz: flex; } } #simagic-rich .clmn.right { poravnava vsebine: flex-end; poravnava besedila: desno; prikaz: flex; flex-wrap: zavijanje; poravnava vsebine: središče; } #simagic-rich .clmn.left { poravnava vsebine: flex-start; poravnava besedila: levo; prikaz: flex; flex-wrap: zavijanje; poravnava vsebine: središče; } #simagic-rich .clmn.center { poravnava vsebine: središče; poravnava besedila: na sredino; prikaz: flex; flex-wrap: zavijanje; } #simagic-rich .clmn0.center { justify-content: na sredino; poravnava besedila: na sredino; prikaz: flex; flex-wrap: zavijanje; poravnava vsebine: flex-start; } #simagic-rich .abs { položaj: absolutno; } @media screen in (največja širina: 991,99px) { #simagic-rich .right { poravnava besedila: na sredino; } #simagic-rich .left { poravnava besedila: na sredino; } .zerotwenty { padding: 0 20px; } #simagic-rich .whbgmob { barva ozadja: rgba(255, 255, 255, 0,7); } #simagic-rich h2 { velikost pisave: 2em; } #simagic-rich h3 { velikost pisave: 1,9em; } } #simagic-rich p { velikost fonta: 1,5em; } #simagic-rich li { velikost fonta: 1,5em; } #simagic-rich .flex-container { prikaz: flex; flex-wrap: wrap; smer flex: column; največja širina: 1400px; oblaganje: 0 20px; oblaganje-zgoraj: 0; oblaganje-spodaj: 6%; } #simagic-rich .padmob { oblaganje: 0 20px; } #simagic-rich .clmn { oblaganje: 0 0 1em 0; } #simagic-rich { velikost fonta: 14px; največja širina: 100%; } } #simagic-rich .clmn-1, #simagic-rich .clmn-2, #simagic-rich .clmn-2-alt, #simagic-rich .clmn-3, #simagic-rich .clmn-4, #simagic-rich .clmn-5, #simagic-rich .clmn-70 { širina: 100%; } #simagic-rich .clmn-3_alt, #simagic-rich .clmn-70_alt { največja širina: 500px; rob: samodejno samodejno 1em samodejno; širina: 100%; } #simagic-rich .clmn.right { prikaz: blok; poravnava vsebine: flex-start; poravnava besedila: sredina; } #simagic-rich .clmn.left { prikaz: blok; poravnava vsebine: flex-start; poravnava besedila: sredina; } #simagic-rich.flex-container.revert { flex-direction: column-reverse; max-width: 1400px; margin: 0 auto; } #simagic-rich svg { justify-content: flex-start; max-width: 20%; } } / predloga */ #simagic-rich.boldupcent { text-transform: uppercase; font-weight: bold; text-align: center; } #simagic-rich.boldcent { font-weight: 600; text-align: center; } #simagic-rich.normalupcent { text-transform: uppercase; text-align: center; font-weight: normal; } #simagic-rich.normalcent { text-align: center; font-weight: normal; } #simagic-rich.up { text-transform: uppercase; } #simagic-rich.boldupleft { text-transform: uppercase; font-weight: bold; poravnava-text: levo; } #simagic-rich.boldleft { font-weight: 600; poravnava-text: levo; } #simagic-rich.boldright { font-weight: 600; poravnava-text: desno; } #simagic-rich.vertmid { display: flex; poravnava-items: center; poravnava-vsebine: levo; } #simagic-rich.video { višina: 0; položaj: relativen; padding-bottom: 56,25%; } #simagic-rich.video iframe { položaj: absolutni; levo: 0; zgoraj: 0; širina: 100%; višina: 100%; } @media (min-širina: 992px) { #simagic-rich.listinrow { display: flex; flex-smer: vrstica; poravnava-vsebine: prostor-around; } } @media (min-width: 992px) { #simagic-rich .clmn-4 { širina: 50%; } } @media (max-width: 991.99px) { #simagic-rich .clmn.center { justify-content: center; poravnava besedila: center; prikaz: flex; flex-wrap: wrap; poravnava vsebine: center; } #simagic-rich .clmn0.center { justify-content: left; poravnava besedila: left; prikaz: flex; flex-wrap: wrap; poravnava vsebine: flex-start; } .aspect-cor { razmerje stranic: 1 / 1; prelivanje: skrito; } .pos1mob { zgoraj: 0; levo: 0; } .pos4mob { levo: 0; zgoraj: 25%; } } @media (min-širina: 992px) { #simagic-rich #wtD h2, #simagic-rich #wtD h3, #simagic-rich #wtD p { barva: črna; } #wt-miza h2, #wt-miza h3, #wt-miza h4, #wt-miza p { barva: #ffffff; } .abs-miza { širina: 100%; položaj: absolutni; z-index: 2; } .pos1 { zgoraj: 0; levo: 0; } .pos2 { levo: 50%; transformacija: prevedi(-50%, 0%); zgoraj: 0; } .pos2-alt { levo: 15%; zgoraj: 0; } .pos3 { levo: 50%; zgoraj: 0; } .pos4 { levo: 0; zgoraj: 50%; transformacija: prevedi(0%, –50%); } .pos5 { levo: 50%; zgoraj: 50%; transformacija: prevedi(-50%, –50%); } .pos6 { desno: 0; zgoraj: 50%; transformacija: prevedi(0%, –50%); } .pos7 { levo: 0; spodaj: 0; } .pos8 { levo: 50%; transformacija: prevedi(-50%, 0%); spodaj: 0; } .pos9 { desno: 90; spodaj: 0; } .mh-desk { največja višina: 1199px; } #simagic-rich .clmn-4 { širina: 25%; } #simagic-rich .clmn-2-alt { širina: 50%; } } #primerjaj-audio a { margin-top: 40px; dekoracija besedila: brez; barva: #7d9bc1; } #primerjava-audio a:hover { dekoracija-text: podčrtana; barva: #7d9bc1; } #simagic-rich .choice h4 { border-bottom: 4px trdna rdeča; } @media (max-width: 991.99px) { .span-w { barva: #fff; } .pos1mob { zgoraj: 0; levo: 0; } .pos2mob { levo: 50%; transform: prevedi(-50%, 0%); zgoraj: 0; } .pos4mob { levo: 0; zgoraj: 25%; } .pos7mob { levo: 0; spodaj: 0%; } .pos9mob { desno: 0; spodaj: 0; } } @media (min-width: 1400px) { #simagic-rich .big-desk h3 { velikost-fonta: 48px; višina-vrstice: 56px; } .pt35 { padding-top: 35%; } .pb35 { padding-bottom: 35%; } .pt10 { padding-top: 10%; } } .fdc { flex-direction: column; } }