Jump to content

MediaWiki:Common.css: Difference between revisions

no edit summary
imported>Jacob Robertson
No edit summary
No edit summary
 
(39 intermediate revisions by 2 users not shown)
Line 14: Line 14:
--beacons-light: #C9DBBBff;
--beacons-light: #C9DBBBff;


--milestone-darkest: #E0642Eff;
--realm-darkest: #E0642Eff;
--milestone-dark: #F99F53ff;
--realm-dark: #F99F53ff;
--milestone-middle: #FED68Eff;
--realm-middle: #FED68Eff;
--milestone-light: #FFF1ACff;
--realm-light: #FFF1ACff;
--milestone-lightest: #FDDB63ff;
--realm-lightest: #FDDB63ff;
}
}


Line 75: Line 75:
}
}
.em-trails {
.em-trails {
   grid-area: 1 / 1;
   grid-area: 2 / 2;
   margin-top: 1em;
   margin-top: .5em;
   margin-bottom: .5em;
   margin-bottom: 1em;
   margin-left: 1em;
   margin-left: .5em;
   margin-right: .5em;
   margin-right: 1em;
}
}
.em-guides {
.em-guides {
Line 88: Line 88:
   margin-right: 1em;
   margin-right: 1em;
}
}
.em-skills {
.em-landmarks {
   grid-area: 2 / 1;
   grid-area: 2 / 1;
   margin-top: .5em;
   margin-top: .5em;
Line 95: Line 95:
   margin-right: .5em;
   margin-right: .5em;
}
}
.em-landmarks {
.em-lenses {
   grid-area: 2 / 2;
   grid-area: 1 / 1;
   margin-top: .5em;
   margin-top: 1em;
   margin-bottom: 1em;
  margin-bottom: .5em;
   margin-left: .5em;
   margin-left: 1em;
   margin-right: 1em;
   margin-right: .5em;
}
.em-lenses-inner {
  white-space: nowrap;
   display:inline-block;
}
div.em-pathways-container div.em-lenses {
  background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light));
}
}
.em-pathways {
.em-pathways {
Line 107: Line 114:
   font-weight: bold;
   font-weight: bold;
   border: 1px solid var(--map-outlines);
   border: 1px solid var(--map-outlines);
   background-color: var(--milestone-dark);
   background-color: var(--realm-dark);
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em;  
   border-bottom-right-radius: .5em;  
Line 117: Line 124:
   font-style: italic;
   font-style: italic;
   font-weight: normal;
   font-weight: normal;
   color: var(--beacons-dark);
  font-size: 60%;
   color: var(--beacons-middle);
}
.PageTypeLandmark, .PageTypeCredo {
  font-size: 85%;
}
}
.em-table td, .em-table a:link, .em-table a:visited {
.em-table td, .em-table a:link, .em-table a:visited {
Line 126: Line 137:
   text-decoration: none;
   text-decoration: none;
}
}
.em-ee {
div.em-ee {
   background-color: var(--milestone-lightest);
   background-color: var(--realm-lightest);
   border-top-left-radius: .5em;
   border-top-left-radius: .5em;
   border-top-right-radius: .5em;
   border-top-right-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
  padding: 0.2em .5em 0.2em .5em;
}
}
.em-header {
.em-header {
Line 140: Line 152:
   text-align: center;
   text-align: center;
}
}
.em-milestones {
.em-realms {
   border-top-left-radius: .5em;
   border-top-left-radius: .5em;
   border-top-right-radius: .5em;
   border-top-right-radius: .5em;
   background-color: var(--milestone-middle);
   background-color: var(--realm-middle);
}
}
.em-beacons {
.em-beacons {
Line 179: Line 191:


.em-msc {
.em-msc {
   background-image: linear-gradient(to right, var(--milestone-darkest), var(--milestone-lightest));
   background-image: linear-gradient(to right, var(--realm-darkest), var(--realm-lightest));
   border: 1px solid var(--map-outlines);
   border: 1px solid var(--map-outlines);
   border-top-left-radius: .5em;
   border-top-left-radius: .5em;
Line 200: Line 212:
}
}
.em-msh1 {
.em-msh1 {
   background-color: var(--milestone-darkest);
   background-color: var(--realm-darkest);
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
}
}
.em-msh2 {
.em-msh2 {
   background-color: var(--milestone-dark);
   background-color: var(--realm-dark);
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
}
}
.em-msh3 {
.em-msh3 {
   background-color: var(--milestone-middle);
   background-color: var(--realm-middle);
}
}
.em-msh4 {
.em-msh4 {
   background-color: var(--milestone-light);
   background-color: var(--realm-light);
}
}
.em-msh5 {
.em-msh5 {
   background-color: var(--milestone-lightest);
   background-color: var(--realm-lightest);
   border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
}
}
 
.em-realms-item {
 
  padding: 0.2em .5em 0.2em .5em;
}
div.em-bubble {
div.em-bubble {
   display: flex;
   display: flex;
Line 226: Line 239:


   border: solid white 2px;
   border: solid white 2px;
   border-radius: 50%;  
   border-radius: 2em;  
   font-weight: bold;
   font-weight: bold;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   vertical-align: middle;


   background-image: linear-gradient(to right, var(--milestone-dark), var(--milestone-light));
   background-image: linear-gradient(to right, var(--realm-dark), var(--realm-light));
}


   zzmargin: 1.5em;
.em-show-shadows-no, .em-shadows-br {
   display: none;
}
 
.em-show-shadows-yes {
  font-size: 80%;
  font-style: italic;
}
}


:where(
:where(
div.em-hide-ee-yes, div.em-hide-milestones-yes, div.em-hide-msarea-yes,  
div.em-hide-ee-yes, div.em-hide-realms-yes, div.em-hide-msarea-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-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-landmarks-yes
div.em-hide-pathways-yes, div.em-hide-landmarks-yes, div.em-hide-trails-yes, div.em-hide-guides-yes, div.em-hide-lenses-yes
):where(:not(:hover))
):where(:not(:hover))
{
{
  grayscale: 35%;
   opacity: 55%;
   opacity: 55%;
}
}


/***************** MAP TABLES ***********************************************************/
div.em-hide-lenses-no {
th.map-tables-term-header {
   opacity: 100%;
   background-color: var(--milestone-light);
}
 
div.em-hide-caption-yes {
  display: none;
}
}