「MediaWiki:Common.css」の版間の差分
提供: Test Wiki
Julyfestival (トーク | 投稿記録) |
Julyfestival (トーク | 投稿記録) |
||
| 行249: | 行249: | ||
width: 20em; | width: 20em; | ||
font-size: 90%; | font-size: 90%; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* default skin for navigation boxes */ | ||
| + | /* navbox container style */ | ||
| + | table.navbox { | ||
| + | border: 1px solid #aaa; | ||
| + | width: 100%; | ||
| + | margin: auto; | ||
| + | clear: both; | ||
| + | font-size: 88%; | ||
| + | text-align: center; | ||
| + | padding: 1px; | ||
| + | } | ||
| + | |||
| + | /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ | ||
| + | table.navbox + table.navbox { | ||
| + | margin-top: -1px; | ||
| + | } | ||
| + | |||
| + | /* title and above/below styles */ | ||
| + | .navbox-title, | ||
| + | .navbox-abovebelow, | ||
| + | table.navbox th { | ||
| + | text-align: center; | ||
| + | padding-left: 1em; | ||
| + | padding-right: 1em; | ||
| + | } | ||
| + | |||
| + | /* group style */ | ||
| + | .navbox-group { | ||
| + | white-space: nowrap; | ||
| + | text-align: right; | ||
| + | font-weight: bold; | ||
| + | padding-left: 1em; | ||
| + | padding-right: 1em; | ||
| + | } | ||
| + | |||
| + | /* Background color */ | ||
| + | .navbox, | ||
| + | .navbox-subgroup { | ||
| + | background: #fdfdfd; | ||
| + | } | ||
| + | |||
| + | /* Must match background color */ | ||
| + | .navbox-list { | ||
| + | border-color: #fdfdfd; | ||
| + | } | ||
| + | |||
| + | /* Level 1 color */ | ||
| + | .navbox-title, | ||
| + | table.navbox th { | ||
| + | background: #ccccff; | ||
| + | } | ||
| + | |||
| + | /* Level 2 color */ | ||
| + | .navbox-abovebelow, | ||
| + | .navbox-group, | ||
| + | .navbox-subgroup .navbox-title { | ||
| + | background: #ddddff; | ||
| + | } | ||
| + | |||
| + | /* Level 3 color */ | ||
| + | .navbox-subgroup .navbox-group, | ||
| + | .navbox-subgroup .navbox-abovebelow { | ||
| + | background: #e6e6ff; | ||
| + | } | ||
| + | |||
| + | /* Even row striping */ | ||
| + | .navbox-even { | ||
| + | background: #f7f7f7; | ||
| + | } | ||
| + | |||
| + | /* Odd row striping */ | ||
| + | .navbox-odd { | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | /* [[MediaWiki:Common.js]] にある createCollapseButtons 関数を参照。 */ | ||
| + | .collapseButton { | ||
| + | float: right; | ||
| + | font-weight: normal; | ||
| + | text-align: right; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | /* [[Template:Navbox]] に配置する場合、左に配置されている [[Template:Tnavbar]] とのバランスを取る。 */ | ||
| + | .navbox .collapseButton { | ||
| + | width: 6em; | ||
| + | } | ||
| + | |||
| + | /* [[en:MediaWiki:Common.css]] から複製。 */ | ||
| + | /* Style for horizontal lists (separator following item). | ||
| + | Note: hlist formatting will break if the resulting HTML lacks a breakable character | ||
| + | between list items. This happens when the following conditions are true: | ||
| + | 1) The list is made using wiki markup (where HTML is built by parser.php) | ||
| + | 2) HTMLTidy is disabled or unavailable (such as on Special: pages) | ||
| + | In such cases, building lists with .hlist using HTML instead of wiki markup | ||
| + | will work around this problem. See also [[Bugzilla:39617]]. | ||
| + | IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. | ||
| + | Last updated: January 24, 2013 | ||
| + | @source mediawiki.org/wiki/Snippets/Horizontal_lists | ||
| + | @maintainer: [[User:Edokter]] | ||
| + | @revision: 3.1 | ||
| + | */ | ||
| + | .skin-monobook .hlist dl, | ||
| + | .skin-modern .hlist dl, | ||
| + | .skin-vector .hlist dl { | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | .hlist dl, | ||
| + | .hlist ol, | ||
| + | .hlist ul { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | /* Display list items inline and make them nowrap */ | ||
| + | .hlist dd, | ||
| + | .hlist dt, | ||
| + | .hlist li { | ||
| + | margin: 0; | ||
| + | display: inline; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | /* Allow wrapping for list items (in tight spaces) */ | ||
| + | .hlist.hwrap dd, | ||
| + | .hlist.hwrap dt, | ||
| + | .hlist.hwrap li { | ||
| + | white-space: normal; | ||
| + | } | ||
| + | /* Display nested lists inline and allow them to wrap */ | ||
| + | .hlist dl dl, .hlist dl ol, .hlist dl ul, | ||
| + | .hlist ol dl, .hlist ol ol, .hlist ol ul, | ||
| + | .hlist ul dl, .hlist ul ol, .hlist ul ul { | ||
| + | display: inline; | ||
| + | white-space: normal; | ||
| + | } | ||
| + | /* Generate interpuncts */ | ||
| + | .hlist dt:after { | ||
| + | content: ":"; | ||
| + | } | ||
| + | .hlist dd:after, | ||
| + | .hlist li:after { | ||
| + | content: " ·"; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | /* 日本語版の独自仕様。-pipe と -hyphen */ | ||
| + | .hlist-pipe dd:after, | ||
| + | .hlist-pipe li:after { | ||
| + | content: " |"; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .hlist-hyphen dd:after, | ||
| + | .hlist-hyphen li:after { | ||
| + | content: " -"; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .hlist dd:last-child:after, | ||
| + | .hlist dt:last-child:after, | ||
| + | .hlist li:last-child:after { | ||
| + | content: none; | ||
| + | } | ||
| + | /* For IE8 */ | ||
| + | .hlist dd.hlist-last-child:after, | ||
| + | .hlist dt.hlist-last-child:after, | ||
| + | .hlist li.hlist-last-child:after { | ||
| + | content: none; | ||
| + | } | ||
| + | /* Add parentheses around nested lists */ | ||
| + | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | ||
| + | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | ||
| + | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { | ||
| + | content: "("; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, | ||
| + | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, | ||
| + | .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { | ||
| + | content: ")"; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | /* For IE8 */ | ||
| + | .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, | ||
| + | .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, | ||
| + | .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { | ||
| + | content: ")"; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | /* Put numbers in front of ordered list items */ | ||
| + | .hlist.hnum ol { | ||
| + | counter-reset: list-item; | ||
| + | } | ||
| + | .hlist.hnum ol > li { | ||
| + | counter-increment: list-item; | ||
| + | } | ||
| + | .hlist.hnum ol > li:before { | ||
| + | content: counter(list-item) " "; | ||
| + | } | ||
| + | .hlist.hnum dd ol > li:first-child:before, | ||
| + | .hlist.hnum dt ol > li:first-child:before, | ||
| + | .hlist.hnum li ol > li:first-child:before { | ||
| + | content: "(" counter(list-item) " "; | ||
| + | } | ||
| + | |||
| + | /* Style for "notices" */ | ||
| + | .notice { | ||
| + | text-align: justify; | ||
| + | margin: 1em; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | |||
| + | #disambig { | ||
| + | border-top: 3px double #ccc; | ||
| + | border-bottom: 3px double #ccc; | ||
| + | } | ||
| + | |||
| + | #spoiler { | ||
| + | border-top: 2px solid #ddd; | ||
| + | border-bottom: 2px solid #ddd; | ||
| + | } | ||
| + | |||
| + | h1 { | ||
| + | line-height: 1.2em; | ||
} | } | ||
2016年10月27日 (木) 12:55時点における版
/* ここに記述したCSSはすべての外装に反映されます */
body {
margin: 0;
padding: 2px 2px;
font-family:'Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size: 1.0em;
color: #2d231e;
background-image: url(images/background/bg.jpg);
}
.mw-content-ltr {
font-family:'Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size:1.0em;
}
.mw-page-base {
background-image:url(images/background/bg.jpg);
}
.mw-head-base {
background-image:url(images/background/bg.jpg);
}
.content {
background-image:url(images/background/bg.jpg);
}
#mw_content {
width: 100%;
line-height: 1.8em;
/* padding: 0 1em 1em 1em;*/
}
.mw-body {
background-image:url(images/background/bg.jpg);
font-family:'Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
line-height: 2.0em;
font-size:1.0em;
color:#38302d;
}
/*見出し*/
h1 {
font-size: 2.0em;
font-weight: bold;
border-bottom: solid 5px #00416b;
text-indent: 5px;
letter-spacing: 5px;
padding: 5px 5px 5px 5px;
margin: 0px 0px;
clear: both;
background-color:rgba( 0, 52, 119, 0.70 );
color:#e2d8bf;
}
h2 {
font-family:'Times New Roman Bold','Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size: 1.8em;
font-weight: bold;
color:#e2d8bf;
text-indent: 5px;
letter-spacing: 3px;
border-width: 1px 1px 1px 5px;
padding: 5px 5px;
margin: 10px 0px 5px;
background-color:rgba( 0, 52, 119, 0.50 );
border-style:solid none none none #00366c";
clear: both;
}
h3 {
font-family:'Times New Roman','HGゴシックE','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size: 1.3emt;
font-weight: lighter;
color:#546372;
text-indent: 5px;
letter-spacing: 3px;
border-width: 0px 0px 1px 5px;
border-style: solid;
border-bottom-color: #6c7f92;
border-left-color: #6c7f92;
padding: 2px 5px;
margin: 8px 0px 3px;
clear: both;
}
h4 {
font-family:'Times New Roman','HGゴシックE','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size: 1.2em;
font-weight: lighter;
color:#546372;
text-indent: 5px;
letter-spacing: 2px;
border-left: 5px double #6c7f92;
border-bottom: dotted 1px #6c7f92;
padding: 2px 5px;
margin: 8px 0px 2px;
clear: both;
}
h5 {
font-family:'Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-size: 1.1pt;
font-weight: bold;
color:#7277a8;
text-indent: 5px;
letter-spacing: 2px;
border-bottom: solid 1px #7277a8;
padding: 2px 5px;
margin: 8px 0px 2px;
color: #fff;
font-size:30px;
font-weight:bold;
font-family:"sans serif"
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #47669b, 0 0 70px #47669b, 0 0 80px #47669b, 0 0 100px #47669b, 0 0 150px #47669b;
clear: both;
}
h6{
position:relative;
padding-left:20px;
font-family:'Times New Roman','HGS明朝B','游明朝','Yu Mincho','游明朝体','YuMincho';
font-weight: bold;
font-size: 1.1px;
color:#7277a8;
line-height: 38px;
}
h6:before{
content:'';
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
height:8px;
width:8px;
display:block;
position:absolute;
top:14px;
left:7px;
background-color:#6B0CE8;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.1) inset;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity:0.50;
z-index: 1;
}
h6:after{
content:'';
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
height:12px;
width:12px;
display:block;
position:absolute;
top:7px;
left:2px;
background-color:#4c4caa;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.1) inset
}
#mw_main {
padding: 0 0 0 0;
margin: 0 0 0 0;
margin-top: 3.5em;
}
div.mw_clear, div.clear {
margin: 0 0 0 0;
padding: 0 0 0 0;
clear: both;
}
/* Merge template style */
.messagebox {
border: 1px solid #aaa;
background: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: 0.2em;
text-align: justify;
}
.messagebox.merge {
border: 2px solid #033;
width: 55%;
background: #eff;
padding: 1em;
margin: 1em auto 1em auto;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background: #f8eaba;
}
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
margin-top: 0.5em;
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
/* default skin for navigation boxes */
/* navbox container style */
table.navbox {
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
/* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
table.navbox + table.navbox {
margin-top: -1px;
}
/* title and above/below styles */
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center;
padding-left: 1em;
padding-right: 1em;
}
/* group style */
.navbox-group {
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
/* Background color */
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
/* Must match background color */
.navbox-list {
border-color: #fdfdfd;
}
/* Level 1 color */
.navbox-title,
table.navbox th {
background: #ccccff;
}
/* Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff;
}
/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff;
}
/* Even row striping */
.navbox-even {
background: #f7f7f7;
}
/* Odd row striping */
.navbox-odd {
background: transparent;
}
/* [[MediaWiki:Common.js]] にある createCollapseButtons 関数を参照。 */
.collapseButton {
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
/* [[Template:Navbox]] に配置する場合、左に配置されている [[Template:Tnavbar]] とのバランスを取る。 */
.navbox .collapseButton {
width: 6em;
}
/* [[en:MediaWiki:Common.css]] から複製。 */
/* Style for horizontal lists (separator following item).
Note: hlist formatting will break if the resulting HTML lacks a breakable character
between list items. This happens when the following conditions are true:
1) The list is made using wiki markup (where HTML is built by parser.php)
2) HTMLTidy is disabled or unavailable (such as on Special: pages)
In such cases, building lists with .hlist using HTML instead of wiki markup
will work around this problem. See also [[Bugzilla:39617]].
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
Last updated: January 24, 2013
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@maintainer: [[User:Edokter]]
@revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
/* 日本語版の独自仕様。-pipe と -hyphen */
.hlist-pipe dd:after,
.hlist-pipe li:after {
content: " |";
font-weight: normal;
}
.hlist-hyphen dd:after,
.hlist-hyphen li:after {
content: " -";
font-weight: normal;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
counter-reset: list-item;
}
.hlist.hnum ol > li {
counter-increment: list-item;
}
.hlist.hnum ol > li:before {
content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/* Style for "notices" */
.notice {
text-align: justify;
margin: 1em;
padding: 0.2em;
}
#disambig {
border-top: 3px double #ccc;
border-bottom: 3px double #ccc;
}
#spoiler {
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
h1 {
line-height: 1.2em;
}