MediaWiki:Common.css: Difference between revisions

Revision as of 02:21, 8 January 2024

/* **************************************************************** */
/* Root */
/* **************************************************************** */

:root {
    --red-faction-color: rgb(226,121,11);
    --edf-color: rgb(90,154,230);
    --marauder-color: rgb(236,175,61);
    --ultor-color: rgb(130,130,130);
}

/* **************************************************************** */
/* Mainpage */
/* **************************************************************** */

.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}

.mainpage-body h2 a {
    color: var(--text-color);
}

.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}

.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0.9rem;
}

.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
    flex: 2;
}

.mainpage-header .header-intro h1 {
    font-size: 2em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.15em;
}

.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}

.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}

.mainpage-header .header-stats ul {
    list-style: none;
}

/* **************************************************************** */
/* Portable Infoboxes */
/* **************************************************************** */

.portable-infobox.pi-background {
    background-color: #f5f5f5;
}

.portable-infobox.pi-layout-default {
    border: 1px solid #dddddd !important;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%) !important;
    border-radius: 4px !important;
}

.portable-infobox .pi-data-value { /* Vertically centers data values */
    display: flex;
    align-items: center;
}

.portable-infobox .pi-item-spacing.pi-border-color { 
    border-color: #dddddd;
}

.pi-group { /* Removes border underneath the infobox image */
    border: 0;
}

.portable-infobox .pi-title {
    background-color: rgb(212,211,211);
    border-radius: 3px 3px 0 0 !important;
    font-weight: bold;
    padding: 0px;
    text-align: center;
}

.portable-infobox .pi-header {
    text-align: center;
    padding: 0px;
    background-color: rgb(230,230,230);
}

/* **************************************************************** */
/* Navboxes */
/* **************************************************************** */

table.fallout_navbox_box {
   padding: 0px;
   border: 1px solid #aaa;
   text-align: center;
   border-collapse: separate;
   font-size: 100%;
}

table.nb_bottom + table.nb_bottom {
   border-top-style: none;
   border-top-style: hidden;
}

th.fallout_navbox_innertable_title,
th.fallout_navbox_box_title {
   padding: 2px;
   font-weight: normal;
   color:white;
   font-size: 80%;
}

th.fallout_navbox_box_title {
   background: url(http://images3.wikia.nocookie.net/fallout/images//d/d1/WidgetBackground.jpg?1);
   background-color: #0D592F;
   border: 3px solid white;
}

th.fallout_navbox_innertable_title {
   background: url(http://images3.wikia.nocookie.net/fallout/images//d/d3/ConcreteBackground.jpg?1);
   background-color: #565B45;
   border-top: 0;
   border-bottom: 2px solid white;
   border-left: 3px solid white;
   border-right: 3px solid white;
}

th.fallout_navbox_box_title span.fallout_navbox_maintitle {
   font-weight: bold;
   font-size: 115%;
}

th.fallout_navbox_innertable_title span.fallout_navbox_maintitle {
   font-weight: bold;
   font-size: 125%;
}

td.fallout_navbox_cont {
   padding: 0px;
   border: 0px;
}

table.fallout_navbox_innertable, 
table.fallout_navbox {
   margin: 0px; 
   padding: 0px;
   border-collapse:separate;
   empty-cells:show;
}

table.fallout_navbox {
   font-size: 85%;
   border-bottom: 1px solid white;
}

table.fallout_navbox_innertable {
   font-size: 100%;
}

td.fallout_navbox_header, td.fallout_navbox_footer, 
td.fallout_navbox_cell, td.fallout_navbox_groupcell,
td.fallout_navbox_group, td.fallout_navbox_subgroup {
   border-top: 0;
   border-bottom: 2px solid white;
   border-left: 3px solid white;
}

td.fallout_navbox_header, td.fallout_navbox_footer, 
td.fallout_navbox_cell, td.fallout_navbox_groupcell {
   border-right: 3px solid white;
}

td.fallout_navbox_header, td.fallout_navbox_footer {
   padding: 2px;
   background: url(http://images3.wikia.nocookie.net/fallout/images//d/d3/ConcreteBackground.jpg?1);
   background-color: #565B45;
   color:white;
   text-align: center;
}

td.fallout_navbox_header {
   font-weight: bold;
}

td.fallout_navbox_footer {
   font-size: 90%;
}

td.fallout_navbox_subgroup, td.fallout_navbox_group {
   padding: 2px;
   text-align: center;
   white-space: nowrap;
   border-right: 0;
   font-weight: bold;
}

td.fallout_navbox_group {
   background: url(http://images2.wikia.nocookie.net/fallout/images/9/95/ConcreteBackgroundLight.jpg?1);
   background-color: #BAC29B;
}

td.fallout_navbox_subgroup {
   background-color: #DDDDDD;
}

td.fallout_navbox_groupcell, td.fallout_navbox_cell {
   padding: 2px;
   background-color: #DDDDDD;
}

td.fallout_navbox_groupcell {
   text-align: left;
}

td.fallout_navbox_cell {
   text-align: center;
}

/* do not wrap links in content fields if nowraplinks is set */
table.fallout_navbox_nowraplinks td.fallout_navbox_cell a,
table.fallout_navbox_nowraplinks td.fallout_navbox_groupcell a {
   white-space:nowrap;
}

/* header bar needs brighter links */
table.fallout_navbox_box th a:link { 
   color: #AFA000;
}
table.fallout_navbox_box th a:active { 
   color: #fff;
}
table.fallout_navbox_box th a:visited { 
   color: #B6A700;
}
table.fallout_navbox_box th a:hover { 
   color: #fff;
}
table.fallout_navbox_box th a.new {
   color: #f11 !important;
}

/* headers and footer need brighter links */
td.fallout_navbox_header a:link, 
td.fallout_navbox_footer a:link { 
   color: #cfc000;
}
td.fallout_navbox_header a:active , 
td.fallout_navbox_footer a:active { 
   color: #fff;
}
td.fallout_navbox_header a:visited , 
td.fallout_navbox_footer a:visited { 
   color: #B6A700;
}
td.fallout_navbox_header a:hover , 
td.fallout_navbox_footer a:hover { 
   color: #fff;
}

@media print {
   table.fallout_navbox_box {
       display: none;
   }
}

/* **************************************************************** */
/* Vehicle Infoboxes */
/* **************************************************************** */

#red-faction-color {
    filter: drop-shadow(0 0 5px var(--red-faction-color));
}

#edf-color {
    filter: drop-shadow(0 0 5px var(--edf-color));
}
#marauder-color {
    filter: drop-shadow(0 0 5px var(--marauder-color));
}

#ultor-color {
    filter: drop-shadow(0 0 5px var(--ultor-color));
}
#sector-yes {
    background-color: rgb(198,234,178);
}
.vehicle-container {
  display: grid;
  background: #f5f5f5 !important;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1.3fr 1fr 1.5fr;
  width: 200px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.25);
  height: 360px;
  border: 1px solid #dddddd !important;
  overflow: hidden;
  line-height: 1;
  font-family: "Arial";
  margin: 10px;
}

.vehicle-sec1 { /* Section for main vehicle image */
  grid-area: 1 / 1 / 2 / 2;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vehicle-sec1 img { /* Main vehicle image */
    border-radius: 5px;
    margin-top: 15px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
}

.vehicle-sec2 { /* Section for vehicle name, faction and internal name */
  grid-area: 2 / 1 / 3 / 2;
  margin-top: 5px;
  margin-left: 10px;
  width: 200px;
}

.vehicle-sec3 { /* Section for sectors */
  grid-area: 3 / 1 / 4 / 2;
  text-align: center;
  width: 200px;
}
.vehicle-sec3 table { /* Table containing sector boxes */
  line-height: 1.8;
  display: flex;
  justify-content: center;
  align-items: center;
    
}
.vehicle-roundedbox { /* Sector boxes */
    background-color: #eaeaea;
    padding: 1px;
    width: 55px;
    font-size: 7px;
    font-weight: bold;
    border-radius: 2.5px;
}

.vehicle-name {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 3px;
}
.vehicle-name-caption {
    font-size: 9px;
}
.vehicle-name-caption img { /* Changes the size of the faction logo from the team template */
    width: 15px;
    height: auto;
}
.vehicle-internalname {
    font-size: 9px;
    font-family: 'Menlo';
    padding-bottom: 4px;
}
.vehicle-stats { 
    font-size: 9px;
    width: 200px;
    overflow: hidden;
    text-align: center;
}
.vehicle-stats td {
    padding: 3px;
    table-layout: fixed;
    width: 200px;
}