<ستايل> / * أضف أنماطك المخصصة هنا * / جسم { لون الخلفية: # f4f8fa ؛ اللون: # 333 ؛ عائلة الخطوط: 'Poppins'، sans-serif؛ } .شعار { العرض: فليكس ؛ محاذاة العناصر: مركز ؛ } .logo img { الارتفاع: 40 بكسل ؛ الهامش الأيمن: 10 بكسل ؛ } .bg-light { لون الخلفية: # f8f9fa! مهم ؛ نصف قطر الحدود: 10 بكسل ؛ } رأس { لون الخلفية: # 008cff ؛ الحشو: 20 بكسل ؛ الهامش السفلي: 0 ؛ } .navbar-brand { اللون: # 000 ؛ حجم الخط: 24 بكسل ؛ } .navbar-toggler { لون الحدود: شفاف. اللون: # 000 ؛ حجم الخط: 28 بكسل ؛ } .navbar-toggler: hover، .navbar-toggler: التركيز { لون الحدود: شفاف. اللون: # 000 ؛ } .navbar-toggler-icon { لون الخلفية: # 008cff ؛ نصف قطر الحدود: 5 بكسل ؛ } .مقدمة { محاذاة النص: مركز ؛ الحشو: 40 بكسل 0 ؛ لون الخلفية: # f8f9fa ؛ } .اسم الأداة { حجم الخط: 32 بكسل ؛ الهامش السفلي: 20 بكسل ؛ لون الخلفية: # 008cff ؛ الحشو: 10 بكسل 20 بكسل ؛ عرض: مضمنة كتلة ؛ نصف قطر الحدود: 5 بكسل ؛ } .tool-description { حجم الخط: 18 بكسل ؛ الهامش السفلي: 10 بكسل ؛ } رئيسي { الحشو: 20 بكسل ؛ } منطقة النص { العرض: 100٪؛ الهامش السفلي: 10 بكسل ؛ } #convertBtn { العرض محجوب؛ أعلى الهامش: 10 بكسل ؛ لون الخلفية: # 008cff ؛ لون الحدود: # 008cff ؛ اللون: # 333 ؛ الحشو: 8 بكسل 16 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ حجم الخط: 18 بكسل ؛ العرض: 100٪؛ } #xmlOutput { الارتفاع: 200 بكسل ؛ } تذييل { لون الخلفية: # 008cff ؛ الحشو: 20 بكسل ؛ محاذاة النص: مركز ؛ اللون: # 333 ؛ } تذييل ul { نمط القائمة: لا شيء ؛ حشوة: 0 ؛ الهامش السفلي: 20 بكسل ؛ } تذييل ul li { عرض: مضمنة كتلة ؛ الهامش الأيمن: 10 بكسل ؛ } تذييل ul li a { زخرفة النص: لا شيء ؛ اللون: # 333 ؛ } / * الأنماط المنبثقة * / .يظهر فجأة { عرض لا شيء؛ الموقف: ثابت ؛ أعلى: 0؛ اليسار: 0؛ العرض: 100٪؛ الارتفاع: 100٪؛ لون الخلفية: rgba (255 ، 255 ، 255 ، 0.9) ؛ مؤشر z: 9999 ؛ محاذاة النص: مركز ؛ أعلى الحشو: 100 بكسل ؛ تجاوز- y: تلقائي ؛ } .popup-content { لون الخلفية: # f8f9fa ؛ الحشو: 20 بكسل ؛ الهامش: 0 تلقائي ؛ العرض: 80٪؛ أقصى عرض: 600 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ اللون: # 333 ؛ تجاوز- y: تلقائي ؛ } .close-btn { الموقف: مطلق. أعلى: 10 بكسل ؛ اليمين: 10 بكسل ؛ اللون: # 333 ؛ حجم الخط: 20 بكسل ؛ المؤشر: المؤشر. } / * إعلانات Css COde * / .ad-المجمع { العرض: فليكس ؛ تبرير المحتوى: مركز ؛ محاذاة العناصر: مركز ؛ الارتفاع: 100 بكسل ؛ الهامش السفلي: 10 بكسل ؛ } حاوية .ad { العرض: 100٪؛ أقصى عرض: 720 بكسل ؛ الارتفاع: 90 بكسل ؛ الحدود: 1px صلب #ccc ؛ إخفاء الفائض؛ نصف قطر الحدود: 5 بكسل ؛ } رابط .ad { العرض محجوب؛ العرض: 100٪؛ الارتفاع: 100٪؛ } .ad-content { العرض: 100٪؛ الارتفاع: 100٪؛ لون الخلفية: # f8f9fa ؛ العرض: فليكس ؛ محاذاة العناصر: مركز ؛ تبرير المحتوى: مسافة بين ؛ الحشو: 0 10 بكسل ؛ } نص .ad { حجم الخط: 18 بكسل ؛ وزن الخط: عريض ؛ اللون: # 333 ؛ } زر ad. { العرض محجوب؛ أعلى الهامش: 10 بكسل ؛ لون الخلفية: # 008cff ؛ لون الحدود: # 008cff ؛ اللون: # 333 ؛ الحشو: 8 بكسل 16 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ حجم الخط: 18 بكسل ؛ } .btn الأساسي { العرض محجوب؛ أعلى الهامش: 10 بكسل ؛ لون الخلفية: # 008cff ؛ لون الحدود: # 008cff ؛ اللون: # 333 ؛ الحشو: 8 بكسل 16 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ حجم الخط: 18 بكسل ؛ } .coryright { أعلى الهامش: 10 بكسل ؛ لون الخلفية: # 008cff ؛ لون الحدود: # 008cff ؛ اللون: # 333 ؛ الحشو: 3 بكسل 4 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ حجم الخط: 15 بكسل ؛ زخرفة النص: لا شيء ؛ } #clearBtn ، #copyBtn { العرض محجوب؛ أعلى الهامش: 10 بكسل ؛ لون الخلفية: # 008cff ؛ لون الحدود: # 008cff ؛ اللون: # 333 ؛ الحشو: 8 بكسل 16 بكسل ؛ نصف قطر الحدود: 5 بكسل ؛ حجم الخط: 18 بكسل ؛ العرض: 100٪؛ }