Jump to content

MediaWiki:Mobile.css: Difference between revisions

MediaWiki:Mobile.css (view source)

Revision as of 16:23, 11 August 2023

677 bytes removed ,  11 August 2023
no edit summary
imported>Jacob Robertson
No edit summary
imported>Jacob Robertson
No edit summary
Line 336: Line 336:
.em-container {
.em-container {
   display: grid;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-template-columns: auto auto auto auto auto;
   gap: 2px;
   gap: 2px;
   text-align: center;
   text-align: center;
Line 343: Line 343:
.em-pathways-container {
.em-pathways-container {
   display: grid;
   display: grid;
   grid-template-columns: auto auto auto;
   grid-template-columns: 50% 50%;
   grid-template-rows: 20% 60% 20%;
   grid-template-rows: 50% 50%;
  gap: 2px;
   grid-area: 3 / 2 / 6 / 6;
   grid-area: 3 / 2 / 6 / 7;
  padding: .5em;
}
}


Line 354: Line 352:
}
}
.em-ms {
.em-ms {
   grid-area: 1 / 2 / 2 / 7;
   grid-area: 1 / 2 / 2 / 6;
}
}
.em-beacons {
.em-beacons {
Line 368: Line 366:
   grid-area: 5 / 1 / 7 / 2;
   grid-area: 5 / 1 / 7 / 2;
}
}
.em-mc-deluded {
.em-mc-learning {
   grid-area: 2 / 2;
   grid-area: 2 / 2;
}
}
.em-mc-learning {
.em-mc-training {
   grid-area: 2 / 3;
   grid-area: 2 / 3;
}
}
.em-mc-training {
.em-mc-masterful {
   grid-area: 2 / 4;
   grid-area: 2 / 4;
}
}
.em-mc-masterful {
.em-mc-enlightened {
   grid-area: 2 / 5;
   grid-area: 2 / 5;
}
}
.em-mc-enlightened {
.em-trails {
   grid-area: 2 / 6;
   grid-area: 1 / 1;
  margin-top: 1em;
  margin-bottom: .5em;
  margin-left: 1em;
  margin-right: .5em;
}
}
.em-top-spacer {
.em-guides {
   grid-area: 1 / 1 / 2 / 4;
   grid-area: 1 / 2;
  margin-top: 1em;
  margin-bottom: .5em;
  margin-left: .5em;
  margin-right: 1em;
}
}
.em-bottom-spacer {
.em-skills {
  grid-area: 3 / 1 / 4 / 4;
}
.em-trails {
   grid-area: 2 / 1;
   grid-area: 2 / 1;
  margin-top: .5em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: .5em;
}
}
.em-guides {
.em-landmarks {
   grid-area: 2 / 2;
   grid-area: 2 / 2;
}
  margin-top: .5em;
.em-skills {
  margin-bottom: 1em;
   grid-area: 2 / 3;
  margin-left: .5em;
   margin-right: 1em;
}
}
.em-pathways {
.em-pathways {
   grid-area: 6 / 2 / 7 / 7;
   grid-area: 6 / 2 / 7 / 6;
   font-style: italic;
   font-style: italic;
   font-weight: bold;
   font-weight: bold;
Line 409: Line 417:
.em-pathways a {
.em-pathways a {
   vertical-align: middle;
   vertical-align: middle;
  padding: 0.2em 1em 0.2em 1em;
}
}
.PageType {
.PageType {
   font-style: italic;
   font-style: italic;
Line 483: Line 488:
   border-top-right-radius: .5em;
   border-top-right-radius: .5em;
   text-align: center;
   text-align: center;
}
span.em-ms-wrapper {
  height: 100%;
  display: inline-flex;
  align-items: center; 
}
span.em-pathways-wrapper {
  height: 100%;
  display: inline-flex;
  align-items: center; 
}
}


Line 493: Line 509:
.em-msh2 {
.em-msh2 {
   background-color: var(--milestone-dark);
   background-color: var(--milestone-dark);
  border-bottom-left-radius: .5em;
}
}
.em-msh3 {
.em-msh3 {
Line 506: Line 523:




div.em-bubble-container {
  width: 100%;
  display: table;
  height: 100%;
}
div.em-bubble-container-row1 {
  width: 100%;
  display: table-row;
  height: 95%;
}
div.em-bubble {
div.em-bubble {
   display: flex;
   display: flex;
Line 529: Line 536:


   background-image: linear-gradient(to right, var(--milestone-dark), var(--milestone-light));
   background-image: linear-gradient(to right, var(--milestone-dark), var(--milestone-light));
}
 
.em-bubble-old {
   zzmargin: 1.5em;
  display: table-cell;
  height: 5em;
  width: 4.5em;
  vertical-align: middle;
   padding: .5em;
}
div.em-bubble-container-row2{
  width: 100%;
  display: table-row;
  height: 5%;
}
div.em-pathways-old {
  position: relative;
  padding: 0em;
  margin: 0em;
  bottom: -.25em;
}
div.em-bubble-outer-old {
  position: relative;
  top: .85em;
}
}


Line 557: Line 544:
div.em-hide-deluded-yes, div.em-hide-learning-yes, div.em-hide-training-yes, div.em-hide-masterful-yes, div.em-hide-enlightened-yes,  
div.em-hide-deluded-yes, div.em-hide-learning-yes, div.em-hide-training-yes, div.em-hide-masterful-yes, div.em-hide-enlightened-yes,  
div.em-hide-beacons-yes, div.em-hide-attention-yes, div.em-hide-adaptation-yes, div.em-hide-association-yes,  
div.em-hide-beacons-yes, div.em-hide-attention-yes, div.em-hide-adaptation-yes, div.em-hide-association-yes,  
div.em-hide-pathways-yes, div.em-hide-skills-yes, div.em-hide-trails-yes, div.em-hide-guides-yes
div.em-hide-pathways-yes, div.em-hide-skills-yes, div.em-hide-trails-yes, div.em-hide-guides-yes, div.em-hide-landmarks-yes
):where(:not(:hover))
):where(:not(:hover))
{
{
Line 563: Line 550:
   opacity: 55%;
   opacity: 55%;
}
}
.em-info-header {
 
  border-top-left-radius: .5em;
/*** end landscape section ***/
  border-top-right-radius: .5em;
  background-color: var(--milestone-middle);
}
.em-info-body td, .em-info-body th {
  border: 1px solid var(--milestone-darkest);
  padding: .25em .25em .25em .5em;
}
.em-info-body a {
  color: var(--map-outlines);
}
.em-info-label {
  background-color: var(--milestone-light);
  font-style: italic;
}
.em-info-data {
  background-color: var(--milestone-lightest);
  font-style: normal;
}
.em-info-below {
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
  background-color: var(--milestone-middle);
}
}
}


Retrieved from "https://everydayenlightenment.info/eewiki/w/index.php/Special:MobileDiff/803"