Jump to content

MediaWiki:Mobile.css: Difference between revisions

no edit summary
imported>Jacob Robertson
No edit summary
imported>Jacob Robertson
No edit summary
Line 33: Line 33:
   align-items: center;   
   align-items: center;   
}
}
/***************** SKILLS TABLE ***********************************************************/
.st-table {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  gap: 2px;
}
.st-table a:link, .st-table a:visited {
  color: var(--map-outlines);
}
.st-table a:hover, .st-table a:active {
  color: var(--map-hover);
  text-decoration: none;
}
.st-header-row {
  height: 2em;
}
.st-header-cell {
  padding: .75em;
  border: 1px solid var(--map-outlines);
  font-weight: bold;
  background-color: var(--beacons-light);
  text-align: center;
  color: var(--map-outlines);
}
div.st-header-skills {
  background-color: var(--beacons-middle);
  color: white;
}
.st-header-guides {
}
.st-header-trails {
}
.st-header-beacons {
}
.st-header-milestones {
}
.st-row {
  display: grid;
  grid-template-columns: 25% 25% 20% 15% 15%;
  gap: 2px;
  min-height: 2em;
}
.st-cell {
  border: 1px solid var(--map-outlines);
  padding: .5em;
}
div.st-skill {
  background-color: var(--milestone-darkest);
  font-style: italic;
  font-weight: bold;
  color: white;
}
div.st-skill a {
  color: white;
}
div.st-guides {
  background-color: var(--milestone-dark);
  font-style: normal;
}
div.st-trails {
  background-color: var(--milestone-middle);
  font-style: normal;
}
div.st-beacons {
  background-color: var(--milestone-light);
  font-style: normal;
}
div.st-milestones {
  background-color: var(--milestone-lightest);
  font-style: normal;
}


/**************** PORTRAIT *********************/
/**************** PORTRAIT *********************/
Line 133: Line 54:
.em-pathways-container {
.em-pathways-container {
   display: grid;
   display: grid;
   grid-template-rows: auto auto auto 10%;
   grid-template-rows: 50% 50%;
   grid-template-columns: 20% 60% 20%;
   grid-template-columns: 50% 50%;  
  gap: 2px;
   grid-area: 4 / 2 / 9 / 4;
   grid-area: 4 / 2 / 9 / 4;
  padding: .5em;
}
}


Line 158: Line 77:
   grid-area: 3 / 3;
   grid-area: 3 / 3;
}
}
.em-mc-deluded {
.em-mc-learning {
   grid-area: 5 / 1;
   grid-area: 5 / 1;
}
}
.em-mc-learning {
.em-mc-training {
   grid-area: 6 / 1;
   grid-area: 6 / 1;
}
}
.em-mc-training {
.em-mc-masterful {
   grid-area: 7 / 1;
   grid-area: 7 / 1;
}
}
.em-mc-masterful {
.em-mc-enlightened {
   grid-area: 8 / 1;
   grid-area: 8 / 1;
}
.em-mc-enlightened {
  grid-area: 9 / 1;
}
.em-top-spacer {
  grid-area: 1 / 1 / 5 / 2;
}
.em-bottom-spacer {
  grid-area: 1 / 3 / 5 / 4;
}
}
.em-trails {
.em-trails {
   grid-area: 1 / 2;
   grid-area: 1 / 1;
  margin-top: 1em;
  margin-bottom: .5em;
  margin-left: 1em;
  margin-right: .5em;
}
}
.em-guides {
.em-guides {
   grid-area: 2 / 2;
   grid-area: 1 / 2;
  margin-top: 1em;
  margin-bottom: .5em;
  margin-left: .5em;
  margin-right: 1em;
}
}
.em-skills {
.em-skills {
   grid-area: 3 / 2;
   grid-area: 2 / 1;
  margin-top: .5em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: .5em;
}
.em-landmarks {
  grid-area: 2 / 2;
  margin-top: .5em;
  margin-bottom: 1em;
  margin-left: .5em;
  margin-right: 1em;
}
}
.em-pathways {
.em-pathways {