أرشيفات الإشارات: خط غسيل وإعادة تدوير زجاجات PET

/* إعادة التعيين الأساسي وإعداد الخط *// .pet-wash-conctainer* * { { الهامش: 0; الحشو: 0; تحجيم الصندوق: مربع الحدود; } .pet-wash-conctainer { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; اللون: #333؛ /* نص رمادي غامق لسهولة القراءة */ لون الخلفية: #ffff؛ /* خلفية بيضاء نظيفة */ ارتفاع الخط: 1.7; الحد الأقصى للعرض: 900 بكسل؛ /* الحد الأقصى لعرض المحتوى */ الهامش: 40 بكسل تلقائي؛ /* تباعد عمودي وتوسيط أفقي */ الحشو: 0 20 بكسل؛ /* الحشو على الجوانب */ } /* العناوين *// .pet-wash-container h2 { حجم الخط: 2.5 م ؛ /* العنوان الرئيسي الكبير */* وزن الخط: 600; اللون: #P5T1d1d1d1d1f؛ /* لون أبل شبه الأسود */ محاذاة النص: في المنتصف; الهامش السفلي: 50 بكسل; الحشو من الأعلى: 30 بكسل; } .pet-wash-container h3 { حجم الخط: 1.8 م; وزن الخط: 600; اللون: #440099؛ /* لونك الأساسي */ الهامش من أعلى: 60 بكسل؛ /* مساحة أكبر قبل الأقسام الرئيسية */ الهامش السفلي: 25 بكسل; الحشو السفلي: 10 بكسل; الحدود السفلية: #eee صلب 2 بكسل؛ /* فاصل دقيق */ } .pet-wash-conctainer h4 { حجم الخط: 1.3 م; وزن الخط: 600; اللون: #P5T1d1d1d1f; الهامش العلوي: 30 بكسل; الهامش السفلي: 15 بكسل; } /* الفقرات والنص *// .pet-wash-conctainer p { حجم الخط: 1.05 م; الهامش السفلي: 20 بكسل; اللون: #555؛ /* نص أفتح قليلاً */ } /* القوائم *// .pet-wash-conctainer ul { نمط القائمة: لا شيء؛ /* إزالة الرموز النقطية الافتراضية */ الحشو لليسار: 0; الهامش السفلي: 25 بكسل; } .pet-wash-conctainer li { حجم الخط: 1.05 م; الهامش السفلي: 15 بكسل; الحشو إلى اليسار: 25 بكسل؛ /* المسافة البادئة */ الموضع: نسبي; اللون: #555; } / ** تصميم نقطي مخصص (شعور تقني) *// .pet-wash-conctainer li::قبل { المحتوى: ''; الموضع: مطلق; يسار: 0; أعلى: 0.5 مليم؛ /* ضبط المحاذاة الرأسية */ العرض: 8 بكسل; الارتفاع: 8 بكسل; لون الخلفية: #440099؛ /* تمييز اللون الأساسي */ نصف قطر الحدود: 50%؛ /* دائرة */* /* أو استخدام مربع: نصف قطر الحدود: 0؛ */* } /* تصميم لقسم المراحل *// .مرحلة غسيل الحيوانات الأليفة { لون الخلفية: #f9f9f9f9f9؛ /* خلفية بيضاء قليلاً للمراحل */ الحدود اليسرى: 4px #440099 صلبة؛ /* خط مميز باللون الأساسي */ الحشو: 25 بكسل 30 بكسل; الهامش السفلي: 35 بكسل; نصف قطر الحدود: 8 بكسل؛ /* زوايا دائرية دقيقة */ مربع الظل: 0 2px 8px 8px rgba(0,0,0,0,0.05)؛ /* ظل خفي دقيق */ } .pet-wash-stage h4 { الهامش العلوي: 0؛ /* إزالة الهامش العلوي لعناوين المرحلة */ الهامش السفلي: 15 بكسل; اللون: #440099؛ /* استخدم اللون الأساسي لعناوين المرحلة */ } .pet-wash-stage p, .pet-wash-stage ul { حجم الخط: 1 م؛ /* نص أصغر قليلاً داخل المراحل للكثافة *// الهامش السفلي: 10 بكسل; } .pet-wash-stage-l li { الهامش السفلي: 8 بكسل; حجم الخط: 1 م; } .pet-wash-stage li::قبل { لون الخلفية: #666؛ /* رصاص رمادي داخل المراحل */ أعلى: 0.6 م; العرض: 6 بكسل; الارتفاع: 6 بكسل; } /* التأكيد على الكلمات الرئيسية *// .pet-wash-conctainer قوي { وزن الخط: 600; اللون: #P5T1d1d1d1d1f؛ /* تركيز أغمق */ } /* قسم الملخص *// .pet-wash-summary { الهامش الأعلى: 60 بكسل; الحشو: 30 بكسل; لون الخلفية: #f5f5f5f7؛ /* خلفية رمادية فاتحة تشبه لون التفاح *// نصف قطر الحدود: 12 بكسل; } .pet-wash-summary h3 { الهامش الأعلى: 0; محاذاة النص: في المنتصف; الحدود السفلية: لا شيء; اللون: #P5T1d1d1d1d1f; } .pet-wash-summary p { حجم الخط: 1.1 م; محاذاة النص: في المنتصف; }