מדיה ויקי:Mobile.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
אין תקציר עריכה |
||
(2 גרסאות ביניים של אותו משתמש אינן מוצגות) | |||
שורה 5: | שורה 5: | ||
/* {{pp|small=yes}} */ | /* {{pp|small=yes}} */ | ||
@media (max-width: 875px) { | |||
display: block !important; | /* We need to improve Template:POTD as used on the main page so that these | ||
* hacks aren't necessary */ | |||
#mp-tfp table, | |||
#mp-tfp tr, | |||
#mp-tfp td, | |||
#mp-tfp tbody { | |||
display: block !important; | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | |||
#mp-tfp tr:first-child td:first-child a { | |||
text-align: center; | |||
display: table; | |||
margin: 0 auto; | |||
} | |||
} | |||
@media (min-width: 875px) { | |||
#mp-upper { | |||
display: flex; | |||
} | |||
#mp-left { | |||
flex: 1 1 55%; | |||
margin-right: 2px; | |||
} | |||
#mp-right { | |||
flex: 1 1 45%; | |||
margin-left: 2px; | |||
} | |||
} | } |
גרסה אחרונה מ־20:14, 5 בנובמבר 2023
/* הסגנונות הנכתבים כאן ישפיעו על הגולשים באתר למכשירים ניידים בלבד */ /* CSS placed here will affect users of the mobile site */ .mobile-float-reset { float: none !important; width: 100% !important; } /* {{pp|small=yes}} */ @media (max-width: 875px) { /* We need to improve Template:POTD as used on the main page so that these * hacks aren't necessary */ #mp-tfp table, #mp-tfp tr, #mp-tfp td, #mp-tfp tbody { display: block !important; width: 100% !important; box-sizing: border-box; } #mp-tfp tr:first-child td:first-child a { text-align: center; display: table; margin: 0 auto; } } @media (min-width: 875px) { #mp-upper { display: flex; } #mp-left { flex: 1 1 55%; margin-right: 2px; } #mp-right { flex: 1 1 45%; margin-left: 2px; } }