/* * משמש כאשר המכשיר = שולחן עבודה * מוגדרת ב: תצורה/ברזיל-config/גלובלי/מותג-סיפור.cfg */ /* כי הקרוסלה מיושם כמו ol רשימת כל הרשימות בכרטיס טקסט יהיה משני סגנון רשימה (אותיות).זה ייתן שגוי מראה לצופים, אז שמנו את כל רשימות העיקרי סגנון רשימה (מספרים). */ .aplus מותג-על-סיפור-כרטיס ol-li { list-style: עשרוניים; } /* ברמה העליונה מכולות */ .aplus-מודול .apm-מותג-סיפור-גיבור { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; רוחב: 1464px; גובה: 625px; background-color: #fff; } .aplus-מודול .apm-מותג-סיפור-כרטיס { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; רוחב: 362px; גובה: 453px; background-color: #fff; } .apm-מותג-סיפור-גיבור, .apm-מותג-סיפור-כרטיס { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; מיקום יחסי; width: 100%; height: 100%; float: none; } .aplus-מודול.מותג-סיפור-כרטיס-1-ארבע-asin .apm-מותג-סיפור-כרטיס { /* רק 12px לקחת בחשבון את התמונה גבול תא */ ריפוד: 12px; } /* מלא תמונת רקע (גיבור 1 & הכרטיס 2) */ .aplus-מודול .apm-מותג-סיפור-רקע-תמונה { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; מיקום: absolute; width: 100%; height: 100%; } /* כרטיס 1 תמונות קטנות */ .aplus-מודול .apm-מותג-סיפור-תמונה-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; גובה: 185px; padding: 0px; margin: auto; display: להגמיש; } .aplus-מודול .apm-מותג-סיפור-תמונה-שורה .apm-מותג-סיפור-תמונה-תא { /* שימוש ב content-box על מנת להבטיח גודל תמונה התאמות עורך הסכימה */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0px; margin: 0px; width: 166px; border: 1px solid #fff; } .aplus-מודול .apm-מותג-סיפור-תמונה-שורה .apm-מותג-סיפור-תמונה-תא .apm-מותג-סיפור-תמונה-link { display: block; width: 100%; height: 100%; } .aplus-מודול .apm-מותג-סיפור-תמונה-שורה .apm-מותג-סיפור-תמונה-תא .apm-מותג-סיפור-תמונה-קישור .apm-מותג-סיפור-תמונה-img { display: block; width: 100%; height: 100%; אובייקט-fit: כיסוי; } /* כרטיס 3 לוגו תמונה */ .aplus-מודול .apm-מותג-סיפור-לוגו-image { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; גובה: 145px; margin: 0px 4px; padding: 20px; padding-bottom: 0px; } /* טקסט שכבות */ .aplus-מודול .apm-מותג-סיפור-טקסט תחתונה-{ - moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; מיקום: absolute; bottom: 13px; משמאל: 13px; } .aplus-מודול .apm-מותג-סיפור-גיבור .apm-מותג-סיפור-טקסט-התחתון { background-color: rgba(0,0,0,0.6); color: #fff; padding: 13px 65px 13px 13px; /* חשבונות חפיפה של הקלף הראשון */ רוחב: 437px; } .aplus-מודול.מותג-סיפור-כרטיס-2-media-נכס .apm-מותג-סיפור-טקסט-התחתון { background-color: rgba(255,255,255,0.6); color: #000; padding: 13px; רוחב: 336px; } .aplus-מודול.מותג-סיפור-כרטיס-1-ארבע-asin .apm-מותג-סיפור-טקסט { margin-top: 8px; } .aplus-מודול.מותג-סיפור-כרטיס-1-ארבע-asin .apm-מותג-סיפור-טקסט.apm-מותג-סיפור-טקסט-יחיד { margin-top: 20px; } .aplus-מודול.מותג-סיפור-כרטיס-1-ארבע-asin .apm-מותג-סיפור-טקסט h3 { white-space: nowrap; overflow: hidden; text-overflow: נקודות; } .aplus-מודול .apm-מותג-סיפור-סיסמא-טקסט { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0px 4px; padding: 20px; } .aplus-מודול .apm-מותג-הסיפור-שאלות נפוצות { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-top: 10px; } .aplus-מודול .apm-מותג-הסיפור-שאלות נפוצות-בלוק { margin: 0px 10px; padding: 10px; } .aplus-v2 .apm-מותג-סיפור-קרוסלה-מיכל { מיקום: relative; } .aplus-v2 .apm-מותג-סיפור-קרוסלה-גיבור-מיכל, .aplus-v2 .apm-מותג-סיפור-קרוסלה-גיבור-מיכל > div { מיקום: absolute; width: 100%; } /* להבטיח את הקרוסלה לוקח רק את המרחב שהוא צריך.מידות צורך להגדיר שוב את בהחלט למקם אלמנטים אז הם יכולים לקחת את החלל. */ .aplus-v2 .apm-מותג-סיפור-קרוסלה-מיכל, .aplus-v2 .apm-מותג-סיפור-קרוסלה-גיבור-מיכל { גובה: 625px; רוחב: calc(100% + 15px); max-width: 1464px; שוליים-שמאל: auto; שוליים-נכון: auto; } /* זה מרכזים את קרוסלה אנכית על גבי הגיבור תמונה מיכל ואחרי הלוגו שטח (125px).Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-שורה-הפנימי{ margin-top: 149px; } /* כרטיסי צריך להגדיר רוחב, אחרת הם ברירת מחדל כדי 50px או כך.כל הקלפים חייבים את אותו רוחב.הקרוסלה יהיה להקטין את עצמו, כך כל כרטיסי לקחת את הרוחב הגדולים ביותר של כרטיס.השוליים השמאליים עבור משאיר רווח בין כל כרטיס. */ .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-כרטיס { רוחב: 362px; שוליים-שמאל: 30px !חשוב; } /* סטיילינג על לחצני הניווט כדי שהם גבוהים, לשטוף עם הצדדים, יש לנקות רקע לבן */ .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-שמאל .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-נכון { padding: 0px; } .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-שמאל .א-כפתור תמונה, .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-נכון .א-כפתור-image { border: none; margin: 0px; } .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-שמאל .א-כפתור-תמונה .א-כפתור-הפנימי, .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-נכון .א-כפתור-תמונה .א-כפתור פנימי-{ background: #fff; padding: 20px 6px; } .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-שמאל .א-כפתור-תמונה .א-כפתור פנימי-{border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-מותג-סיפור-קרוסלה .א. קרוסלה-col.א. קרוסלה-נכון .א-כפתור-תמונה .א-כפתור פנימי-{border-radius: 4px 0px 0px 4px; }