第1行: |
第1行: |
− | /* This governs the sections on the Community portal */ | + | |
− | .cpbox { | + | /* TabView extension */ |
− | display: flex;
| + | |
− | flex-direction: row-reverse;
| + | /* Inactive tab settings. */ |
− | flex-wrap: wrap;
| + | .yui-navset .yui-nav li |
| + | { |
| + | font-weight:bold; |
| + | background-color: #3265CB; |
| + | border: 5px solid #FFFFFF; |
| + | padding:5px; |
| } | | } |
| | | |
− | .cpbox #admins { | + | .yui-navset .yui-nav li a{ |
− | box-sizing: border-box;
| + | color:#ffffff; |
− | width: calc(33% - 10px);
| |
− | margin: 5px;
| |
− | flex-grow: 1;
| |
− | min-width: 300px;
| |
| } | | } |
| | | |
− | .cpbox #help { | + | /* Active tab settings. */ |
− | box-sizing: border-box;
| + | .yui-navset .yui-nav .selected { |
− | width: calc(67% - 10px);
| + | font-weight:bold; |
− | margin: 5px;
| + | background-color: #3265CB; |
− | flex-grow: 1;
| + | border-bottom: 0.15em solid #3265CB; |
| + | border-top: 0.15em solid #3060C0; |
| + | border-right: 0.15em solid #3060C0; |
| + | border-left: 0.15em solid #3060C0; |
| + | padding:5px; |
| } | | } |
| | | |
− | /* Template documentation styles */ | + | /* Content area selected by the tab settings. */ |
− | /* If modifying these styles, be sure to update the mobile skin! */
| + | .yui-content { |
− | .doc { | + | margin-top: 0; |
− | margin: 0em auto 1em;
| + | padding-bottom: 0.15em; |
− | background-color: rgba(0, 0, 0, 0.1);
| + | padding-left: 0.15em; |
− | border: 2px solid #BDCAC3;
| + | padding-right: 0.15em; |
− | border-radius: 1em;
| + | border: border:0.25em solid #3060C0; |
− | padding: 1em;
| |
| } | | } |
| | | |
− | .doc-header { | + | /* Poll Settings.*/ |
− | padding-bottom: 3px;
| + | div.ajax-poll { width:auto !important; } |
− | border-bottom: 1px solid #BDCAC3;
| + | |
− | margin-bottom: 1ex;
| + | |
| + | /* Template:Quote Settings */ |
| + | td.Quote_Left, td.Quote_Right { |
| + | color: #4b6e8c; |
| + | font-size: 40px; |
| + | font-family: 'Arial Black', 'Times New Roman',serif; |
| + | font-weight: bold; |
| + | width: 0px; } |
| + | |
| + | /* These two control the vertical offset of the quotation marks */ |
| + | td.Quote_Left { |
| + | line-height: 0.7em; /* This adjusts the offset of the quotation mark */ |
| + | vertical-align: top; |
| + | text-align: right; } |
| + | |
| + | td.Quote_Right { |
| + | line-height: 0.1em; /* This adjusts the offset of the quotation mark */ |
| + | vertical-align: bottom; |
| + | text-align: left; } |
| + | |
| + | |
| + | table.Blu |
| + | { |
| + | border-collapse:collapse; |
| + | } |
| + | table.Blu, th.Blu, td.Blu |
| + | { |
| + | border: 1px solid 0D9BE3; |
| } | | } |
| | | |
− | .doc-footer { | + | /* ################################################## */ |
− | margin: 0;
| + | /* ### EVABOXES ### */ |
− | background-color: rgba(0, 0, 0, 0.1);
| + | /* ################################################## */ |
− | border: 2px solid #BDCAC3;
| + | |
− | border-radius: 1em;
| + | /* CSS for scanline boxes, works for both divs and tables */ |
− | padding: 1em;
| + | .eva_box { |
| + | background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1); |
| + | border: 2px solid #0d9be3; |
| + | color: #FFF; |
| + | margin-bottom: 5px; |
| + | } |
| + | .eva_box a { |
| + | color: #ADDDDF; |
| + | } |
| + | .eva_box a.new { |
| + | color: #FF8A02 !important; |
| + | } |
| + | .eva_box a.extiw, |
| + | .eva_box a.external { |
| + | color: #BBE5E5 !important; |
| + | } |
| + | table.eva_box { |
| + | border-collapse: collapse; |
| } | | } |
| | | |
− | /* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
| + | table.eva_box th { |
− | /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
| + | background: #4b6e8c; |
− | .desktopleft {
| + | color: #FFF; |
− | text-align: left;
| + | font-size:120%; |
| + | padding: 2px; |
| } | | } |
| | | |
− | .desktopcenter { | + | /* DO NOT REMOVE THIS LINE. Otherwise white lines will appear in tables in IE */ |
− | text-align: center;
| + | /* table.eva_box td {border:1px solid #0d9be3;} */ |
| + | |
| + | table.eva_box td, |
| + | div.eva_box { |
| + | padding: 2px; |
| + | |
| } | | } |
| | | |
− | .desktopright { | + | td.small_text { |
− | text-align: right;
| + | font-size:80%; |
| } | | } |
| | | |
− | /* Front page structure */ | + | ### SOURCEBOX IMPORTED ### |
− | .fpbox { | + | /* Template:Sourcebox */ |
− | margin: 5px;
| + | table.sourcebox { |
− | padding: 5px;
| + | margin: 0.25em auto 0.25em 0; |
− | overflow: auto;
| + | border-collapse: collapse; |
− | width: calc(100% - 2px);
| + | line-height: normal; |
− | border-radius: 5px;
| |
| } | | } |
| | | |
− | .fpbox.plain { | + | table.sourcebox th { |
− | background: transparent;
| + | vertical-align: middle; |
− | border: none;
| + | text-align: center; |
− | box-shadow: none;
| + | padding: 0 0.5em; |
| } | | } |
| | | |
− | .fpbox .heading, | + | table.sourcebox td { |
− | .fpbox .mainheading,
| + | font-size: 85%; |
− | .fpbox .welcome {
| + | padding: 0; |
− | margin: 0 0 10px;
| |
− | padding: 0 0 5px;
| |
− | overflow: auto;
| |
| } | | } |
| | | |
− | .fpbox .mainheading, | + | table.sourcebox td span { |
− | .fpbox .welcome {
| + | border-top: 1px solid #047EC4; |
− | font-size: 150%;
| + | |
− | font-weight: bold;
| + | border-bottom: 1px solid #047EC4; |
| + | |
| + | display: block; |
| + | padding: 0.25em 0.5em; |
| } | | } |
| | | |
− | .fpbox .heading { | + | table.sourcebox a.new { |
− | text-align: center;
| + | color: #F11 !important; |
− | font-size: 132%;
| |
| } | | } |
| | | |
− | .linkslabel { | + | |
− | margin: 15px 5px 5px;
| + | /* ################################################## */ |
− | padding: 0 0 5px;
| + | /* ### EVA INFOBOX ### */ |
| + | /* ################################################## */ |
| + | table.eva_infobox { |
| + | margin-left: 5px; |
| + | width: 275px; |
| + | font-size: 90%; |
| } | | } |
| | | |
− | /* Template:FP links styles */
| + | td.eva_box_title, |
− | .fplinks { | + | td.eva_box_header, |
− | display: flex;
| + | td.eva_box_data { |
− | flex-wrap: wrap;
| + | border-color: #608397; |
− | justify-content: space-evenly;
| + | border-style: solid; |
− | align-items: stretch;
| + | } |
− | text-align: center;
| + | td.eva_box_header, |
| + | td.eva_box_title { |
| + | background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1); |
| + | border-width: 1px 0; |
| + | } |
| + | td.eva_box_title { |
| + | text-align: right; |
| + | width: 25%; |
| + | white-space: nowrap; |
| + | } |
| + | td.eva_box_header { |
| + | text-align: center; |
| + | } |
| + | td.eva_box_data { |
| + | border-width: 1px 1px 1px 0; |
| + | text-align: left; |
| } | | } |
| | | |
− | .fplink-outer {
| + | /*** EVA Box - TabView extension ***/ |
− | padding: 5px;
| + | .eva_box .yui-navset .yui-nav li { |
− | flex-basis: calc(25% - 10px);
| + | background: transparent; |
− | width: calc(25% - 15px);
| + | color: #FFF; |
− | min-width: 115px;
| + | border: 0; |
− | display: inline-block;
| + | padding: 2px 5px; |
− | vertical-align: middle;
| |
| } | | } |
| + | .eva_box .yui-navset .yui-nav li a { |
| + | color: #FFF; |
| + | } |
| | | |
− | .fplink-wide { | + | .eva_box .yui-navset .yui-nav .selected { |
− | flex-basis: calc(33% - 10px);
| + | background-color: #ACC3D0; |
− | width: calc(33% - 15px);
| + | color: #333; |
| + | border: 0; |
| + | } |
| + | .eva_box .yui-navset .yui-nav .selected a { |
| + | color: #333; |
| } | | } |
| | | |
− | .fplink-fullwidth { | + | .eva_box .yui-content { |
− | flex-basis: 100%;
| + | background: transparent; |
− | width: calc(100% - 15px);
| + | color: #FFF; |
− | font-weight: bold;
| + | margin-top: 0; |
| + | padding-top: 0.25em; |
| + | padding-left: 0.5em; |
| + | padding-right: 0.5em; |
| } | | } |
| | | |
− | .fplink { | + | .eva_box .yui-content table { |
− | padding: 0.5em;
| + | color: #FFF; |
− | box-sizing: border-box;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | display: table;
| |
| } | | } |
| | | |
− | .fplink-plain { | + | .eva_box .yui-nav { |
− | background: transparent;
| + | background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1); |
− | border-radius: 0;
| + | text-align: center; |
− | border: 0;
| + | border-color: #608397; |
− | box-shadow: none;
| + | border-width: 1px 0; |
| + | border-style: solid; |
| } | | } |
| | | |
− | .fplink-inner { | + | .eva_box div.ajax-poll { |
− | display: table-row;
| + | border: 0; |
| + | margin-top: 0; |
| + | } |
| + | .eva_box .pollAnswerVotes { |
| + | border:1px solid #ACC3D0; |
| + | color: #333; |
| + | } |
| + | .eva_box .pollAnswerVotes div { |
| + | background: #ACC3D0; |
| } | | } |
| | | |
− | .fplink a { | + | /*** Temporary hacks for preview ***/ |
− | display: table-cell;
| + | .eva_box .yui-content table { |
− | vertical-align: middle;
| + | background: transparent !important; |
| + | border: 0 !important; |
| } | | } |
| | | |
− | .fplink img { | + | /* ################################################## */ |
− | max-width: 150px;
| + | /* ### NAVBOXES (Template:Nb main) ### */ |
− | width: 100%;
| + | /* ################################################## */ |
− | height: auto;
| + | |
| + | table.eva_navbox_box_bottom, |
| + | table.eva_navbox_box_left, |
| + | table.eva_navbox_box_right { |
| + | background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1); |
| + | padding: 0px; |
| + | border: 2px solid #0d9be3; |
| + | text-align: center; |
| + | border-collapse: separate; |
| + | font-size: 100%; |
| } | | } |
− | /* Auto-resize front page video to fit smaller columns */
| + | |
− | .fpbox .embedvideowrap { | + | |
− | width: 100%!important;
| + | table.eva_navbox_box_bottom { |
− | max-width: 480px;
| + | clear: both; |
− | margin: 0 auto;
| + | margin: 5px auto 0; |
| } | | } |
| | | |
− | .fpbox .embedvideowrap iframe { | + | /* Doesn't work in IE6 but that's bearable, only visual */ |
− | width: 100%!important;
| + | table.eva_navbox_box_bottom + table.eva_navbox_box_bottom { |
| + | margin-top: 2px; |
| } | | } |
| | | |
− | /* Multi-column box support */
| + | table.eva_navbox_box_left { |
− | .fp-container main .columns .leftcol,
| + | clear:left; |
− | .fp-container .columns .rightcol {
| + | float:left; |
− | width: 100%;
| + | margin: 0 1.5em 0.5em 0; |
− | margin: 0;
| |
− | padding: 0;
| |
| } | | } |
| | | |
− | @media (min-width: 990px) {
| + | table.eva_navbox_box_right { |
− | .fp-container .columns .leftcol {
| + | clear:right; |
− | float: left;
| + | float:right; |
− | width: 50%;
| + | margin: 0 0 0.5em 1.5em; |
− | }
| + | } |
| | | |
− | .fp-container .columns .rightcol {
| + | th.eva_navbox_innertable_title, |
− | float: right;
| + | th.eva_navbox_box_title { |
− | width: 50%;
| + | padding: 2px; |
− | }
| + | font-weight: normal; |
| + | color: #FFF; |
| + | font-size: 80%; |
| } | | } |
| | | |
− | .fp-section { | + | th.eva_navbox_box_title { |
− | display: flex;
| + | background: #4b6e8c; |
− | flex-wrap: wrap;
| |
| } | | } |
| | | |
− | /* this CSS governs the responsive 2 column main page layout */ | + | th.eva_navbox_innertable_title { |
− | #fp-2column.fp-container {
| + | background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1); |
− | display: grid;
| + | border-top: 0; |
− | grid-template-areas: "a" "b" "c";
| + | border-bottom: 1px solid #608397; |
− | grid-template-columns: 100%;
| + | border-left: 0; |
| + | border-right: 0; |
| } | | } |
− | @media screen and (min-width:990px) {
| + | |
− | #fp-2column.fp-container {
| + | th.eva_navbox_box_title span.eva_navbox_maintitle { |
− | grid-template-areas: "a b" "c c";
| + | font-weight: bold; |
− | grid-template-columns: 50% 50%;
| + | font-size: 115%; |
− | }
| |
| } | | } |
− | @media screen and (min-width:1350px) {
| + | |
− | #fp-2column.fp-container {
| + | th.eva_navbox_innertable_title span.eva_navbox_maintitle { |
− | grid-template-areas: "a b" "c b";
| + | font-weight: bold; |
− | grid-template-columns: auto 520px;
| + | font-size: 125%; |
− | }
| |
| } | | } |
| | | |
− | #fp-top {
| + | td.eva_navbox_cont { |
− | grid-area: a;
| + | padding: 0px; |
| + | border: 0px; |
| } | | } |
| | | |
− | #fp-flex {
| + | table.eva_navbox_innertable, |
− | grid-area: b;
| + | table.eva_navbox { |
| + | margin: 0px; |
| + | padding: 0px; |
| + | border-collapse: separate; |
| + | empty-cells: show; |
| } | | } |
| | | |
− | #fp-bottom {
| + | table.eva_navbox { |
− | grid-area: c;
| + | font-size: 85%; |
| + | border: 0; |
| } | | } |
| | | |
− | /* end responsive 2 column main page layout */ | + | table.eva_navbox_innertable { |
| + | font-size: 100%; |
| + | } |
| + | |
| + | td.eva_navbox_header, td.eva_navbox_footer, |
| + | td.eva_navbox_cell, td.eva_navbox_groupcell, |
| + | td.eva_navbox_group, td.eva_navbox_subgroup { |
| + | border-top: 0; |
| + | border-bottom: 1px solid #608397; |
| + | border-left: 0; |
| + | color: #FFF; |
| + | } |
| + | |
| + | td.eva_navbox_header, td.eva_navbox_footer, |
| + | td.eva_navbox_cell, td.eva_navbox_groupcell { |
| + | border-right: 0; |
| + | } |
| + | |
| + | td.eva_navbox_header, td.eva_navbox_footer { |
| + | padding: 2px; |
| + | background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1); |
| + | color: #FFF; |
| + | text-align: center; |
| + | } |
| + | |
| + | td.eva_navbox_header { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | td.eva_navbox_footer { |
| + | font-size: 90%; |
| + | } |
| + | |
| + | td.eva_navbox_subgroup, td.eva_navbox_group { |
| + | padding: 2px; |
| + | text-align: center; |
| + | white-space: nowrap; |
| + | border-right: 1px solid #608397; |
| + | font-weight: bold; |
| + | } |
| + | |
| + | td.eva_navbox_group, |
| + | td.eva_navbox_subgroup { |
| + | background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1); |
| + | } |
| | | |
− | /* ******************** */
| + | td.eva_navbox_groupcell, td.eva_navbox_cell { |
− | /* End main page layout */
| + | padding: 2px; |
− | /* ******************** */
| + | } |
| | | |
− | /* Template:infobox */
| + | td.eva_navbox_groupcell { |
− | .infobox.eva_box { padding: 0; border-spacing: 5px }
| + | text-align: left; |
− | .infobox > caption { margin-bottom: 0.25em }
| + | } |
− | .infobox .mid-header th { font-size: 105%; padding: 0.25em 0.5em }
| |
| | | |
− | .infobox { | + | td.eva_navbox_cell { |
− | /* @noflip */ | + | text-align: center; |
− | margin: 0.5em 0 0.5em 1em; | + | } |
− | padding: 0.2em; | + | |
− | /* @noflip */ | + | /* This code prevents links from wrapping */ |
| + | /* a:link, a:visited, a:hover, a:active {white-space: nowrap;} */ |
| + | |
| + | /* do not wrap links in content fields if nowraplinks is set */ |
| + | |
| + | table.eva_navbox_nowraplinks td.eva_navbox_cell a, |
| + | table.eva_navbox_nowraplinks td.eva_navbox_groupcell a { |
| + | white-space: normal; |
| + | /* white-space: nowrap; */ |
| + | } |
| + | |
| + | /* navbox needs brighter links */ |
| + | td.eva_navbox_cell a:link, |
| + | td.eva_navbox_groupcell a:link { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_cell a:visited, |
| + | td.eva_navbox_groupcell a:visited { |
| + | color: #90D3D4; |
| + | } |
| + | td.eva_navbox_cell a:hover, |
| + | td.eva_navbox_groupcell a:hover { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_cell a:active, |
| + | td.eva_navbox_groupcell a:active { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_cell a.new, |
| + | td.eva_navbox_groupcell a.new { |
| + | color: #FF8A02 !important; |
| + | } |
| + | td.eva_navbox_cell a.extiw, |
| + | td.eva_navbox_cell a.external, |
| + | td.eva_navbox_groupcell a.extiw, |
| + | td.eva_navbox_groupcell a.external { |
| + | color: #BBE5E5 !important; |
| + | } |
| + | |
| + | /* header bar needs brighter links */ |
| + | th.eva_navbox_box_title a:link { |
| + | color: #FFF; |
| + | } |
| + | th.eva_navbox_box_title a:visited { |
| + | color: #E5E5E5; |
| + | } |
| + | th.eva_navbox_box_title a:hover { |
| + | color: #FFF; |
| + | } |
| + | th.eva_navbox_box_title a:active { |
| + | color: #FFF; |
| + | } |
| + | th.eva_navbox_box_title a.new { |
| + | color: #FF8A02 !important; |
| + | } |
| + | th.eva_navbox_box_title a.extiw, |
| + | th.eva_navbox_box_title a.external { |
| + | color: #BBE5E5 !important; |
| + | } |
| + | |
| + | |
| + | /* headers and footer need brighter links */ |
| + | td.eva_navbox_subgroup a:link, |
| + | td.eva_navbox_group a:link, |
| + | td.eva_navbox_header a:link, |
| + | td.eva_navbox_footer a:link, |
| + | th.eva_navbox_innertable_title a:link { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_subgroup a:visited, |
| + | td.eva_navbox_group a:visited, |
| + | td.eva_navbox_header a:visited , |
| + | td.eva_navbox_footer a:visited, |
| + | th.eva_navbox_innertable_title a:visited { |
| + | color: #90D3D4; |
| + | } |
| + | td.eva_navbox_subgroup a:hover, |
| + | td.eva_navbox_group a:hover, |
| + | td.eva_navbox_header a:hover , |
| + | td.eva_navbox_footer a:hover, |
| + | th.eva_navbox_innertable_title a:hover { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_subgroup a:active, |
| + | td.eva_navbox_group a:active, |
| + | td.eva_navbox_header a:active, |
| + | td.eva_navbox_footer a:active, |
| + | th.eva_navbox_innertable_title a:active { |
| + | color: #ADDDDF; |
| + | } |
| + | td.eva_navbox_subgroup a.new, |
| + | td.eva_navbox_group a.new, |
| + | td.eva_navbox_header a.new, |
| + | td.eva_navbox_footer a.new, |
| + | th.eva_navbox_innertable_title a.new { |
| + | color: #FF8A02 !important; |
| + | } |
| + | td.eva_navbox_subgroup a.new, |
| + | td.eva_navbox_subgroup a.external, |
| + | td.eva_navbox_group a.new, |
| + | td.eva_navbox_group a.external, |
| + | td.eva_navbox_header a.extiw, |
| + | td.eva_navbox_header a.external, |
| + | td.eva_navbox_footer a.extiw, |
| + | td.eva_navbox_footer a.external, |
| + | th.eva_navbox_innertable_title a.extiw, |
| + | th.eva_navbox_innertable_title a.external { |
| + | color: #BBE5E5 !important; |
| + | } |
| + | |
| + | @media print { |
| + | table.eva_navbox_box { |
| + | display: none; |
| + | } |
| + | } |
| + | |
| + | /* ################################################## */ |
| + | /* ### PORTALS ### */ |
| + | /* ################################################## */ |
| + | |
| + | table.portal_section { |
| + | width: 100%; |
| + | background: transparent; |
| + | margin-top: 0px; |
| + | margin-bottom: 5px; |
| + | border: 2px solid #0D9BE3; |
| + | } |
| + | |
| + | th.portal_header { |
| + | background: #4B6E8C; |
| + | border: 0; |
| + | padding: 5px; |
| + | color: #FFF; |
| + | font-size: 120%; |
| + | font-weight: bold; |
| + | text-align: left; |
| + | } |
| + | |
| + | td.portal_body { |
| + | border: 0; |
| + | background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1); |
| + | padding: 5px; |
| + | } |
| + | |
| + | span.portal_editbar { |
| float: right; | | float: right; |
− | /* @noflip */ | + | font-size: 75%; |
− | clear: right; | + | font-weight: normal; |
− | /* @noflip */
| + | } |
− | text-align: left; | + | |
− | font-size: 88%; | + | /* TOC */ |
− | line-height: 1.5em; | + | .portal_toc { |
| + | width: 100%; |
| + | font-size: 95%; |
| + | } |
| + | |
| + | .portal_toc td { |
| + | vertical-align: top; |
| + | padding: 0 5px; |
| } | | } |
− | .infobox caption { | + | |
− | font-size: 125%;
| + | .portal_toc p { |
| font-weight: bold; | | font-weight: bold; |
| + | border-bottom: 1px solid #AAA; |
| + | } |
| + | |
| + | /* Intro - image buttons */ |
| + | table.portal_buttons { |
| + | text-align: center; |
| + | font-size: 95%; |
| + | margin: 0 auto; |
| } | | } |
− | .infobox td, | + | |
− | .infobox th { | + | table.portal_buttons th, |
| + | table.portal_buttons td { |
| + | width: 25%; |
| + | } |
| + | |
| + | table.portal_buttons th { |
| + | vertical-align: middle; |
| + | font-weight: normal; |
| + | padding-top: 3px; |
| + | } |
| + | |
| + | table.portal_buttons td { |
| vertical-align: top; | | vertical-align: top; |
| + | padding-bottom: 3px; |
| + | } |
| + | |
| + | |
| + | /* ################################################## */ |
| + | /* ### EXTENSIONS ### */ |
| + | /* ################################################## */ |
| + | |
| + | /* Blog extension - portal fixes */ |
| + | .portal_body div.wk_blogs_panel { |
| + | font-size: 100%; |
| + | width: 100%; |
| + | float: none; |
| + | clear: none; |
| + | margin: -5px 0 0; |
| + | border: none; |
| + | padding: 0; |
| + | background: transparent; |
| + | } |
| + | |
| + | .portal_body div.wk_blogs_panel .wk_blogs_title { |
| + | display: none; |
| + | } |
| + | |
| + | .portal_body div.wk_blogs_panel .wk_blogs_summary { |
| + | font-size: 95%; |
| + | line-height: 1.5em; |
| + | } |
| + | |
| + | .portal_body div.wk_blogs_panel .wk_blogs_body { |
| + | margin-left: -6px; |
| } | | } |
| | | |
− | /* Style for horizontal lists (separator following item).
| + | .portal_body div.wk_blogs_panel .wk_blogs_link { |
− | @source mediawiki.org/wiki/Snippets/Horizontal_lists
| + | margin-top: 5px; |
− | @revision 9 (2016-08-10)
| |
− | @author [[User:Edokter]]
| |
− | */
| |
− | .hlist dl, | |
− | .hlist ol,
| |
− | .hlist ul {
| |
− | margin: 0;
| |
− | padding: 0;
| |
| } | | } |
− | /* Display list items inline */
| + | |
− | .hlist dd, | + | .portal_body div.wk_blogs_panel .wk_blogs_details { |
− | .hlist dt, | + | font-size: 85%; |
− | .hlist li { | + | padding-left: 5px; |
− | margin: 0;
| |
− | display: inline;
| |
| } | | } |
− | /* Display nested lists inline */
| + | |
− | .hlist.inline, | + | .portal_body div.wk_blogs_panel .wk_blogs_comments { |
− | .hlist.inline dl,
| + | font-size: 85%; |
− | .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, | + | .portal_body div.wk_blogs_panel ul.list { |
− | .hlist .mw-empty-elt { | + | margin-top: 0; |
− | display: none;
| |
| } | | } |
− | /* Generate interpuncts */
| + | |
− | .hlist dt:after { | + | .portal_body div.wk_blogs_panel ul.list li { |
− | content: ": ";
| + | padding: 0; |
| + | line-height: 1.5em; |
| } | | } |
− | .hlist dd:after, | + | |
− | .hlist li:after { | + | .portal_body div.wk_blogs_panel ul.list li { |
− | content: " · ";
| + | border-bottom: 1px solid #AAA; |
− | font-weight: bold;
| |
| } | | } |
− | .hlist dd:last-child:after, | + | |
− | .hlist dt:last-child:after, | + | .portal_body div.wk_blogs_panel ul.list li li { |
− | .hlist li:last-child:after { | + | border-bottom: 0; |
− | 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, | + | /* Blog extension - list fixes */ |
− | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| + | #blog-comments-ul div.blog-comm-text ul li, |
− | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| + | #blog-comments-ul div.blog-comm-text ol li { |
− | content: " (";
| + | border: 0; |
− | font-weight: normal;
| + | padding: 0; |
| } | | } |
− | .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 {
| + | /* ### TITLE ICONS (Template:Games) ### */ |
− | content: ")";
| + | /* ################################################## */ |
− | font-weight: normal;
| + | |
| + | .va-titleicons, .va-titleicons-hover { |
| + | font-size: 11px; |
| + | position: absolute; |
| + | margin: 0; |
| + | max-width: 275px; |
| + | z-index: 3; |
| } | | } |
− | /* Put ordinals in front of ordered list items */
| + | |
− | .hlist ol { | + | .va-titleicons { |
− | counter-reset: listitem;
| + | background: transparent; |
| + | right: 0; |
| + | height: 25px; |
| + | overflow: hidden; |
| + | text-align: right; |
| + | border: none; |
| + | display: none; |
| } | | } |
− | .hlist ol > li { | + | |
− | counter-increment: listitem;
| + | .va-titleicons-hover { |
| + | background: #FFF; |
| + | right: -2px; |
| + | height: auto; |
| + | overflow: auto; |
| + | text-align: center; |
| + | border: 2px solid #D9D9D9; |
| + | padding: 1px 5px; |
| } | | } |
− | .hlist ol > li:before { | + | |
− | content: " " counter(listitem) "\a0";
| + | .va-titleicons-preview { |
| + | text-align: right; |
| } | | } |
− | .hlist dd ol > li:first-child:before, | + | |
− | .hlist dt ol > li:first-child:before, | + | .va-titleicons-fullsize, |
− | .hlist li ol > li:first-child:before { | + | .va-titleicons-hover .va-titleicons-preview { |
− | content: " (" counter(listitem) "\a0";
| + | display: none; |
| } | | } |
| | | |
− | /* Unbulleted lists */
| + | .va-titleicons-hover .va-titleicons-fullsize { |
− | .plainlist ol, | + | display: block; |
− | .plainlist ul { | |
− | line-height: inherit;
| |
− | list-style: none none;
| |
− | margin: 0;
| |
| } | | } |
− | .plainlist ol li,
| + | |
− | .plainlist ul li { | + | .va-titleicons-more { |
− | margin-bottom: 0;
| + | float: right; |
| + | padding: 0 2px; |
| + | line-height: 25px; |
| } | | } |
| | | |
− | /* Flex icon */
| + | .va-titleicons-chevron { |
− | .ficon { | + | vertical-align: middle; |
− | display: inline-block;
| + | border-color: #3A3A3A transparent transparent; |
− | margin: 2px;
| + | border-style: solid; |
− | text-align: center;
| + | border-width: 3px; |
− | vertical-align: top;
| + | width: 0; |
− | text-align: -webkit-center;
| |
− | text-align: -moz-center;
| |
− | text-align: -o-center;
| |
| } | | } |
− | .ficon-container {
| + | |
− | align-content: center;
| + | /* Monobook */ |
− | display: flex;
| + | .skin-monobook .va-titleicons { |
− | flex-wrap: wrap;
| + | top: 15px; |
− | justify-content: space-evenly;
| |
− | -webkit-align-content: center;
| |
− | -webkit-flex-wrap: wrap;
| |
| } | | } |
| | | |
− | div#mw-panel div.portal li a[href="https://discord.gg/3qjaRPZYVR"] {
| + | .skin-monobook .va-titleicons-hover { |
− | background: url(https://discordapp.com/api/guilds/486110900831649802/embed.png) no-repeat;
| + | top: 13px; |
− | color: transparent !important;
| |
− | display: inline-block;
| |
− | height: 20px;
| |
− | width: 119px;
| |
− | margin-top: 10px;
| |
| } | | } |