「MediaWiki:Common.css」の版間の差分
| (1人の利用者による、間の26版が非表示) | |||
| 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 { | + | 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-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 { | 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 { | ||
| 170行: | 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;
}
}
