MediaWiki:Custom-common.less/navbox.less

// /******************* * Template:Navbox *******************/ @navboxThemeColor1: darken(multiply(@theme-page, lighten(@theme-buttons, 20%)), 15%); @navboxBackground: darken(@navboxThemeColor1, 10%); @navboxTitleBg: @navboxThemeColor1; @navboxHeaderBg: lighten(@navboxThemeColor1, 12%); @navboxHeaderTextColor: #CCC; @navboxHeaderLinkColor: #FFF; @navboxListBg: #DDD; @navboxTextColor: #111; @navboxLinkColor: @theme-links; @mobile: false; @navboxGroupMinWidth: 150px; .navbox { width: 100%; background: @navboxBackground; color: @navboxTextColor; margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 2px solid darken(@navboxThemeColor1, 20%); border-radius: 3px; a, .navbox-list .navbox-group a { color: @navboxHeaderLinkColor; }   /* Merges navboxes that are directly under eachother */ & + .navbox { margin-top: -16px; border-top-left-radius: 0; border-top-right-radius: 0; }   .navbox-title { color: @navboxHeaderTextColor; background: @navboxTitleBg; font-weight: bold; }   .navbox-vde { float:left; width:65px; & when (@mobile = true) { display:none; }   }    .navbox-title-padright when not (@mobile = true) { padding-right: 65px; }   .navbox-title-padleft when not (@mobile = true) { padding-left: 65px; }   .navbox-subgroup { border-spacing: 0; width: 100%; }   .navbox-gutter { height: 2px; }   .navbox-subgroup .navbox-gutter { background: @navboxBackground; }   .navbox-section-row > td { padding: 0; height: 100%; }   .navbox-section { width: 100%; border-spacing: 0; }   .navbox-above, .navbox-below, .navbox-image { color: @navboxHeaderTextColor; background: @navboxHeaderBg; text-align: center; }   .navbox-group, .navbox-header { background: @navboxHeaderBg; color: @navboxHeaderTextColor; font-weight: bold; height: 100%; padding: 2px 4px; }   .navbox-header-collapsible when not (@mobile = true) { padding-left: 65; }   .navbox-group { min-width: @navboxGroupMinWidth; }   .navbox-group, .navbox-image-left { border-right: 2px solid @navboxBackground; }   .navbox-image-right { border-left: 2px solid @navboxBackground; }   .navbox-list { background: @navboxListBg; color:@navboxTextColor; width: 100%; height: 100%; padding: 0; }   .navbox-list div { padding: 0px 4px; }   .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }   .navbox-list a { color: @navboxLinkColor; }   .navbox-list a.new { color: darken(@navboxTextColor, 2%) !important; }   .mw-collapsible-toggle { width: 65px; & when (@mobile = true) { display:none; }   } } /* hlist (turns lists into bullet-point seperated values) */ .hlist { ul { margin: 0; list-style: none; }   li, ul ul { display: inline; } li a { white-space: nowrap; } ul ul:before { content: "(" }   ul ul:after { content: ")" } li:after { content: " • "; } ul ul li:after { content: "/"; } li:last-child:after, ul ul li:last-child:after { content: none; } } /******************* * Template:Events *******************/ .nabvox-fixed-spacing-border-table { width: 100%; table-layout: fixed; text-align: center; white-space: nowrap; } .nabvox-fixed-spacing-border-table td+td { border-left: 1px solid #555; } //