/*通用:移动版允许使用small、big标签*/ small { font-size:smaller; } big { font-size:larger; } /*通用:段间距调整*/ p { margin-bottom:0.5em; } /*通用:定义列表间距调整*/ dl { margin:0.5em 0 0.5em 0; } dt { margin-bottom:0.25em; } dd { margin-bottom:0.25em; margin-left:1em; } /*通用:列表行间距及缩进调整*/ ul { margin:0.3em 0 0.5em 1.2em; padding-left:0; } p + ul { margin:-0.2em 0 0.5em 1.2em; padding-left:0; } ul > li { margin-bottom:0.25em; } ul > li > ul { margin:0.15em 0 0.25em 1.2em; } ul > li > ul > li { margin-bottom:0.15em; padding-left:0; } /*通用:定义表嵌套无序列表的段间距*/ dl > dd > ul { margin-top:0.15em; margin-bottom:0.25em; } dl > dd > ul > li { margin-top:0.1em; margin-bottom:0.1em; } /*移动端窄屏下表格字号缩小*/ @media screen and (max-width:720px) { table.foodmenu, table.black-table, .wikitable { font-size:87.5%; } } @media screen and (min-width:1000px) { .block-parent-2 { display:flex; margin-bottom:2em; } .block-child-2a { width:50%; max-width:50%; margin-right:1em; } .block-child-2b { width:50%; max-width:50%; margin-left:1em; } } @media screen and (min-width:800px) and (max-width:1000px) { .block-title-1 { font-size:90%; } .block-parent-2 { display:flex; margin-bottom:2em; } .block-child-2a { width:50%; max-width:50%; margin-right:0.8em; } .block-child-2b { width:50%; max-width:50%; margin-left:0.8em; } } @media screen and (min-width:600px) and (max-width:800px) { .block-title-1 { font-size:80%; } .block-title-2 { font-size:90%; } .block-child-2a { margin-bottom:2em; } .block-child-2b { margin-bottom:2em; } } @media screen and (max-width:600px) { .block-title-1 { font-size:60%; } .block-title-2 { font-size:80%; } .block-child-2a { margin-bottom:2em; } .block-child-2b { margin-bottom:2em; } }