「MediaWiki:Poncho.css」修訂間的差異
出自文和佑生聯合診所
(建立內容為「body { font-size: 1.05em; } #poncho-header-wrapper { background: #e0e0e0; padding: 0.4em 0 0.2em 0; } #poncho-logo { font-size: 1.4em; } #poncho-s…」的新頁面) |
|||
第4行: | 第4行: | ||
#poncho-header-wrapper { | #poncho-header-wrapper { | ||
− | + | background: #e0e0e0; | |
− | + | } | |
+ | |||
+ | #poncho-header { | ||
+ | } | ||
+ | |||
+ | #poncho-logo-wrapper { | ||
+ | margin: 0.5em 0 0 0.5em; | ||
} | } | ||
#poncho-logo { | #poncho-logo { | ||
− | + | background-size: auto; | |
+ | font-size: 1.4em; | ||
+ | padding: 0 0 1em 0; | ||
+ | width: 450px; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 700px) { | ||
+ | #poncho-logo { | ||
+ | width: 170px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #poncho-menu-wrapper { | ||
+ | } | ||
+ | |||
+ | @media (max-width: 500px) { | ||
+ | #poncho-user-icon { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #poncho-search-form-wrapper { | ||
+ | padding: 0; | ||
+ | width: auto; | ||
} | } | ||
#poncho-search-form { | #poncho-search-form { | ||
− | + | margin-right: 0; | |
− | + | max-width: 18em; | |
} | } | ||
第31行: | 第60行: | ||
#content { | #content { | ||
+ | line-height: 140%; | ||
margin: 0; | margin: 0; | ||
− | |||
} | } | ||
於 2021年5月1日 (六) 23:00 的最新修訂
body {
font-size: 1.05em;
}
#poncho-header-wrapper {
background: #e0e0e0;
}
#poncho-header {
}
#poncho-logo-wrapper {
margin: 0.5em 0 0 0.5em;
}
#poncho-logo {
background-size: auto;
font-size: 1.4em;
padding: 0 0 1em 0;
width: 450px;
}
@media (max-width: 700px) {
#poncho-logo {
width: 170px;
}
}
#poncho-menu-wrapper {
}
@media (max-width: 500px) {
#poncho-user-icon {
display: none;
}
}
#poncho-search-form-wrapper {
padding: 0;
width: auto;
}
#poncho-search-form {
margin-right: 0;
max-width: 18em;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
#poncho-content-wrapper {
margin: 0 auto;
padding: 0 1em 1em 1em;
}
#content {
line-height: 140%;
margin: 0;
}
#poncho-footer {
font-size: 0.9em;
}
#poncho-footer li {
line-height: 1.2;
margin: 0.2em 0;
}
#poncho-footer li#lastmod {
display: none;
}