Jump to content

MediaWiki:Mobile.css: Difference between revisions

MediaWiki:Mobile.css (view source)

Revision as of 14:35, 18 September 2023

205 bytes removed ,  18 September 2023
no edit summary
imported>Jacob Robertson
No edit summary
No edit summary
 
(15 intermediate revisions by 2 users not shown)
Line 16: Line 16:
--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 41: Line 41:
   text-align: center;
   text-align: center;
   color: var(--beacons-dark);
   color: var(--beacons-dark);
}
.em-lenses-inner {
  white-space: nowrap;
  display:inline-block;
}
.em-show-shadows-no {
  display: none;
}
.em-shadows-br {
  display: none;
}
.em-show-shadows-yes {
  font-size: 80%;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}
}


Line 103: Line 121:
   margin-right: .8em;
   margin-right: .8em;
}
}
.em-skills {
.em-landmarks {
   grid-area: 2 / 1;
   grid-area: 2 / 1;
   margin-top: .4em;
   margin-top: .4em;
Line 110: Line 128:
   margin-right: .4em;
   margin-right: .4em;
}
}
.em-landmarks {
.em-lenses {
   grid-area: 1 / 1;
   grid-area: 1 / 1;
   margin-top: .8em;
   margin-top: .8em;
Line 117: Line 135:
   margin-right: .4em;
   margin-right: .4em;
}
}
div.em-pathways-container div.em-landmarks {
.em-lenses-inner {
  background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light));
  white-space: normal;
  line-height: 75%;
}
}
.em-landmarks-table {
.em-shadows-br {
   display: table;
   display: block;
  line-height: 98%;
}
}
.em-landmarks-top {
.em-shadows-slash {
   display: table-row;
   display: none;
}
}
.em-landmarks-top-inner {
div.em-pathways-container div.em-lenses {
  display: table-cell;
  background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light));
  font-size: 92%;
}
.em-landmarks-bottom {
  display: table-row;
}
.em-landmarks-bottom-inner {
  display: table-cell;
  font-style: italic;
  font-weight: normal;
  font-size: 88%;
}
}


Line 146: Line 154:
   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 157: Line 165:
   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 179: Line 191:
   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;
Line 214: Line 226:
}
}
.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 224: Line 236:
}
}
.em-msh1 {
.em-msh1 {
   background-color: var(--milestone-darkest);
   background-color: var(--realm-darkest);
}
}
.em-msh2 {
.em-msh2 {
   background-color: var(--milestone-dark);
   background-color: var(--realm-dark);
}
}
.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-left-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
Line 264: Line 276:
   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));
}
}
.em-bubble-old {
.em-bubble-old {
Line 284: Line 296:


: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%;
   grayscale: 35%;
   opacity: 55%;
   opacity: 55%;
}
div.em-hide-caption-yes {
  display: none;
}
}


Line 297: Line 313:
   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-info-body td, .em-info-body th {
.em-info-body td, .em-info-body th {
   border: 1px solid var(--milestone-darkest);
   border: 1px solid var(--realm-darkest);
   padding: .25em .25em .25em .5em;
   padding: .25em .25em .25em .5em;
}
}
Line 307: Line 323:
}
}
.em-info-label {
.em-info-label {
   background-color: var(--milestone-light);
   background-color: var(--realm-light);
   font-style: italic;
   font-style: italic;
}
}
.em-info-data {
.em-info-data {
   background-color: var(--milestone-lightest);
   background-color: var(--realm-lightest);
   font-style: normal;
   font-style: normal;
}
}
Line 317: Line 333:
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
   background-color: var(--milestone-middle);
   background-color: var(--realm-middle);
}
}
.em-info-header {
.em-info-header {
   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-info-body td, .em-info-body th {
.em-info-body td, .em-info-body th {
   border: 1px solid var(--milestone-darkest);
   border: 1px solid var(--realm-darkest);
   padding: .25em .25em .25em .5em;
   padding: .25em .25em .25em .5em;
}
}
Line 332: Line 348:
}
}
.em-info-label {
.em-info-label {
   background-color: var(--milestone-light);
   background-color: var(--realm-light);
   font-style: italic;
   font-style: italic;
}
}
.em-info-data {
.em-info-data {
   background-color: var(--milestone-lightest);
   background-color: var(--realm-lightest);
   font-style: normal;
   font-style: normal;
}
}
Line 342: Line 358:
   border-bottom-left-radius: .5em;
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em;
   border-bottom-right-radius: .5em;
   background-color: var(--milestone-middle);
   background-color: var(--realm-middle);
}
}


Line 408: Line 424:
   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 415: Line 431:
   margin-right: .5em;
   margin-right: .5em;
}
}
.em-landmarks {
.em-lenses {
   grid-area: 1 / 1;
   grid-area: 1 / 1;
   margin-top: 1em;
   margin-top: 1em;
Line 422: Line 438:
   margin-right: .5em;
   margin-right: .5em;
}
}
div.em-pathways-container div.em-landmarks {
div.em-pathways-container div.em-lenses {
   background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light));
   background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light));
}
.em-landmarks-table {
  display: table;
  line-height: 98%;
}
.em-landmarks-top {
  display: table-row;
}
.em-landmarks-top-inner {
  display: table-cell;
}
.em-landmarks-bottom {
  display: table-row;
}
.em-landmarks-bottom-inner {
  display: table-cell;
  font-style: italic;
  font-weight: normal;
  font-size: 92%;
}
}


.em-pathways {
.em-pathways {
Line 451: Line 447:
   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 461: Line 457:
   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 471: Line 471:
}
}
.em-ee {
.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;
Line 484: Line 484:
   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 523: Line 523:


.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 544: Line 544:
}
}
.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;
}
}
Line 574: Line 574:
   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));
}
}


: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%;
   grayscale: 35%;
   opacity: 55%;
   opacity: 55%;
}
div.em-hide-caption-yes {
  display: none;
}
}
/*** end landscape section ***/
/*** end landscape section ***/
Retrieved from "https://everydayenlightenment.info/eewiki/w/index.php/Special:MobileDiff/806...3911"