קטגוריה
תיאור מלא
* {
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;
ריפוד: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:מרכז;
}
.משוב img {
לצוף: אף;
}
}
@media (max-width:480px) {
.תמונות ממוזערות li {
width: 80px;
גובה: 80px;
}
.תמונות ממוזערות .content2, .לבן-box {
גובה: 300px;
}
}ברוכים הבאים טונג יי מקצועי מדבקה החנות!
l349013