متقدم غير متزامن CSS3 الاجتماعية تقاسم مدون القطعة لتحسين تحميل الصفحة [2019]

#menump {align: center؛}
#menump ul {list-style: none؛ الحشو: 0؛ هامش: 0؛ إخفاء الفائض؛ font: 0.875em / 1 Arial، sans-serif؛ }
#menump ul li {float: left؛ العرض: 46px؛ الطول: 49px؛ الحشوة إلى اليسار: 20 بكسل ؛ }
# menump ul li a {display: block؛ العرض: 45px؛ الطول: 45px؛ إخفاء الفائض؛ الحدود: 1px الصلبة شفافة. خط الطول: 45px؛ النص الديكور: لا شيء؛ text-shadow: 0 -1px 0 rgba (0،0،0،0.5)؛ -moz الحدود نصف قطرها: 5px؛ -webkit الحدود نصف قطرها: 5px؛ الحدود بين دائرة نصف قطرها: 5px؛ }
# menump ul li a: hover ، #menump ul li a: focus ، # menump ul li a: active {opacity: 0.8؛ الحدود بين اللون: # 000؛ }
/ * ———————————————— ————————————
— فيس بوك
————————————————– ———————————- * /
.facebook a {
الموقف: النسبية.
الحدود بين اللون: # 3c5a98.
النص تحويل: صغيرة.
النص في الهامش: 24px؛
الرسالة تباعد: 10px؛
الخط الوزن: جريئة.
FONT-SIZE: 40px؛
خط الطول: 50px؛
اللون: # الاتحاد الفرنسي.
خلفية: # 3c5a98.
/ * css3 * /
-moz-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
-webkit-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
box-shadow: 0 0 4px rgba (0،0،0،0.4)؛ / * إصدار المعايير الأخير * /
}
/ * ———————————————— ————————————
– تويتر
————————————————– ———————————- * /
.twitter a {
الموقف: النسبية.
الحدود بين اللون: # a8eaec.
النص تحويل: صغيرة.
النص في الهامش: 13px؛
الرسالة تباعد: 40px؛
font: bold 45px / 1 Tahoma، sans-serif؛
خط الطول: 35px؛
اللون: # 6ac6df.
خلفية: # daf6f7.
/ * css3 * /
text-shadow: 3px 3px 1px #fff، -3px -3px 1px #fff، 3px -3px 1px #fff، -3px 3px 1px #pf؛
-moz-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
-webkit-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
box-shadow: 0 0 4px rgba (0،0،0،0.4)؛ / * إصدار المعايير الأخير * /
/ * ملاحظة: تطبيق التدرج webkit ليس حسب المواصفات * /
الخلفية: -تدرج-الويب (خطي ، أعلى اليسار ، أسفل اليسار ، من (# dbf7f8) ، إلى (# 88e1e6)) ؛
الخلفية: – التدرج اللوني الخطي (أعلى ، # dbf7f8 ، # 88e1e6) ؛
}
/ * ———————————————— ————————————
– آر إس إس
————————————————– ———————————- * /
.rss a {
الموقف: النسبية.
العرض: 45px؛
الحشو: 0 2px ؛
الحدود بين اللون: # ea6635.
النص تحويل: صغيرة.
النص في الهامش: -186px.
FONT-SIZE: 30px؛
الخط الوزن: جريئة.
اللون: # الاتحاد الفرنسي.
خلفية: # e36443.
/ * css3 * /
/ * ملاحظة: box-shadow ليس حاليًا في أي وحدة CSS3. قد تظهر مرة أخرى في شكل مختلف تمامًا * /
-moz-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
-webkit-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
box-shadow: 0 0 4px rgba (0،0،0،0.4)؛ / * إصدار المعايير الأخير * /
/ * ملاحظة: تطبيق التدرج webkit ليس حسب المواصفات * /
الخلفية: -تدرج-الويب (خطي ، أعلى اليسار ، أسفل اليسار ، من (# f19242) ، إلى (# e36443)) ؛
الخلفية: – التدرج اللوني الخطي (أعلى ، # f19242 ، # e36443) ؛
}
/ * إنشاء دائرة * /
.rss a: قبل {
المحتوى: " 00a0".
الموقف: مطلقة؛
أسفل: 4PX.
اليسار: 5px؛
عرض: 9px.
الطول: 9px.
خلفية: # الاتحاد الفرنسي.
/ * css3 * /
-moz الحدود نصف قطرها: 12px؛
-webkit الحدود نصف قطرها: 12px؛
الحدود بين دائرة نصف قطرها: 12px؛ / * إصدار المعايير الأخير * /
}

/ * إنشاء قوسين * /
.rss a: after {
يحتوى:" 00a0".
الموقف: مطلقة؛
أسفل: 5px؛
اليسار: 5px؛
العرض: 14px؛
الطول: 13px؛
على غرار الحدود: مزدوجة؛
عرض الحدود: 24px 24px 0 0 ؛
الحدود بين اللون: # الاتحاد الفرنسي.
/ * css3 * /
-Moz-border-radius: 0 50px 0 0؛
-webkit الحدود أعلى من اليمين دائرة نصف قطرها: 50px؛
نصف قطر الحدود: 0 50px 0 0 ؛ / * إصدار المعايير الأخير * /
}
/ * ———————————————— ————————————
— جوجل
————————————————– ———————————- * /
.google a {
الموقف: النسبية.
الحدود بين اللون: # 26478d.
النص تحويل: صغيرة.
النص في الهامش: 6px؛
الرسالة تباعد: 40px؛
font: 71px / 21px Georgia، Times New Roman، Times، serif؛
اللون: # الاتحاد الفرنسي.
خلفية: # 1e3c7f.
/ * css3 * /
-moz-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
-webkit-box-shadow: 0 0 4px rgba (0،0،0،0.4)؛
box-shadow: 0 0 4px rgba (0،0،0،0.4)؛ / * إصدار المعايير الأخير * /
/ * ملاحظة: تطبيق التدرج webkit ليس حسب المواصفات * /
الخلفية: -تدرج-الويب (خطي ، أعلى اليسار ، أسفل اليسار ، من (# 447aec) ، إلى (# 1e3c7f)) ؛
الخلفية: – التدرج اللوني الخطي (أعلى ، # 447aec ، # 1e3c7f) ؛
}
# مربع الشريط الجانبي بين الاشتراك-{
عرض: السيارات.
/ * الحدود: 1px صلب # b2b2b2 ؛ * /
خلفية: # ececd9.
دائرة نصف قطرها الحدود: 10px ؛
الحشو أعلى: 25px.
الحشو أسفل: 1px.
}
.sidebar الإشتراك مربع-المجمع {
اللون: # 000؛
FONT-SIZE: 11px؛
الحشو: 1px 20px 10px ؛
مواءمة النصوص: المركز؛
تباعد الحروف: عادي ؛
تحويل النص:
وزن الخط: عادي ؛
}
.sidebar الإشتراك مربع الشكل {
واضحة على حد سواء؛
العرض محجوب؛
الهامش: 10px 0} form.sidebar-subscribe-box-form {clear: both؛ display: block؛ margin: 10px 0 0؛ width: auto}
.sidebar الإشتراك مربع البريد الإلكتروني حقل {
-moz الحدود نصف قطرها: 4PX؛ -webkit الحدود نصف قطرها: 4PX.
الحد: 1px صلب #ccc ؛ حد نصف القطر: 4px ؛ اللون: # 444 ؛ الهامش: 0 0 15px ؛ الحشو: 10px 40px ؛ العرض: 68٪}
.sidebar الإشتراك مربع البريد الإلكتروني على زر {
خلفية: # 58524b.
الحدود: 1px صلب # 4a453e ؛
دائرة نصف قطرها الحدود: 4px ؛
مربع الظل: 0 1px 0 rgba (255،255،255،0.3) أقحم ، 0 1px 0 شفاف ؛
اللون: # الاتحاد الفرنسي.
المؤشر: المؤشر.
font-family: Droid Serif؛
وزن الخط: 700 ؛ الحشو: 10 بكسل ؛ نص الظل: 1px 1px 0 rgba (0،0،0 ، .4) ؛ تحويل النص: أحرف كبيرة ؛ العرض: 100٪}
.sidebar الإشتراك مربع البريد الإلكتروني على زر: تحوم، .sidebar الإشتراك مربع البريد الإلكتروني على زر: التركيز {خلفية: # D83F1D}
.sidebar-subscribe-box-email-button: active {-moz-box-shadow: 0 1px 4px rgba (0،0،0،0.5) inset ؛ – webkit-box-shadow: 0 1px 4px rgba (0،0 ، 0،0.5) داخليًا ؛ مربع الظل: 0 1px 4px rgba (0،0،0،0.5) داخلي ؛ مخطط تفصيلي: 0} iframe ، كائن ، مضمن ، iframe .yt-border ، كائن .yt-border ، .yt – الحدود الداخلية ، الجدول {width: 100٪} embed {border-radius: 3px؛ -moz-box-shadow: 0 2px 4px rgba (0،0،0،0.2)؛ – webkit-box-shadow: 0 2px 4px rgba (0،0،0،0.2) ؛ الخلفية: #FFF ؛ الحدود: 1px صلب #ddd ؛ صندوق الظل: 0 2px 4px rgba (0،0،0،0.2) ؛ الهامش: 0 ؛ الحشو: 4px 4px 4px }
# footer-section {border-top: 1px solid #aaa؛ box-shadow: inset 0 4px 6px -3px #aaa؛ font-family: cambria؛ حجم الخط: 14px ؛ الارتفاع: 100px ؛ الهامش: 10px -30px 5px؛ الحشو: 0 30 بكسل ؛ محاذاة النص: مركز ؛ العرض: 100٪}
الرموز الاجتماعية {الهامش الأيمن: 5 بكسل ؛ الارتفاع: 45 بكسل ؛ العرض: 45 بكسل ؛}
a.social-icons: hover {opacity: .7؛ فلتر: ألفا (التعتيم = 70)؛}