Jump to content

MediaWiki:Mobile.css: Difference between revisions

no edit summary
No edit summary
No edit summary
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 126: Line 126:
   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 159: Line 159:
   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 194: Line 194:
}
}
.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 204: Line 204:
}
}
.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 244: Line 244:
   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 264: Line 264:


: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,  
Line 277: Line 277:
   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 287: Line 287:
}
}
.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 297: Line 297:
   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 312: Line 312:
}
}
.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 322: Line 322:
   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 411: Line 411:
   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 431: Line 431:
}
}
.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 444: Line 444:
   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 483: Line 483:


.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 504: Line 504:
}
}
.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 534: Line 534:
   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,