MediaWiki:Common.less/navboxes.less

//

/* ------------------------------------------------------------------------------------------------------
 * CSS for Navboxes
 * ------------------------------------------------------------------------------------------------------ */

// Common
table.navbox {
  width: 100%;
  border-spacing: 0px 2px;
  border-collapse: separate;
  line-height: 1.3rem;
  
  th, .navbox-footer-row td {
    text-align: center;
  }
  
  th, td {
    padding: 0 0.5rem;
  }  
  
  td {
    background-color: inherit;
  }
  
  td.navbox-subrow ul {
    display: inline;
    margin: 0 0 0 0;
    li {
      list-style-type: none;
      display: inline;
      &:after {
        content: " · ";
      }
      &:last-child:after {
        content: none;
      }
    }
  }
  
  @media screen and (min-width: 1023px) {
    // shrinks headers to fit content, makes td stretch to fill rest
    th {
      width: 1%;
      white-space: nowrap;
    }
  }
  
  @media screen and (max-width: 1023px) {
    tr, th, td {
      display: block;
    }
    
    td {
      text-align: center;
    }
  }
  
  .navbox-title {    
    a, a:visited {
      color: inherit !important;
    }
  }
  
  .navbox-header th {
    width: 100%;
  }
}

// Utility classes 

// Colors for TeamNav
.wild_high_border {
    border:medium solid #6a3e3e !important;
}

.mild_high_border {
    border:medium solid #3a442d !important;
}

.wild_low_border {
    border:medium solid #422d24 !important;
}

.mild_low_border {
    border:medium solid #3f5128 !important;
}

.ascended_border {
    border:medium solid #808080 !important;
}

.lawful_evil_border {
    border:medium solid #3d3d3d !important;
}

.lawful_good_border {
    border:medium solid #6e6e6e !important;
}

.chaotic_evil_border {
    border:medium solid #282828 !important;
}

.chaotic_good_border {
    border:medium solid #555555 !important;
}