ओएन विमेंस क्लाउड रनिंग शूज़ ब्लैक साइज़ 6.5

*{ मार्जिन; 0px; पैडिंग; 0px; आउटलाइन; nONe; बॉर्डर; nONe; टेक्स्ट-डेकोरेशON; nONe; लिस्ट-स्टाइल; nONe; बॉक्स-साइज़िंग; बॉर्डर-बॉक्स; } img { अधिकतम-चौड़ाई; 100%; } .clear { क्लियर; दोनों; } .wrapper| .cONtent_store { अधिकतम-चौड़ाई; 1200px; चौड़ाई; 94%; मार्जिन; 0 ऑटो; } .main { चौड़ाई; 100%; फ़्लोट; बाएँ; टेक्स्ट-एलाइन; केंद्र; फ़ॉन्ट-फ़ैमिली; 'ओपन सैन्स'| सैन्स-सेरिफ़; } .header { चौड़ाई; 100%; फ़्लोट; बाएँ; बैकग्राउंड; #fafafa url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/bg-texture.jpg) बाएँ शीर्ष दोहराना; पैडिंग; 30px 0 8px 0; } .template .header { पैडिंग-बॉटम; 30px; } .logo { फ़्लोट; बाएँ; मार्जिन-टॉप; 8px; } .head_right { फ़्लोट; दाएँ; } .head_right ul { फ़्लोट; दाएँ; } .head_right ul li { डिस्प्ले; इनलाइन-ब्लॉक; फ़्लोट; बाएँ; फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 50px; फ़ॉन्ट-वेट; सामान्य; कलर; #3a3a3a; पैडिंग-लेफ्ट; 32px; मार्जिन-राइट; 35px; } .head_right ul li;nth-child(1){बैकग्राउंड; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img1.png) बाएँ केंद्र नो-रिपीट;} .head_right ul li;nth-child(2){बैकग्राउंड; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img2.png) बाएँ केंद्र नो-रिपीट;} .head_right ul li;nth-child(3){बैकग्राउंड; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img3.png) बाएँ केंद्र नो-रिपीट;} .head_right ul li;nth-child(4){बैकग्राउंड; url(https;//wearephoenixteam.com/ebay/free-templates/images/temp2/ftr-img4.png) बाएँ केंद्र नो-रिपीट;मार्जिन-राइट; 0px;} .gif_img { डिस्प्ले; nONe } .title_bar { पैडिंग; 10px 0; चौड़ाई; 100%; फ़्लोट; बाएँ; बैकग्राउंड; #0062b0; } .title_bar h2 { फ़ॉन्ट-साइज़; 30px; फ़ॉन्ट-वेट; 400; कलर; #FFF; } .footer2 { चौड़ाई; 100%; फ़्लोट; बाएँ; बैकग्राउंड; #0062b0; पैडिंग; 15px 0; } .footer2 p { फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 33px; फ़ॉन्ट-वेट; सामान्य; कलर; #fefefe; टेक्स्ट-एलाइन; बाएँ; } /*टेम्पलेट*/ .template_div { चौड़ाई; 100%; फ़्लोट; बाएँ; टेक्स्ट-एलाइन; बाएँ; पैडिंग; 35px 0 0 0; } .template_left { चौड़ाई; 19.45%; फ़्लोट; बाएँ; टेक्स्ट-एलाइन; केंद्र; } .template_left_row1 { मार्जिन-बॉटम; 20px; पैडिंग; 40px 0 0 0; बॉर्डर; 1px सॉलिड #e8e8e8; } .template_right { चौड़ाई; 78.8%; फ़्लोट; दाएँ; } .template_right_row1 { चौड़ाई; 100%; फ़्लोट; बाएँ; मार्जिन-बॉटम; 25px; } .template_right_col1{ चौड़ाई; 50%; फ़्लोट; बाएँ; } /*गैलरी*/ .gallery_list { चौड़ाई; 100%; पॉज़िशON; रिलेटिव; मार्जिन;0 ऑटो; } .thumbnails { लिस्ट-स्टाइल; nONe; फ़ॉन्ट-साइज़; 0; } .thumbnails li { डिस्प्ले; इनलाइन-ब्लॉक; मार्जिन; 15px 10px 0 0; चौड़ाई; 100px; ऊंचाई; 100px; टेक्स्ट-एलाइन; केंद्र; वर्टिकल-एलाइन; मध्य; फ़्लोट; बाएँ; } .thumbnails li;hover .item-hugger { बैकग्राउंड; सफ़ेद; } .thumbnails input[name=select] { डिस्प्ले; nONe; } .thumbnails .item-hugger { ऊंचाई; 100%; पॉज़िशON; रिलेटिव; बैकग्राउंड; #fff; डिस्प्ले; फ़्लेक्स; फ़्लेक्स-डायरेक्शन; कॉलम; जस्टिफ़ाई-cONtent; केंद्र; ट्रांज़िशON; ऑल 150ms ईज़-इन-आउट; -मोज़-ट्रांज़िशON; ऑल 150ms ईज़-इन-आउट; -वेबकिट-ट्रांज़िशON; ऑल 150ms ईज़-इन-आउट; बॉर्डर;सॉलिड 1px #e8e8e8; z-इंडेक्स; 999; पैडिंग; 4px; } .thumbnails label { पॉज़िशON; एब्सोल्यूट; टॉप; 0; बाएँ; 0; दाएँ; 0; बॉटम; 0; कर्सर; पॉइंटर; } .thumbnails .thumb-image|.thumbnails .cONtent2 img { अलाइन-सेल्फ़; केंद्र; अधिकतम-ऊंचाई; 100%; } .thumbnails .cONtent2 { पॉज़िशON; एब्सोल्यूट; टॉप; 0; बाएँ; 0; चौड़ाई; 100%; ऊंचाई; 478px; पैडिंग; 5px; ओपेसिटी; 0; ट्रांज़िशON; ऑल 150ms लीनियर; डिस्प्ले; फ़्लेक्स; बैकग्राउंड; #FFF; बॉर्डर;सॉलिड 1px #e8e8e8; फ़्लेक्स-डायरेक्शन; कॉलम; जस्टिफ़ाई-cONtent; केंद्र; ओवरफ़्लो; हिडन; अलाइन-सेल्फ़; केंद्र; } .thumbnails input[name=select];checked + .item-hugger { बैकग्राउंड; सफ़ेद; बॉर्डर; सॉलिड 1px #0062b0; } .thumbnails input[name=select];checked ~ .cONtent2 { ओपेसिटी; 1; } .white-box { ऊंचाई; 478px; ओवरफ़्लो; हिडन; } .template_right_col2{ चौड़ाई; 80%; फ़्लोट; दाएँ; पैडिंग-लेफ्ट; 25px; } .template_right_col2 ul { मार्जिन-बॉटम; 10px; } .template_right_col2 ul li{ लिस्ट-स्टाइल-टाइप; डिस्क; लिस्ट-स्टाइल-पॉज़िशON; अंदर; फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 28px; फ़ॉन्ट-वेट; सामान्य; कलर; #6e6e6e; } .template_right_col2 p{ फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 28px; फ़ॉन्ट-वेट; सामान्य; कलर; #6e6e6e; मार्जिन-बॉटम; 8px; } .template_right_col2 p b{ डिस्प्ले; ब्लॉक; फ़ॉन्ट-वेट; बोल्ड; कलर; #0062b0; } .template_div h4{ फ़ॉन्ट-साइज़; 18px; लाइन-हाइट; 40px; फ़ॉन्ट-वेट; सामान्य; कलर; #fff; बैकग्राउंड; #ed5829; पॉज़िशON; रिलेटिव; मार्जिन-बॉटम; 30px; पैडिंग; 0 15px; } .template_div h4;after{ cONtent; ''; पॉज़िशON; एब्सोल्यूट; बाएँ; 0; बॉटम; -15px; चौड़ाई; 0; ऊंचाई; 0; बॉर्डर-टॉप; 15px सॉलिड #ed5829; बॉर्डर-राइट; 14px सॉलिड ट्रांसपेरेंट; } /* CSS टैब */ .tab_cONtainer { चौड़ाई; 100%; बैकग्राउंड; #f1f1f1; पॉज़िशON; रिलेटिव; फ़्लोट; बाएँ; मार्जिन-टॉप;10px; } .tab_cONtainer;before { चौड़ाई; 100%; ऊंचाई; 46px; बैकग्राउंड; #FFF; cONtent; ; डिस्प्ले; ब्लॉक; पॉज़िशON; एब्सोल्यूट; बाएँ; 0; टॉप; 0; } .tabs { डिस्प्ले; फ़्लेक्स; फ़्लेक्स-रैप; रैप; चौड़ाई; 100%; फ़्लोट; बाएँ; } .tabs label { पैडिंग; 10px; चौड़ाई; 14.285%; बैकग्राउंड; #00aeef; बॉर्डर; 1px सॉलिड #FFF; ऑर्डर; 1; डिस्प्ले; ब्लॉक; कर्सर; पॉइंटर; टेक्स्ट-एलाइन; केंद्र; फ़ॉन्ट-साइज़; 16px; फ़ॉन्ट-वेट; 400; लाइन-हाइट; 25px; कलर; #FFF; पॉज़िशON; रिलेटिव; z-इंडेक्स; 1; } .tabs .tab { ऑर्डर; 99; फ़्लेक्स-ग्रो; 1; चौड़ाई; 100%; अधिकतम-ऊंचाई; 0; विज़िबिलिटी; हिडन; टेक्स्ट-एलाइन; बाएँ; मार्जिन-टॉप; -1px; ओवरफ़्लो-y; हिडन; डिस्प्ले; nONe; } .tabs input[type=radio] { डिस्प्ले; nONe; } .tabs input[type=radio];checked + label { बैकग्राउंड; #ed5829; } .tabs input[type=radio];checked + label + .tab { पैडिंग; 20px 0; विज़िबिलिटी; विज़िबल; डिस्प्ले; ब्लॉक; अधिकतम-ऊंचाई; nONe; } .tabs .tab ul { मार्जिन-बॉटम; 10px; } .tabs .tab ul li{ लिस्ट-स्टाइल-टाइप; डिस्क; लिस्ट-STYLE-पॉज़िशON; अंदर; फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 28px; फ़ॉन्ट-वेट; सामान्य; कलर; #6e6e6e; } .tabs .tab p{ फ़ॉन्ट-साइज़; 14px; लाइन-हाइट; 28px; फ़ॉन्ट-वेट; सामान्य; कलर; #6e6e6e; मार्जिन-बॉटम; 8px; } @मीडिया ONly स्क्रीन और (अधिकतम-चौड़ाई; 980px) { .template .header { पैडिंग-बॉटम; 10px; } .logo { मार्जिन-टॉप; 0; डिस्प्ले; इनलाइन-ब्लॉक; फ़्लोट; nONe; } .head_right { चौड़ाई; 100%; } .head_right ul| .head_right ul li { फ़्लोट; nONe; } .template_left { डिस्प्ले; nONe; } .template_right { चौड़ाई; 100%; } .tab_cONtainer { पैडिंग-बॉटम; 20px; बैकग्राउंड; nONe; } .tab_cONtainer;before { डिस्प्ले; nONe; } .tabs .tab| .tabs label { ऑर्डर; इनिशियल; ट्रांज़िशON; 300ms ऑल; डिस्प्ले; ब्लॉक; } .tabs label { चौड़ाई; 100%; मार्जिन-राइट; 0; मार्जिन-टॉप; 0.2rem; } .tabs input[type=radio];checked + label { बैकग्राउंड; #ed5829; बॉर्डर; nONe; } .tabs input[type=radio];checked + label + .tab { पैडिंग; 20px; अधिकतम-ऊंचाई; 400px; ओवरफ़्लो-y; स्क्रोल; बैकग्राउंड; #f1f1f1; बॉर्डर; 1px सॉलिड #e1e1e1; } } @मीडिया ONly स्क्रीन और (अधिकतम-चौड़ाई; 768px) { .head_right { डिस्प्ले; nONe; } .gif_img { मार्जिन-TOP; 10px; डिस्प्ले; ब्लॉक; } .template_right_col1| .template_right_col2 { चौड़ाई; 100%; } .template_right_col2 { पैडिंग; 20px 0 0 0; } }