MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Updated mp-featured color to better match figma. Removed red header border on main page. |
||
| (198 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap'); | |||
@font-face { | |||
font-family: 'KingthingsPetrock'; | |||
font-style: normal; | |||
font-weight: normal; | |||
src: local("Kingthings Petrock"), | |||
url('filepath://Kingthings_Petrock-webfont.woff') format('woff'); | |||
} | |||
@font-face { | |||
font-family: 'MuseoSans'; | |||
font-style: normal; | |||
font-weight: normal; | |||
src: local("Museo Sans"), | |||
url('filepath://Museo_Sans_500.woff') format('woff'); | |||
} | |||
@font-face { | |||
font-family: 'League Spartan'; | |||
font-style: normal; | |||
font-weight: bold; | |||
src: local("League Spartan"), | |||
url('filepath://Leaguespartan-bold.woff') format('woff'); | |||
} | |||
.new, #p-personal a.new { | .new, #p-personal a.new { | ||
| Line 15: | Line 41: | ||
} | } | ||
.missionthumb { | |||
padding-right:20px; | |||
} | |||
#ca-unwatch.icon a, #ca-watch.icon a { | |||
padding-top: 3.10em; | |||
} | |||
.vector-menu-tabs .mw-watchlink.icon a { | |||
height: 40px !important; | |||
} | |||
#simpleSearch{ | |||
box-shadow: none !important; | |||
} | |||
| Line 44: | Line 80: | ||
} | } | ||
div#mw-panel { | div#mw-panel { | ||
padding-top: 0 !important; | padding-top: 0 !important; | ||
| Line 72: | Line 104: | ||
float: right; | float: right; | ||
} | } | ||
| Line 119: | Line 141: | ||
border-radius: 5px; | border-radius: 5px; | ||
background-color: rgb(251, 251, 251); | background-color: rgb(251, 251, 251); | ||
} | } | ||
| Line 162: | Line 185: | ||
} | } | ||
.eu4box-inline .heading { | .eu4box-inline .heading { | ||
background-image: url("https://wiki.geministation.com/images/6/61/Earth_space_500px.png"); | background-image: url("https://wiki.geministation.com/images/6/61/Earth_space_500px.png"); /* [[File:Earth_space_500px.png]] */ | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: auto; | background-size: auto; | ||
| Line 229: | Line 252: | ||
/* Main Page Header Image*/ | /* Main Page Header Image*/ | ||
.header {background-image: url('https://wiki.geministation.com/images/7/78/Header3.png'); | .header {background-image: url('https://wiki.geministation.com/images/7/78/Header3.png'); /* [[File:Header3.png]] */ | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display: block; | display: block; | ||
| Line 239: | Line 262: | ||
} | } | ||
a, | |||
image a { | |||
color: #327ba7; | |||
} | } | ||
a:visited, | |||
a:visited, | |||
image a:visited, | image a:visited, | ||
a:active, | a:active, | ||
| Line 499: | Line 498: | ||
.mw-userlink[title="User:Botsey"], | .mw-userlink[title="User:Botsey"], | ||
.mw-userlink[title="User:BrenBot"], | .mw-userlink[title="User:BrenBot"], | ||
.mw-userlink[title="User: | .mw-userlink[title="User:CÃÂÃÂÃÂÃÂ¥mdroid"], | ||
.mw-userlink[title="User:CapitalWillowBot"], | .mw-userlink[title="User:CapitalWillowBot"], | ||
.mw-userlink[title="User:CephBot"], | .mw-userlink[title="User:CephBot"], | ||
| Line 900: | Line 899: | ||
background: #fff; | background: #fff; | ||
border: 3px double black; | border: 3px double black; | ||
color: # | color: #fff; | ||
display: inline-block; | display: inline-block; | ||
line-height: 1.1; | line-height: 1.1; | ||
| Line 914: | Line 913: | ||
.OptionHover { | .OptionHover { | ||
background: # | background: #09233A; | ||
cursor: default; | cursor: default; | ||
display: inline-block; | display: inline-block; | ||
| Line 1,158: | Line 1,157: | ||
} | } | ||
.oswf-page-container { | |||
margin-left: 0. | width: 100%; | ||
border-radius: 0.5em; | |||
max-width: 80rem; | |||
margin-left: auto; | |||
margin-right: auto; | |||
border: 1px solid #e4eaee; | |||
background: #ffffff; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
.oswf- | .oswf-page-container .mw-headline-underline { | ||
display: none; | |||
} | } | ||
.oswf- | .oswf-page-container .oswf-tile { | ||
max-width: 35em; | |||
padding: 0; | |||
border-color: #3c780a; | |||
} | } | ||
.oswf-tile .oswf- | .oswf-page-container .oswf-tile.oswf-tile-complete { | ||
order: 10; | |||
border-color: #9f261e; | |||
} | } | ||
.oswf-tile .oswf- | .oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-banner { | ||
background: #9f261e; | |||
} | } | ||
.oswf-tile .oswf- | .oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-content { | ||
opacity: 0.5; | |||
} | } | ||
.oswf-tile .oswf- | .oswf-page-container .oswf-tile .oswf-tile-banner { | ||
padding: 0.5em 2em; | |||
background: #3c780a; | |||
color: #ffffff; | |||
} | } | ||
. | .oswf-page-container .oswf-tile .oswf-tile-content { | ||
padding: | padding: 1.5em 2em 1.5em; | ||
} | } | ||
. | .oswf-section-header { | ||
padding: 0.25em 2em; | |||
background: #eeeeee; | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
border-top: 1px solid #e4eaee; | |||
border-bottom: 1px solid #e4eaee; | |||
- | justify-content: space-between; | ||
} | } | ||
. | .oswf-section-header h2, | ||
.oswf-section-header h5 { | |||
padding: 0; | |||
margin: 0.3em 0; | |||
} | } | ||
. | .oswf-section-header.oswf-page-header { | ||
background: #09233A; | |||
border- | border-radius: 0.5em 0.5em 0 0; | ||
border | border: none; | ||
} | } | ||
. | .oswf-section-header.oswf-page-header h2, | ||
.oswf-section-header.oswf-page-header h5 { | |||
color: #ffffff; | |||
padding: 0; | |||
margin: 0.5em 0; | |||
} | } | ||
. | .oswf-page-section { | ||
padding: 1em 2em; | |||
} | |||
border- | |||
.oswf-page-section p:last-child, | |||
.oswf-page-section.rules-section ul { | |||
margin-bottom: 0; | |||
} | |||
.oswf-page-quicklinks { | |||
padding: 0 2em; | |||
background: #f9fafa; | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
border-bottom: 1px solid #e4eaee; | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col { | ||
padding: 0.5em 1em 0.5em 0; | |||
border-right: 1px solid #e4eaee; | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col p, | ||
.oswf-page-quicklinks .oswf-page-quicklinks-col h5 { | |||
margin: 0; | |||
padding: 0; | |||
margin: 0 | |||
padding: | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col:not(:first-child) { | ||
padding-left: 1em; | |||
padding: | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord { | ||
background: #5865F2; | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord a, | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord h5 { | ||
. | color: #ffffff; | ||
. | |||
} | } | ||
. | .oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord img { | ||
. | margin-right: 0.3em; | ||
} | |||
.oswf-text-primary { | |||
color: #f7861b; | |||
} | |||
color: # | .tile.oswf-day { | ||
margin-left: 0.5em; | |||
} | } | ||
. | .oswf-tile { | ||
margin: 1em; | |||
} | } | ||
. | .oswf-tile.oswf-complete { | ||
opacity: 0.75; | |||
} | } | ||
. | .oswf-tile .oswf-summary { | ||
. | font-size: 105%; | ||
line-height: 1.6; | |||
margin-top: -0.4em; | |||
} | } | ||
. | .oswf-tile .oswf-img { | ||
display: block; | |||
max-width: 75px; | |||
float: right; | |||
} | } | ||
.oswf-tile .oswf-img img { | |||
max-width: 100%; | |||
- | height: auto; | ||
height: | |||
} | } | ||
.oswf-tile .oswf-guidance { | |||
border-top: 1px solid #eeeeee; | |||
padding-top: 1em; | |||
padding | |||
} | } | ||
.js-tooltip-text { | |||
padding: 5px; | |||
} | } | ||
.js-tooltip-wrapper { | |||
background: | position: absolute; | ||
z-index: 999999; | |||
max-width: 75%; | |||
padding: 5px; | |||
border: 3px solid #438ab5; | |||
background: #ffffff; | |||
-webkit-box-shadow: 3px 3px 10px -5px #333; | |||
-moz-box-shadow: 3px 3px 10px -5px #333; | |||
box-shadow: 3px 3px 10px -5px #333; | |||
font-size: 12px; | |||
} | } | ||
. | .js-tooltip-click { | ||
color: white; | |||
border- | background: #438ab5; | ||
border | border-radius: 2em; | ||
border: 2px solid #438ab5; | |||
padding: 0. | cursor: pointer; | ||
padding: 0 0.3em; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | } | ||
. | .js-tooltip-arrow { | ||
position: absolute; | |||
border-color: transparent; | |||
border-style: solid; | |||
z-index: 900001; | |||
width: 0; | |||
height: 0; | |||
width: | |||
} | } | ||
. | .js-tooltip-arrow.js-tooltip-arrow-pointleft { | ||
border-right-color: #438ab5; | |||
border-left-color: transparent; | |||
border-left-width: 0; | |||
} | } | ||
. | .js-tooltip-arrow.js-tooltip-arrow-pointright { | ||
border-left-color: #438ab5; | |||
border-right-color: transparent; | |||
border-right-width: 0; | |||
border- | |||
} | } | ||
. | .js-tooltip-close { | ||
float: right; | |||
margin-left: 10px; | |||
margin-right: -5px; | |||
margin-top: -5px; | |||
margin-bottom: 1px; | |||
background: #438ab5; | |||
border: 0; | |||
} | } | ||
. | .transcript { | ||
-webkit-border-radius: 0 0 120px 120px / 0 0 8px 8px; | |||
-moz-border-radius: 0 0 120px 120px / 0 0 8px 8px; | |||
border-radius: 0 0 120px 120px / 0 0 8px 8px; | |||
-webkit-box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4); | |||
-moz-box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4); | |||
box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4); | |||
width: 75%; | |||
background: #f1f1f1; | |||
margin: 0 0 15px 15px; | |||
padding: 5px 20px 15px 20px; | |||
} | } | ||
. | .transcript.godletter { | ||
margin: 20px auto; | |||
padding: 20px 30px; | |||
} | } | ||
. | .ns-3020 .mw-parser-output > ul, | ||
.transcript > ul, | |||
.ns-3020 .mw-parser-output > ul ul, | |||
.transcript > ul ul { | |||
list-style: none; | |||
} | } | ||
. | .ns-3020 .mw-parser-output > ul li, | ||
.transcript > ul li, | |||
.ns-3020 .mw-parser-output > ul ul li, | |||
.transcript > ul ul li { | |||
border-left: 1px dashed #bdc5cd; | |||
padding: 20px 0 0 15px; | |||
margin-bottom: 10px; | |||
} | } | ||
. | .ns-3020 .mw-parser-output > ul li b:first-child, | ||
.transcript > ul li b:first-child, | |||
.ns-3020 .mw-parser-output > ul ul li b:first-child, | |||
.transcript > ul ul li b:first-child { | |||
position: relative; | |||
float: left; | |||
bottom: 18px; | |||
margin-right: -100%; | |||
color: #444e5a; | |||
font-size: 0.9em; | |||
text-transform: uppercase; | |||
} | } | ||
. | .ns-3020 .mw-parser-output > ul li:hover, | ||
.transcript > ul li:hover, | |||
.ns-3020 .mw-parser-output > ul ul li:hover, | |||
.transcript > ul ul li:hover { | |||
border-color: #444e5a; | |||
} | } | ||
. | .mission-action { | ||
text-align: center; | |||
font-style: italic; | |||
margin: 0 5%; | |||
} | } | ||
. | .mission-action:before, | ||
.mission-action:after { | |||
content: '\0151\0151\0151'; | |||
margin: 4px; | |||
letter-spacing: -1px; | |||
} | } | ||
. | .oo-ui-window-foot.mw-kartographer-mapDialog-foot .mw-kartographer-inlinefoot .mw-kartographer-captionfoot { | ||
font-size: 1.25em; | |||
} | } | ||
. | ul.actionbar, | ||
width: | ul.actionbar-revolution { | ||
-webkit-box-sizing: border-box; | |||
-moz-box-sizing: border-box; | |||
-ms-box-sizing: border-box; | |||
box-sizing: border-box; | |||
padding: 39px 0 0 6px; | |||
margin: 0; | |||
width: 530px; | |||
height: 76px; | |||
} | } | ||
. | ul.actionbar li, | ||
width: | ul.actionbar-revolution li { | ||
list-style: none; | |||
float: left; | |||
margin: 0; | |||
padding: 0; | |||
width: 32px; | |||
height: 32px; | |||
line-height: 32px; | |||
text-align: center; | |||
margin-right: 4px; | |||
} | } | ||
. | ul.actionbar { | ||
background: url('filepath://Template_action_bar.png'); | |||
} | } | ||
. | ul.actionbar-revolution { | ||
background: url('filepath://Template_action_bar_revolution.png'); | |||
} | } | ||
. | .ability-rotation { | ||
width: | border-width: 1px; | ||
border-style: solid; | |||
border-radius: 2px; | |||
. | line-height: 40px; | ||
padding: 0.5em 1em; | |||
display: inline-block; | |||
margin-top: 0.2em; | |||
background-color: #e4eaee; | |||
border-color: #bdc5cd; | |||
} | } | ||
. | .archive { | ||
width: | border: 1px solid #e4eaee; | ||
background-color: #ffffff; | |||
text-align: center; | |||
margin: 5px; | |||
padding: 5px; | |||
float: right; | |||
width: 120px; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
.attack-speed. | .attack-speed { | ||
max-width: 150px; | |||
line-height: 1.3em; | |||
display: block; | |||
text-align: center; | |||
} | } | ||
.attack-speed. | .attack-speed b { | ||
width: 100%; | |||
background-color: #dedede; | |||
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.2); | |||
display: block; | |||
border-radius: 2.5px; | |||
height: 5px; | |||
} | } | ||
.attack-speed | .attack-speed b::after { | ||
width: | border-radius: 2.5px; | ||
height: 5px; | |||
content: ""; | |||
background-color: #999999; | |||
display: inline-block; | |||
width: 0%; | |||
float: left; | |||
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1); | |||
} | } | ||
.attack-speed. | .attack-speed.weapon { | ||
width: | max-width: 150px; | ||
} | } | ||
.attack-speed. | .attack-speed.weapon b { | ||
background-color: #c6dce8; | |||
} | } | ||
.attack-speed.weapon b::after { | |||
background-color: #438ab5; | |||
} | |||
.attack-speed.monster { | |||
max-width: 123px; | |||
} | |||
.attack-speed.monster b { | |||
background-color: #ecccc6; | |||
} | |||
.attack-speed.monster b::after { | |||
background-color: #861c10; | |||
} | |||
.attack-speed.weapon.fastest b::after { | |||
width: 100%; | |||
} | |||
.attack-speed.weapon.fast b::after { | |||
width: 80%; | |||
} | } | ||
.attack-speed.weapon.average b::after { | |||
width: 60%; | |||
} | |||
.attack-speed.weapon.slow b::after { | |||
width: 40%; | |||
} | |||
.attack-speed.weapon.slowest b::after { | |||
width: 20%; | |||
} | |||
.attack-speed.monster.t1 b::after { | |||
width: 100%; | |||
} | |||
.attack-speed.monster.t2 b::after { | |||
width: 90%; | |||
} | |||
.attack-speed.monster.t3 b::after { | |||
width: 80%; | |||
} | } | ||
.attack-speed. | .attack-speed.monster.t4 b::after { | ||
width: 70%; | |||
} | } | ||
. | .attack-speed.monster.t5 b::after { | ||
width: 60%; | |||
} | } | ||
. | .attack-speed.monster.t6 b::after { | ||
width: 50%; | |||
} | } | ||
. | .attack-speed.monster.t7 b::after { | ||
width: 40%; | |||
} | } | ||
. | .attack-speed.monster.t8 b::after { | ||
width: 30%; | |||
} | } | ||
. | .attack-speed.monster.t9 b::after { | ||
width: 20%; | |||
} | } | ||
. | .attack-speed.monster.t10 b::after { | ||
width: 10%; | |||
} | } | ||
@-webkit-keyframes "random-speed" { | |||
0% { | |||
width: 20%; | |||
} | |||
} | |||
25% { | |||
width: 40%; | |||
} | } | ||
50% { | |||
width: 60%; | |||
} | } | ||
75% { | |||
width: 80%; | |||
} | |||
} | |||
100% { | |||
width: 100%; | |||
} | |||
} | |||
} | } | ||
@keyframes "random-speed" { | |||
0% { | |||
width: 20%; | |||
} | } | ||
25% { | |||
width: 40%; | |||
} | |||
50% { | |||
width: 60%; | |||
} | |||
75% { | |||
width: 80%; | |||
} | |||
} | |||
100% { | |||
width: 100%; | |||
} | |||
} | |||
} | } | ||
. | .attack-speed.random b::after { | ||
-webkit-animation-name: random-speed; | |||
-webkit-animation-duration: 5s; | |||
-webkit-animation-iteration-count: infinite; | |||
-webkit-animation-direction: alternate; | |||
animation-name: random-speed; | |||
animation-duration: 5s; | |||
animation-iteration-count: infinite; | |||
animation-direction: alternate; | |||
} | } | ||
. | .chat-options span { | ||
padding: 0 1px; | |||
padding | |||
} | } | ||
. | .chat-options .chat-options-underline { | ||
border-bottom: 1px dotted #15f; | |||
cursor: help; | |||
} | } | ||
. | .chat-options-dialogue { | ||
background- | color: inherit; | ||
background: #ffffff; | |||
border: 1px solid #e4eaee; | |||
border-radius: 5px; | |||
margin-left: 3px; | |||
} | } | ||
. | .clear-both { | ||
clear: both; | |||
} | } | ||
. | .clear-left { | ||
clear: left; | |||
} | } | ||
. | .clear-right { | ||
clear: right; | |||
} | } | ||
.coins- | .coins { | ||
background- | color: green; | ||
padding | background-position: 0% 50%; | ||
background-repeat: no-repeat; | |||
display: inline-block; | |||
padding: 0; | |||
} | } | ||
.coins- | .coins-pos { | ||
color: #014cc0; | |||
} | } | ||
.coins- | .coins-neg { | ||
color: #c02614; | |||
} | } | ||
.coins- | .rusty-coins-10000 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_10000.png'); | ||
padding | padding: 7px 0 1px 35px; | ||
} | } | ||
.coins- | .rusty-coins-1000 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_1000.png'); | ||
padding | padding: 1px 0 1px 35px; | ||
} | } | ||
.coins- | .rusty-coins-250 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_250.png'); | ||
padding | padding: 1px 0 1px 35px; | ||
} | } | ||
. | .rusty-coins-100 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_100.png'); | ||
padding: | padding: 1px 0px 1px 32px; | ||
} | } | ||
. | .rusty-coins-25 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_25.png'); | ||
padding: | padding-left: 30px; | ||
} | } | ||
. | .rusty-coins-5 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_5.png'); | ||
padding-left: | padding-left: 30px; | ||
} | } | ||
. | .rusty-coins-4 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_4.png'); | ||
padding-left: | padding-left: 30px; | ||
} | } | ||
. | .rusty-coins-3 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_3.png'); | ||
padding-left: | padding-left: 30px; | ||
} | } | ||
. | .rusty-coins-2 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_2.png'); | ||
padding: | padding-left: 23px; | ||
} | } | ||
. | .rusty-coins-1 { | ||
background-image: url('filepath:// | background-image: url('filepath://Rusty_coins_1.png'); | ||
padding: | padding-left: 15px; | ||
} | } | ||
. | .coins-10000 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_10000.png'); | ||
padding: 1px 0 1px | padding: 7px 0 1px 35px; | ||
} | |||
.coins-1000 { | |||
background-image: url('filepath://Coins_1000.png'); | |||
padding: 1px 0 1px 35px; | |||
} | |||
.coins-250 { | |||
background-image: url('filepath://Coins_250.png'); | |||
padding: 1px 0 1px 35px; | |||
} | } | ||
. | .coins-100 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_100.png'); | ||
padding: 1px 0px 1px | padding: 1px 0px 1px 32px; | ||
} | } | ||
. | .coins-25 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_25.png'); | ||
padding-left: 30px; | padding-left: 30px; | ||
} | } | ||
. | .coins-5 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_5.png'); | ||
padding-left: 30px; | padding-left: 30px; | ||
} | } | ||
. | .coins-4 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_4.png'); | ||
padding-left: | padding-left: 30px; | ||
} | } | ||
. | .coins-3 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_3.png'); | ||
padding-left: | padding-left: 30px; | ||
} | } | ||
. | .coins-2 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_2.png'); | ||
padding-left: 23px; | padding-left: 23px; | ||
} | } | ||
. | .coins-1 { | ||
background-image: url('filepath:// | background-image: url('filepath://Coins_1.png'); | ||
padding-left: | padding-left: 15px; | ||
} | } | ||
.chimes-1000 { | |||
background-image: url('filepath://Chimes_1000.png'); | |||
padding: 3px 0 3px 33px; | |||
} | } | ||
. | .chimes-100 { | ||
background: | background-image: url('filepath://Chimes_100.png'); | ||
padding: 1px 0 1px 30px; | |||
} | } | ||
. | .chimes-50 { | ||
. | background-image: url('filepath://Chimes_50.png'); | ||
padding-left: 31px; | |||
} | } | ||
. | .chimes-20 { | ||
background-image: url('filepath://Chimes_20.png'); | |||
background: | padding-left: 24px; | ||
padding: | |||
} | } | ||
. | .chimes-1 { | ||
background-image: url('filepath://Chimes_1.png'); | |||
padding-left: 19px; | |||
} | } | ||
. | .zemomark-10000 { | ||
background-image: url('filepath://Zemomark_10000.png'); | |||
padding: 7px 0 1px 26px; | |||
padding: 0 | |||
} | } | ||
. | .zemomark-1000 { | ||
background-image: url('filepath://Zemomark_1000.png'); | |||
padding: 1px 0 1px 27px; | |||
. | |||
} | } | ||
. | .zemomark-250 { | ||
. | background-image: url('filepath://Zemomark_250.png'); | ||
padding: 1px 0 1px 25px; | |||
} | } | ||
. | .zemomark-100 { | ||
padding: | background-image: url('filepath://Zemomark_100.png'); | ||
padding: 1px 0px 1px 30px; | |||
} | } | ||
. | .zemomark-25 { | ||
background-image: url('filepath://Zemomark_25.png'); | |||
padding-left: 30px; | |||
} | } | ||
. | .zemomark-5 { | ||
background-image: url('filepath://Zemomark_5.png'); | |||
padding-left: 30px; | |||
} | } | ||
. | .zemomark-4 { | ||
background-image: url('filepath://Zemomark_4.png'); | |||
padding- | padding-left: 25px; | ||
} | } | ||
. | .zemomark-3 { | ||
background-image: url('filepath://Zemomark_3.png'); | |||
padding-left: 25px; | |||
} | } | ||
. | .zemomark-2 { | ||
background-image: url('filepath:// | background-image: url('filepath://Zemomark_2.png'); | ||
padding-left: 23px; | |||
} | } | ||
. | .zemomark-1 { | ||
background-image: url('filepath://Zemomark_1.png'); | |||
padding-left: 18px; | |||
} | } | ||
. | #DisassemblyT .disassembly-border { | ||
border-top: 0.5em solid #ffffff; | |||
} | } | ||
. | .documentation { | ||
background: #ffffff; | |||
border: 1px solid #e4eaee; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .documentation pre, | ||
.documentation code { | |||
background-color: #f9fafa; | |||
} | } | ||
. | .documentation-header { | ||
color: #ffffff; | |||
background: #949eaa; | |||
font-weight: bold; | |||
padding: 1em 1.5em; | |||
} | } | ||
. | .documentation-title { | ||
font-size: 1.25em; | |||
} | } | ||
. | .documentation-subheader { | ||
color: #ffffff; | |||
background: #808c9a; | |||
padding: 0.5em 1.5em; | |||
} | } | ||
. | .documentation-subheader a, | ||
.documentation-subheader .documentation-links a, | |||
.documentation-subheader a:visited, | |||
.documentation-subheader .documentation-links a:visited, | |||
.documentation-subheader a:active, | |||
.documentation-subheader .documentation-links a:active { | |||
color: #e4eaee; | |||
} | } | ||
. | .documentation-documentation, | ||
.documentation-links { | |||
font-size: 0.85em; | |||
} | } | ||
. | .documentation-content { | ||
padding: 1em 1.5em; | |||
} | |||
.dropsline-noted { | |||
color: #949eaa; | |||
} | } | ||
. | .item-drops .beast-version { | ||
font-size: smaller; | |||
font-style: italic; | |||
} | } | ||
. | .editnotice { | ||
font-size: 0.9em; | |||
padding-bottom: 0.75em; | |||
margin-bottom: 0.6em; | |||
} | } | ||
. | .editnotice .editnotice-title { | ||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-bottom: 0.4em; | |||
} | } | ||
.equipmenttable . | .equipmenttable { | ||
left: | background-image: url('filepath://Worn_equipment_interface_blank.png'); | ||
background-repeat: no-repeat; | |||
background-position: top left; | |||
width: 225px; | |||
height: 320px; | |||
text-align: center; | |||
display: inline-block; | |||
} | } | ||
.equipmenttable . | .equipmenttable.equipmenttable-float-right { | ||
float: right; | |||
} | } | ||
.equipmenttable . | .equipmenttable.equipmenttable-float-left { | ||
left | float: left; | ||
} | } | ||
.equipmenttable . | .equipmenttable.equipmenttable-float-center { | ||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
.equipmenttable .equipmentrow | .equipmenttable .equipmentrow { | ||
position: relative; | |||
} | } | ||
.equipmenttable .equipmentrow . | .equipmenttable .equipmentrow.equipmentrow1 { | ||
top: 65px; | |||
} | } | ||
.equipmenttable .equipmentrow . | .equipmenttable .equipmentrow.equipmentrow2 { | ||
top: 73px; | |||
} | } | ||
.equipmenttable .equipmentrow . | .equipmenttable .equipmentrow.equipmentrow3 { | ||
top: 81px; | |||
} | } | ||
.equipmenttable .equipmentrow . | .equipmenttable .equipmentrow.equipmentrow4 { | ||
top: 88px; | |||
} | } | ||
.equipmenttable .equipmentrow . | .equipmenttable .equipmentrow.equipmentrow5 { | ||
top: 98px; | |||
} | } | ||
.equipmenttable .equipmentrow .equipmentslot | .equipmenttable .equipmentrow .equipmentslot { | ||
display: table-cell; | |||
position: relative; | |||
height: 32px; | |||
width: 32px; | |||
vertical-align: middle; | |||
} | } | ||
.equipmenttable .equipmentrow .equipmentslot | .equipmenttable .equipmentrow .equipmentslot img { | ||
max-height: 32px; | |||
max-width: 32px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.emptyslot img { | ||
. | opacity: 0.5; | ||
. | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.auraslot { | ||
left: 57px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.headslot { | ||
left: 65px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.pocketslot { | ||
left: 73px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.capeslot { | ||
left: 57px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.neckslot { | ||
left: 65px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.ammoslot { | ||
left: 73px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.weaponslot { | ||
left: 37px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.torsoslot { | ||
left: 65px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.shieldslot { | ||
left: 93px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.legsslot { | ||
left: 97px; | |||
} | |||
.equipmenttable .equipmentrow .equipmentslot.glovesslot { | |||
left: 37px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.bootsslot { | ||
left: 65px; | |||
} | } | ||
. | .equipmenttable .equipmentrow .equipmentslot.ringslot { | ||
left: 93px; | |||
} | } | ||
. | .extimage div, | ||
.extimage a, | |||
.extimage img { | |||
height: inherit; | |||
max-height: inherit; | |||
max-width: inherit; | |||
width: inherit; | |||
} | } | ||
. | .extimage .caption { | ||
color: #696969; | |||
padding: 3px 6px; | |||
padding: | |||
} | } | ||
. | .fact-text { | ||
color: #15f; | |||
font-style: italic; | |||
cursor: help; | |||
border-bottom: dotted 1px black; | |||
} | } | ||
. | .fairycode { | ||
font-family: "KingthingsPetrock", sans-serif; | |||
font-size: 120%; | |||
font-weight: bold; | |||
text-transform: lowercase; | |||
letter-spacing: 1px; | |||
} | } | ||
. | .fairycode b ~ b:before { | ||
content: "\2022"; | |||
} | } | ||
. | .floornumber > .floornumber-us, | ||
.floornumber-setting-gb .floornumber > .floornumber-us, | |||
.floornumber-setting-us .floornumber > .floornumber-gb { | |||
display: none; | |||
} | } | ||
. | .floornumber-setting-gb .floornumber > .floornumber-gb, | ||
. | .floornumber-setting-us .floornumber > .floornumber-us { | ||
display: inline; | |||
} | } | ||
. | .floornumber-override-gb .floornumber > .floornumber-us, | ||
.floornumber-override-us .floornumber > .floornumber-gb { | |||
display: none !important; | |||
} | } | ||
. | .floornumber-override-gb .floornumber > .floornumber-gb, | ||
.floornumber-override-us .floornumber > .floornumber-us { | |||
display: inline !important; | |||
} | } | ||
.gsw-infobox | .gsw-infobox { | ||
border: | background: #ffffff; | ||
width: 300px; | |||
margin: 0.5em 0 1em 1em; | |||
border-collapse: collapse; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
float: right; | |||
} | } | ||
.gsw-infobox | .gsw-infobox .infobox-header { | ||
color: #ffffff; | |||
} | font-size: 1.15em; | ||
line-height: 1.4em; | |||
background: #246c97; | |||
border-bottom: 0.5em solid #ffffff; | |||
padding: 0.5em 0; | |||
} | |||
.gsw-infobox .infobox-subheader { | |||
background: #6ba5c8; | |||
color: #ffffff; | |||
line-height: 2em; | |||
border-top: 0.5em solid #ffffff; | |||
border-bottom: 0.5em solid #ffffff; | |||
} | |||
.gsw-infobox .infobox- | .gsw-infobox .infobox-subheader a { | ||
color: #ffffff; | |||
} | } | ||
.gsw-infobox .infobox- | .gsw-infobox .infobox-image { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.gsw-infobox . | .gsw-infobox .infobox-image.bordered-image { | ||
border: 1px solid #e4eaee; | |||
border-bottom: none; | |||
padding: 0.4em; | |||
} | } | ||
.infobox- | .gsw-infobox .infobox-image a.image + a.image { | ||
margin-left: 0.1em; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox .infobox-image img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox .infobox-map { | ||
border-left: 1px solid #e4eaee; | |||
border-right: 1px solid #e4eaee; | border-right: 1px solid #e4eaee; | ||
text-align: center; | |||
} | } | ||
.gsw-infobox | .gsw-infobox .infobox-map img { | ||
max-width: 100%; | |||
height: auto; | |||
margin: 0.5em 0; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox .infobox-map a.mw-kartographer-container, | ||
.gsw-infobox .infobox-map div.mw-kartographer-container { | |||
margin: 0.5em auto; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox th:not(.infobox-header):not(.infobox-subheader) { | ||
text-align: right; | |||
vertical-align: top; | |||
border-left: 1px solid #e4eaee; | |||
border-right: 0.175em solid #6ba5c8; | |||
padding: 0.2em 0.5em; | |||
} | |||
.gsw-infobox td:not(.infobox-image):not(.infobox-map) { | |||
border-right: 1px solid #e4eaee; | |||
padding: 0.25em 0.5em; | |||
line-height: 1.6em; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) { | ||
border: 1px solid #e4eaee; | |||
padding-bottom: 0.6em; | |||
} | } | ||
.gsw-infobox | .gsw-infobox td ul { | ||
margin: 0 0 0 1.25em; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox .infobox-cell-hidden { | ||
display: none; | |||
} | } | ||
.gsw-infobox.infobox- | .gsw-infobox .infobox-template-links { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.gsw-infobox. | .gsw-infobox .advanced-data { | ||
display: none; | |||
} | } | ||
. | .infobox-wrapper { | ||
display: table; | |||
float: right; | |||
} | } | ||
.gsw-infobox.infobox-monster | .gsw-infobox.infobox-monster { | ||
text-align: center; | text-align: center; | ||
table-layout: fixed; | |||
} | } | ||
.gsw-infobox.infobox-monster th. | .gsw-infobox.infobox-monster th:not(.infobox-header):not(.infobox-subheader):last-child { | ||
border-right: 1px solid #e4eaee; | |||
} | } | ||
.gsw-infobox.infobox-monster | .gsw-infobox.infobox-monster td:not(.infobox-image):not(.infobox-map) { | ||
border- | border-left: 1px solid #e4eaee; | ||
} | } | ||
.gsw-infobox.infobox-monster . | .gsw-infobox.infobox-monster th.combat-subheader { | ||
text-align: center; | |||
} | } | ||
.infobox- | .gsw-infobox.infobox-monster th.offensive-header { | ||
background-color: #801c13; | |||
color: #ffffff; | |||
text-align: center; | |||
} | } | ||
.infobox- | .gsw-infobox.infobox-monster th.offensive-subheader { | ||
background-color: #ecccc6; | |||
color: #801c13; | |||
text-align: center; | |||
} | } | ||
.gsw-infobox | .gsw-infobox.infobox-monster th.offensive-subheader a { | ||
color: #801c13; | |||
} | } | ||
.gsw-infobox | .gsw-infobox.infobox-monster th.offensive-subheader:not(:last-child) { | ||
border | border-right: 0.175em solid #801c13; | ||
} | } | ||
.gsw-infobox | .gsw-infobox.infobox-monster th.defensive-header { | ||
background-color: #438ab5; | |||
color: #ffffff; | |||
text-align: center; | |||
} | } | ||
.gsw-infobox#infobox-familiar td:last-child { | .gsw-infobox.infobox-monster th.defensive-subheader { | ||
border-right: 1px solid #e4eaee !important; | background-color: #c1deed; | ||
color: #36414f; | |||
text-align: center; | |||
} | |||
.gsw-infobox.infobox-monster th.defensive-subheader a { | |||
color: #36414f; | |||
} | |||
.gsw-infobox.infobox-monster th.slayer-header { | |||
background: #4c4c4c; | |||
color: #ffffff; | |||
text-align: center; | |||
} | |||
.gsw-infobox.infobox-monster th.slayer-subheader { | |||
background-color: #cccccc; | |||
color: #4c4c4c; | |||
text-align: center; | |||
} | |||
.gsw-infobox.infobox-monster th.slayer-subheader:not(:last-child) { | |||
border-right: 0.175em solid #4c4c4c; | |||
} | |||
.gsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Undead Slayer.png"], | |||
.gsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Demon Slayer (perk).png"], | |||
.gsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Dragon Slayer (perk).png"] { | |||
filter: drop-shadow(0px 0px 1px black); | |||
} | |||
.infobox-thieving .thvloot-cell { | |||
padding: 0; | |||
} | |||
.infobox-thieving .thvloot-cell .wikitable { | |||
margin: -0.5px; | |||
width: calc(100% + 1px); | |||
} | |||
.gsw-infobox#infobox-familiar th:last-child:not([colspan="4"]) { | |||
border-right: 1px solid #e4eaee; | |||
} | |||
.gsw-infobox#infobox-familiar td.infobox-template-links { | |||
border: 1px solid #e4eaee !important; | |||
padding-bottom: 0.6em; | |||
} | |||
.gsw-infobox#infobox-familiar td:first-child { | |||
border-left: 1px solid #e4eaee !important; | |||
} | |||
.gsw-infobox#infobox-familiar td:last-child { | |||
border-right: 1px solid #e4eaee !important; | |||
} | } | ||
| Line 2,481: | Line 2,603: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
padding: 3px 3px 3px 0; | padding: 3px 3px 3px 0; | ||
border-left: 15px solid #90c2dd; | |||
background-color: #f1f1f1; | |||
overflow: auto; | |||
} | |||
.messageboxcleanup { | |||
width: 30%; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.5em; | |||
padding: 0px 0px 0px 0; | |||
border-left: 15px solid #90c2dd; | border-left: 15px solid #90c2dd; | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
| Line 2,896: | Line 3,028: | ||
.navbox .navbox-list li + li::before { | .navbox .navbox-list li + li::before { | ||
content: ' | content: ' \2022\ '; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| Line 3,037: | Line 3,169: | ||
.portal-link.wide a { | .portal-link.wide a { | ||
width: 618px; | width: 618px; | ||
} | |||
.portal-link.short a { | |||
font-size: 15px; | |||
height: 50px; | |||
width: 200px; | |||
font-variant: small-caps; | |||
text-transform: none; | |||
} | } | ||
| Line 3,074: | Line 3,214: | ||
} | } | ||
/*Portal Link Image*/ | |||
. | .portal-link-wrapper-img { | ||
text-align: center; | |||
margin-bottom: 0.5em; | |||
} | } | ||
. | .portal-link-img { | ||
display: inline-flex; | |||
} | } | ||
. | .portal-link-img a { | ||
margin- | height: 120px; | ||
width: 300px; | |||
display: inline-flex; | |||
justify-content: center !important; | |||
align-items: center !important; | |||
margin: 7px; | |||
border-radius: 5px; | |||
font-size: 20px; | |||
letter-spacing: 1px; | |||
line-height: 1.4em; | |||
font-family: 'League Spartan', sans-serif; | |||
text-transform: uppercase; | |||
background-color: #fafafa; | |||
color: #404040; | |||
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03); | |||
-webkit-transition: 0.2s; | |||
-moz-transition: 0.2s; | |||
transition: 0.2s; | |||
} | } | ||
. | .portal-link-img a:hover { | ||
text-decoration: none; | |||
background-color: #f2f2f2; | |||
} | } | ||
. | .portal-link-img.wide a { | ||
width: 618px; | |||
} | } | ||
. | .portal-link-img.short a { | ||
font-size: 15px; | |||
height: 50px; | |||
width: 200px; | |||
font-variant: small-caps; | |||
text-transform: none; | |||
} | } | ||
.portal-link-img.compact a { | |||
font-size: 15px; | |||
height: 150px; | |||
width: 150px; | |||
} | } | ||
.portal-link-img.article a { | |||
border- | border-top: 8px solid #90c2dd; | ||
} | } | ||
. | .portal-link-img.article a:hover { | ||
/*background-color: #90c2dd;*/ | |||
color: #fff; | |||
} | } | ||
. | /********************TESTING URLS*****************/ | ||
/*.portal-link-img.article.earthtoken a:hover { | |||
background-image: url('filepath://Earth_token.png'); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
}*/ | |||
/************************************************/ | |||
- | |||
- | .portal-link-img.article.earthtoken a:hover { | ||
background-image: url("https://wiki.geministation.com/images/2/23/Earth_token.png"); /* [[File:Earth_token.png]] */ | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.eristoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/6/65/Eris_token.png"); /* [[File:Eris_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.gemtoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/2/24/Gem_token.png"); /* [[File:Gem_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.jupitertoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/0/0b/Jupiter_token.png"); /* [[File:Jupiter_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.marstoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/8/8a/Mars_token.png"); /* [[File:Mars_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | |||
.portal-link-img.article.moontoken a:hover { | |||
background-image: url("https://wiki.geministation.com/images/9/97/Moon_token.png"); /* [[File:Moon_token.png]] */ | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | |||
.portal-link-img.article.birthdaytoken a:hover { | |||
background-image: url("https://wiki.geministation.com/images/2/2a/Token_birthday.png"); /* [[File:Token_birthday.png]] */ | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.cavmastoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/6/65/Token_cavmas.png"); /* [[File:Token_cavmas.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.harvesttoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/f/f2/Token_harvest.png"); /* [[File:Token_harvest.png]] */ | ||
. | background-size: contain; | ||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.fightertoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/3/31/Fighter_token.png"); /* [[File:Fighter_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.freightertoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/9/9c/Freighter_token.png"); /* [[File:Freighter_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.article.scouttoken a:hover { | |||
. | background-image: url("https://wiki.geministation.com/images/1/11/Scout_token.png"); /* [[File:Scout_token.png]] */ | ||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | } | ||
.portal-link-img.file a { | |||
border-top: 8px solid #617ebc; | |||
background-color: #cfd8eb; | |||
} | } | ||
. | .portal-link-img.file a:hover { | ||
background-color: #617ebc; | |||
color: #fff; | |||
} | } | ||
. | .portal-link-img.template a { | ||
border-top: 8px solid #898989; | |||
background-color: #ebebeb; | |||
} | } | ||
. | .portal-link-img.template a:hover { | ||
background-color: #898989; | |||
color: #fff; | |||
} | } | ||
. | .missiondetails, | ||
.trainingdetails { | |||
text-align: left; | |||
margin: 0 | margin: 0 auto 10px; | ||
padding: | padding: 1px; | ||
background-color: #fff; | |||
border: 1px solid #aaaaaa; | |||
} | } | ||
. | .missiondetails .missiondetails-header, | ||
.trainingdetails .missiondetails-header { | |||
padding: 0 | width: 15%; | ||
padding: 0 1em; | |||
font-weight: bold; | |||
background-color: #f2f2f2; | |||
vertical-align: top; | |||
} | } | ||
. | .missiondetails .missiondetails-info, | ||
.trainingdetails .missiondetails-info { | |||
width: 85%; | |||
padding: | padding-left: 1em; | ||
} | } | ||
. | .missionreq ul { | ||
margin-left: 0; | |||
padding- | padding-left: 10px; | ||
- | list-style: none; | ||
- | border-left: 1px dotted #333333; | ||
} | } | ||
. | .missionreq ul ul { | ||
margin-left: 25px; | |||
} | } | ||
. | .quote-source { | ||
text-align: right; | text-align: right; | ||
} | } | ||
. | .quote-source::before { | ||
content: '\0151\ '; | |||
} | } | ||
blockquote { | |||
color: #5d6773; | |||
} | } | ||
. | blockquote p:not(.quote-source) { | ||
border-left: 3px solid #e4eaee; | |||
padding-left: 1em; | |||
padding | |||
} | } | ||
. | .pullquote { | ||
border-collapse: collapse; | |||
border: none; | |||
margin: 1em auto; | |||
} | } | ||
. | .pullquote .quotation-mark { | ||
color: #949eaa; | |||
font-size: 3em; | |||
font-family: serif; | |||
. | font-weight: bold; | ||
padding: 0.3em; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | } | ||
. | .pullquote .quotation-mark.left { | ||
text-align: left; | |||
vertical-align: top; | |||
} | } | ||
. | .pullquote .quotation-mark.right { | ||
text-align: right; | |||
vertical-align: bottom; | |||
} | } | ||
. | .pullquote .quotation-text { | ||
vertical-align: top; | |||
padding: 0.2em 0.5em; | |||
} | } | ||
. | .pullquote .quotation-source { | ||
text-align: right; | |||
} | } | ||
. | .gsw-infobox .recolour-table { | ||
margin: auto; | |||
} | } | ||
.recolour-table .rec-empty-row, | |||
.recolour-table .rec-empty-cell { | |||
padding: 0; | |||
border: none; | border: none; | ||
} | } | ||
.recolour-table .rec-empty-row { | |||
height: 9px; | |||
} | } | ||
.recolour-table .rec-empty-cell { | |||
width: 9px; | |||
} | } | ||
.recolour-table .rec-cell { | |||
border: 2px ridge #8c8264 !important; | |||
padding: 0 !important; | |||
height: 15px; | |||
width: 15px; | |||
} | } | ||
ol.references { | |||
font-size: 100%; | |||
} | } | ||
. | .references-small { | ||
font-size: 90%; | |||
} | } | ||
. | .hideQuotes .refhide { | ||
display: none; | |||
} | } | ||
. | .hideRefBacklinks .references a { | ||
display: none; | |||
} | } | ||
. | .shortcut { | ||
background | background: #ffffff; | ||
border: 1px solid #e4eaee; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.5em; | |||
text-align: center; | |||
font-size: 75%; | |||
float: right; | |||
} | } | ||
. | .speaksin { | ||
border-left: none; | |||
padding: 0 10px; | |||
} | } | ||
. | .speaksin-title { | ||
text-align: center; | |||
font-weight: bold; | |||
padding: 0.3em 0; | |||
} | } | ||
. | .speaksin-list { | ||
border-top: 1px solid; | |||
padding-top: 0.5em; | |||
-moz-columns: auto 2; | |||
-webkit-columns: auto 2; | |||
columns: auto 2; | |||
} | } | ||
. | .statbox { | ||
background-image: url('filepath:// | width: 197px; | ||
height: 280px; | |||
cursor: default; | |||
font-family: runescape; | |||
font-size: 16px; | |||
color: #ff8c00; | |||
text-shadow: #000 1px 1px 0; | |||
background-color: #000; | |||
background-image: url('filepath://Statstable_bg.png'); | |||
background-repeat: no-repeat; | |||
border-spacing: 0; | |||
padding: 7px; | |||
} | } | ||
. | .statbox td { | ||
background-image: url('filepath:// | position: relative; | ||
background-image: url('filepath://Statstable_background.png'); | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
text-align: right; | |||
width: 62px; | |||
height: 25px; | |||
padding: 0 10px 0 4px; | |||
border-spacing: 0; | |||
} | } | ||
.statbox td img { | |||
float: left; | |||
margin-bottom: -3px; | |||
margin-top: -1px; | |||
} | } | ||
.statbox td img[height^="1"] { | |||
margin-top: 4px; | |||
} | } | ||
.statbox td .xpbox { | |||
display: none; | |||
color: # | z-index: 3; | ||
position: absolute; | |||
text-align: left; | |||
background-color: #0d0d0d; | |||
border: 1px solid #ebece6; | |||
color: #f5b241; | |||
text-shadow: none; | |||
padding: 2px 1px 0 1px; | |||
font-family: runescape; | |||
min-width: 119px; | |||
line-height: 15px; | |||
margin-left: 7px; | |||
} | } | ||
.statbox td .xpbox span { | |||
float: right; | |||
} | } | ||
.statbox td:hover .xpbox { | |||
. | display: inline-block; | ||
} | } | ||
.statbox td[colspan="3"] { | |||
. | background: none; | ||
text-align: left; | |||
padding | padding: 20px 0 0 90px; | ||
color: #fff; | |||
} | } | ||
. | .succession { | ||
width: 50%; | |||
text-align: center; | |||
} | } | ||
. | .succession th { | ||
width: 33%; | |||
font-size: 90%; | |||
background: #cccccc; | |||
} | } | ||
. | .succession td { | ||
background: #eeeeee; | |||
} | } | ||
. | .tabber { | ||
margin: 1em 0; | |||
overflow-x: hidden; | |||
margin | |||
} | } | ||
. | .tabber .tabbertab { | ||
background-color: #ffffff; | |||
border: 1px solid #e4eaee; | |||
padding: 1em 1.5em; | |||
padding: 1em 1.5em | overflow-x: auto; | ||
} | } | ||
. | ul.tabbernav { | ||
margin: 0; | border: none; | ||
margin-left: 2em; | |||
margin-bottom: 0; | |||
padding: 0.55em 0; | |||
font-family: inherit; | |||
} | } | ||
. | ul.tabbernav li.tabberactive a:hover { | ||
background-color: #ffffff; | |||
} | } | ||
. | ul.tabbernav li a { | ||
background: #f9fafa; | |||
color: #444e5a; | |||
font-size: 110%; | |||
border-color: #e4eaee; | |||
padding: 0.5em 1em; | |||
-webkit-transition: 0.2s ease; | |||
-moz-transition: 0.2s ease; | |||
transition: 0.2s ease; | |||
} | } | ||
. | ul.tabbernav li a:hover { | ||
background-color: #f1f3f3; | |||
border-color: #dbe3e8; | |||
} | } | ||
. | ul.tabbernav li a:link, | ||
color | ul.tabbernav li a:visited { | ||
color: #444e5a; | |||
} | } | ||
. | .thgem { | ||
position: relative; | |||
display: inline-flex; | |||
justify-content: center; | |||
align-items: center; | |||
height: 90px; | |||
width: 66px; | |||
} | } | ||
. | .thgem-number { | ||
text-shadow: 1px 1px 0px black; | |||
font-family: runescape-small; | |||
font-size: 16px; | |||
position: absolute; | |||
top: 20px; | |||
left: 15px; | |||
pointer-events: none; | |||
} | } | ||
. | .thgem-common { | ||
background-image: url('filepath://THGem-common.png'); | |||
background: | |||
} | } | ||
. | .thgem-fairly-common { | ||
background: | background-image: url('filepath://THGem-fairly-common.png'); | ||
} | } | ||
. | .thgem-uncommon { | ||
background | background-image: url('filepath://THGem-uncommon.png'); | ||
} | } | ||
. | .thgem-rare { | ||
background: | background-image: url('filepath://THGem-rare.png'); | ||
} | } | ||
. | .thgem-very-rare { | ||
background-image: url('filepath://THGem-very-rare.png'); | |||
} | } | ||
. | .thgem-ultra-rare { | ||
background-image: url('filepath://THGem-ultra-rare.png'); | |||
} | } | ||
. | .thgem-none { | ||
background-image: url('filepath://THGem-none.png'); | |||
} | } | ||
. | #toc, | ||
.toc { | |||
font-size: 0.9em; | |||
background: #ffffff; | |||
margin-top: 0.75em; | |||
padding: 0; | |||
border: none; | border: none; | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
#toc .toctitle, | |||
.toc .toctitle { | |||
background: # | background: #eeeeee; | ||
border: 1px solid #dcdcdc; | |||
padding: 0.25em 1em; | |||
} | } | ||
#toc .toctitle h2, | |||
.toc .toctitle h2, | |||
#toc .toctitle a, | |||
.toc .toctitle a { | |||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | |||
color: #333333; | |||
} | } | ||
#toc .toclevel-1 a, | |||
.toc .toclevel-1 a { | |||
color: #515151; | |||
} | } | ||
#toc .toclevel-2 a, | |||
.toc .toclevel-2 a { | |||
color: #777777; | |||
} | } | ||
#toc > ul, | |||
.toc > ul { | |||
border: 1px solid #e6e6e6; | |||
border-top: none; | |||
line-height: 1.8em; | |||
padding: 0.75em 1.75em; | |||
margin: 0; | |||
} | } | ||
#toc ul ul, | |||
.toc ul ul { | |||
border-left: 1px dotted #cccccc; | |||
padding-left: 0.5em; | |||
} | } | ||
.toctoggle { | |||
padding-left: 0.2em; | |||
} | } | ||
.tocnumber { | |||
display: none; | |||
} | } | ||
. | .toclimit-2 #toc .toclevel-2, | ||
. | .toclimit-3 #toc .toclevel-3, | ||
.toclimit-4 #toc .toclevel-4, | |||
.toclimit-5 #toc .toclevel-5, | |||
.toclimit-6 #toc .toclevel-6, | |||
.toclimit-7 #toc .toclevel-7 { | |||
display: none; | |||
} | } | ||
.table | .wikitable.towers { | ||
display: inline-table; | |||
width: 160px; | |||
text- | height: 150px; | ||
margin-right: 1em; | |||
text-align: center; | |||
} | } | ||
. | .update-history { | ||
max-height: 50vh; | |||
background: # | overflow-y: auto; | ||
background: #ffffff; | |||
padding: 1em 1.5em 0.25em; | |||
border: 1px solid #e4eaee; | |||
} | } | ||
. | .update-history > ul { | ||
margin: 0; | |||
} | } | ||
. | .update-history > ul > li { | ||
margin-bottom: 0.75em; | |||
list-style: none; | |||
} | } | ||
. | .update-history > ul > li > ul { | ||
margin-bottom: 0; | |||
} | } | ||
. | .update-type:hover a { | ||
text-decoration: none; | |||
} | } | ||
. | .update-type a { | ||
color: white; | |||
background: #3ea6e6; | |||
font-size: 80%; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
border-radius: 3px; | |||
padding: 2px 5px; | |||
} | } | ||
. | .update-type.hidden a, | ||
. | .update-type.ninja a, | ||
background: # | .update-type.nxt a { | ||
background: #444e5a; | |||
} | } | ||
. | .update-type.patch a { | ||
. | background: #6bc71f; | ||
} | } | ||
. | .update-type.hotfix a, | ||
background: # | .update-type.coldfix a { | ||
background: #ee4231; | |||
} | } | ||
. | .update-type.warmfix a { | ||
background: #f7861b; | |||
} | } | ||
. | .official { | ||
background: #ffffff; | |||
background: # | border: 1px solid #e4eaee; | ||
margin: 1em 0 1.5em; | |||
padding: 0.5em; | |||
text-align: center; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .production-selected { | ||
. | background: rgba(195, 232, 163, 0.5); | ||
color: # | color: #3c780a; | ||
} | } | ||
. | .infobox-user-stats .infobox-header { | ||
border-bottom: 0; | |||
. | |||
} | } | ||
. | .infobox-user-stats .infobox-header a, | ||
. | .infobox-user-stats .infobox-header a:visited { | ||
. | color: #ffffff; | ||
color: # | |||
} | } | ||
.infobox-user-stats .infobox-subheader { | |||
border-top: 0; | |||
} | } | ||
.infobox-user-stats td:last-child { | |||
border-right: none; | |||
} | } | ||
. | .infobox-user-stats th:not(.infobox-header):not(.infobox-subheader) { | ||
border: none; | |||
} | } | ||
table. | table.wikitable { | ||
color: inherit; | |||
background: #ffffff; | |||
font-size: 0.9em; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
border: none; | |||
} | } | ||
table. | table.wikitable > * > tr > th { | ||
background-color: #eeeeee; | |||
border-color: #dcdcdc; | |||
line-height: 1.65em; | |||
padding: 0.4em; | |||
} | } | ||
. | table.wikitable > * > tr > td { | ||
border-color: #e6e6e6; | |||
padding: 0.25em 0.45em; | |||
} | } | ||
. | table.wikitable .header-top { | ||
background: #448fba; | |||
} | } | ||
table . | table.align-left-1 td:nth-of-type(1), | ||
table.align-left-2 td:nth-of-type(2), | |||
table.align-left-3 td:nth-of-type(3), | |||
table.align-left-4 td:nth-of-type(4), | |||
table.align-left-5 td:nth-of-type(5), | |||
table.align-left-6 td:nth-of-type(6), | |||
table.align-left-7 td:nth-of-type(7), | |||
table.align-left-8 td:nth-of-type(8), | |||
table.align-left-9 td:nth-of-type(9), | |||
table.align-left-10 td:nth-of-type(10), | |||
table.align-left-11 td:nth-of-type(11), | |||
table.align-left-12 td:nth-of-type(12) { | |||
text-align: left; | text-align: left; | ||
} | } | ||
table . | table.align-right-1 td:nth-of-type(1), | ||
table.align-right-2 td:nth-of-type(2), | |||
table.align-right-3 td:nth-of-type(3), | |||
table.align-right-4 td:nth-of-type(4), | |||
table.align-right-5 td:nth-of-type(5), | |||
table.align-right-6 td:nth-of-type(6), | |||
table.align-right-7 td:nth-of-type(7), | |||
table.align-right-8 td:nth-of-type(8), | |||
table.align-right-9 td:nth-of-type(9), | |||
table.align-right-10 td:nth-of-type(10), | |||
table.align-right-11 td:nth-of-type(11), | |||
table.align-right-12 td:nth-of-type(12) { | |||
text-align: right; | |||
} | } | ||
. | table.align-center-1 td:nth-of-type(1), | ||
. | table.align-center-2 td:nth-of-type(2), | ||
. | table.align-center-3 td:nth-of-type(3), | ||
. | table.align-center-4 td:nth-of-type(4), | ||
table.align-center-5 td:nth-of-type(5), | |||
table.align-center-6 td:nth-of-type(6), | |||
table.align-center-7 td:nth-of-type(7), | |||
table.align-center-8 td:nth-of-type(8), | |||
table.align-center-9 td:nth-of-type(9), | |||
table.align-center-10 td:nth-of-type(10), | |||
table.align-center-11 td:nth-of-type(11), | |||
table.align-center-12 td:nth-of-type(12) { | |||
text-align: center; | |||
} | } | ||
. | table.alternating-rows tr:nth-child(odd), | ||
background | table.alternating-cols td:nth-child(odd) { | ||
background: #f9f9f9; | |||
} | } | ||
. | .table-bg-red, | ||
color: # | .table-bg-veryrare { | ||
background: #fbc0ba; | |||
color: #801c13; | |||
} | } | ||
. | .table-bg-red a:not(.mw-selflink), | ||
color: # | .table-bg-veryrare a:not(.mw-selflink) { | ||
color: #9f261e; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-bg-orange, | ||
color: # | .table-bg-rare { | ||
background: #fbcfa6; | |||
color: #7a3f08; | |||
} | } | ||
. | .table-bg-orange a:not(.mw-selflink), | ||
text-decoration: | .table-bg-rare a:not(.mw-selflink) { | ||
color: #b55e0c; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-bg-yellow, | ||
.table-bg-uncommon { | |||
. | background: #fcea94; | ||
color: #786300; | |||
} | } | ||
. | .table-bg-yellow a:not(.mw-selflink), | ||
.table-bg-uncommon a:not(.mw-selflink) { | |||
color: #a48900; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-bg-green, | ||
.table-bg-common { | |||
background: #c3e8a3; | |||
color: #2e5e05; | |||
} | } | ||
. | .table-bg-green a:not(.mw-selflink), | ||
. | .table-bg-common a:not(.mw-selflink) { | ||
color: #3c780a; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-bg-blue, | ||
. | .table-bg-always { | ||
background: #aad9f5; | |||
color: #03436b; | |||
} | } | ||
. | .table-bg-blue a:not(.mw-selflink), | ||
. | .table-bg-always a:not(.mw-selflink) { | ||
color: #0b5884; | |||
. | text-decoration: underline; | ||
} | } | ||
. | .table-bg-purple { | ||
background: #cfc0f0; | |||
color: #3d276b; | |||
} | } | ||
.table-bg-purple a:not(.mw-selflink) { | |||
color: #4f348b; | |||
text-decoration: underline; | |||
} | } | ||
.table-bg-pink, | |||
.table-bg-random { | |||
background: #f5c8ec; | |||
color: #6d3662; | |||
} | } | ||
. | .table-bg-pink a:not(.mw-selflink), | ||
.table-bg-random a:not(.mw-selflink) { | |||
color: #984c89; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-bg-gray, | ||
.table-bg-grey, | |||
.table-bg-default { | |||
background: #e4eaee; | |||
color: #444e5a; | |||
} | } | ||
. | .table-bg-gray a:not(.mw-selflink), | ||
.table-bg-grey a:not(.mw-selflink), | |||
.table-bg-default a:not(.mw-selflink) { | |||
color: #5d6773; | |||
text-decoration: underline; | |||
} | } | ||
tr.store-hist { | |||
opacity: 0.6; | |||
background: #e4eaee; | |||
color: #444e5a; | |||
} | } | ||
. | tr.store-hist a:not(.mw-selflink) { | ||
color: #5d6773; | |||
text-decoration: underline; | |||
} | } | ||
. | .table-na { | ||
background: #f9f9f9; | |||
color: #aaa; | |||
text-align: center !important; | |||
cursor: default; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | } | ||
. | table.lighttable .highlight-over .table-na { | ||
color: rgba(60, 120, 10, 0.4); | |||
background: #e1f4d3; | |||
} | } | ||
. | table.lighttable .highlight-on .table-na { | ||
color: rgba(60, 120, 10, 0.55); | |||
background: #b6e38f; | |||
} | } | ||
. | table.lighttable .highlight-on { | ||
background | background-color: #c3e8a3; | ||
} | } | ||
. | table.lighttable .highlight-over { | ||
background-color: #ecf8e3; | |||
} | } | ||
. | .mw-collapsible.mw-collapsed { | ||
min-width: 25px; | |||
} | } | ||
. | .mw-collapsible .mw-collapsible-toggle { | ||
font-weight: normal; | |||
margin-left: 0.5em; | margin-left: 0.5em; | ||
} | } | ||
. | table .im-task-reqs { | ||
text-align: left; | |||
} | } | ||
. | table .im-task-reqs p { | ||
margin: 0.8em 0 0 0; | |||
} | } | ||
. | .discussiontable.noresults .topic, | ||
.discussiontable.noresults .edited, | |||
.discussiontable.noresults .edited-by, | |||
.discussiontable.noresults .yg-archive { | |||
color: #000000; | |||
background-color: #e6e6e6; | |||
} | } | ||
. | .discussiontable.noresults th { | ||
background-color: #cccccc; | |||
} | } | ||
. | .discussiontable.noresults th a { | ||
color: #000000; | |||
} | } | ||
. | .discussiontable th { | ||
color: #ffffff; | |||
background-color: #438ab5; | |||
} | } | ||
. | .discussiontable th a { | ||
color: #ffffff; | |||
} | } | ||
. | .discussiontable th a:hover { | ||
text-decoration: none; | |||
} | } | ||
. | .discussiontable .topic, | ||
.discussiontable .edited, | |||
.discussiontable .edited-by, | |||
.discussiontable .yg-archive { | |||
color: #000000; | |||
background-color: #e6e6e6; | |||
} | } | ||
. | .dpltable { | ||
margin-top: -30px; | |||
} | } | ||
. | .dpltable td { | ||
padding-left: 5px; | |||
padding | |||
} | } | ||
. | .dpltable, | ||
.discussiontable { | |||
width: 100%; | width: 100%; | ||
} | } | ||
. | .dpltable .topic, | ||
.discussiontable .topic { | |||
width: 40%; | |||
} | } | ||
. | .dpltable .edited, | ||
.discussiontable .edited, | |||
.dpltable .edited-by, | |||
.discussiontable .edited-by { | |||
width: 30%; | |||
} | } | ||
. | .dpltable .yg-archive, | ||
.discussiontable .yg-archive { | |||
width: 20%; | |||
} | } | ||
. | body.page-Main_Page .mw-parser-output { | ||
margin | max-width: 75em; | ||
margin: 0 auto; | |||
} | } | ||
body. | body.page-Main_Page.action-view .catlinks, | ||
body.page-Main_Page.action-view #contentSub, | |||
body.page-Main_Page.action-view #firstHeading, | |||
body.page-Main_Page.action-view #siteNotice { | |||
display: none; | |||
} | } | ||
.mainpage- | .mainpage-header { | ||
display: flex; | |||
margin: 2.6em 1.75em 1.5em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro { | ||
flex: 2; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro h1 { | ||
font-size: | font-size: 2.5em; | ||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
.mainpage- | body.wgl-readermode .mainpage-header .header-intro h1 { | ||
font-size: 2.25em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-stats { | ||
flex: 1; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
margin-top: -1em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-stats ul { | ||
list-style: none; | |||
} | } | ||
.mainpage- | .mainpage-header .announcement { | ||
height: | margin: 0.5em 0 1.5em; | ||
} | |||
.mainpage-header .announcement a { | |||
background: #f9fafa; | |||
border: 1px solid #e4eaee; | |||
color: #5d6773; | |||
font-size: 0.9em; | |||
line-height: 1.25em; | |||
padding: 0.25em 0.75em; | |||
border-radius: 10em; | |||
transition: 0.25s ease; | |||
display: inline-flex; | |||
align-items: center; | |||
} | } | ||
.mainpage- | .mainpage-header .announcement a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
.mainpage- | .mainpage-header .announcement .announcement-pill { | ||
background: #6bc71f; | |||
padding: 0; | color: #ffffff; | ||
font-size: 0.85em; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
border-radius: 10em; | |||
padding: 0.1em 0.6em; | |||
margin: 0 0.5em 0 -0.5em; | |||
} | } | ||
.mainpage- | .mainpage-header .announcement .arrow.dark { | ||
margin-left: 0.5em; | |||
filter: invert(50%); | |||
} | } | ||
.mainpage- | .mainpage-body { | ||
display: flex; | display: flex; | ||
flex-flow: row wrap; | |||
} | } | ||
.mainpage- | .mainpage-body h2 a { | ||
color: #444e5a; | |||
} | } | ||
.mainpage- | .mainpage-body .tile { | ||
padding-left: 1.75em; | |||
padding-right: 1.75em; | |||
max-width: 100%; | |||
padding- | |||
} | } | ||
.mainpage- | .mainpage-body .tile-row { | ||
width: 100%; | |||
margin-bottom: 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-left { | ||
flex: 2; | |||
display: flex; | |||
flex-flow: column wrap; | |||
margin-right: 0.9rem; | |||
} | } | ||
. | .mainpage-left > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
. | .mainpage-right { | ||
flex: 1; | |||
display: flex; | |||
flex-flow: column wrap; | |||
} | } | ||
. | .mainpage-right > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
. | .arrow { | ||
background: url('filepath://White-chevron.svg') no-repeat; | |||
display: inline-block; | |||
height: 0.7rem; | |||
width: 0.45rem; | |||
vertical-align: middle; | |||
} | } | ||
. | .arrow.dark { | ||
filter: invert(80%); | |||
} | } | ||
. | .ribbon { | ||
background: # | position: absolute; | ||
right: -0.5em; | |||
top: -0.5em; | |||
color: #ffffff; | |||
background: #6bc71f; | |||
font-size: 0.7em; | |||
font-weight: bold; | |||
letter-spacing: 0.045em; | |||
line-height: 2.25em; | |||
padding: 0 0.55em; | |||
border-radius: 0.35em; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
pointer-events: none; | |||
} | } | ||
. | .tile.big-tile { | ||
. | width: 100%; | ||
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), #ffffff 50%), url("filepath://Main page Shauny.png") right / auto 100% no-repeat #ffffff; /* [[File:Main page Shauny.png]] */ | |||
margin-bottom: 0.9rem; | |||
padding-right: 8vw; | |||
} | } | ||
. | .tile.big-tile.dxp { | ||
. | background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("https://wiki.geministation.com/images/6/6b/Double_Exp_Banner.png") right / auto 100% no-repeat #ffffff; /* [[File:Double Exp Banner.png]] */ | ||
} | } | ||
. | .tile.big-tile.moon { | ||
. | background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("https://wiki.geministation.com/images/7/7d/Moon_Event_Banner.png") right / auto 100% no-repeat #ffffff; /* [[File:Moon Event Banner.png]] */ | ||
. | |||
} | } | ||
. | .mainpage-recent-updates .tile-halves { | ||
. | flex: 1; | ||
align-content: flex-start; | |||
margin-right: 0.9rem; | |||
} | } | ||
. | .mainpage-recent-updates .tile-halves:hover .tile-top img { | ||
. | transform: scale(1.04); | ||
} | } | ||
. | .mainpage-recent-updates .tile-halves:last-child { | ||
. | margin-right: 0; | ||
} | } | ||
. | body.wgl-readermode .mainpage-recent-updates .tile-image { | ||
. | max-height: 10.5em; | ||
} | } | ||
. | .mainpage-recent-updates .tile-bottom.link-button a { | ||
. | text-align: left; | ||
padding: 1rem 1.5rem 0.75rem; | |||
} | } | ||
. | .mainpage-recent-updates h2 { | ||
margin: -0.5em 0 0.3em; | |||
} | } | ||
. | .mainpage-recent-updates p:not(.byline) { | ||
font-size: 0.9em; | |||
line-height: 1.75em; | |||
color: #444e5a; | |||
} | } | ||
.mainpage- | .mainpage-recent-updates .jagex-promotion .byline { | ||
color: #855cd8; | |||
} | } | ||
.mainpage- | .mainpage-contents .tile-halves { | ||
margin- | flex: 1; | ||
margin-right: 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-contents .tile-halves:hover .tile-top img { | ||
transform: scale(1.04); | |||
} | } | ||
.mainpage- | .mainpage-contents .tile-halves:last-child { | ||
margin-right: 0; | |||
} | } | ||
.mainpage- | .mainpage-contents .tile-top { | ||
height: 4.5rem; | |||
position: relative; | position: relative; | ||
} | } | ||
.mainpage- | .mainpage-contents .tile-top h2 a { | ||
display: block; | |||
text-align: center; | |||
text-decoration: none; | |||
line-height: 4.5rem; | |||
padding-left: 0.45rem; | |||
} | } | ||
.mainpage- | .mainpage-contents h2 { | ||
margin: 0; | |||
padding: | padding: 0; | ||
} | } | ||
.mainpage- | .mainpage-skills ul { | ||
columns: 3; | |||
margin: 1em 0.7em 0.7em 1em; | |||
} | } | ||
.mainpage- | .mainpage-skills li { | ||
margin- | display: flex; | ||
width: | margin-bottom: 0.4em; | ||
isolation: isolate; | |||
} | |||
.mainpage-skills li a:first-child { | |||
border-radius: 3px; | |||
padding: 4px; | |||
width: 25px; | |||
height: 25px; | |||
} | } | ||
.mainpage- | .mainpage-skills li a:last-child { | ||
color: # | flex: 1; | ||
display: flex; | |||
align-items: center; | |||
color: #36414f; | |||
font-weight: bold; | font-weight: bold; | ||
padding-left: 0.7em; | |||
text-decoration: none; | |||
} | } | ||
.mainpage-skills li:hover a:first-child { | |||
border-radius: 3px 0 0 3px; | |||
} | } | ||
.mainpage- | .mainpage-skills li:hover a:last-child { | ||
color: rgba(255, 255, 255, 0.9); | color: rgba(255, 255, 255, 0.9); | ||
border-radius: 0 3px 3px 0; | |||
} | } | ||
. | .skill-hackrating a:first-child, | ||
.skill-armor a:first-child { | |||
background: #bc483d; | |||
} | } | ||
. | .skill-hackrating:hover a:last-child, | ||
background: # | .skill-armor:hover a:last-child { | ||
background: #932419; | |||
} | } | ||
. | .skill-damage a:first-child { | ||
background: # | background: #748d36; | ||
} | } | ||
. | .skill-damage:hover a:last-child { | ||
background: # | background: #4c6215; | ||
} | } | ||
. | .skill-shield a:first-child { | ||
background: # | background: #6274ab; | ||
} | } | ||
. | .skill-shield:hover a:last-child { | ||
background: #304791; | |||
} | } | ||
. | .skill-cargospace a:first-child, | ||
background: # | .skill-shieldrecharge a:first-child { | ||
background: #3e8e9a; | |||
} | } | ||
. | .skill-cargospace:hover a:last-child, | ||
background: # | .skill-shieldrecharge:hover a:last-child { | ||
background: #1a6671; | |||
} | } | ||
. | .skill-attack a:first-child, | ||
.skill-salvagechance a:first-child, | |||
. | .skill-heatresistance a:first-child { | ||
. | background: #91689e; | ||
} | } | ||
. | .skill-attack:hover a:last-child, | ||
.skill-salvagechance:hover a:last-child, | |||
.skill-heatresistance:hover a:last-child { | |||
background: #713684; | |||
} | } | ||
. | .skill-cargosalvage a:first-child, | ||
.skill-targeting a:first-child { | |||
background: #59924f; | |||
} | } | ||
. | .skill-cargosalvage:hover a:last-child, | ||
.skill-targeting:hover a:last-child { | |||
background: #306f25; | |||
} | } | ||
. | .skill-defense a:first-child, | ||
.skill-engineefficiency a:first-child { | |||
background: #6385a8; | |||
} | } | ||
. | .skill-defense:hover a:last-child, | ||
.skill-engineefficiency:hover a:last-child { | |||
background: #315f8d; | |||
} | } | ||
.skill-sensorscanresults a:first-child, | |||
.skill-evasion a:first-child { | |||
background: #d2b244; | |||
} | |||
.skill-sensorscanresults:hover a:last-child, | |||
.skill-evasion:hover a:last-child { | |||
background: #b69213; | |||
} | |||
.mainpage-wikinews .news-date { | |||
font-weight: bold; | |||
} | margin-bottom: 0.3em; | ||
} | |||
.mainpage-wikinews p:not(.news-date) { | |||
margin-left: 1em; | |||
} | |||
.mainpage-social { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-social .tile-top { | |||
display: flex; | |||
} | align-items: center; | ||
padding: 1em 1.5em; | |||
} | |||
.mainpage-social .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-social .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | } | ||
.mainpage-social .tile-bottom { | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | } | ||
.mainpage-social .tile-bottom p { | |||
color: #ffffff; | |||
} | font-weight: bold; | ||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-social .social-icon { | |||
margin-right: 0.75em; | |||
width: 60px; | |||
} | text-align: center; | ||
} | |||
.mainpage-social .social-header { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 1.15em; | |||
margin: 0.5em 0 -0.15em; | |||
} | } | ||
body.wgl-readermode .mainpage-social .social-header { | |||
font-size: 1.05em; | |||
} | |||
.mainpage-social .social-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-social .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | } | ||
. | .mainpage-social.mainpage-discord .tile-top { | ||
background | background: #7289da; | ||
} | } | ||
. | .mainpage-social.mainpage-discord .tile-bottom { | ||
background | background: #697ec4; | ||
} | } | ||
. | .mainpage-social.mainpage-twitter .tile-top { | ||
background | background: #1da1f2; | ||
} | } | ||
. | .mainpage-social.mainpage-twitter .tile-bottom { | ||
background | background: #1e96e0; | ||
} | } | ||
. | .mainpage-editing { | ||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | } | ||
. | .mainpage-editing .tile-top { | ||
background: #438ab5; | |||
} | } | ||
. | .mainpage-editing .tile-bottom { | ||
background: #3980ab; | |||
border: none; | |||
padding: 0.8rem 1.5rem 0.4rem; | |||
} | } | ||
. | .mainpage-editing h2, | ||
. | .mainpage-editing a, | ||
.mainpage-editing a:visited, | |||
.mainpage-editing a:active { | |||
color: #ffffff; | |||
} | } | ||
. | .mainpage-editing p { | ||
color: rgba(255, 255, 255, 0.9); | |||
} | } | ||
. | .mainpage-editing ul { | ||
list-style-image: url('filepath://Transparent-chevron.svg'); | |||
} | } | ||
. | .mainpage-poll .ajaxpoll { | ||
padding: 0; | |||
width: 100%; | |||
border: none; | |||
box-shadow: none; | |||
} | } | ||
. | .mainpage-fimg img { | ||
margin: | margin: 0.7em 0 1.15em; | ||
-webkit-filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15)); | |||
filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15)); | |||
} | } | ||
. | .mainpage-fimg .tile-top p:not(.byline) { | ||
font-size: 0.9em; | |||
line-height: 1.8em; | |||
} | } | ||
. | @media only screen and (max-width: 65.999rem) { | ||
.mainpage-recent-updates .tile-halves:last-child { | |||
display: none; | |||
} | } | ||
. | .mainpage-recent-updates .tile-halves:nth-last-child(2) { | ||
margin-right: 0; | |||
} | |||
} | |||
. | .mainpage-recent-updates .tile-top { | ||
. | height: 18vw; | ||
} | |||
} | |||
. | .mainpage-contents .tile-halves:nth-child(1), | ||
. | .mainpage-contents .tile-halves:nth-child(2), | ||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-bottom: 0.9rem; | |||
} | } | ||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-right: 0; | |||
} | } | ||
.mainpage-contents .line-break { | |||
width: 100%; | |||
} | |||
} | |||
.mainpage-skills ul { | |||
columns: 2 9em; | |||
} | } | ||
.mainpage-skills .skill-thieving { | |||
display: none; | |||
} | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-onthisday { | |||
} | display: none; | ||
} | |||
} | } | ||
. | @media only screen and (min-width: 66rem) and (max-width: 81.999rem) { | ||
.mainpage-contents .tile-halves:last-child { | |||
display: none; | |||
} | } | ||
.mainpage-contents .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-contents .line-break { | |||
display: none; | |||
} | |||
} | } | ||
. | @media only screen and (min-width: 82rem) { | ||
.mainpage-header .header-intro { | |||
margin-right: 2em; | |||
} | } | ||
. | .mainpage-contents .line-break { | ||
display: none; | |||
} | } | ||
. | body.wgl-readermode .mainpage-contents .tile-halves:last-child { | ||
display: none; | |||
} | |||
} | |||
body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
} | |||
} | } | ||
.smw-callout-error { | |||
background: # | background-color: #feecea; | ||
border: | border-color: #feecea; | ||
border-left-color: #ee4231; | |||
} | } | ||
# | .smw-callout-info { | ||
border: | background-color: #e5f3fc; | ||
border-color: #e5f3fc; | |||
border-left-color: #3ea6e6; | |||
} | } | ||
# | .smw-callout-success { | ||
background-color: #ecf8e3; | |||
border-color: #ecf8e3; | |||
border-left-color: #6bc71f; | |||
} | } | ||
. | .smw-callout-warning { | ||
background-color: # | background-color: #fef9de; | ||
border: | border-color: #fef9de; | ||
border- | border-left-color: #f9d000; | ||
} | } | ||
. | .property-page-results .header-title { | ||
color: inherit; | |||
} | } | ||
. | .mw-plusminus-pos { | ||
color: #407813; | |||
} | } | ||
. | .mw-plusminus-neg { | ||
color: #b41e0f; | |||
} | } | ||
. | .client-js .mw-changeslist ul, | ||
. | .client-js .mw-changeslist table.mw-enhanced-rc { | ||
margin-left: 0; | |||
} | } | ||
. | .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul, | ||
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc { | |||
margin-left: 1.5em; | |||
} | } | ||
. | .mw-changeslist-legend { | ||
display: none; | |||
} | } | ||
. | .mw-recentchanges-toplinks { | ||
font-size: 0.85em; | |||
} | } | ||
. | .mw-recentchanges-toplinks table { | ||
margin: 3.5em auto 2em; | |||
} | } | ||
. | .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .mw-recentchanges-toplinks table { | ||
margin: 0 auto 1em; | |||
} | } | ||
.mw- | .mw-recentchanges-toplinks th { | ||
text-align: right; | |||
padding-right: 5px; | |||
} | } | ||
. | .mw-recentchanges-toplinks .speedy-delete a, | ||
.mw-recentchanges-toplinks .speedy-move a { | |||
color: #ee4231; | |||
} | } | ||
.mw- | .mw-tag-markers, | ||
.mw-tag-markers a { | |||
font-weight: bold; | |||
} | } | ||
. | .mw-tag-marker-visualeditor a, | ||
.mw-tag-marker-visualeditor-needcheck a { | |||
color: #e49f10; | |||
font-weight: normal; | |||
} | } | ||
#mw-searchoptions table { | |||
margin-right: 0; | |||
} | } | ||
#mw-searchoptions table:nth-child(odd) { | |||
margin: | border-right: 1px solid #172136; | ||
margin-right: 2em; | |||
} | } | ||
#mw-searchoptions table tr td:first-of-type { | |||
font- | font-weight: bold; | ||
} | } | ||
#mw-searchoptions table td { | |||
width: 18vw; | |||
padding: 0; | |||
} | } | ||
#mw-searchoptions h4 { | |||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | |||
} | } | ||
. | .searchresult { | ||
line-height: 1.5; | |||
} | } | ||
. | .searchalttitle, | ||
#mw-search-interwiki li { | |||
font-size: 90%; | |||
} | } | ||
. | .mw-search-result-data { | ||
color: inherit; | |||
opacity: 0.6; | |||
} | } | ||
. | .page-Special_ListFiles a.image img { | ||
width: inherit; | |||
height: inherit; | |||
} | } | ||
. | .page-Special_ListFiles .TablePager_col_thumb { | ||
text-align: center; | |||
} | } | ||
. | .page-Special_NewFiles .thumbimage { | ||
max-height: 212px !important; | |||
max-width: 212px !important; | |||
margin: 0 !important; | |||
} | } | ||
#editcount table[border="1"] { | |||
color: #ffffff; | background-color: #ffffff !important; | ||
margin-top: 0.5em; | |||
} | } | ||
#editcount table[border="1"] th, | |||
#editcount table[border="1"] td { | |||
padding: 0.25em 0.45em; | |||
} | } | ||
#editcount table[border="1"] th { | |||
background: #eeeeee; | |||
border: 1px solid #dcdcdc; | |||
} | } | ||
#editcount table[border="1"] td { | |||
border: 1px solid #e6e6e6; | |||
} | } | ||
#editcount table[border="1"] tr:nth-child(odd) { | |||
background-color: #f9f9f9; | |||
} | } | ||
. | .smwb-title { | ||
background-color: #eeeeee; | |||
border: 1px solid #dcdcdc; | |||
border-bottom: 0; | |||
font-size: 1.6em; | |||
} | } | ||
. | .smwb-title a { | ||
padding: | padding-left: 10px; | ||
} | } | ||
. | .smwb-factbox, | ||
.smwb-ifactbox { | |||
border-collapse: collapse; | |||
border: 0; | |||
} | } | ||
. | .smwb-propvalue .smwb-prophead, | ||
.smwb-ipropvalue .smwb-prophead { | |||
background-color: #f6f6f6; | |||
border: 1px solid #dcdcdc; | |||
font-size: 0.9em; | |||
} | } | ||
. | .smwb-propvalue .smwb-propval, | ||
.smwb-ipropvalue .smwb-propval { | |||
background-color: #ffffff; | |||
border: 1px solid #e6e6e6; | |||
font-size: 0.9em; | |||
} | } | ||
. | .smwb-center { | ||
background-color: #f6f6f6; | |||
border: 1px solid #dcdcdc; | |||
border-top: 0; | |||
padding: 4px 8px; | |||
} | } | ||
. | .smwb-center a { | ||
padding-left: 10px; | |||
padding- | |||
} | } | ||
. | .smwb-bottom { | ||
border-bottom: 0; | |||
} | } | ||
. | .watchlistredir a, | ||
.allpagesredirect a { | |||
color: #888; | |||
font-style: italic; | |||
} | } | ||
. | .not-patrolled { | ||
background: | background-color: #f9f9f9; | ||
border-right: 10px solid #eee; | |||
padding-right: 15px; | |||
} | } | ||
. | .mw-special-AbuseLog .mw-abuselog-details { | ||
. | table-layout: fixed; | ||
width: 100%; | |||
} | } | ||
. | .fileupload-results { | ||
margin-left: 0; | |||
} | } | ||
. | .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget { | ||
background-color: | background-color: inherit; | ||
} | } | ||
. | .rootpage-Help_Editing:not(.action-edit) #firstHeading, | ||
.page-Help_Editing:not(.action-edit) #firstHeading, | |||
.rootpage-Help_Editing:not(.action-edit) #contentSub, | |||
.page-Help_Editing:not(.action-edit) #contentSub, | |||
.rootpage-Help_Editing .mw-parser-output, | |||
.page-Help_Editing .mw-parser-output { | |||
max-width: 60rem; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
.page-Help_Editing:not(.action-edit) #firstHeading, | |||
.page-Help_Editing:not(.action-edit) .mw-redirectedfrom { | |||
display: none; | display: none; | ||
} | } | ||
. | .page-Help_Editing .header-intro { | ||
margin: 2.6em 1.75em; | |||
margin | |||
} | } | ||
. | .page-Help_Editing .header-intro h1 { | ||
margin | font-size: 2.5em; | ||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
.page-Help_Editing .header-intro p { | |||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | } | ||
.page-Help_Editing .tile-halves { | |||
width: 45%; | |||
max-width: 30em; | |||
margin: 0 1em 2em; | |||
} | |||
.page-Help_Images .tile-halves { | |||
width: 45%; | |||
max-width: 30em; | |||
margin: 0 1em 2em; | |||
} | } | ||
/*Guild Profiles*/ | |||
margin- | .rootpage-Guild_JII:not(.action-edit) #firstHeading, | ||
.page-Guild_JII:not(.action-edit) #firstHeading, | |||
.rootpage-Guild_JII:not(.action-edit) #contentSub, | |||
.page-Guild_JII:not(.action-edit) #contentSub, | |||
.rootpage-Guild_JII .mw-parser-output, | |||
.page-Guild_JII .mw-parser-output { | |||
max-width: 60rem; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
.page-Guild_JII:not(.action-edit) #firstHeading, | |||
.page-Guild_JII:not(.action-edit) .mw-redirectedfrom { | |||
display: none; | |||
} | } | ||
.page-Guild_JII .header-intro { | |||
margin: 2.6em 1.75em; | |||
margin | |||
} | } | ||
.page-Guild_JII .header-intro h1 { | |||
font-size: 2.5em; | |||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
. | .page-Guild_JII .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | } | ||
. | .page-Guild_JII .tile-halves { | ||
width: 45%; | |||
margin | max-width: 30em; | ||
margin: 0 1em 2em; | |||
} | } | ||
. | /*GSWiki:Poll Booth*/ | ||
.rootpage-GSWiki_Poll_Booth:not(.action-edit) #firstHeading, | |||
.page-GSWiki_Poll_Booth:not(.action-edit) #firstHeading, | |||
.rootpage-GSWiki_Poll_Booth:not(.action-edit) #contentSub, | |||
.page-GSWiki_Poll_Booth:not(.action-edit) #contentSub, | |||
.rootpage-GSWiki_Poll_Booth .mw-parser-output, | |||
.page-GSWiki_Poll_Booth .mw-parser-output { | |||
max-width: 60rem; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
. | .page-GSWiki_Poll_Booth:not(.action-edit) #firstHeading, | ||
.page-GSWiki_Poll_Booth:not(.action-edit) .mw-redirectedfrom { | |||
display: none; | |||
} | |||
.page-GSWiki_Poll_Booth .header-intro { | |||
margin: 2.6em 1.75em; | |||
} | } | ||
. | .page-GSWiki_Poll_Booth .header-intro h1 { | ||
font-size: 2.5em; | |||
border: none; | |||
margin: 0 0 0.15em; | |||
margin | |||
} | } | ||
. | .page-GSWiki_Poll_Booth .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
line-height: | |||
} | } | ||
. | .page-GSWiki_Poll_Booth .tile-halves { | ||
width: 45%; | |||
max-width: 30em; | |||
margin: 0 1em 2em; | |||
margin | |||
} | } | ||
. | .color-container { | ||
display: flex; | display: flex; | ||
margin: 2em auto; | |||
width: 80%; | |||
max-width: 60em; | |||
} | } | ||
. | .color-column { | ||
flex: 1; | |||
margin-right: 1em; | |||
margin-right: | |||
} | } | ||
. | .color-column:last-child { | ||
margin-right: 0; | |||
} | } | ||
. | .color-column h3 { | ||
padding: 0; | |||
} | } | ||
. | .color-group { | ||
color: #333333; | |||
padding: 1em 1.5em; | |||
transition: 0.2s ease-out; | |||
} | } | ||
. | .color-group:hover { | ||
transform: scale(1.03); | |||
} | } | ||
.color-group.dark { | |||
color: #ffffff; | |||
} | |||
.color-group .variable, | |||
.color-group .hexcode { | |||
font-family: monospace; | |||
font-size: 1.1em; | |||
-webkit-user-select: all; | |||
-moz-user-select: all; | |||
-ms-user-select: all; | |||
user-select: all; | |||
margin: 0; | |||
} | } | ||
. | body.wgl-readermode .color-group .variable, | ||
body.wgl-readermode .color-group .hexcode { | |||
font-size: inherit; | |||
} | } | ||
. | .color-group .variable { | ||
font-weight: bold; | |||
font- | |||
} | } | ||
. | .page-RuneScape_Theme #toc a[href^="#The_quick_brown_fox"] { | ||
display: | display: none; | ||
} | } | ||
. | .forumlist th.forum_title { | ||
padding-left: 25px; | |||
} | } | ||
. | .forumlist td { | ||
padding: 0; | |||
} | } | ||
. | .forumlist td span { | ||
display: block; | |||
padding-left: 15px; | |||
padding | font-size: smaller; | ||
} | } | ||
. | .forumlist td span.forum_author { | ||
padding-left: 30px; | |||
} | } | ||
. | .forumlist td span a { | ||
text-decoration: none; | |||
} | } | ||
. | .forumlist .forum_edited a { | ||
text-decoration: none; | |||
} | } | ||
. | .forumlist .forum_title .forum_new { | ||
font-weight: bold; | |||
background: url('filepath://Forum_new.png') center left no-repeat; | |||
padding-top: 2px; | |||
padding-bottom: 1px; | |||
} | } | ||
. | .forumlist .forum_title a { | ||
padding-left: 25px; | |||
} | } | ||
. | .forumheader { | ||
border-left: 15px solid #ccc; | |||
background-color: #f1f1f1; | |||
margin: 1em 0; | |||
padding: 12px; | |||
padding: | |||
} | } | ||
. | .forumlist td.forum_title a.forum_new:visited { | ||
background: none repeat scroll 0 0 transparent !important; | |||
} | } | ||
. | .forumactiveheader, | ||
.forumarchiveheader, | |||
.forumoldarchives { | |||
background-color: #438ab5; | |||
color: #ffffff; | |||
} | } | ||
. | .forumoldarchives a { | ||
color: #ffffff; | |||
} | } | ||
. | .forumcolumnheader { | ||
background-color: #e6e6e6; | |||
color: #000000; | |||
text-align: left; | |||
padding-left: 5px; | |||
} | } | ||
. | .forumsearchbox { | ||
float: right; | |||
width: auto; | |||
padding: 0.5em; | |||
margin-left: 0.5em; | |||
text-align: center; | |||
font-size: 90%; | |||
background-color: #f1f1f1; | |||
} | } | ||
. | body.ns-110 #ca-talk { | ||
display: none; | |||
} | } | ||
.calc- | .calc-container { | ||
min-width: | display: block; | ||
width: | min-width: 100%; | ||
max-width: | width: 100%; | ||
max-width: 100%; | |||
margin-top: -52px; | |||
column-count: auto; | |||
column-width: 491px; | |||
column-fill: balance; | |||
column-gap: 52px; | |||
column-rule: dashed 1px rgba(137, 142, 152, 0.1); | |||
} | |||
.calc-container .calc-tile-divider:first-child { | |||
margin-bottom: 0px; | |||
} | } | ||
.calc- | body.wgl-stickyheader .calc-container { | ||
margin-top: -92px; | |||
} | } | ||
.calc- | body.wgl-stickyheader .calc-sticky .calc-section-header { | ||
top: 40px; | |||
top: | |||
} | } | ||
.calc- | body.wgl-stickyheader .calc-tile-divider { | ||
margin-bottom: -92px; | |||
} | } | ||
.calc- | body.wgl-stickyheader .calc-tile-container { | ||
padding-top: 118px; | |||
} | } | ||
. | body.wgl-stickyheader .calc-header-title > h2 { | ||
grid-template-rows: 0px 172px; | |||
margin-top: -117px !important; | |||
height: 172px; | |||
} | } | ||
body.wgl-stickyheader .calc-header-title > h2 > span { | |||
grid-template-rows: 117px 55px; | |||
} | } | ||
.calc-section-header { | |||
position: relative; | |||
top: 0px; | |||
padding-top: 1em; | |||
background | background: #fbfbfb; | ||
z-index: 5; | |||
} | } | ||
.calc-section-header > h1 { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
} | } | ||
.calc-sticky .calc-section-header { | |||
position: sticky !important; | |||
} | } | ||
.calc-toc { | |||
padding-top: 13px; | |||
padding-bottom: 13px; | |||
} | } | ||
.calc-toc-section { | |||
position: relative; | |||
display: grid; | |||
grid-template-columns: 144px 1fr; | |||
margin-bottom: 0px; | |||
} | } | ||
.calc-toc-section > p { | |||
grid-column-start: 1; | |||
grid-column-end: span 1; | |||
margin: 0; | |||
line-height: 34px; | |||
text-align: right; | |||
padding-right: 21px; | |||
font-size: 1em; | |||
font-weight: bold; | |||
} | } | ||
# | .calc-toc-dots { | ||
position: absolute; | |||
top: 34px; | |||
bottom: 26px; | |||
right: 0px; | |||
grid-column-start: 1; | |||
grid-column-end: span 1; | |||
border-right: 1px dotted #cccccc; | |||
text-align: right; | |||
margin-right: 29px; | |||
} | } | ||
.calc-toc-list { | |||
grid-column-start: 2; | |||
grid-column-end: span 1; | |||
padding: 0; | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
justify-content: left; | |||
} | } | ||
.calc-toc-list-item { | |||
position: relative; | |||
min-width: 193px; | |||
width: 193px; | |||
# | max-width: 193px; | ||
height: 34px; | |||
margin-right: 8px; | |||
margin-bottom: 8px; | |||
line-height: 34px; | |||
padding-left: 34px; | |||
padding-right: 6px; | |||
color: #ffffff; | |||
text-shadow: 1px 1px #0006; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | } | ||
. | .calc-toc-list-item > a { | ||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
} | } | ||
. | .calc-toc-list-item > img { | ||
position: absolute; | |||
top: 6.5px; | |||
left: 6.5px; | |||
width: 21px; | |||
height: 21px; | |||
} | } | ||
. | .calc-tile-divider { | ||
margin-bottom: -52px; | |||
} | } | ||
. | .calc-tile-container { | ||
display: | display: inline-block; | ||
-webkit-column-break-inside: avoid; | |||
page-break-inside: avoid; | |||
padding- | break-inside: avoid; | ||
padding: 0; | |||
padding-top: 78px; | |||
padding-bottom: 0.25rem; | |||
background: none !important; | |||
width: calc(100% - 2px); | |||
} | } | ||
@supports ( break-inside: avoid-column ) { | |||
.calc-tile-container { | |||
display: block; | |||
} | |||
} | } | ||
. | .calc-header-title { | ||
text-shadow: 1px 1px #0006; | |||
height: 55px; | |||
margin-left: 5px; | |||
grid-column-start: 2; | |||
grid-column-end: span 1; | |||
min-width: 0; | |||
color: rgba(255, 255, 255, 0.9); | |||
z-index: inherit; | |||
} | } | ||
. | .calc-header-title > h2 { | ||
color: inherit !important; | |||
padding: 0; | |||
margin: 0; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
font-size: 21px; | |||
line-height: 55px; | |||
display: grid; | |||
grid-template-rows: 0px 132px; | |||
margin-top: -77px !important; | |||
height: 132px; | |||
} | } | ||
. | .calc-header-title > h2 > span { | ||
display: inline-grid; | |||
grid-template-rows: 77px 55px; | |||
height: 0px; | |||
grid-row-start: 1; | |||
grid-row-end: span 1; | |||
} | } | ||
. | .calc-header-title > h2 > span > span { | ||
grid-row-start: 2; | |||
grid-row-end: span 1; | |||
} | } | ||
. | .calc-header-title > h2 > .mw-headline-headanchor { | ||
grid-row-start: 1; | |||
grid-row-end: span 1; | |||
} | } | ||
. | .calc.tile { | ||
position: relative; | |||
margin: 0; | |||
padding: 0; | |||
min-width: 100%; | |||
height: unset; | |||
z-index: 0; | |||
} | } | ||
. | .calc .keyword { | ||
font-size: 1.125em; | |||
font-size: 1. | font-weight: bold; | ||
font- | |||
} | } | ||
. | .calc-header { | ||
display: | grid-column-start: 1; | ||
grid-column-end: span 2; | |||
grid-row-start: 1; | |||
grid-row-end: span 1; | |||
display: grid; | |||
grid-template-columns: 55px minmax(0, max-content) max-content 1fr 68px; | |||
position: relative; | |||
top: 0; | |||
width: 100%; | |||
height: 55px; | |||
overflow: hidden; | |||
background: transparent; | |||
z-index: 2; | |||
} | } | ||
. | .calc-header-background { | ||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
z-index: 1; | |||
} | } | ||
. | .calc-header-background > img { | ||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
} | } | ||
. | .calc-header-icon { | ||
grid-column-start: 1; | |||
grid-column-end: span 1; | |||
min-width: 55px; | |||
width: 55px; | |||
max-width: 55px; | |||
min-height: 55px; | |||
height: 55px; | |||
max-height: 55px; | |||
z-index: inherit; | |||
} | } | ||
. | .calc-header-icon > img { | ||
object-fit: contain; | |||
min-width: 25px; | |||
width: 25px; | |||
max-width: 25px; | |||
min-height: 25px; | |||
height: 25px; | |||
max-height: 25px; | |||
padding: 15px; | |||
} | } | ||
. | .calc-header-title-semantics { | ||
display: none; | |||
} | } | ||
. | .calc-header-command { | ||
margin-left: 10px; | |||
grid-column-start: 3; | |||
grid-column-end: span 1; | |||
height: 55px; | |||
line-height: 55px; | |||
z-index: inherit; | |||
} | } | ||
. | .calc-list { | ||
grid-column-start: 1; | |||
} | grid-column-end: span 2; | ||
grid-row-start: 2; | |||
grid-row-end: span 1; | |||
padding: 0px; | |||
padding-top: 4px; | |||
padding-bottom: 5.5px; | |||
} | |||
. | .calc-list-item { | ||
width: | position: relative; | ||
margin- | display: grid; | ||
grid-template-columns: [thumb] min-content [main] 1fr [key] max-content; | |||
grid-template-rows: min-content min-content; | |||
width: auto; | |||
padding: 8.5px; | |||
margin: 0; | |||
border-bottom: 1px solid rgba(137, 142, 152, 0.075); | |||
} | } | ||
. | .calc-list-item:last-child { | ||
border-bottom-color: transparent; | |||
} | } | ||
. | .calc-list-item-thumbnail { | ||
margin-top: | grid-column-start: thumb; | ||
grid-column-end: span 1; | |||
grid-row-start: 1; | |||
grid-row-end: span 2; | |||
margin-left: 5.5px; | |||
width: 44px; | |||
height: 52.8px; | |||
margin-right: 14px; | |||
padding-top: 8.5px; | |||
} | } | ||
. | .calc-list-item-thumbnail > img { | ||
min-width: 44px; | |||
width: 44px !important; | |||
max-width: 44px; | |||
min-height: 44px; | |||
height: 44px !important; | |||
max-height: 44px; | |||
object-fit: contain; | |||
object-position: center 0; | |||
grid-row-start: 2; | |||
grid-row-end: span 1; | |||
} | } | ||
. | .calc-list-item-key { | ||
width: | width: 28px; | ||
grid-column-start: key; | |||
grid-column-end: span 1; | |||
margin- | grid-row-start: 1; | ||
grid-row-end: span 1; | |||
margin-left: 8.5px; | |||
} | } | ||
. | .calc-list-item-key > img { | ||
position: absolute; | |||
top: 8.5px; | |||
right: 8.5px; | |||
} | } | ||
. | .calc-list-item-title { | ||
grid-column-start: main; | |||
grid-column-end: span 1; | |||
grid-row-start: 1; | |||
grid-row-end: span 1; | |||
padding-left: 8px; | |||
text-indent: -8px; | |||
} | } | ||
. | .calc-list-item-desc { | ||
grid-column-start: main; | |||
margin- | grid-column-end: span 1; | ||
grid-row-start: 2; | |||
grid-row-end: span 1; | |||
margin-left: 8px; | |||
text-indent: 0px; | |||
} | } | ||
. | .jcConfig, | ||
.jcCookies, | |||
.jcSub { | |||
display: none; | |||
} | } | ||
. | #SkillCalcForm .jcSubmit { | ||
margin: 0 auto; | |||
display: block; | |||
padding-top: 10px; | |||
} | } | ||
# | #slayWeightCalcForm #slayWeightCalcForm-slayWeightCalcResult-master > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button { | ||
padding-left: 2em; | |||
min-height: 2em; | |||
background-position: 0.3em center; | |||
background-size: auto 1.8em; | |||
background-repeat: no-repeat; | |||
padding: | |||
} | } | ||
# | #slayWeightCalcForm [title="Turael/Spria"] { | ||
background-image: url("/images/7/74/Turael_chathead.png?47c6b"); | |||
background | |||
} | } | ||
# | #slayWeightCalcForm [title="Mazchna/Achtryn"] { | ||
background-image: url("/images/c/c0/Mazchna_chathead.png?ad9aa"); | |||
} | } | ||
# | #slayWeightCalcForm [title="Vannaka"] { | ||
background-image: url("/images/4/48/Vannaka_chathead.png?d5d5a"); | |||
} | } | ||
# | #slayWeightCalcForm [title="Chaeldar"] { | ||
background-image: url("/images/7/78/Chaeldar_chathead.png?05f70"); | |||
} | } | ||
# | #slayWeightCalcForm [title="Sumona"] { | ||
background-image: url("/images/c/c6/Sumona_chathead.png?ade4f"); | |||
} | } | ||
# | #slayWeightCalcForm [title="Duradel/Lapalok"] { | ||
background-image: url("/images/1/13/Duradel_chathead.png?67b9b"); | |||
} | } | ||
#slayWeightCalcForm [title="Kuradal"] { | |||
background-image: url("/images/a/a9/Kuradal_chathead.png?3370f"); | |||
} | } | ||
#slayWeightCalcForm [title="Mandrith"] { | |||
background-image: url("/images/a/a1/Mandrith_chathead.png?591f9"); | |||
} | } | ||
#slayWeightCalcForm [title="Morvran"] { | |||
background-image: url("/images/0/06/Morvran_chathead.png?c7318"); | |||
} | } | ||
#slayWeightCalcForm [title="Laniakea"] { | |||
background-image: url("/images/f/f3/Laniakea_chathead.png?bdbe1"); | |||
} | } | ||
. | .gsw-chartjs.gsw-chartjs-config { | ||
display: none; | display: none; | ||
} | } | ||
. | .gsw-chartjs.gsw-chart-error { | ||
font-family: monospace; | |||
} | } | ||
. | .gemw-container { | ||
width: 90%; | |||
max-width: 60em; | |||
margin: 4em auto; | |||
} | } | ||
. | .gemw-header { | ||
display: flex; | |||
border-left-width: 0.25em; | |||
border-left-style: solid; | |||
padding-left: 1em; | |||
margin-bottom: 3em; | |||
} | } | ||
. | .gemw-header.positive { | ||
. | border-color: #6bc71f; | ||
} | } | ||
.gemw-header.negative { | |||
border-color: #ee4231; | |||
} | } | ||
.gemw-header.unchanged { | |||
border-color: #3ea6e6; | |||
} | } | ||
. | .gemw-header .gemw-section-left { | ||
. | flex: 1; | ||
margin-right: 2em; | |||
} | } | ||
.gemw-header .gemw-image { | |||
float: left; | |||
margin: 0.5em 1em 0 0; | |||
} | } | ||
. | .gemw-header .gemw-name { | ||
. | font-size: 1.15em; | ||
font-weight: bold; | |||
margin-bottom: 0; | |||
} | } | ||
. | .gemw-header .gemw-name a { | ||
color: #444e5a; | |||
} | } | ||
. | .gemw-header .gemw-examine { | ||
color: #949eaa; | color: #949eaa; | ||
margin: | font-size: 1.05em; | ||
font-style: italic; | |||
margin-bottom: 0; | |||
} | } | ||
.gemw-header .gemw-price { | |||
display: inline-block; | |||
font-size: | font-size: 2.75em; | ||
font-weight: bold; | |||
} | } | ||
.gemw-header .gemw-price::after { | |||
content: ' coins'; | |||
color: #949eaa; | |||
font-size: 1rem; | |||
font-weight: normal; | |||
word-spacing: 0.25em; | |||
} | } | ||
.gemw-header .gemw-change { | |||
display: inline-block; | |||
margin- | font-size: 1rem; | ||
font-weight: bold; | |||
margin-left: 2em; | |||
word-spacing: 0.5em; | |||
} | } | ||
.gemw-header .gemw-change img { | |||
vertical-align: baseline; | |||
} | } | ||
.gemw-header .gemw-section-right { | |||
text-align: right; | |||
} | } | ||
.gemw-header .gemw-updated { | |||
line-height: 1.5em; | |||
} | } | ||
.gemw-header .gemw-time { | |||
font-weight: bold; | |||
} | } | ||
.gemw-body { | |||
display: flex; | |||
} | } | ||
.gemw-body .gemw-section-left { | |||
width: | width: 40%; | ||
margin-right: 2em; | |||
} | } | ||
.gemw-body .gemw-section-left dl { | |||
margin- | display: flex; | ||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
margin-bottom: -1.25em; | |||
} | } | ||
.gemw-body .gemw-section-left > div { | |||
margin-top: 2em; | |||
} | } | ||
.gemw-body .gemw-section-left a { | |||
color: #949eaa; | |||
} | } | ||
.gemw-body .gemw-property { | |||
width: 30%; | |||
border-top: 0.15em dotted #e4eaee; | |||
padding-top: 0.25em; | |||
margin-bottom: 1.5em; | |||
} | } | ||
. | .gemw-body .gemw-property dt { | ||
font- | color: #949eaa; | ||
font-weight: normal; | |||
} | } | ||
. | .gemw-body .gemw-property dd { | ||
font-weight: bold; | |||
margin: -0.25em 0 0; | |||
} | } | ||
. | .gemw-body .gemw-links { | ||
color: #949eaa; | |||
margin-bottom: 0.35em; | |||
margin-bottom: | |||
} | } | ||
.gemw-body .gemw-section-right { | |||
width: 60%; | |||
} | } | ||
del[data-diff-action='remove'], | .gemw-body .gemw-section-right .highcharts-container { | ||
[data-diff-action='remove'] > del { | border: 1px solid #e4eaee; | ||
text-decoration: initial; | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | ||
} | |||
#overlay { | |||
background-attachment: scroll; | |||
background-color: #000; | |||
background-image: none; | |||
background-position: 0 0; | |||
background-repeat: repeat; | |||
border-width: 0; | |||
display: none; | |||
height: 2500px; | |||
left: 0; | |||
margin: 0; | |||
opacity: 0.7; | |||
padding: 0; | |||
position: fixed; | |||
top: 0; | |||
width: 100%; | |||
z-index: 50; | |||
-moz-background-clip: -moz-initial; | |||
-moz-background-origin: -moz-initial; | |||
-moz-background-inline-policy: -moz-initial; | |||
} | |||
#modal, | |||
#GEchartpopup { | |||
background: #fff; | |||
border: 3px solid #000; | |||
color: #000; | |||
font-size: 10pt; | |||
left: 0; | |||
padding: 10px; | |||
position: fixed; | |||
top: 150px; | |||
width: 975px; | |||
z-index: 52; | |||
} | |||
#GEchartpopup { | |||
min-width: 700px; | |||
min-height: 525px; | |||
width: 85%; | |||
height: 80%; | |||
left: 7%; | |||
top: 10%; | |||
overflow: auto; | |||
} | |||
#GEchartpopup #closepopup { | |||
float: right; | |||
margin-bottom: 5px; | |||
z-index: 100; | |||
} | |||
#GEchartpopup #itemstats { | |||
bottom: 50px; | |||
font-size: 11px; | |||
position: absolute; | |||
right: 45px; | |||
width: 200px; | |||
z-index: 10; | |||
} | |||
#GEchartpopup #itemstats caption { | |||
cursor: pointer; | |||
text-align: right; | |||
} | |||
#GEpopupchart { | |||
height: 500px; | |||
margin-right: 100px; | |||
} | |||
.highcharts-container .highcharts-range-selector { | |||
font-size: 11px; | |||
} | |||
.GEPermLink { | |||
float: right; | |||
font-size: 14px; | |||
} | |||
.GEPermLink ~ .GEdatachart { | |||
clear: right; | |||
} | |||
form[id^="chartProperties"] button { | |||
margin: 3px; | |||
} | |||
.smallChart .highcharts-range-selector { | |||
display: none; | |||
} | |||
.smallChart .highcharts-button title + rect { | |||
display: none; | |||
} | |||
.smallChart .highcharts-title { | |||
white-space: nowrap !important; | |||
} | |||
.smallChart .zoomButton, | |||
.smallChart svg > text:first-of-type, | |||
.smallChart .highcharts-input-group { | |||
display: none; | |||
} | |||
.smallChart .highcharts-scrollbar, | |||
.mediumChart .highcharts-scrollbar { | |||
display: none; | |||
} | |||
#gsw-exchange-overlay .oo-ui-popupWidget-anchor { | |||
z-index: 101; | |||
} | |||
#gsw-exchange-overlay .oo-ui-labelElement-label { | |||
font-weight: bold; | |||
} | |||
.oo-ui-textInputWidget input, | |||
.oo-ui-textInputWidget > .oo-ui-labelElement-label { | |||
line-height: initial; | |||
} | |||
body.wgl-stickyheader .oo-ui-defaultOverlay, | |||
body.wgl-stickyheader.skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog, | |||
body.wgl-stickyheader.skin-vector .ve-ui-overlay-global { | |||
z-index: 501; | |||
} | |||
.oo-ui-image-destructive.oo-ui-icon-clear, | |||
.mw-ui-icon-clear-destructive::before { | |||
background-image: url(/load.php?format=rasterized&image=clear&lang=en-gb&modules=oojs-ui.styles.icons-interactions&skin=vector&variant=destructive&version=1xdd7g0); | |||
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23d33%22%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24l-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z%22/%3E%3C/g%3E%3C/svg%3E"); | |||
} | |||
.gs-ex-modal .oo-ui-window-frame { | |||
width: 600px !important; | |||
height: 540px !important; | |||
} | |||
.gs-ex-modal .oo-ui-flaggedElement-primary { | |||
margin-left: 15px; | |||
} | |||
#gs-ex-status { | |||
color: #949eaa; | |||
margin: 10px 15px 5px; | |||
} | |||
#gs-ex-form .oo-ui-fieldsetLayout-header { | |||
font-family: 'PT Serif', 'Palatino', 'Georgia', serif; | |||
font-size: 1.3em; | |||
margin: 0 15px 10px; | |||
} | |||
#gs-ex-form .oo-ui-fieldsetLayout-group { | |||
margin-bottom: 15px; | |||
} | |||
#gs-ex-form .oo-ui-fieldLayout-header { | |||
width: 15%; | |||
margin-right: 23px; | |||
} | |||
#gs-ex-form .oo-ui-fieldLayout-field { | |||
width: 70%; | |||
} | |||
#gs-ex-form .oo-ui-fieldLayout-help { | |||
margin-right: 1em; | |||
margin-left: -1.8em; | |||
} | |||
#gs-ex-icon .oo-ui-labelElement-label { | |||
padding-right: 0; | |||
} | |||
#gs-ex-icon .oo-ui-inputWidget-input { | |||
padding-left: 33px !important; | |||
} | |||
#repairForm { | |||
padding: 7px; | |||
} | |||
#repairForm .oo-ui-fieldLayout-header { | |||
width: 45%; | |||
} | |||
#repairForm .oo-ui-fieldLayout-header .oo-ui-labelElement-label { | |||
margin-top: 3px; | |||
} | |||
#repairForm .oo-ui-fieldLayout-field { | |||
width: 50%; | |||
} | |||
#repairForm .jsCalc-field-submit .oo-ui-buttonElement, | |||
#repairForm .jsCalc-field-autosubmit .oo-ui-toggleSwitchWidget { | |||
margin: 0 auto; | |||
display: block; | |||
padding-top: 5px; | |||
} | |||
#repairForm .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { | |||
display: none; | |||
} | |||
.ve-ui-overlay { | |||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | |||
} | |||
.ve-ui-mwSaveDialog-license { | |||
line-height: 1.65em; | |||
} | |||
.ve-ui-mwSaveDialog-savePanel .mw-summary-preview { | |||
border-bottom: 1px solid #cccccc; | |||
line-height: 1.65em; | |||
padding-bottom: 1em; | |||
margin-bottom: 1.5em; | |||
} | |||
[data-diff-action='remove'], | |||
table[data-diff-action='remove'] > caption, | |||
figure[data-diff-action='remove'] > figcaption { | |||
background: #fbc0ba !important; | |||
box-shadow: 0 0 0 1px #fbc0ba; | |||
} | |||
del[data-diff-action='remove'], | |||
[data-diff-action='remove'] > del { | |||
text-decoration: initial; | |||
} | |||
[data-diff-action='insert'], | |||
table[data-diff-action='insert'] > caption, | |||
figure[data-diff-action='insert'] > figcaption { | |||
background: #c3e8a3 !important; | |||
box-shadow: 0 0 0 1px #c3e8a3; | |||
} | |||
.qc-in-progress { | |||
display: inline-block; | |||
background: #f9d000; | |||
width: 0.75em; | |||
height: 0.75em; | |||
border-radius: 50%; | |||
} | |||
.qc-table .mission-completed { | |||
background-color: #c3e8a3; | |||
} | |||
.qc-table .mission-started { | |||
background-color: #fcea94; | |||
} | |||
.seealso { | |||
margin: 0.8em 1.6em; | |||
font-style: italic; | |||
} | |||
.seealso + .seealso { | |||
margin-top: -0.8em; | |||
} | |||
.level-up-table td li { | |||
padding: 0 10px 0 10px; | |||
} | |||
.level-up-table ul { | |||
list-style-type: disc; | |||
} | |||
.level-up-table .lvlupmem { | |||
background: #f6ab58; | |||
color: #582e00; | |||
} | |||
.level-up-table .lvlupfree { | |||
background: #98e553; | |||
color: #245200; | |||
} | |||
.navbox .perk-link img { | |||
padding: 2.5px 0 0 0 !important; | |||
border-spacing: 2px !important; | |||
} | |||
.sic { | |||
color: #15F; | |||
font-style: italic; | |||
cursor: help; | |||
border-bottom: dotted 1px black; | |||
} | |||
.nowraplinks a { | |||
white-space: nowrap; | |||
} | |||
.boldlinks a { | |||
font-weight: bold; | |||
} | |||
.center, | |||
.centre { | |||
display: block; | |||
text-align: center; | |||
} | |||
.center table, | |||
table.center, | |||
.centre table, | |||
table.centre { | |||
margin: 0 auto; | |||
} | |||
.right table, | |||
span.right { | |||
float: right; | |||
} | |||
.left table, | |||
span.left { | |||
float: left; | |||
} | |||
.small { | |||
font-size: smaller; | |||
} | |||
.non-mobile-hide { | |||
display: none; | |||
} | |||
.sg-red, | |||
.nocell { | |||
background: #ecccc6; | |||
color: #861c10; | |||
} | |||
.sg-yellow, | |||
.maybecell { | |||
background: #f3f0b0; | |||
color: #6e5d45; | |||
} | |||
.sg-green, | |||
.yescell { | |||
background: #c3ebc5; | |||
color: #506553; | |||
} | |||
.sg-red a, | |||
.sg-yellow a, | |||
.sg-green a, | |||
.nocell a, | |||
.maybecell a, | |||
.yescell a { | |||
color: #04f; | |||
} | |||
ul.smalllistmargin, | |||
.smalllistmargin ul, | |||
ol.smalllistmargin, | |||
.smalllistmargin ol { | |||
margin-left: 1.5em; | |||
} | |||
#spreport { | |||
border: 1px solid #808080; | |||
padding: 10px; | |||
text-align: center; | |||
} | |||
.mw-dismissable-notice-close-parent { | |||
min-height: 1em; | |||
} | |||
.rcsitenotice-dismiss { | |||
float: right; | |||
font-weight: normal; | |||
} | |||
table.wikitable + table.wikitable { | |||
margin-top: -1px; | |||
} | |||
#file img, | |||
table.filehistory img { | |||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat; | |||
} | |||
table.filehistory button img, | |||
#file button img { | |||
background: none; | |||
} | |||
.catlinks { | |||
background: #ffffff; | |||
border: 1px solid #e4eaee; | |||
padding: 8px 15px; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.ns-0 #charmguide + div + form .mw-summary, | |||
.ns-0 #charmguide + div + form .module_content { | |||
display: none; | |||
} | |||
#mw-content-text q:before { | |||
content: open-quote; | |||
} | |||
#mw-content-text q:after { | |||
content: close-quote; | |||
} | |||
td.famtreesub { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
td.famtreesub table { | |||
border-spacing: 0; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
td.famtreesub table td { | |||
height: 1em; | |||
width: 1em; | |||
} | |||
td.famtreeleaf { | |||
background: #dfdfdf; | |||
padding: 0.2em; | |||
} | |||
.status-active { | |||
background-color: #98e553; | |||
color: #245200; | |||
} | |||
.status-active a { | |||
color: inherit !important; | |||
} | |||
.status-inactive { | |||
background-color: #ececec; | |||
color: #777777; | |||
} | |||
.status-inactive a { | |||
color: inherit !important; | |||
} | |||
.clickpic a.image { | |||
margin-left: 2px !important; | |||
margin-right: 2px !important; | |||
line-height: 34px; | |||
vertical-align: middle; | |||
} | |||
.TH_Gem-common img, | |||
.TH_Gem-fairly-common img, | |||
.TH_Gem-rare img, | |||
.TH_Gem-uncommon img, | |||
.TH_Gem-very-rare img, | |||
.TH_Gem-none img { | |||
image-rendering: pixelated; | |||
} | |||
.accent { | |||
background-color: transparent !important; | |||
} | |||
.smwprops { | |||
width: 80% !important; | |||
max-width: 500px; | |||
white-space: nowrap; | |||
overflow: auto; | |||
display: inline-block; | |||
} | |||
.prewrap p { | |||
white-space: pre-wrap; | |||
} | |||
.mw-editsection, | |||
.mw-editsection-like { | |||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | |||
} | |||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |||
.inventory-image { | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: pixelated; | |||
image-rendering: crisp-edges; | |||
} | |||
.navbox .inventory-image { | |||
image-rendering: auto; | |||
} | |||
} | |||
.update-redirect { | |||
text-align: center; | |||
background: #fffbf1; | |||
border: 1px solid #909090; | |||
font-weight: 600; | |||
font-size: 2em; | |||
line-height: 1em; | |||
padding: 1em; | |||
color: #000 !important; | |||
} | |||
.update-redirect.nuke { | |||
margin-bottom: 25%; | |||
} | |||
.text-red { | |||
color: #c22010; | |||
} | |||
.text-orange { | |||
color: #bf6007; | |||
} | |||
.text-yellow { | |||
color: #ad9000; | |||
} | |||
.text-green { | |||
color: #478515; | |||
} | |||
.text-blue { | |||
color: #1980bf; | |||
} | |||
.text-purple { | |||
color: #5c2dbb; | |||
} | |||
.text-pink { | |||
color: #dd32b8; | |||
} | |||
.text-gray, | |||
.text-grey { | |||
color: #6b7787; | |||
} | |||
body.wgl-darkmode-transition, | |||
.wgl-darkmode-transition * { | |||
transition-property: all; | |||
transition-duration: 1s; | |||
} | |||
.page-Special_CreateAccount .firstHeading, | |||
.page-Special_UserLogin .firstHeading { | |||
width: 32rem; | |||
margin: 1.5em auto 0.4em; | |||
} | |||
.page-Special_CreateAccount #contentSub, | |||
.page-Special_UserLogin #contentSub { | |||
display: none; | |||
} | |||
.page-Special_CreateAccount .mw-ui-container, | |||
.page-Special_UserLogin .mw-ui-container { | |||
width: 32rem; | |||
margin: 3em auto; | |||
} | |||
.page-Special_CreateAccount .mw-ui-container #userloginForm, | |||
.page-Special_UserLogin .mw-ui-container #userloginForm { | |||
float: unset; | |||
margin: 0; | |||
} | |||
.page-Special_CreateAccount .mw-ui-container .mw-ui-vform, | |||
.page-Special_UserLogin .mw-ui-container .mw-ui-vform { | |||
margin: 2.5em auto 0; | |||
width: 22rem; | |||
} | |||
#signupstart, | |||
#userloginprompt { | |||
border: 1px solid #e4eaee; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: 1.5em 2em 1em; | |||
} | |||
#userloginForm label { | |||
display: block; | |||
margin-bottom: 0.25em; | |||
} | |||
#userloginForm label[for="mw-input-captchaWord"] { | |||
margin-bottom: 0.5em; | |||
} | |||
.signup-realname-tip { | |||
color: #656565; | |||
font-size: 0.9em; | |||
margin: -0.75em 0 0.75em; | |||
} | |||
.mw-createacct-benefits-container { | |||
display: none; | |||
} | |||
/*Mod Stores*/ | |||
.mod_container { | |||
margin-top: 10px; | |||
border: 1px solid #ececec; | |||
padding: 10px; | |||
color: #fff; | |||
background-color: #0c191d; | |||
min-height: 120px; | |||
} | |||
.mod-right-corner { | |||
float: right; | |||
font-size: 10pt; | |||
text-align: right; | |||
color: #dfdcdc; | |||
} | |||
.mod_details { | |||
margin-top: 0; | |||
padding-top: 5px; | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
padding-bottom: 5px; | |||
background-color: #ececec; | |||
color: #000; | |||
font-size: 10pt; | |||
} | |||
/*Infobox Mod*/ | |||
.modinfo_container { | |||
margin-top: 10px; | |||
border: 1px solid #ececec; | |||
padding: 10px; | |||
color: #fff; | |||
background-color: #0c191d; | |||
min-height: 120px; | |||
width: 50%; | |||
justify-content: center; | |||
} | |||
.modinfo-right-corner { | |||
float: right; | |||
font-size: 10pt; | |||
text-align: right; | |||
color: #dfdcdc; | |||
} | |||
.modinfo_details { | |||
margin-top: 0; | |||
padding-top: 5px; | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
padding-bottom: 5px; | |||
background-color: #ececec; | |||
color: #000; | |||
font-size: 10pt; | |||
width: 50%; | |||
justify-content: center; | |||
} | |||
.modinfohr{ | |||
color:#000000; | |||
} | |||
/*Missionbox*/ | |||
.main_viewer { | |||
border-style: solid; | |||
border-width: 1px; | |||
border-color: #4b6870; | |||
background-color: rgb(12,29,25,.5); | |||
padding: 0; | |||
margin-top: 20px; | |||
font-family: axia-stencil,sans-serif; | |||
font-weight: 300; | |||
font-style: normal; | |||
color: #9e9c9c; | |||
text-transform: uppercase; | |||
} | |||
.main_viewer_fill { | |||
background-color: rgb(12,29,25,.95); | |||
padding-bottom: 0px; | |||
margin-bottom: 5px; | |||
Z-index:0; | |||
} | |||
.mission_banner { | |||
color: #fff; | |||
padding: 5px 10px; | |||
text-decoration: none; | |||
margin-bottom: 5px; | |||
border: none; | |||
text-align: right; | |||
font-family: axia-stencil,sans-serif; | |||
font-weight: 900; | |||
font-style: normal; | |||
text-transform: uppercase; | |||
height: 125px; | |||
Z-index:1; | |||
} | |||
.mission_name { | |||
font-size:20pt; | |||
font-weight: 100; | |||
text-align: left; | |||
vertical-align: bottom; | |||
color: #fff !important; | |||
position: relative; | |||
bottom: -81; left: 0; | |||
} | |||
.backstyle{ | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: auto; | |||
background-size: cover; | |||
height:130px; | |||
position: relative; | |||
} | |||
/*Style of Mission Descriptions*/ | |||
.descstyle{ | |||
font-size:11pt; | |||
padding-bottom:5px; | |||
color:white; | |||
} | |||
.deschr{ | |||
clear:both; | |||
margin-top:15px; | |||
} | |||
/*TEMPLATE:MISSIONBOX*/ | |||
.gem{ | |||
background-image: url("https://wiki.geministation.com/images/0/06/Gem_space.png"); /* [[File:Gem space.png]] */ | |||
} | |||
.earth_space{ | |||
background-image: url("https://wiki.geministation.com/images/5/57/Earth-space.png"); /* [[File:Earth-space.png]] */ | |||
} | |||
.earth{ | |||
background-image: url("https://wiki.geministation.com/images/1/1e/Earth.png"); /* [[File:Earth.png]] */ | |||
} | |||
.mars_space{ | |||
background-image: url("https://wiki.geministation.com/images/4/49/Mars_space.png") /* [[File:Mars space.png]] */ | |||
} | |||
.mars{ | |||
background-image: url("https://wiki.geministation.com/images/d/de/Mars.png"); /* [[File:Mars.png]] */ | |||
} | |||
.jupiter_space{ | |||
background-image: url("https://wiki.geministation.com/images/d/d1/Jupiter_space.png"); /* [[File:Jupiter space.png]] */ | |||
} | |||
.mercury_space{ | |||
background-image: url(""); | |||
} | |||
.eris_space{ | |||
background-image: url("https://wiki.geministation.com/images/b/b3/Eris.png"); /* [[File:Eris.png]] */ | |||
} | |||
.explosion{ | |||
background-image: url("https://wiki.geministation.com/images/0/09/Explosion.png"); /* [[File:Explosion.png]] */ | |||
} | |||
.northernlights{ | |||
background-image: url("https://wiki.geministation.com/images/3/35/Northern_lights.png"); /* [[File:Northern lights.png]] */ | |||
} | |||
.venus{ | |||
background-image: url(""); | |||
} | |||
/*Guild Profile Tiles*/ | |||
.guild-pf { | |||
display: flex; | |||
flex-flow: row wrap; | |||
border: 1px solid #e4eaee; | |||
background: #ffffff; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.guild-pf h2 { | |||
font-size: 1.4em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.4em; | |||
} | |||
.guild-pf .byline + h2 { | |||
margin-top: -0.5em; | |||
} | |||
.guild-pf { | |||
width: 100%; | |||
padding: 1.3rem 1.5rem 0.6rem; | |||
} | |||
/*Future Content - Main Page*/ | |||
.tile.big-tile.futurecontent { | |||
background: url("https://wiki.geministation.com/images/4/48/GeminiSpace.png") right / 100% auto no-repeat #ffffff; /* [[File:GeminiSpace.png]] */ | |||
padding: 1.5em 2em 1em; | |||
text-align: center; | |||
} | |||
.tile.big-tile.futurecontent img { | |||
width: auto; | |||
height: auto; | |||
max-width: 100%; | |||
max-height: 200px; | |||
} | |||
.tile.big-tile.futurecontent h3#arch-countdown { | |||
font-size: 2em; | |||
} | |||
/*Custom Fonts*/ | |||
@font-face { | |||
font-family: axia-stencil, sans-serif; | |||
font-style: normal; | |||
font-weight: 300; | |||
} | |||
/*Timeline*/ | |||
.timeline { | |||
background:#fff; | |||
position: relative; | |||
box-shadow: 0.5rem 0.5rem 2rem 0 rgba(black, 0.2); | |||
content-align:center; | |||
margin: auto; | |||
width: 65%; | |||
} | |||
.timeline::before { | |||
content: ''; | |||
position: absolute; | |||
top: 0px; | |||
left:calc(31% + 15px); | |||
bottom: 0px; | |||
width: 4px; | |||
background: #ddd; | |||
} | |||
.timeline::after { | |||
content: ""; | |||
display: table; | |||
clear: both; | |||
} | |||
.timeentry { | |||
clear: both; | |||
text-align: left; | |||
position: relative; | |||
} | |||
.timetitle{ | |||
margin-bottom: .5em; | |||
float: left; | |||
width: 30%; | |||
padding-right: 36px; | |||
text-align: right; | |||
position: relative; | |||
} | |||
#th3 { | |||
margin: 0; | |||
font-size: 120%; | |||
} | |||
#tp{ | |||
margin: 0; | |||
font-size: 100%; | |||
} | |||
.timebody { | |||
float: left; | |||
width: 50%; | |||
padding-top:16.5px; | |||
padding-left: 36px; | |||
text-align: left; | |||
} | |||
.timebody p { | |||
line-height: 1.4em; | |||
} | |||
.timebody p:first-child { | |||
margin-top: 0; | |||
font-weight: 400; | |||
} | |||
.timebody ul { | |||
color:#aaa; | |||
padding-left: 0; | |||
list-style-type: none; | |||
} | |||
.timebody li:before { | |||
content: "âÃÂÃÂ"; | |||
margin-right: .5em; | |||
} | |||
.context { | |||
outline-color: #aeb6bb; | |||
outline-style: solid; | |||
outline-width: 1px; | |||
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25); | |||
padding: 10px; | |||
margin: 10px auto 20px; | |||
max-width: 600px; | |||
} | |||
/*Template:Achievement*/ | |||
.achievement-overlay { | |||
font-size: 15pt; | |||
color: white; | |||
padding: 10px; | |||
border: 1px solid #4b5968; | |||
margin-bottom: 5px; | |||
background-color: #13171b; | |||
font-family: axia-stencil,sans-serif!important; | |||
text-align: left; | |||
min-height: 71px; | |||
width:33.33333333%; | |||
box-sizing: border-box; | |||
} | |||
.mw-collapsiblenpc.mw-collapsed { | |||
min-width: 25px; | |||
} | |||
.eu4box .mw-collapsiblenpc-toggle { float:none; } | |||
.collapse-template .mw-collapsiblenpc-toggle { | |||
float: none; | |||
} | |||
.collapse-template .mw-collapsiblenpc-content[style="display: block;"] { | |||
padding: 15px 0px 0px 0px; | |||
border: 1px dashed #EEE; | |||
} | |||
.infobox .wikitable.mw-collapsiblenpc { | |||
margin: -1px; | |||
width: calc(100% + 2px) !important; | |||
} | |||
.mw-collapsible .mw-collapsiblenpc-toggle { | |||
font-weight: normal; | |||
margin-left: 0.5em; | |||
} | |||
/* Displaybox colors */ | |||
.displaybox { | |||
border: 2px solid #0e4339; | |||
background: #2e7b6d; | |||
} | |||
.displaybox .heading { | |||
background: #0e4339; | |||
} | |||
.displaybox-inline { | |||
border: 2px solid #E4EAEE; | |||
background: #FDFDFD !important; | |||
} | |||
.displaybox-inline .heading { | |||
background: #1D8673; | |||
} | |||
.userpoints_white{ | |||
background-color: black; | |||
border: 4px double #C0C0C0; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints_green{ | |||
background-color: black; | |||
border: 4px double #048000; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints_blue{ | |||
background-color: black; | |||
border: 4px double #0B33CB; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints_purple{ | |||
background-color: black; | |||
border: 4px double #9702C6; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints_orange{ | |||
background-color: black; | |||
border: 4px double #FFA500; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints_gold{ | |||
background-color: black; | |||
border: 4px double #D4AF37; | |||
-moz-border-radius: 0em 2em 0em 2em; | |||
-webkit-border-radius: 0em 2em 0em 2em; | |||
font-family: Verdana; | |||
} | |||
.userpoints .white { | |||
} | |||
.userpoints .green { | |||
border: 4px double #048000; | |||
} | |||
.userpoints .blue { | |||
border: 4px double #0B33CB; | |||
} | |||
.userpoints .purple { | |||
border: 4px double #9702C6; | |||
} | |||
.userpoints .orange { | |||
border: 4px double #FFA500; | |||
} | |||
.userpoints .gold { | |||
border: 4px double #D4AF37; | |||
} | |||
.wikilogo { | |||
border-radius:50% 50% 50% 50%; | |||
background-image: url("https://wiki.geministation.com/images/3/35/WikiLogo.png"); | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
width:50px; | |||
height:50px; | |||
} | |||
.mainpage-events .tile-top { | |||
background-color: #4f348b; | |||
color: #fff; | |||
padding-bottom: 0; | |||
} | |||
.mainpage-events .tile-top h2 { | |||
margin-bottom: 0; | |||
padding-bottom: 0; | |||
} | |||
.mainpage-events .tile-top a, | |||
.mainpage-events .tile-top a:visited, | |||
.mainpage-events .tile-top h2 a { | |||
color: rgba(255, 255, 255, 0.9); | |||
text-decoration: none; | |||
} | |||
.mainpage-events .tile-top .note { | |||
color: rgba(255, 255, 255, 0.5); | |||
font-style: italic; | |||
} | |||
.mainpage-events .tile-top .note a, | |||
.mainpage-events .tile-top .note a:visited { | |||
color: rgba(255, 255, 255, 0.5); | |||
} | |||
.mainpage-events .tile-top ul { | |||
list-style: none; | |||
margin-top: 1em; | |||
margin-left: 0; | |||
} | |||
.mainpage-events .tile-top li { | |||
padding-bottom: 0.6em; | |||
overflow: auto; | |||
} | |||
.mainpage-events .tile-top li img { | |||
max-width: 32px; | |||
width: auto; | |||
height: auto; | |||
} | |||
.mainpage-events .tile-top li a:hover, | |||
.mainpage-events .tile-top li a:focus { | |||
text-decoration: underline; | |||
} | |||
.mainpage-events .tile-top li a { | |||
float: left; | |||
} | |||
.mainpage-events .tile-top li a:first-child { | |||
width: 30px; | |||
} | |||
.mainpage-events .tile-top li a:last-child { | |||
padding-left: 1.5em; | |||
line-height: 1.5; | |||
} | |||
.mainpage-events .tile-bottom { | |||
border: none; | |||
padding: 1em 1.75em; | |||
background-color: #3d276b; | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
body.wgl-darkmode .mainpage-events .tile-bottom { | |||
background-color: #3d276b; | |||
color: #fff; | |||
} | |||
.mainpage-events .tile-bottom a, | |||
.mainpage-events .tile-bottom a:visited { | |||
color: #fff; | |||
text-decoration: none; | |||
} | |||
.mainpage-events .tile-bottom .arrow { | |||
margin-left: 0.2em; | |||
} | |||
.news-embed { | |||
border-left: 20px #a9a9a9 solid; | |||
box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.25); | |||
margin: auto; | |||
max-width: 500px; | |||
text-align: center; | |||
padding: 20px 40px; | |||
} | } | ||
.news-embed.reddit { | |||
border-left-color: #ff5516; | |||
} | } | ||
. | .news-embed.twitter { | ||
border-left-color: #1da1f2; | |||
} | } | ||
#pt-gsnews { | |||
order: -2; | |||
} | } | ||
. | /****************** | ||
* Sliding gallery * | |||
*******************/ | |||
.sliding-gallery { | |||
max-width:100%; | |||
display:flex; | |||
flex-direction:row; | |||
align-items:center; | |||
} | } | ||
. | .sliding-gallery--buttons { | ||
display:flex; | |||
flex-direction:column; | |||
} | } | ||
. | .sliding-gallery--button { | ||
background:var(--accent-color); | |||
color:#fff; | |||
border:none; | |||
font-weight:bold; | |||
font-size:2em; | |||
height:1.75em; | |||
width:1.75em; | |||
margin:5px; | |||
cursor:pointer; | |||
} | } | ||
. | .sliding-gallery--button:hover { | ||
box-shadow:inset 0 0 0.5em 0.05em rgba(0,0,0,0.75); | |||
} | } | ||
. | .sliding-gallery > .gallery { | ||
overflow-x:scroll; | |||
display:flex; | |||
scrollbar-width:none; /* Firefox */ | |||
} | } | ||
.sliding-gallery > .gallery::-webkit-scrollbar{ | |||
. | display:none; /* Other browsers */ | ||
} | } | ||
/********************** | |||
* End sliding gallery * | |||
***********************/ | |||
. | /****************** | ||
* Main page stuff * | |||
*******************/ | |||
.page-User_Mr_Pie_5_Sandbox { | |||
--sidebar-width:0em; | |||
--search-width:55em; | |||
--head-border-height:0px; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #mw-panel nav { | ||
font-size:0; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #content { | ||
padding:0; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox.action-view #content { | ||
background:none; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox h1#firstHeading, | ||
. | .page-User_Mr_Pie_5_Sandbox #contentSub, | ||
.page-User_Mr_Pie_5_Sandbox #n-Discord { | |||
display:none; | |||
} | } | ||
. | .mp-divider { | ||
height:10px; | |||
background:var(--accent-color); | |||
} | } | ||
. | .mp-button.top { | ||
margin-left:20px; | |||
} | } | ||
. | .mp-button a, | ||
.mp-button a:visited { | |||
background:var(--accent-color); | |||
padding:10px; | |||
color: #fff; | |||
font-weight:bold; | |||
font-size:0.75em; | |||
text-transform: uppercase; | |||
} | } | ||
. | /* MP-featured */ | ||
#mp-featured { | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content: space-evenly; | |||
column-gap:10px; | |||
row-gap: 10px; | |||
background-color:rgba(241,248,251,0.25); | |||
padding:10px; | |||
margin:20px; | |||
border-radius:10px; | |||
} | } | ||
. | .mp-featured--item { | ||
flex:0 1 24%; | |||
min-width:300px; | |||
position:relative; | |||
border-radius:10px; | |||
overflow:clip; | |||
} | } | ||
. | .mp-featured--image img { | ||
width:100%; | |||
height:auto; | |||
border-radius:10px; | |||
} | } | ||
. | .mp-featured--text { | ||
padding:5px; | |||
width:calc(100% - 10px); | |||
position:absolute; | |||
bottom:0; | |||
background-color:#0A1420; | |||
color:#aaa; | |||
font-size:0.7em; | |||
min-height:6em; | |||
} | } | ||
. | .mp-featured--title { | ||
color:#f5f5f5; | |||
font-weight:bold; | |||
font-size: 1.3em; | |||
} | } | ||
. | .mp-featured--link { | ||
position:absolute; | |||
height:100%; | |||
width:100%; | |||
z-index:2; | |||
} | } | ||
.mp-featured--link a { | |||
display:block; | |||
height:100%; | |||
width:100%; | |||
font-size:0; | |||
} | } | ||
/* MP-big links */ | |||
#mp-big-links { | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content: space-between; | |||
align-items: flex-start; | |||
column-gap: 20px; | |||
row-gap: 10px; | |||
margin-left:20px; | |||
--textbox-bottom-margin:50px; | |||
} | } | ||
. | .mp-big-link { | ||
flex:0 1 48%; | |||
position:relative; | |||
margin-bottom:var(--textbox-bottom-margin); | |||
} | } | ||
.mp-big-link--image img { | |||
width:100%; | |||
height:auto; | |||
} | } | ||
.mp-big-link--text { | |||
padding:5px; | |||
width:calc(100% - 40px); | |||
position:absolute; | |||
left:15px; | |||
bottom:calc(var(--textbox-bottom-margin) * -1); | |||
background-color:#ffffff; | |||
color:#000; | |||
font-size:0.7em; | |||
min-height:6em; | |||
} | } | ||
.mp-big-link--title { | |||
# | color:#000; | ||
text-align:center; | |||
margin:0 2.5em 10px 2.5em; | |||
padding-bottom:2px; | |||
font-weight:bold; | |||
font-size: 1.2em; | |||
border-bottom:2px solid #dab5b2; | |||
} | } | ||
. | .mp-big-link--link { | ||
position:absolute; | |||
height:calc(100% + var(--textbox-bottom-margin)); | |||
width:100%; | |||
z-index:2; | |||
} | } | ||
. | .mp-big-link--link a { | ||
display:block; | |||
height:100%; | |||
width:100%; | |||
font-size:0; | |||
} | } | ||
# | /* MP-side links */ | ||
#mp-side-links { | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content: space-evenly; | |||
row-gap: 10px; | |||
} | } | ||
.mp-side-link { | |||
position:relative; | |||
} | } | ||
.mp-side-link--image img { | |||
width:100%; | |||
height:auto; | |||
} | } | ||
.mp-side-link--text { | |||
padding:5px; | |||
width:calc(100% - 40px); | |||
position:absolute; | |||
left:15px; | |||
bottom:0; | |||
color:#fff; | |||
font-size:0.7em; | |||
} | } | ||
.mp-side-link--title { | |||
padding-bottom:2px; | |||
font-weight:bold; | |||
font-size: 1.2em; | |||
} | } | ||
.mp-side-link--link { | |||
position:absolute; | |||
height:100%; | |||
width:100%; | |||
z-index:2; | |||
} | } | ||
. | .mp-side-link--link a { | ||
display:block; | |||
height:100%; | |||
width:100%; | |||
font-size:0; | |||
} | } | ||
/* MP-links */ | |||
#mp-links { | |||
background:#000; | |||
padding:10px 20px 20px 20px; | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content: flex-start; | |||
} | } | ||
. | .mp-links--group { | ||
flex:0 1 11em; | |||
} | } | ||
. | .mp-links--group:not(:nth-child(2)){ | ||
border-left:1px solid #888; | |||
padding-left:25px; | |||
} | } | ||
. | .mp-links--group-title { | ||
color:#2885BE; | |||
} | } | ||
. | .mp-links--group ul { | ||
list-style:none; | |||
margin:0; | |||
} | } | ||
. | .mp-links--group a { | ||
color: #fff; | |||
} | } | ||
. | #mp-links .mp-button { | ||
align-self:center; | |||
} | } | ||
. | #mp-links .mp-button a { | ||
border: 1px solid #BFBFBF; | |||
border-radius:5px; | |||
margin-right:25px; | |||
} | } | ||
/* MP lower section */ | |||
#mp-lower { | |||
background:#f3f5f5; | |||
} | } | ||
#mp-lower > div { | |||
display: flex; | |||
flex-wrap: wrap; | |||
overflow:hidden; | |||
} | } | ||
#mp-lower { | |||
display: grid; | |||
grid-template-areas: "a" "b" "c" "d" "e"; | |||
grid-template-columns: 100%; | |||
} | } | ||
@media screen and (min-width:990px) { | |||
#mp-lower { | |||
grid-template-areas: "a a" "b b" "c d" "e d"; | |||
grid-template-columns: 50% 50%; | |||
} | |||
} | } | ||
@media screen and (min-width:1350px) { | |||
#mp-lower { | |||
grid-template-areas: "a c" "b d" "b e"; | |||
grid-template-columns: auto 350px; | |||
column-gap: 40px; | |||
} | |||
} | } | ||
#mp-ships {grid-area:a;} | |||
#mp-big-links {grid-area:b;} | |||
} | #mp-community {grid-area:c;} | ||
#mp-side-links {grid-area:d;} | |||
#mp-story {grid-area:e;} | |||
. | /* MP-ships */ | ||
#mp-ships .gallery { | |||
margin:20px 20px 20px 18px; | |||
} | } | ||
. | #mp-ships .gallery a { | ||
color:#000; | |||
} | } | ||
. | #mp-ships .gallery .thumb { | ||
border-bottom:2px solid var(--accent-color); | |||
} | } | ||
.text- | #mp-ships .gallerytext { | ||
text-align:left; | |||
font-weight:bold; | |||
font-size:0.7em; | |||
padding-top:0; | |||
} | } | ||
. | #mp-ships .gallerytext p { | ||
margin:0; | |||
} | } | ||
/* MP-wiki */ | |||
#mp-wiki { | |||
background:#1e3a4e; | |||
color:#ffffff; | |||
padding:1em; | |||
margin-bottom:20px; | |||
} | } | ||
#mp-wiki--top { | |||
margin:-1em -1em 1em -1em; | |||
padding:1em; | |||
background:#112f45; | |||
} | } | ||
#mp-wiki--title { | |||
font-size:1.5em; | |||
font-weight:bold; | |||
} | } | ||
#mp-wiki ul { | |||
list-style:none; | |||
} | } | ||
#mp-wiki ul > li::before { | |||
content: "\2022"; | |||
font-weight:bold; | |||
display:inline-block; | |||
width:1em; | |||
margin-left:-1em; | |||
} | } | ||
/* MP-story */ | |||
#mp-story { | |||
justify-content:center; | |||
} | } | ||
. | .mp-story--item { | ||
background:#ffffff; | |||
text-align:center; | |||
margin-top:10px;s | |||
} | } | ||
.mp-story--title { | |||
text-align:left; | |||
padding:5px 1em; | |||
color:var(--accent-color); | |||
font-weight:bold; | |||
} | } | ||
.mp-story--description { | |||
text-align:left; | |||
padding:1em; | |||
padding-top:0; | |||
} | } | ||
# | /* MP-attributes */ | ||
#mp-attributes { | |||
background:#f3f5f5; | |||
} | } | ||
#mp-attributes > ul { | |||
columns:5; | |||
padding:20px 5%; | |||
list-style:none; | |||
margin-bottom:0; | |||
} | } | ||
#mp-attributes > ul > li { | |||
margin-right:1em; | |||
} | } | ||
#mp-attributes > ul > li::before { | |||
content: "\2014"; | |||
color:var(--accent-color); | |||
font-weight:bold; | |||
display:inline-block; | |||
width:1.5em; | |||
margin-left:-1.5em; | |||
} | } | ||
#mp-attributes ul a { | |||
color:#000; | |||
font-weight:bold; | |||
} | } | ||
/* Move vector tabs to the bottom of the main page */ | |||
#mp-attributes { | |||
padding-bottom:2em | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #mw-navigation #left-navigation > nav, | ||
.page-User_Mr_Pie_5_Sandbox #mw-navigation #right-navigation > nav { | |||
display:none; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #bodyContent #mw-head { | ||
position:absolute; | |||
top:unset; | |||
bottom:0; | |||
right:0; | |||
margin:0; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #bodyContent .vector-menu-tabs .mw-watchlink.icon a { | ||
height:2.5em !important; | |||
} | } | ||
. | .page-User_Mr_Pie_5_Sandbox #bodyContent #p-search, | ||
.page-User_Mr_Pie_5_Sandbox #bodyContent #p-personal { | |||
display:none; | |||
} | } | ||
/********************** | |||
* End main page stuff * | |||
***********************/ | |||