Bureaucrats, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Administrators
1,377
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
imported>Jacob Robertson No edit summary |
No edit summary |
||
| (129 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
/********************************************************************************************/ | /********************************************************************************************/ | ||
:root { | |||
--map-outlines: #48514Bff; | |||
--map-hover: #white; | |||
--beacons-dark: #75867Aff; | |||
--beacons-middle: #8EA485ff; | |||
--beacons-light: #C9DBBBff; | |||
--realm-darkest: #E0642Eff; | |||
--realm-dark: #F99F53ff; | |||
--realm-middle: #FED68Eff; | |||
--realm-light: #FFF1ACff; | |||
--realm-lightest: #FDDB63ff; | |||
} | |||
.em-shrinker { | .em-shrinker { | ||
| Line 12: | Line 27: | ||
font-style: italic; | font-style: italic; | ||
font-weight: normal; | font-weight: normal; | ||
text-align: center; | |||
color: var(--beacons-dark); | |||
} | } | ||
.em-container { | .em-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: auto auto auto auto auto; | ||
gap: 2px; | gap: 2px; | ||
text-align: center; | text-align: center; | ||
| Line 22: | Line 39: | ||
.em-pathways-container { | .em-pathways-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 50% 50%; | ||
grid-template-rows: | grid-template-rows: 50% 50%; | ||
grid-area: 3 / 2 / 6 / 6; | |||
grid-area: 3 / 2 / 6 / | |||
} | } | ||
| Line 32: | Line 48: | ||
} | } | ||
.em-ms { | .em-ms { | ||
grid-area: 1 / 2 / 2 / | grid-area: 1 / 2 / 2 / 6; | ||
} | } | ||
.em-beacons { | .em-beacons { | ||
| Line 44: | Line 60: | ||
} | } | ||
.em-bc-association { | .em-bc-association { | ||
grid-area: 5 / 1; | grid-area: 5 / 1 / 7 / 2; | ||
} | } | ||
.em-mc- | .em-mc-learning { | ||
grid-area: 2 / 2; | grid-area: 2 / 2; | ||
} | } | ||
.em-mc- | .em-mc-training { | ||
grid-area: 2 / 3; | grid-area: 2 / 3; | ||
} | } | ||
.em-mc- | .em-mc-masterful { | ||
grid-area: 2 / 4; | grid-area: 2 / 4; | ||
} | } | ||
.em-mc- | .em-mc-enlightened { | ||
grid-area: 2 / 5; | grid-area: 2 / 5; | ||
} | } | ||
.em- | .em-trails { | ||
grid-area: 2 / | grid-area: 2 / 2; | ||
margin-top: .5em; | |||
margin-bottom: 1em; | |||
margin-left: .5em; | |||
margin-right: 1em; | |||
} | } | ||
.em- | .em-guides { | ||
grid-area: | grid-area: 1 / 2; | ||
margin-top: 1em; | |||
margin-bottom: .5em; | |||
margin-left: .5em; | |||
margin-right: 1em; | |||
} | } | ||
.em- | .em-landmarks { | ||
grid-area: 2 / 1; | grid-area: 2 / 1; | ||
margin-top: .5em; | |||
margin-bottom: 1em; | |||
margin-left: 1em; | |||
margin-right: .5em; | |||
} | |||
.em-lenses { | |||
grid-area: 1 / 1; | |||
margin-top: 1em; | |||
margin-bottom: .5em; | |||
margin-left: 1em; | |||
margin-right: .5em; | |||
} | } | ||
.em- | .em-lenses-inner { | ||
white-space: nowrap; | |||
display:inline-block; | |||
} | } | ||
.em- | div.em-pathways-container div.em-lenses { | ||
background-image: linear-gradient(to right, var(--beacons-dark), var(--beacons-light)); | |||
} | } | ||
.em-pathways { | .em-pathways { | ||
grid-area: | grid-area: 6 / 2 / 7 / 6; | ||
font-style: italic; | |||
font-weight: bold; | |||
border: 1px solid var(--map-outlines); | |||
background-color: var(--realm-dark); | |||
border-bottom-left-radius: .5em; | |||
border-bottom-right-radius: .5em; | |||
} | |||
.em-pathways a { | |||
vertical-align: middle; | |||
} | } | ||
.PageType { | .PageType { | ||
font-style: italic; | font-style: italic; | ||
font-weight: normal; | font-weight: normal; | ||
color: | 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 { | ||
color: | color: var(--map-outlines); | ||
} | } | ||
.em-table a:hover { | .em-table a:hover, .em-table a:active { | ||
color: | color: var(--map-hover); | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.em-ee { | div.em-ee { | ||
background-color: | 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 { | ||
border: 1px solid | border: 1px solid var(--map-outlines); | ||
padding: 0.2em 1em 0.2em 1em; | padding: 0.2em 1em 0.2em 1em; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 112: | Line 152: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.em- | .em-realms { | ||
border-top-left-radius: .5em; | border-top-left-radius: .5em; | ||
border-top-right-radius: .5em; | border-top-right-radius: .5em; | ||
background-color: | background-color: var(--realm-middle); | ||
} | } | ||
.em-beacons { | .em-beacons { | ||
background-color: | background-color: var(--beacons-middle); | ||
border-top-left-radius: .5em; | border-top-left-radius: .5em; | ||
border-top-right-radius: .5em; | border-top-right-radius: .5em; | ||
} | } | ||
.em-bc { | .em-bc { | ||
background-color: | background-color: var(--beacons-light); | ||
padding: .1px; | |||
} | |||
.em-bc br { | |||
display: block; | |||
height: 0em; | |||
} | |||
.em-bc a { | |||
padding: 0em; | |||
} | } | ||
.em-attention { | .em-attention { | ||
padding: .2em; | |||
} | } | ||
.em-adaptation { | .em-adaptation { | ||
padding: .2em; | |||
} | } | ||
.em-association { | .em-association { | ||
border-bottom-left-radius: .5em; | border-bottom-left-radius: .5em; | ||
border-bottom-right-radius: .5em; | border-bottom-right-radius: .5em; | ||
padding: .2em; | |||
} | |||
.em-bc > span.em-bphrase { | |||
font-style: italic; | |||
font-weight: normal; | |||
padding: .1em .1em .2em .1em; | |||
} | } | ||
.em-msc { | .em-msc { | ||
background-image: linear-gradient(to right, | background-image: linear-gradient(to right, var(--realm-darkest), var(--realm-lightest)); | ||
border: 1px solid | border: 1px solid var(--map-outlines); | ||
border- | border-top-left-radius: .5em; | ||
border- | 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 149: | Line 212: | ||
} | } | ||
.em-msh1 { | .em-msh1 { | ||
background-color: | background-color: var(--realm-darkest); | ||
border-bottom-left-radius: .5em; | |||
} | } | ||
.em-msh2 { | .em-msh2 { | ||
background-color: | background-color: var(--realm-dark); | ||
border-bottom-left-radius: .5em; | |||
} | } | ||
.em-msh3 { | .em-msh3 { | ||
background-color: | background-color: var(--realm-middle); | ||
} | } | ||
.em-msh4 { | .em-msh4 { | ||
background-color: | background-color: var(--realm-light); | ||
} | } | ||
.em-msh5 { | .em-msh5 { | ||
background-color: | background-color: var(--realm-lightest); | ||
border-bottom-right-radius: .5em; | |||
} | } | ||
.em-realms-item { | |||
padding: 0.2em .5em 0.2em .5em; | |||
} | } | ||
div.em-bubble { | div.em-bubble { | ||
display: flex; | |||
justify-content: center; | |||
align-content: center; | |||
flex-direction: column; | |||
border: solid white 2px; | border: solid white 2px; | ||
border-radius: | 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(--realm-dark), var(--realm-light)); | ||
} | } | ||
.em-show-shadows-no, .em-shadows-br { | |||
. | display: none; | ||
} | } | ||
.em-show-shadows-yes { | |||
font-size: 80%; | |||
font-size: | |||
font-style: italic; | font-style: italic; | ||
} | } | ||
:where( | :where( | ||
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-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-landmarks-yes, div.em-hide-trails-yes, div.em-hide-guides-yes, div.em-hide-lenses-yes | |||
):where(:not(:hover)) | ):where(:not(:hover)) | ||
{ | { | ||
opacity: 55%; | opacity: 55%; | ||
} | } | ||
div.em-hide-lenses-no { | |||
opacity: 100%; | |||
} | } | ||
. | div.em-hide-caption-yes { | ||
display: none; | |||
} | } | ||
/**************************************** WIKIPEDIA CSS *******************************************/ | /**************************************** WIKIPEDIA CSS *******************************************/ | ||