MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
(创建页面,内容为“→这里放置的CSS将应用于所有皮肤: →Basic layout: body { font-family: Arial, sans-serif; } #content { display: flex; background-color: #f9f9f9; } #sidebar { width: 240px; background-color: #fff; border-right: 1px solid #e3e3e3; padding: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #main-content { flex-grow: 1; padding: 20px; background-color: #fafafa; } h1, h2, h3 { color: #282828; } /* Si…”) |
无编辑摘要 |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
/* | /* Reset some default styles */ | ||
body, h1, h2, h3, p, ul, li { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
body { | body { | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
background-color: #f9f9f9; | |||
} | } | ||
#content { | /* Layout structure */ | ||
#mw-content-text { | |||
display: flex; | display: flex; | ||
} | } | ||
第16行: | 第22行: | ||
padding: 15px; | padding: 15px; | ||
box-shadow: 0 2px 4px rgba(0,0,0,0.1); | box-shadow: 0 2px 4px rgba(0,0,0,0.1); | ||
height: 100vh; /* Full viewport height */ | |||
position: sticky; | |||
top: 0; | |||
} | } | ||
第22行: | 第31行: | ||
padding: 20px; | padding: 20px; | ||
background-color: #fafafa; | background-color: #fafafa; | ||
margin-left: 260px; /* To offset the sidebar width */ | |||
} | } | ||
2024年7月1日 (一) 08:38的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* Reset some default styles */
body, h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
}
/* Layout structure */
#mw-content-text {
display: flex;
}
#sidebar {
width: 240px;
background-color: #fff;
border-right: 1px solid #e3e3e3;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
height: 100vh; /* Full viewport height */
position: sticky;
top: 0;
}
#main-content {
flex-grow: 1;
padding: 20px;
background-color: #fafafa;
margin-left: 260px; /* To offset the sidebar width */
}
h1, h2, h3 {
color: #282828;
}
/* Sidebar style */
#sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#sidebar ul li {
margin: 10px 0;
}
#sidebar ul li a {
text-decoration: none;
color: #065fd4;
font-weight: bold;
}
#sidebar ul li a:hover {
text-decoration: underline;
}
/* Main content style */
#main-content h1 {
font-size: 24px;
margin-bottom: 20px;
}
#main-content p {
line-height: 1.6;
color: #606060;
}
/* Footer style */
#footer {
text-align: center;
padding: 20px;
background-color: #fff;
border-top: 1px solid #e3e3e3;
margin-top: 20px;
font-size: 14px;
color: #909090;
}