「MediaWiki:Common.css」の版間の差分
(1人の利用者による、間の36版が非表示) | |||
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; | ||
} | } | ||
.page-メインページ h2 { | .page-メインページ h2 { | ||
− | 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%; | + | line-height: 1em; |
− | line-height: 1em; | + | font-family: sans-serif; |
− | font-family: sans-serif; | + | color: #999; |
− | color: #999; | + | position: absolute; |
− | position: absolute; | + | left: 0; |
− | left: 0; | + | top: 0; |
− | top: 0; | + | |
} | } | ||
− | + | blockquote:after { | |
− | blockquote:after{ | + | content: "”"; |
− | content: "”"; | + | font-size: 600%; |
− | font-size: 600%; | + | line-height: 0em; |
− | line-height: 0em; | + | font-family: sans-serif; |
− | font-family: sans-serif; | + | color: #999; |
− | color: #999; | + | position: absolute; |
− | position: absolute; | + | right: 0; |
− | right: 0; | + | 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; |
− | width: 160px; | + | width: 160px; |
− | height: 77px; | + | height: 77px; |
− | background-repeat: no-repeat; | + | background-repeat: no-repeat; |
− | background-position: center center; | + | background-position: center center; |
− | text-decoration: none; | + | text-decoration: none; |
− | background-image: url(/images/7/74/Mapthumbnail.png) !important; | + | background-image: url(/images/7/74/Mapthumbnail.png) !important; |
− | background-size: contain !important; | + | background-size: contain !important; |
} | } | ||
#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; |
− | width: 160px; | + | width: 160px; |
− | height: 77px; | + | height: 77px; |
} | } | ||
− | |||
.thumbcaption { | .thumbcaption { | ||
− | font-size:1.4em !important; | + | font-size: 1.4em !important; |
} | } | ||
− | + | div#map-container>div { | |
− | + | background-color: #f3f3f3 !important; | |
− | div | + | |
− | + | ||
} | } | ||
− | div# | + | 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) { | |
− | width: | + | select, select:focus, textarea, textarea:focus, input, input:focus { |
+ | font-size: 16px; | ||
+ | } | ||
+ | select#map-select { | ||
+ | font-size: 16px; | ||
+ | width: 100px; | ||
+ | } | ||
} | } | ||
− | .slideshow img { | + | @media (max-width: 767px) { |
− | width: 100%; | + | div#content { |
− | max-width: 100%; | + | margin-left: 0; |
− | height: auto; | + | } |
− | } | + | 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; | ||
+ | } | ||
} | } |
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; } }