شوكة شواء تلسكوبية قابلة للتمديد ، عصي من الفولاذ المقاوم للصدأ للتنزة والتخييم والحديقة

. تقييم. Apm-brand-story-carousel-hero-container ،

. تقييم. Apm-brand-story-carousel-hero-container > div {

الموقف: مطلق ؛

عرض: ؛.

}/*

ضمان أن يأخذ دائري المساحة التي يحتاجها فقط.

يجب ضبط الأحجام مرة أخرى على العناصر المتمركزة تمامًا حتى تتمكن من شغل المساحة.

*/

. تقييم. Apm-العلامة التجارية-قصة-حاوية دائري ،

. تقييم. Apm-brand-story-carousel-hero-container {

ارتفاع: 625 بكسل;

عرض: ؛.

أقصى عرض: 1464 بكسل;

الهامش الأيسر: تلقائي ؛

هامش اليمين: السيارات ؛

الفائض: مخفي ؛

}

/*

هذا يضع دائري عموديًا أعلى حاوية صورة البطل وبعد منطقة الشعار (125px).

الهامش العلوي = (heroHeight – cardHeight – logoAreaHeight) / 2 + logoAreaHeight

*/

. تقييم. Apm-العلامة التجارية-قصة دائري. A-دائري-صف داخلي {

هامش قمة: 149px ؛

}

/*

تحتاج البطاقات إلى مجموعة عرض ، وإلا فإنها افتراضية إلى 50px أو نحو ذلك.

يجب أن يكون لجميع البطاقات نفس العرض. سيغير الكاروسيل حجم نفسه حتى تأخذ جميع البطاقات عرض أكبر بطاقة.

الهامش الأيسر هو ترك مسافة بين كل بطاقة.

*/

. تقييم. Apm-العلامة التجارية-قصة دائري. كاروسيل كاروسيل {

العرض: 362 بكسل;

الهامش الأيسر: 30 بكسل! مهم ؛

}

/* تصميم أزرار التنقل بحيث تكون أطول ، مع تدفق الجانبين ، ولها خلفية بيضاء نظيفة */

. تقييم. Apm-العلامة التجارية-قصة دائري. وتوتد ،

. تقييم. Apm-العلامة التجارية-قصة دائري. ، {

حشوة: 0 بكسل;

}

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. أ-صورة زر ،

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. أ-زر-صورة {

الحدود: لا شيء;

هامش: 0 بكسل;

}

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. A-زر-الصورة. أ-زر الداخلية ،

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. A-زر-الصورة. أ-زر-داخلي {

خلفية: # fff;

حشوة: 20 بكسل × 6 بكسل;

}

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. A-زر-الصورة. أ-زر-داخلي {

الحدود-دائرة نصف قطرها: 0px 4px 4px 0px;

}

. تقييم. Apm-العلامة التجارية-قصة دائري. أو. A-زر-الصورة. أ-زر-داخلي {

الحدود-دائرة نصف قطرها: 4px 0px 4px ؛

}