6行目: |
6行目: |
| height:auto; | | height:auto; |
| } | | } |
| + | |
| + | .res-iframe { |
| + | position: relative; |
| + | width: 100%; |
| + | padding-top: 56.25%; |
| + | } |
| + | |
| + | .res-iframe iframe { |
| + | position: absolute; |
| + | top: 0; |
| + | right: 0; |
| + | width: 100%; |
| + | height: 100%; |
| + | } |
| + | |
| + | /* Style for horizontal lists (separator following item). |
| + | @source mediawiki.org/wiki/Snippets/Horizontal_lists |
| + | @revision 8 (2016-05-21) |
| + | @author [[User:Edokter]] |
| + | */ |
| + | .hlist dl, |
| + | .hlist ol, |
| + | .hlist ul { |
| + | margin: 0; |
| + | padding: 0; |
| + | } |
| + | |
| + | /* Display list items inline */ |
| + | .hlist dd, |
| + | .hlist dt, |
| + | .hlist li { |
| + | margin: 0; |
| + | display: inline; |
| + | } |
| + | |
| + | /* Display nested lists inline */ |
| + | .hlist.inline, |
| + | .hlist.inline dl, |
| + | .hlist.inline ol, |
| + | .hlist.inline ul, |
| + | .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; |
| + | } |
| + | |
| + | /* Hide empty list items */ |
| + | .hlist .mw-empty-li { |
| + | display: none; |
| + | } |
| + | |
| + | /* Generate interpuncts */ |
| + | .hlist dt:after { |
| + | content: ": "; |
| + | } |
| + | |
| + | /** |
| + | * Note hlist style usage differd in |
| + | * the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing |
| + | * See https://phabricator.wikimedia.org/T213239 |
| + | */ |
| + | .hlist dd:after, |
| + | .hlist li:after { |
| + | content: " · "; |
| + | font-weight: bold; |
| + | } |
| + | |
| + | .hlist dd:last-child:after, |
| + | .hlist dt:last-child:after, |
| + | .hlist li: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; |
| + | } |
| + | |
| + | /* Put ordinals in front of ordered list items */ |
| + | .hlist ol { |
| + | counter-reset: listitem; |
| + | } |
| + | |
| + | .hlist ol > li { |
| + | counter-increment: listitem; |
| + | } |
| + | |
| + | .hlist ol > li:before { |
| + | content: " " counter(listitem) "\a0"; |
| + | } |
| + | |
| + | .hlist dd ol > li:first-child:before, |
| + | .hlist dt ol > li:first-child:before, |
| + | .hlist li ol > li:first-child:before { |
| + | content: " (" counter(listitem) "\a0"; |
| + | } |
| + | |
| + | |
| + | /* Default style for navigation boxes */ |
| + | .navbox { /* Navbox container style */ |
| + | box-sizing: border-box; |
| + | border: 1px solid #a2a9b1; |
| + | width: 100%; |
| + | clear: both; |
| + | font-size: 88%; |
| + | text-align: center; |
| + | padding: 1px; |
| + | margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ |
| + | } |
| + | |
| + | .navbox .navbox { |
| + | margin-top: 0; /* No top margin for nested navboxes */ |
| + | } |
| + | |
| + | .navbox + .navbox { |
| + | margin-top: -1px; /* Single pixel border between adjacent navboxes */ |
| + | } |
| + | |
| + | .navbox-inner, |
| + | .navbox-subgroup { |
| + | width: 100%; |
| + | } |
| + | |
| + | .navbox-group, |
| + | .navbox-title, |
| + | .navbox-abovebelow { |
| + | padding: 0.25em 1em; /* Title, group and above/below styles */ |
| + | line-height: 1.5em; |
| + | text-align: center; |
| + | } |
| + | |
| + | th.navbox-group { /* Group style */ |
| + | white-space: nowrap; |
| + | /* @noflip */ |
| + | text-align: right; |
| + | } |
| + | |
| + | .navbox, |
| + | .navbox-subgroup { |
| + | background-color: #fdfdfd; /* Background color */ |
| + | } |
| + | |
| + | .navbox-list { |
| + | line-height: 1.5em; |
| + | border-color: #fdfdfd; /* Must match background color */ |
| + | } |
| + | |
| + | /* cell spacing for navbox cells */ |
| + | tr + tr > .navbox-abovebelow, |
| + | tr + tr > .navbox-group, |
| + | tr + tr > .navbox-image, |
| + | tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ |
| + | border-top: 2px solid #fdfdfd; /* Must match background color */ |
| + | } |
| + | |
| + | .navbox th, |
| + | .navbox-title { |
| + | background-color: #ccccff; /* Level 1 color */ |
| + | } |
| + | |
| + | .navbox-abovebelow, |
| + | th.navbox-group, |
| + | .navbox-subgroup .navbox-title { |
| + | background-color: #ddddff; /* Level 2 color */ |
| + | } |
| + | |
| + | .navbox-subgroup .navbox-group, |
| + | .navbox-subgroup .navbox-abovebelow { |
| + | background-color: #e6e6ff; /* Level 3 color */ |
| + | } |
| + | |
| + | .navbox-even { |
| + | background-color: #f7f7f7; /* Even row striping */ |
| + | } |
| + | |
| + | .navbox-odd { |
| + | background-color: transparent; /* Odd row striping */ |
| + | } |
| + | |
| + | .navbox .hlist td dl, |
| + | .navbox .hlist td ol, |
| + | .navbox .hlist td ul, |
| + | .navbox td.hlist dl, |
| + | .navbox td.hlist ol, |
| + | .navbox td.hlist ul { |
| + | padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
| + | } |
| + | |
| + | /* Styling for JQuery makeCollapsible, matching that of collapseButton */ |
| + | .mw-parser-output .mw-collapsible-toggle { |
| + | font-weight: normal; |
| + | /* @noflip */ |
| + | text-align: right; |
| + | padding-right: 0.2em; |
| + | padding-left: 0.2em; |
| + | } |
| + | |
| + | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
| + | /* @noflip */ |
| + | float: left; |
| + | /* @noflip */ |
| + | text-align: left; |
| + | } |
| + | |
| + | /* Extension:AmazonSearch */ |
| + | DIV.amazonsearch { |
| + | clear: both; |
| + | width: 100%; |
| + | margin: 0 auto; |
| + | padding: 0.5em; |
| + | border: 1px solid #444; |
| + | overflow: hidden; |
| + | } |
| + | DIV.amazonsearch IMG.amazonsearchimg { |
| + | float: left; |
| + | margin: 0.1em 1em 0.1em 0.1em; |
| + | } |
| + | DIV.amazonsearch P.amazonsearchname { |
| + | margin: 0; |
| + | font-size: 90%; |
| + | text-indent: 0; |
| + | } |
| + | DIV.amazonsearch P.amazonsearchauthor { |
| + | margin: 0; |
| + | font-size: 80%; |
| + | text-indent: 0; |
| + | } |
| + | DIV.amazonsearch UL { |
| + | margin: 0; |
| + | } |
| + | DIV.amazonsearch UL LI { |
| + | display: inline-block; |
| + | text-align: center; |
| + | list-style: none; |
| + | font-size: 90%; |
| + | width: 12em; |
| + | margin: 0.2em; |
| + | padding: 0.2em 0.5em 0.2em 0.5em; |
| + | border-radius: 0.5em; |
| + | white-space: nowrap; |
| + | } |
| + | DIV.amazonsearch UL LI A { |
| + | color: #fff; |
| + | } |
| + | DIV.amazonsearch UL LI.shoplinkamazon { |
| + | background-color: #f90; |
| + | } |
| + | /* END Extension:AmazonSearch */ |
| + | |
| + | /* |
| + | * Content in columns with CSS instead of tables [[Template:Columns]] |
| + | * 2009-02-10 by [[User:mizusumashi]] |
| + | * 段組み表示の設定 |
| + | */ |
| + | div.columns-2 div.column { |
| + | float: left; |
| + | width: 50%; |
| + | min-width: 300px; |
| + | } |
| + | div.columns-3 div.column { |
| + | float: left; |
| + | width: 33.3%; |
| + | min-width: 200px; |
| + | } |
| + | div.columns-4 div.column { |
| + | float: left; |
| + | width: 25%; |
| + | min-width: 150px; |
| + | } |
| + | div.columns-5 div.column { |
| + | float: left; |
| + | width: 20%; |
| + | min-width: 120px; |
| + | } |
| + | /* |
| + | * 段組み表示の設定終わり |
| + | */ |
| + | |
| + | /* Otheruses等の冒頭曖昧さ回避テンプレート */ |
| + | .dablink { |
| + | margin: 0.5em 0; |
| + | padding: 3px 2em; |
| + | background-color: transparent; |
| + | border-bottom: 1px solid #a2a9b1; |
| + | font-size: 90%; |
| + | } |
| + | /* |
| + | * Otheruses等の表示の設定終わり |
| + | */ |