<शैली>
.एकल .एफए-ब्लॉग-स्टोर-साइडबार {
फ्लोट: सही;
चौड़ाई: 200px;
मार्जिन: 0 0 20px 24px;
प्रदर्शन: फ्लेक्स;
फ्लेक्स-दिशा: स्तंभ;
संरेखित-आइटम: केंद्र;
गैप: 14px;
स्थिति: चिपचिपा;
शीर्ष: 90px;
z-सूचकांक: 2;
}
.सिंगल .एफए-ब्लॉग-स्टोर-साइडबार ए {
प्रदर्शन: ब्लॉक;
लाइन-ऊंचाई: 0;
संक्रमण: अपारदर्शिता 0.2s आसानी, परिवर्तन 0.2s आसानी;
}
.एकल .एफए-ब्लॉग-स्टोर-साइडबार ए:होवर {
अपारदर्शिता: 0.88;
परिवर्तन: TranslateY(-1px);
}
.सिंगल .fa-ब्लॉग-स्टोर-साइडबार img {
चौड़ाई: 100%;
अधिकतम-चौड़ाई: 200px;
ऊंचाई: ऑटो;
बॉर्डर-त्रिज्या: 6px;
बॉक्स-छाया: 0 2px 8px rgba(0,0,0,0.12);
}
@मीडिया (अधिकतम-चौड़ाई: 991px) {
.एकल .एफए-ब्लॉग-स्टोर-साइडबार {
फ्लोट: कोई नहीं;
चौड़ाई: 100%;
मार्जिन: 0 0 24px;
फ्लेक्स-दिशा: पंक्ति;
औचित्य-सामग्री: केंद्र;
फ्लेक्स-रैप: रैप;
स्थिति: स्थिर;
}
.सिंगल .fa-ब्लॉग-स्टोर-साइडबार img { अधिकतम-चौड़ाई: 160px; }
}