Difference between revisions of "MediaWiki:Common.css"

Revision as of 01:55, 16 May 2020

/* CSS placed here will be applied to all skins */

.mw-whatlinkshere-tools{
    display:none;
}

.move-grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.move-module {
  /* Demo-Specific Styles */
  background: #eaeaea;
  display: flex;
  align-items: stretch;
  justify-content: center;
  border-radius: 10px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}

.grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.basic-module {
  /* Demo-Specific Styles */
  background: #eaeaea;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 5px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}

.role-module {
  /* Demo-Specific Styles */
  display: flex;
  align-items: stretch;
  justify-content: center;
  border: 1px solid black;
  font-size: small;
  padding: 5px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}

.ability-grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(26em, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.ability-module {
  /* Demo-Specific Styles */
  background: #eaeaea;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 5px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}

.ability {
padding: 5px;
}

.ability td {
padding-left: 5px;
padding-right: 5px;
}

.ability th {
background: #9DC1B7;
padding-left: 5px;
padding-right: 5px;
}

.move-strike {
border-left: 5px solid #990000; 
margin: 10px; 
border-collapse: collapse;
}

.move-trick {
border-left: 5px solid #990000; 
margin: 10px; 
border-collapse: collapse;
}

.move-maneuver {
border-left: 5px solid #990000; 
margin: 10px; 
border-collapse: collapse;
}

.bug-move {
background-color:#C6D16E; 
padding-left: 5px;
}

.bug-tier {
text-align: right; 
background-color:#C6D16E; 
padding: 5px;
}

.bug2-move {
background-color:#A8B820; 
padding-left: 5px;
color: white;
}

.bug2-tier {
text-align: right; 
background-color:#A8B820; 
padding: 5px;
color: white
}

.dark-move {
background-color:#A29288; 
padding-left: 5px;
}

.dark-tier {
text-align: right; 
background-color:#A29288; 
padding: 5px;
}

.dragon-move {
background-color:#A27DFA; 
padding-left: 5px;
}

.dragon-tier {
text-align: right; 
background-color:#A27DFA; 
padding: 5px;
}

.electric-move {
background-color:#FAE078; 
padding-left: 5px;
}

.electric-tier {
text-align: right; 
background-color:#FAE078; 
padding: 5px;
}

.fairy-move {
background-color:#F4BDC9; 
padding-left: 5px;
}

.fairy-tier {
text-align: right; 
background-color:#F4BDC9; 
padding: 5px;
}

.fighting-move {
background-color:#D67873; 
padding-left: 5px;
}

.fighting-tier {
text-align: right; 
background-color:#D67873; 
padding: 5px;
}

.fire-move {
background-color:#F5AC78; 
padding-left: 5px;
}

.fire-tier {
text-align: right; 
background-color:#F5AC78; 
padding: 5px;
}

.flying-move {
background-color:#C6B7F5; 
padding-left: 5px;
}

.flying-tier {
text-align: right; 
background-color:#C6B7F5; 
padding: 5px;
}

.ghost-move {
background-color:#A292BC; 
padding-left: 5px;
}

.ghost-tier {
text-align: right; 
background-color:#A292BC; 
padding: 5px;
}

.grass-move {
background-color:#A7DB8D; 
padding-left: 5px;
}

.grass-tier {
text-align: right; 
background-color:#A7DB8D; 
padding: 5px;
}

.ground-move {
background-color:#EBD69D; 
padding-left: 5px;
}

.ground-tier {
text-align: right; 
background-color:#EBD69D; 
padding: 5px;
}

.ice-move {
background-color:#BCE6E6; 
padding-left: 5px;
}

.ice-tier {
text-align: right; 
background-color:#BCE6E6; 
padding: 5px;
}

.normal-move {
background-color:#C6C6A7; 
padding-left: 5px;
}

.normal-tier {
text-align: right; 
background-color:#C6C6A7; 
padding: 5px;
}

.poison-move {
background-color:#C183C1; 
padding-left: 5px;
}

.poison-tier {
text-align: right; 
background-color:#C183C1; 
padding: 5px;
}

.psychic-move {
background-color:#FA92B2; 
padding-left: 5px;
}

.psychic-tier {
text-align: right; 
background-color:#FA92B2; 
padding: 5px;
}

.rock-move {
background-color:#D1C17D; 
padding-left: 5px;
}

.rock-tier {
text-align: right; 
background-color:#D1C17D; 
padding: 5px;
}

.steel-move {
background-color:#D1D1E0; 
padding-left: 5px;
}

.steel-tier {
text-align: right; 
background-color:#D1D1E0; 
padding: 5px;
}

.water-move {
background-color:#9DB7F5; 
padding-left: 5px;
}

.water-tier {
text-align: right; 
background-color:#9DB7F5; 
padding: 5px;
}

.move-text {
padding-left: 5px;
}