--- title: wide styles-for small table (版面增寬) tags: TWCC, Style-embed --- <style> #doc.markdown-body, .ui-infobar, .container-thiner { max-width: 1080px; } .ui-content #doc.markdown-body, .ui-content .ui-infobar { max-width: 900px; } @media (min-width: 768px) { #doc.markdown-body, .ui-infobar { max-width: 750px; } } @media (min-width: 1200px) { #doc.markdown-body, .ui-infobar { max-width: 1170px; } } /* font-size */ /* 可以透過 .markdown-body p 或是 p 做細緻的調整 */ .markdown-body { font-size: 125%; } /* sider-bar */ .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>li>a:hover { color: red; border-left: 2px solid red; } #ui-toc-affix a { font-size: 115%; } </style> <!-- ## Original styles <style> #doc.markdown-body, .ui-infobar, .container-thiner { max-width: 1080px; } .ui-content #doc.markdown-body, .ui-content .ui-infobar { max-width: 758px; } @media (min-width: 768px) { #doc.markdown-body, .ui-infobar { max-width: 750px; } } @media (min-width: 1200px) { #doc.markdown-body, .ui-infobar { max-width: 1170px; } } </style> -->