|
|
| Line 5: |
Line 5: |
| height:auto; | | height:auto; |
| } | | } |
| /*******************
| |
| * Navboxes
| |
| *******************/
| |
| /*
| |
| * CSS Vars
| |
| * Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info.
| |
| */
| |
| .navbox {
| |
| --navbox-bg-color: var(--content-background-color);
| |
| --navbox-text-color: var(--text-color);
| |
| --navbox-title-color: var(--banner-text-color);
| |
| --navbox-header-color: var(--banner-color);
| |
| --navbox-alt-color: var(--banner-color);
| |
| --navbox-border-color: var(--banner-color);
| |
| }
| |
| .navbox {
| |
| width: 100%;
| |
| background: var(--navbox-bg-color, white);
| |
| color: var(--navbox-text-color, black);
| |
| margin: 1em auto;
| |
| font-size: 84%;
| |
| text-align: center;
| |
| clear: both;
| |
| padding: 2px;
| |
| border-spacing: 0;
| |
| border: 1px solid var(--navbox-border-color, #AAA);
| |
| }
| |
|
| |
| /* Merges navboxes that are directly under eachother */
| |
| .navbox + .navbox {
| |
| margin-top: -11px;
| |
| }
| |
|
| |
| .navbox .navbox-title {
| |
| background: var(--navbox-title-color, #CCF);
| |
| color: var(--navbox-text-color, black);
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-vde {
| |
| float: left;
| |
| width: 65px;
| |
| }
| |
|
| |
| .navbox .navbox-title th {
| |
| padding: 2px 0;
| |
| }
| |
|
| |
| .navbox .navbox-title th > div,
| |
| .navbox th.navbox-header > div {
| |
| padding: 0 4px;
| |
| }
| |
|
| |
| .navbox .navbox-title th > .navbox-title-pad,
| |
| .navbox th.navbox-header > .navbox-header-pad {
| |
| padding: 0 65px;
| |
| }
| |
|
| |
| .navbox .navbox-subgroup {
| |
| border-spacing: 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| .navbox .navbox-subgroup-with-title {
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-gutter {
| |
| height: 2px;
| |
| }
| |
|
| |
| .navbox .navbox-section-row > td {
| |
| padding: 0;
| |
| height: 100%;
| |
| }
| |
|
| |
| .navbox .navbox-section {
| |
| width: 100%;
| |
| border-spacing: 0;
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-above,
| |
| .navbox .navbox-below {
| |
| background: var(--navbox-header-color, #DDF);
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-above td,
| |
| .navbox .navbox-below td {
| |
| padding: 2px 4px;
| |
| }
| |
|
| |
| .navbox .navbox-image {
| |
| background: var(--navbox-bg-color, white);
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-group,
| |
| .navbox .navbox-header,
| |
| .navbox .navbox-subgroup .navbox-title {
| |
| background: var(--navbox-header-color, #DDF);
| |
| color: var(--navbox-text-color, black);
| |
| font-weight: bold;
| |
| height: 100%;
| |
| padding: 2px 0;
| |
| }
| |
|
| |
| .navbox .navbox-header {
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-group {
| |
| text-align: right;
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| word-wrap: normal;
| |
| }
| |
|
| |
| .skin-fandomdesktop .navbox .navbox-group {
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .navbox .navbox-group,
| |
| .navbox .navbox-image-left {
| |
| border-right: 2px solid var(--navbox-bg-color, white);
| |
| }
| |
|
| |
| .navbox .navbox-image-right {
| |
| border-left: 2px solid var(--navbox-bg-color, white);
| |
| }
| |
|
| |
| .navbox .navbox-list {
| |
| text-align: center;
| |
| }
| |
|
| |
| .navbox .navbox-group + .navbox-list,
| |
| .navbox .navbox-group + .navbox-list > table:not(.navbox-subgroup-with-title) > tbody > tr > .navbox-list {
| |
| text-align: left;
| |
| }
| |
|
| |
| .navbox .navbox-list {
| |
| background: var(--navbox-bg-color, white);
| |
| color: var(--navbox-text-color, black);
| |
| width: 100%;
| |
| height: 100%;
| |
| padding: 0;
| |
| }
| |
|
| |
| .navbox .alt > .navbox-list {
| |
| background: var(--navbox-alt-color, #F7F7F7);
| |
| }
| |
|
| |
| .navbox .navbox-list > div {
| |
| padding: 0px 4px;
| |
| }
| |
|
| |
| .navbox .hlist dl,
| |
| .navbox .hlist ol,
| |
| .navbox .hlist ul {
| |
| font-size: inherit;
| |
| }
| |
|
| |
| .navbox .navbox-list.no-group {
| |
| padding-top: 2px;
| |
| padding-bottom: 2px;
| |
| }
| |
|
| |
| .navbox .mw-collapsible-toggle {
| |
| width: 65px;
| |
| }
| |
|
| |
| /* hlist */
| |
| .hlist dl,
| |
| .hlist ol,
| |
| .hlist ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Display list items inline */
| |
| .hlist dd,
| |
| .hlist dt,
| |
| .hlist li {
| |
| margin: 0; /* don't trust the note that says margin doesn't work with inline
| |
| * removing margin: 0 makes dds have margins again */
| |
| 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: ": ";
| |
| }
| |
|
| |
| .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";
| |
| }
| |
|
| |
| .plainlist ol,
| |
| .plainlist ul {
| |
| line-height: inherit;
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0; /* Reset Minerva default */
| |
| }
| |
|
| |
| .plainlist ol li,
| |
| .plainlist ul li {
| |
| margin-bottom: 0;
| |
| }
| |
| /* TEMPORARILY WORKING WITH NEW NAVBOXES
| |
| /* default skin for navigation boxes */ | | /* default skin for navigation boxes */ |
| table.navbox { | | table.navbox { |