「MediaWiki:Common.css」の版間の差分
(1人の利用者による、間の15版が非表示) | |||
1行: | 1行: | ||
/* ここに記述したCSSはすべての外装に反映されます */ | /* ここに記述したCSSはすべての外装に反映されます */ | ||
+ | |||
.floatList li { | .floatList li { | ||
float: left; | float: left; | ||
margin-right: 3em; | margin-right: 3em; | ||
} | } | ||
− | |||
.page-メインページ h1 { | .page-メインページ h1 { | ||
display: none; | display: none; | ||
} | } | ||
− | |||
h2 { | h2 { | ||
margin-top: 30px; | margin-top: 30px; | ||
font-size: 25px; | font-size: 25px; | ||
} | } | ||
− | |||
h3 { | h3 { | ||
font-size: 18px; | font-size: 18px; | ||
+ | } | ||
+ | ul ul { | ||
+ | margin-bottom: 1em !important; | ||
} | } | ||
21行: | 22行: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | |||
.page-メインページ .toc, #toc { | .page-メインページ .toc, #toc { | ||
display: none; | display: none; | ||
} | } | ||
− | |||
.page-メインページ ul { | .page-メインページ ul { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
− | |||
.page-メインページ ul.navigation { | .page-メインページ ul.navigation { | ||
display: none; | display: none; | ||
40行: | 38行: | ||
*/ | */ | ||
− | li#footer-places-privacy { display: none; } | + | li#footer-places-privacy { |
− | li#footer-places-disclaimer { display: none; } | + | display: none; |
− | .page-メインページ li#pt-login { display: none; } | + | } |
− | li#footer-places-about { display: none; } | + | li#footer-places-disclaimer { |
− | li#draft-index { display: none; } | + | display: none; |
− | .page-メインページ li#draft-index { display: inline; } | + | } |
− | .page-メインページ #footer-icons { display: none; | + | .page-メインページ li#pt-login { |
− | + | display: none; | |
+ | } | ||
+ | li#footer-places-about { | ||
+ | display: none; | ||
+ | } | ||
+ | li#draft-index { | ||
+ | display: none; | ||
+ | } | ||
+ | .page-メインページ li#draft-index { | ||
+ | display: inline; | ||
+ | font-size: 1.65em; | ||
+ | } | ||
+ | .page-メインページ #footer-icons { | ||
+ | display: none; | ||
+ | } | ||
div.tright { | div.tright { | ||
margin: 0.5em 0 1.3em 0; | margin: 0.5em 0 1.3em 0; | ||
} | } | ||
− | |||
blockquote { | blockquote { | ||
− | background-color:#ddd; | + | background-color: #ddd; |
− | padding:1em 1em 1em 3em; | + | padding: 1em 1em 1em 3em; |
− | position:relative; | + | position: relative; |
} | } | ||
− | + | blockquote:before { | |
− | blockquote:before{ | + | |
content: "“"; | content: "“"; | ||
font-size: 600%; | font-size: 600%; | ||
68行: | 78行: | ||
top: 0; | top: 0; | ||
} | } | ||
− | + | blockquote:after { | |
− | blockquote:after{ | + | |
content: "”"; | content: "”"; | ||
font-size: 600%; | font-size: 600%; | ||
79行: | 88行: | ||
bottom: 0; | bottom: 0; | ||
} | } | ||
− | |||
#p-logo a { | #p-logo a { | ||
background-size: 100%; | background-size: 100%; | ||
} | } | ||
− | |||
#p-logo > a > img { | #p-logo > a > img { | ||
max-width: 160px | max-width: 160px | ||
} | } | ||
− | |||
#p-MAP { | #p-MAP { | ||
margin-left: 4px !important; | margin-left: 4px !important; | ||
99行: | 105行: | ||
} | } | ||
#p-MAP:hover { | #p-MAP:hover { | ||
− | filter:alpha(opacity=70); | + | filter: alpha(opacity=70); |
− | opacity:0.7; | + | opacity: 0.7; |
} | } | ||
− | |||
#p-MAP a { | #p-MAP a { | ||
display: block; | display: block; | ||
108行: | 113行: | ||
height: 77px; | height: 77px; | ||
} | } | ||
− | |||
.thumbcaption { | .thumbcaption { | ||
− | font-size:1.4em !important; | + | font-size: 1.4em !important; |
} | } | ||
− | |||
div#map-container>div { | div#map-container>div { | ||
− | background-color: | + | background-color: #f3f3f3 !important; |
} | } | ||
− | |||
div#map-copyright, div#map-legend { | div#map-copyright, div#map-legend { | ||
− | font-size: | + | font-size: 13px; |
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
margin: 15px 2px 8px 4px; | margin: 15px 2px 8px 4px; | ||
padding: 0 4px; | padding: 0 4px; | ||
background-color: rgba(255, 255, 255, 0.75); | background-color: rgba(255, 255, 255, 0.75); | ||
+ | box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
− | + | div#map-legend { | |
+ | margin-right: 10px; | ||
+ | } | ||
select#map-select { | select#map-select { | ||
− | + | width: 160px; | |
− | + | padding: 4px 24px 4px 10px; | |
− | + | font-size: 12px; | |
− | + | -webkit-appearance: none; | |
− | + | -moz-appearance: none; | |
− | + | appearance: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
margin: 10px; | margin: 10px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-radius: 2px; | border-radius: 2px; | ||
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; | box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; | ||
− | + | background: url(/select_arrow.png) right 50% no-repeat; | |
− | background: url(/select_arrow.png) right 50% no-repeat; | + | background-color: #fff; |
− | background-size: 20px, 100%; | + | background-size: 20px, 100%; |
} | } | ||
− | |||
select#map-select:focus { | select#map-select:focus { | ||
outline: 0; | outline: 0; | ||
− | |||
− | |||
} | } | ||
− | |||
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { | @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { | ||
− | select, select:focus, | + | select, select:focus, textarea, textarea:focus, input, input:focus { |
− | + | font-size: 16px; | |
− | + | } | |
− | font-size: | + | select#map-select { |
+ | font-size: 16px; | ||
+ | width: 100px; | ||
} | } | ||
} | } | ||
− | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
div#content { | div#content { | ||
183行: | 181行: | ||
height: auto; | height: auto; | ||
} | } | ||
− | |||
} | } |
2019年12月6日 (金) 00:41時点における最新版
/* ここに記述したCSSはすべての外装に反映されます */ .floatList li { float: left; margin-right: 3em; } .page-メインページ h1 { display: none; } h2 { margin-top: 30px; font-size: 25px; } h3 { font-size: 18px; } ul ul { margin-bottom: 1em !important; } .page-メインページ h2 { font-weight: bold; } .page-メインページ .toc, #toc { display: none; } .page-メインページ ul { margin-bottom: 20px; } .page-メインページ ul.navigation { display: none; } /* .page-メインページ div#footer { display: none; } */ li#footer-places-privacy { display: none; } li#footer-places-disclaimer { display: none; } .page-メインページ li#pt-login { display: none; } li#footer-places-about { display: none; } li#draft-index { display: none; } .page-メインページ li#draft-index { display: inline; font-size: 1.65em; } .page-メインページ #footer-icons { display: none; } div.tright { margin: 0.5em 0 1.3em 0; } blockquote { background-color: #ddd; padding: 1em 1em 1em 3em; position: relative; } blockquote:before { content: "“"; font-size: 600%; line-height: 1em; font-family: sans-serif; color: #999; position: absolute; left: 0; top: 0; } blockquote:after { content: "”"; font-size: 600%; line-height: 0em; font-family: sans-serif; color: #999; position: absolute; right: 0; bottom: 0; } #p-logo a { background-size: 100%; } #p-logo > a > img { max-width: 160px } #p-MAP { margin-left: 4px !important; width: 160px; height: 77px; background-repeat: no-repeat; background-position: center center; text-decoration: none; background-image: url(/images/7/74/Mapthumbnail.png) !important; background-size: contain !important; } #p-MAP:hover { filter: alpha(opacity=70); opacity: 0.7; } #p-MAP a { display: block; width: 160px; height: 77px; } .thumbcaption { font-size: 1.4em !important; } div#map-container>div { background-color: #f3f3f3 !important; } div#map-copyright, div#map-legend { font-size: 13px; font-family: Arial, sans-serif; margin: 15px 2px 8px 4px; padding: 0 4px; background-color: rgba(255, 255, 255, 0.75); box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; white-space: nowrap; } div#map-legend { margin-right: 10px; } select#map-select { width: 160px; padding: 4px 24px 4px 10px; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 10px; border: 1px solid #ccc; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; background: url(/select_arrow.png) right 50% no-repeat; background-color: #fff; background-size: 20px, 100%; } select#map-select:focus { outline: 0; } @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { select, select:focus, textarea, textarea:focus, input, input:focus { font-size: 16px; } select#map-select { font-size: 16px; width: 100px; } } @media (max-width: 767px) { div#content { margin-left: 0; } div#mw-panel { position: relative; top: 0; } #p-logo { position: relative; top: 0; } #left-navigation { left: 0; } div.thumbinner { width: 100% !important; } .slideshow img { width: 100%; max-width: 100%; height: auto; } }