MediaWiki:Navbox.css: Difference between revisions

From Coral Island Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Navbox vde and sections */
/* Navbox vde and sections */
.navbox .navbox-vde {
.navbox .navbox-vde {
    visibility: hidden;
  visibility: hidden;
}
}


.navbox .navbox-section {
.navbox .navbox-section {
    border-spacing: 0;
  border-spacing: 0;
    width: 100%;
  width: 100%;
}
}


.navbox-inner,.navbox-subgroup {
.navbox-inner,.navbox-subgroup {
    width: 100%;
  width: 100%;
}
}


.navbox {
.navbox {
width:100%;  
  width:100%;  
margin-top: 12px;
  margin-top: 12px;
    border-spacing: 0;
  border-spacing: 0;
}
}


.navbox-title {
.navbox-title {
background-color: var(--brown-300);
  color: var(--font-color);
color: var(--font-color);
  padding: 4px;
padding: 4px;
  font-size: 12px;
font-size: 12px;
}
}


Line 29: Line 28:
   padding: 6px;
   padding: 6px;
   border-radius: 4px;
   border-radius: 4px;
  background-color: var(--brown-300);
}
}


.navbox-title a {
.navbox-title a {
color: var(--theme-accent-dynamic-color-1) !important;
  color: var(--theme-accent-dynamic-color-1) !important;
}
}


.navbox-group a {
.navbox-group a {
color: var(--theme-link-color);
  color: var(--theme-link-color);
}
}


.navbox-group {
.navbox-group {
text-align: left;
  text-align: left;
    background-color: var(--theme-accent-bg);
  background-color: var(--theme-accent-bg);
    color: var(--theme-text-color);
  color: var(--theme-text-color);
font-size: 10pt;
  font-size: 10pt;
padding: 0.25em 1em;
  padding: 0.25em 1em;
}
}


.navbox-subgroup .navbox-group{
.navbox-subgroup .navbox-group{
    color: var(--theme-text-color);
  color: var(--theme-text-color);
    background: rgba(var(--theme-page-text-color--rgb),.10);
  background: rgba(var(--theme-page-text-color--rgb),.10);
}
}


th.navbox-group {
th.navbox-group {
    white-space: nowrap;
  white-space: nowrap;
    text-align: left;
  text-align: left;
}
}


.navbox-subgroup {
.navbox-subgroup {
margin: 0;
  margin: 0;
border-spacing: 0;
  border-spacing: 0;
}
}


Line 70: Line 70:


.navbox-list {
.navbox-list {
padding: 0 0 0 2px;
  padding: 0 0 0 2px;
font-size: 10pt;
  font-size: 10pt;
}
}


.alt .navbox-list {
.alt .navbox-list {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
}
}


.navbox-header {
.navbox-header {
background-color: var(--theme-accent-color);
  background-color: var(--theme-accent-color);
color: var(--theme-accent-dynamic-color-1);
  color: var(--theme-accent-dynamic-color-1);
}
}


.navbox-header a {
.navbox-header a {
color: var(--theme-accent-dynamic-color-1) !important;
  color: var(--theme-accent-dynamic-color-1) !important;
font-weight: bold !important;
  font-weight: bold !important;
}
}


.nofill .navbox-group {
.nofill .navbox-group {
background-color: var(--theme-page-background-color);
  background-color: var(--theme-page-background-color);
color: var(--theme-page-dynamic-color-1);
  color: var(--theme-page-dynamic-color-1);
}
}


.nofill .navbox-group a {
.nofill .navbox-group a {
color: var(--theme-page-dynamic-color-1) !important;
  color: var(--theme-page-dynamic-color-1) !important;
}
}


.altnofill .navbox-group {
.altnofill .navbox-group {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
color: var(--theme-page-dynamic-color-1);
  color: var(--theme-page-dynamic-color-1);
}
}


.altnofill .navbox-group a {
.altnofill .navbox-group a {
color: var(--theme-page-dynamic-color-1) !important;
  color: var(--theme-page-dynamic-color-1) !important;
}
}


.altnofill .navbox-list {
.altnofill .navbox-list {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.02);
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.02);
}
}
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
.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;
  padding: 0.125em 0;
}
}


/* Simplify listing method */
/* Simplify listing method */
.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {
.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {
    margin: 0;
  margin: 0;
    padding: 0;
  padding: 0;
}
}


.hlist dd,.hlist dt,.hlist li {
.hlist dd,.hlist dt,.hlist li {
    display: inline;
  display: 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 {
.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;
  display: inline;
}
}


.hlist dt:after {
.hlist dt:after {
    content: ":"
  content: ":"
}
}


.hlist dd:after,.hlist li:after {
.hlist dd:after,.hlist li:after {
    content: " · ";
  content: " · ";
    font-weight: bold;
  font-weight: bold;
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    content: none;
  content: none;
}
}


.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {
.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {
    content: none;
  content: none;
}
}


.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 {
.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: " (";
  content: " (";
    font-weight: normal;
  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 {
.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: ") ";
  content: ") ";
    font-weight: normal;
  font-weight: normal;
}
}


.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 {
.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: ") ";
  content: ") ";
    font-weight: normal;
  font-weight: normal;
}
}


.hlist ol {
.hlist ol {
    counter-reset: listitem;
  counter-reset: listitem;
}
}


.hlist ol > li {
.hlist ol > li {
    counter-increment: listitem;
  counter-increment: listitem;
}
}


.hlist ol > li:before {
.hlist ol > li:before {
    content: " " counter(listitem) " ";
  content: " " counter(listitem) " ";
    white-space: nowrap
  white-space: nowrap
}
}


.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
  content: " (" counter(listitem) " ";
}
}


/* Theme */
/* Theme */
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
    background: var(--light-blue);
  background: var(--light-blue);
}
}

Revision as of 14:58, 1 January 2024

/* Navbox vde and sections */
.navbox .navbox-vde {
  visibility: hidden;
}

.navbox .navbox-section {
  border-spacing: 0;
  width: 100%;
}

.navbox-inner,.navbox-subgroup {
  width: 100%;
}

.navbox {
  width:100%; 
  margin-top: 12px;
  border-spacing: 0;
}

.navbox-title {
  color: var(--font-color);
  padding: 4px;
  font-size: 12px;
}

.navbox-title th {
  padding: 6px;
  border-radius: 4px;
  background-color: var(--brown-300);
}

.navbox-title a {
  color: var(--theme-accent-dynamic-color-1) !important;
}

.navbox-group a {
  color: var(--theme-link-color);
}

.navbox-group {
  text-align: left;
  background-color: var(--theme-accent-bg);
  color: var(--theme-text-color);
  font-size: 10pt;
  padding: 0.25em 1em;
}

.navbox-subgroup .navbox-group{
  color: var(--theme-text-color);
  background: rgba(var(--theme-page-text-color--rgb),.10);
}

th.navbox-group {
  white-space: nowrap;
  text-align: left;
}

.navbox-subgroup {
  margin: 0;
  border-spacing: 0;
}

/* Collapse Button */
span.mw-collapsible-toggle.mw-collapsible-toggle-default {
  font-weight: 400;
  font-size: 12px;
  vertical-align: baseline;
}

.navbox-list {
  padding: 0 0 0 2px;
  font-size: 10pt;
}

.alt .navbox-list {
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
}

.navbox-header {
  background-color: var(--theme-accent-color);
  color: var(--theme-accent-dynamic-color-1);
}

.navbox-header a {
  color: var(--theme-accent-dynamic-color-1) !important;
  font-weight: bold !important;
}

.nofill .navbox-group {
  background-color: var(--theme-page-background-color);
  color: var(--theme-page-dynamic-color-1);
}

.nofill .navbox-group a {
  color: var(--theme-page-dynamic-color-1) !important;
}

.altnofill .navbox-group {
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
  color: var(--theme-page-dynamic-color-1);
}

.altnofill .navbox-group a {
  color: var(--theme-page-dynamic-color-1) !important;
}

.altnofill .navbox-list {
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.02);
}
.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;
}

/* Simplify listing method */
.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {
  margin: 0;
  padding: 0;
}

.hlist dd,.hlist dt,.hlist li {
  display: 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;
}

.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;
}

.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {
  content: none;
}

.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;
}

.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;
}

.hlist ol {
  counter-reset: listitem;
}

.hlist ol > li {
  counter-increment: listitem;
}

.hlist ol > li:before {
  content: " " counter(listitem) " ";
  white-space: nowrap
}

.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
  content: " (" counter(listitem) " ";
}

/* Theme */
.navbox-subgroup .navbox-title {
  background: var(--light-blue);
}