MediaWiki:Common.css
来自漫画导航
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */ /* 编辑器文字保持与正文一致 */ #wpTextbox1 { font-size: 100%; } /* 禁止目录自动换行*/ #toc { white-space: nowrap; } /* 首页不显示标题 */ body.page-首页 h1.firstHeading { display: none; } /* 页面宽度对齐 */ .mw-body { padding: 0; } tbody { counter-reset:sectioncounter; } .SortCLASS:before { content:counter(sectioncounter); counter-increment:sectioncounter; } h2 { border-bottom: 1px solid #E5E5E5; } @media (max-width: 576px) { .mw-body { font-size: .875rem; } .table { font-size: .844rem; } .btn { font-size: .844rem; } h1 { font-size: 1.5rem; } h2 { font-size: 1.4rem; } h3 { font-size: 1.2rem; } } @media (max-width: 768px) { .mw-body { font-size: .875rem; } .table { font-size: .844rem; } .btn { font-size: .844rem; } h1 { font-size: 1.5rem; } h2 { font-size: 1.4rem; } h3 { font-size: 1.2rem; } } .card-columns { column-gap: .8rem; column-count: 3; } .card-img { border-radius: 0; } .contentSub { margin-bottom: 10px; } .img-avatar { width: 120px; height: 120px; object-fit: cover; } .img-square { width: 170px; height: 170px; object-fit: cover; } .img-poster { width: 170px; height: 255px; object-fit: cover; } .img-poster2 { width: 260px; height: 390px; object-fit: cover; } .circle-img { border-radius: 50%; /* 将图片转换为圆形 */ object-fit: cover; /* 确保图片内容填充整个容器,超出的部分会被裁剪 */ }