* { margin: 0px; padding: 0px; outline: none; border: none; text-decoration: none; list-style: none; box-sizing: border-box; } img { max-width: 100%; } .ברור { ברור: שניהם; } .עטיפת { מקס-רוחב: 1024px; רוחב: 96%; margin: 0 auto; } .main { רוחב: 100%; לצוף: עזבו; /*font-family: 'אוסוולד', sans-serif;*/ font-family: 'פתח Sans', sans-serif; רקע: url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/bg.jpg השמאלי העליון חוזר; } .כותרת { רוחב: 100%; לצוף: עזבו; רקע: #fff; text-align: center; border-radius: 6px; border: solid 1px #e7e7e7; ריפוד: 30px 0; שולי: 22px 0; מיקום: קרוב משפחה; } .כותרת:אחרי { תוכן: "; מיקום: absolute; משמאל: 0; מימין: 0; למטה: -30px; גובה: 30px; רקע: url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/head-shadow.png) במרכז העליון אף חוזר; } .תבנית { רוחב: 100%; לצוף: עזבו; } .template_left { רוחב: 75%; לצוף: עזבו; } .white_space { ריפוד: 16px; רקע: #fff; border-radius: 8px; border: solid 1px #e7e7e7; } .כותרת, .בדרך { רוחב: 100%; לצוף: עזבו; רקע: #f9962f; font-family: 'אוסוולד', sans-serif; font-size: 22px; line-height: 28px; font-weight: normal; צבע: #fff; padding: 7px 15px; } h2.בדרך { margin-bottom: 15px; } /*גלריה*/ .gallery_list { רוחב: 100%; לצוף: עזבו; מיקום: קרוב משפחה; text-align: center; שולי: 35px 0; } .תמונות ממוזערות { list-style: none; גופן-גודל: 0; } .תמונות ממוזערות li { display: inline-block; margin: 0 10px 0 0; width: 90px; גובה: 90px; text-align: center; vertical-align: middle; } .תמונות ממוזערות לי:ריחוף .פריט-מחבק { רקע: לבן; } .תמונות ממוזערות לי:ריחוף .פריט-מחבק .כותרת { צבע: #000; } .תמונות ממוזערות קלט[name="בחר"] { display: none; } .תמונות ממוזערות .פריט-מחבק { גובה: 100%; מיקום: קרוב משפחה; רקע: #fff; תצוגה: להגמיש; flex-כיוון: טור; להצדיק-תוכן: center; מעבר: כל 150ms קלות פנימה-החוצה; -moz-מעבר: כל 150ms קלות פנימה-החוצה; -webkit-transition: כל 150ms קלות פנימה-החוצה; border: solid 1px #e4e4e4; z-index: 999; padding: 4px; } .תמונות ממוזערות תווית { מיקום: absolute; top: 0; משמאל: 0; מימין: 0; למטה: 0; cursor: pointer; } .תמונות ממוזערות .כותרת { ריפוד: 20px 0 0; font-size: 18px; צבע: #555; מעבר: כל 150ms ליניארי; } .תמונות ממוזערות .האגודל-תמונה .תמונות ממוזערות .content2 img { יישור עצמית: center; מקס-גובה: 100%; } .תמונות ממוזערות .content2 { מיקום: absolute; top: 0; משמאל: 0; רוחב: 100%; גובה: 350px; padding: 5px; אטימות: 0; מעבר: כל 150ms ליניארי; תצוגה: להגמיש; רקע: #FFF; flex-כיוון: טור; להצדיק-תוכן: center; overflow: hidden; יישור עצמית: center; } .תמונות ממוזערות קלט[name="בחר"]:בדק + .פריט-מחבק { רקע: לבן; border: solid 1px #f9962f; } .תמונות ממוזערות קלט[name="בחר"]:בדק ~ .content2 { אטימות: 1; } .לבן-box { גובה: 400px; overflow: hidden; } .temp_lest { רוחב: 100%; לצוף: עזבו; margin-bottom: 15px; } .temp_lest li { רוחב: 100%; לצוף: עזבו; font-size: 14px; line-height: 28px; font-weight: normal; צבע: #737373; רקע: url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/list-arrow.jpg השמאלי) 10px לא-חוזר; ריפוד-שמאל: 18px; } p { font-size: 14px; line-height: 24px; font-weight: normal; צבע: #737373; } .temp_left2 { רקע: שקוף; padding: 0; margin-top: 20px; border: none; } /*CSS הכרטיסייה*/ .css_tab { רוחב: 100%; לצוף: עזבו; מיקום: קרוב משפחה; } .css-tab { display: none; } .css_tab li { display: inline-block; לצוף: עזבו; רוחב: 100%; } .css_tab לי תווית { padding: 10px 8px; רוחב: 16.7%; רקע: #f9962f; font-family: 'אוסוולד', sans-serif; text-align: center; font-size: 16px; font-משקל: 400; צבע:#FFF; מיקום: absolute; משמאל: 0; top: 0px; לצוף: עזבו; cursor: pointer; border-radius: 8px 8px 0 0; } .css_tab לי:n-ילד(1) תווית { משמאל: 15px; } .css_tab לי:n-ילד(2) תווית { משמאל: 19.2%; } .css_tab לי:n-ילד(3) תווית { משמאל: 36.4%; } .css_tab לי:n-ילד(4) התווית { משמאל: 53.6%; } .css_tab לי:n-ילד(5) תווית { משמאל: 70.8%; } .css-טאב:בדקתי + .tab-תווית { רקע: #b75d00; } .tab-התווית:לרחף { רקע: #b75d00; } #tab1:בדקתי ~ #tab-content1,#כרטיסייה2:בדקתי ~ #tab-content2,#tab3:בדקתי ~ #tab-content3,#tab4:בדקתי ~ #tab-content4,#tab5:בדקתי ~ #tab-content5 { display: block; } .tab-content { רוחב: 100%; לצוף: עזבו; margin-top: 44px; padding: 15px 20px; border: solid 1px #e7e7e7; רקע: #fff; display: none; text-align: left; min-height: 150px; border-radius: 8px; } .בכרטיסייה תוכן p { font-size: 14px; line-height: 24px; font-weight: normal; צבע: #737373; } .בכרטיסייה תוכן .temp_lest { שולי: 15px 0; } .template_right { רוחב: 23%; float: right; border-radius: 8px; } .ftr_box { רוחב: 100%; לצוף: עזבו; text-align: center; רקע: #fff; border: solid 1px #e7e7e7; border-radius: 8px; ריפוד: 12px; margin-bottom: 20px; מיקום: קרוב משפחה; } .ftr_box:אחרי { תוכן: url('https://wearephoenixteam.com/ebay/free-templates/images/temp5/box-shadow.png'); מיקום: absolute; עזבו: -21px; למטה: -26px; } .contact_box { רוחב: 100%; לצוף: עזבו; רקע: #fff; border-radius: 10px; text-align: center; מיקום: קרוב משפחה; } .contact_box:אחרי { תוכן: url('https://wearephoenixteam.com/ebay/free-templates/images/temp5/box-shadow.png'); מיקום: absolute; עזבו: -21px; למטה: -26px; } .contact_box h2 { margin-bottom: 0; border-radius: 10px 10px 0px 0px; } .contant_det { רוחב: 100%; לצוף: עזבו; border: solid 1px #e7e7e7; border-top: none; padding: 10px; } .contant_det p { font-size: 13px; line-height: 20px; font-weight: normal; צבע: #777; font-style: נטוי; } .contant_det עמ ' ב { display: block; font-weight: bold; } .משוב { רוחב: 100%; לצוף: עזבו; רקע: #fff; border: solid 1px #e7e7e7; ריפוד: 25px; margin-top: 20px; border-radius: 8px; } .משוב img { לצוף: עזבו; שוליים-נכון: 30px; } .משוב p { font-style: נטוי; } .כותרת תחתונה { רוחב: 100%; לצוף: עזבו; text-align: center; ריפוד: 30px 0; } .כותרת תחתונה p { font-style: נטוי; } @media (max-width:980px) { .כותרת { margin: 10px 0; } .template_left { רוחב: 100%; margin-bottom: 20px; } .template_right { רוחב: 100%; } .ftr_box { margin-bottom: 10px; } } @media (max-width:800 פיקסלים) { .css_tab לי תווית { שוליים-שמאל: 0 !חשוב; padding: 10px 15px; רוחב: 100% !חשוב; מיקום: סטטי; רקע: #f9962f url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/plus.png) ימין מרכז לא-חוזר; text-align: left; border: none; } .css_tab li { margin-bottom: 1px; } .tab-content { margin-top: 0px; min-height: 0; } .css_tab li התווית:לרחף { רקע: #b75d00 url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/plus.png) ימין מרכז לא-חוזר; border: none; } .css-טאב:בדקתי + .tab-תווית { border-bottom: 1px solid #ddd; רקע: #b75d00 url(https://wearephoenixteam.com/ebay/free-templates/images/temp5/minus.png) ימין מרכז לא-חוזר; } .בכרטיסייה תוכן, .css_tab לי תווית { border-radius: 0; } } @media (max-width:600px) { .תמונות ממוזערות .content2, .לבן-box { גובה: 340px; } .gallery_list { margin: 10px 0; } .כותרת { padding: 15px 0; } .משוב { text-align: center; } .משוב img { לצוף: אף; } } @media (max-width:480px) { .תמונות ממוזערות li { width: 80px; גובה: 80px; } .תמונות ממוזערות .content2, .לבן-box { גובה: 300px; } }ברוכים הבאים טונג יי מקצועי מדבקה החנות!