MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
(279 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
html { | html { | ||
scroll-behavior: smooth; | scroll-behavior: smooth; | ||
scroll-padding-top: | scroll-padding-top: 105px; | ||
} | } | ||
Line 9: | Line 9: | ||
font-family: 'Roboto', sans-serif; | font-family: 'Roboto', sans-serif; | ||
font-size: 15px; | font-size: 15px; | ||
background-image: url(/tl/images/7/75/Tl-bg-1.webp); | |||
background-repeat: no-repeat; | |||
background-size: contain; | |||
background-position: top; | |||
} | } | ||
Line 15: | Line 19: | ||
font-size: 80%; | font-size: 80%; | ||
color: #ccc; | color: #ccc; | ||
} | } | ||
Line 47: | Line 50: | ||
margin-left: 1rem; | margin-left: 1rem; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
border-radius: 0.25rem; | |||
} | } | ||
. | .toctogglespan { | ||
display: none; | |||
} | } | ||
Line 183: | Line 187: | ||
#page-content { | #page-content { | ||
background-image: url(https://metabattle.com/wiki/images/1/1a/Main_bg_1.webp); | |||
background-repeat: no-repeat; | |||
background-position: bottom right; | |||
background-color: #111111; | background-color: #111111; | ||
width: 100%; | width: 100%; | ||
Line 188: | Line 195: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 1rem; | padding: 1rem; | ||
margin-top: | margin-top: 84px; | ||
} | } | ||
Line 207: | Line 214: | ||
#sidebar-float { | #sidebar-float { | ||
position: sticky; | position: sticky; | ||
top: | top: 106px; | ||
} | } | ||
.printfooter { | .printfooter { | ||
display: none; | display: none; | ||
} | } | ||
.section-title { | .section-title { | ||
background: linear-gradient(135deg, rgb(255 255 255 / 5%) 30%, rgb(17 17 17) 100%); | |||
padding: 1rem; | |||
border-radius: 0.25rem; | |||
color: #fff; | color: #fff; | ||
font-size: 1.1em; | |||
font-weight: 500; | |||
margin-bottom: 1rem; | |||
. | |||
} | } | ||
Line 337: | Line 307: | ||
.build-row { | .build-row { | ||
padding: 0.5rem 0.5rem 0.5rem 0.75rem; | |||
margin-bottom: 1rem; | |||
border-radius: 0.25rem; | |||
background: linear-gradient(135deg, #171717 30%, rgb(17 17 17) 100%); | |||
} | } | ||
.build-row:hover { | .build-row:hover { | ||
background | background: rgba(255,255,255,.1); | ||
} | } | ||
Line 409: | Line 381: | ||
background-color: #1d1d1d; | background-color: #1d1d1d; | ||
padding: 0.75rem; | padding: 0.75rem; | ||
} | } | ||
. | .build-header ul { | ||
padding-left: 0.75rem; | |||
margin-bottom: 0; | |||
} | |||
.orange-text { | |||
color: #f9a916; | color: #f9a916; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
. | .orange-header { | ||
background: linear-gradient(135deg,rgb(249 169 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); | |||
background: linear-gradient(135deg,rgb(249 169 22 / | border-radius: 0.25rem; | ||
height: 100%; | |||
} | } | ||
. | .green-text { | ||
color: # | color: #30c179; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
. | .green-header { | ||
background: linear-gradient(135deg,rgb(100 249 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); | |||
background: linear-gradient(135deg,rgb( | border-radius: 0.25rem; | ||
height: 100%; | |||
} | } | ||
. | .green-header li { | ||
color: # | color: #30c179; | ||
list-style-type: '\002B'; | |||
padding-inline-start: 0.75rem; | |||
} | } | ||
. | .red-header { | ||
background: linear-gradient(135deg,rgb(249 22 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); | |||
background: linear-gradient(135deg,rgb( | border-radius: 0.25rem; | ||
height: 100%; | |||
} | } | ||
. | .red-text { | ||
color: #ff3333; | |||
font-weight: 700; | |||
} | } | ||
. | .red-header li { | ||
color: #ff3333; | |||
list-style-type: '\2212'; | |||
padding-inline-start: 0.75rem; | |||
} | } | ||
. | .red-header li span, .green-header li span { | ||
color: #ccc; | |||
} | } | ||
Line 492: | Line 471: | ||
border-radius: 0; | border-radius: 0; | ||
font-size: 14px; | font-size: 14px; | ||
z-index: 99999; | |||
} | } | ||
Line 889: | Line 869: | ||
.tier-list { | .tier-list { | ||
padding: 1rem 2rem!important; | padding: 1rem 2rem!important; | ||
font-size: | font-size: 24px; | ||
border-right: 2px solid #111!important; | border-right: 2px solid #111!important; | ||
} | } | ||
.tier-s { | .tier-s { | ||
color: | color: rgb(255, 127, 127)!important; | ||
background: rgb(255 127 127 / 20%)!important; | |||
} | } | ||
.tier-a { | .tier-a { | ||
color: | color: rgb(255, 191, 127)!important; | ||
background: rgb(255 191 127 / 20%)!important; | |||
} | } | ||
.tier-b { | .tier-b { | ||
color: | color: rgb(255, 223, 127)!important; | ||
background: rgb(255 223 127 / 20%)!important; | |||
} | } | ||
.tier-c { | .tier-c { | ||
color: | color: rgb(255 255 127)!important; | ||
background: rgb(255 255 127 / 20%)!important; | |||
} | } | ||
.tier-d { | .tier-d { | ||
color: | color: rgb(191, 255, 127)!important; | ||
background: rgb(191 255 127 / 20%)!important; | |||
} | } | ||
.tier-e { | .tier-e { | ||
color: | color: rgb(127, 255, 127)!important; | ||
background: rgb(127 255 127 / 20%)!important; | |||
} | } | ||
.tier-f { | .tier-f { | ||
color: | color: rgb(127, 255, 255)!important; | ||
background: rgb(127 255 255 / 20%)!important; | |||
} | } | ||
Line 1,092: | Line 1,079: | ||
.hover-tooltip { | .hover-tooltip { | ||
color: # | color: #a476c5; | ||
cursor: help; | cursor: help; | ||
} | } | ||
Line 1,159: | Line 1,146: | ||
.ig-tooltip-icon { | .ig-tooltip-icon { | ||
border: 2px solid rgb(255 255 255 / 15%); | border: 2px solid rgb(255 255 255 / 15%); | ||
min-height: 60px; | |||
min-width: 60px; | |||
} | } | ||
Line 1,164: | Line 1,153: | ||
height: auto; | height: auto; | ||
width: auto; | width: auto; | ||
position: relative; | |||
} | } | ||
Line 1,173: | Line 1,162: | ||
.rotation-container { | .rotation-container { | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
} | } | ||
Line 1,184: | Line 1,169: | ||
font-weight: 500; | font-weight: 500; | ||
margin-bottom: 0.75rem; | margin-bottom: 0.75rem; | ||
} | |||
.skill-number { | |||
position: absolute; | |||
right: 0; | |||
bottom: 0; | |||
background: rgb(255 255 255 / 20%); | |||
color: #fff; | |||
padding: 0px 4px; | |||
font-size: 10px; | |||
} | } | ||
#footer-privacy, #footer-about, #footer-disclaimer { | #footer-privacy, #footer-about, #footer-disclaimer { | ||
display: none; | display: none; | ||
} | |||
.priority-container { | |||
background: #1d1d1d; | |||
padding: 5px 10px 5px 5px; | |||
width: fit-content; | |||
border-radius: 0.5rem; | |||
} | |||
.common-info { | |||
color: #b7b7b7!important; | |||
} | |||
.uncommon-info { | |||
color: #55c677!important; | |||
} | |||
.rare-info { | |||
color: #65b0fc!important; | |||
} | |||
.epic-info { | |||
color: #a979cb!important; | |||
} | |||
.epict2-info { | |||
color: #a979cb!important; | |||
} | |||
.rare-box { | |||
background: linear-gradient(135deg,rgb(36 232 88 / 10%) 20%,rgb(66 161 255 / 25%) 100%); | |||
} | |||
.epic-box { | |||
background: linear-gradient(135deg,rgb(66 161 255 / 25%) 20%,#c324e840 100%); | |||
} | |||
.legendary-box { | |||
background: linear-gradient(135deg,#c324e840 20%,rgb(243 202 78 / 25%) 100%); | |||
} | |||
.tippy-box[data-theme~='metabattle'] .tippy-content { | |||
padding: 0; | |||
} | |||
.build-card { | |||
background-color: rgba(255,255,255,0.025); | |||
padding: 0.75rem; | |||
border-radius: 0.5rem; | |||
text-align: center; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
font-size: 12px; | |||
height: 100%; | |||
} | |||
.build-card:hover { | |||
background-color: rgba(255,255,255,0.1); | |||
} | |||
.build-card a { | |||
color: #fff; | |||
font-weight: 500; | |||
text-shadow: 2px 1px #000; | |||
font-size: 20px; | |||
} | |||
.build-card a:hover { | |||
color: #f9a916; | |||
} | |||
.build-card img:hover { | |||
opacity: 0.75; | |||
} | |||
.card-line { | |||
background-color: #f9a916; | |||
width: 32px; | |||
height: 1px; | |||
display: block; | |||
margin: 5px auto; | |||
} | |||
.nav-tabs .nav-link { | |||
margin-right: 0.5rem; | |||
} | |||
.mw-parser-output .nav-tabs .nav-item.show .nav-link, .mw-parser-output .nav-tabs .nav-link.active { | |||
color: #fff; | |||
background-color: #18161f; | |||
font-weight: 700; | |||
cursor: default; | |||
border: 1px solid #2a2b2b; | |||
border-bottom: 1px solid #18161f; | |||
} | |||
.mw-parser-output .nav-tabs { | |||
border-color: transparent; | |||
margin-bottom: -1px; | |||
} | |||
.mw-parser-output .nav-link:focus, .mw-parser-output .nav-link:hover { | |||
color: #fff; | |||
} | |||
.mw-parser-output .nav-link { | |||
color: #f9a916; | |||
font-weight: 700; | |||
} | |||
.mw-parser-output .nav-tabs .nav-link:focus, .mw-parser-output .nav-tabs .nav-link:hover { | |||
cursor: pointer; | |||
background: #18161f; | |||
border: 1px solid #2a2b2b; | |||
border-bottom: 1px solid #18161f; | |||
} | |||
.absolute { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
} | |||
.active-frame { | |||
-webkit-clip-path: polygon(8% 25%,8% 75%,50% 100%,92% 75%,92% 25%,50% 0%); | |||
clip-path: polygon(8% 25%,8% 75%,50% 100%,92% 75%,92% 25%,50% 0%); | |||
} | |||
.used-p { | |||
padding: 2px; | |||
} | |||
.attributes-title { | |||
color: #fff; | |||
margin-bottom: 0.5rem; | |||
} | |||
.attributes-number { | |||
color: #f9a916; | |||
font-weight: 700; | |||
font-size: 30px; | |||
} | |||
.attributes-strength { | |||
background-image: url(/tl/images/5/50/Strength.webp); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | |||
.attributes-dexterity { | |||
background-image: url(/tl/images/4/41/Dexterity.webp); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | |||
.attributes-wisdom { | |||
background-image: url(/tl/images/a/a6/Wisdom.webp); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | |||
.attributes-perception { | |||
background-image: url(/tl/images/1/11/Perception.webp); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | |||
.mastery-table { | |||
margin-bottom: 0; | |||
text-align: center; | |||
font-size: 10px; | |||
} | |||
.mastery-table>:not(caption)>*>* { | |||
background: transparent; | |||
color: #fff; | |||
border-bottom: none; | |||
padding: 1rem 0; | |||
vertical-align: middle; | |||
opacity: 0.15; | |||
} | |||
.mastery { | |||
background-position: center, center; | |||
background-repeat: no-repeat, no-repeat; | |||
background-size: 60px, contain; | |||
height: 70px; | |||
} | |||
.mastery-section-title { | |||
background-image: url(/tl/images/a/a0/Tex_PVP_FriendlyBase.webp); | |||
background-repeat: no-repeat; | |||
background-position: center right; | |||
} | |||
.grayscale-1 { | |||
filter: grayscale(1); | |||
} | |||
.bg-secondary { | |||
background-color: rgba(255,255,255,.1)!important; | |||
color: rgba(255,255,255,.5); | |||
margin-top: 0.35rem; | |||
font-weight: 100; | |||
font-size: 0.7em; | |||
} | |||
li b { | |||
color: #05a37e; | |||
} | |||
.gear-entry { | |||
width: 100%; | |||
max-width: 350px; | |||
background: rgba(255, 255, 255, 0.025); | |||
padding: 0.25rem 0.75rem; | |||
border-radius: 0.25rem; | |||
border: 1px solid #2a2b2b; | |||
} | |||
.gear-attr { | |||
font-size: 80%; | |||
} | |||
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { | |||
z-index: 999; | |||
} | |||
.network-banner { | |||
background-color: #111111; | |||
position: fixed; | |||
top: 0; | |||
width: 100%; | |||
border-bottom: 1px solid rgb(34 34 34); | |||
z-index: 999; | |||
height: 37px; | |||
} | |||
.network-banner a { | |||
color: #cacaca; | |||
padding: 6px 12px; | |||
opacity: 0.35; | |||
font-size: 13px; | |||
} | |||
.network-banner a:hover { | |||
color: #fff; | |||
opacity: 1; | |||
} | |||
.navbar-toggler-icon { | |||
width: 1.25em; | |||
height: 1.25em; | |||
} | |||
.navbar-toggler { | |||
border: none; | |||
} | |||
::marker { | |||
font-size: 18px; | |||
font-weight: bold; | |||
} | |||
/* start of v2 */ | |||
.skill-bar-entry { | |||
background-color: rgba(255,255,255,0.025); | |||
border: 1px solid #2a2b2b; | |||
height: 100%; | |||
border-radius: 0.25rem; | |||
} | |||
.skill-bar-entry .title { | |||
color: #c324e8; | |||
} | |||
.skill-bar-entry .uncommon { | |||
color: #24e858; | |||
} | |||
.skill-bar-entry .rare { | |||
color: #65adf6; | |||
} | |||
.skill-bar-entry .epic { | |||
color: #a476c5; | |||
} | |||
.color-common { | |||
color: #fff; | |||
} | |||
.color-uncommon { | |||
color: #24e858; | |||
} | |||
.color-rare { | |||
color: #65adf6; | |||
} | |||
.color-epic { | |||
color: #a476c5; | |||
} | |||
.equipment-common .hover-tooltip { | |||
/*outline: 1px solid #fff; | |||
background-image: url(/tl/images/c/cc/Common.webp);*/ | |||
background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); | |||
background-size: contain; | |||
} | |||
.equipment-uncommon .hover-tooltip { | |||
/*outline: 1px solid hsl(138deg 50% 56% / 50%); | |||
background-image: url(/tl/images/9/97/Uncommon.webp);*/ | |||
background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); | |||
background-size: contain; | |||
} | |||
.d-flex.align-items-center.gear-entry.shadow.equipment-uncommon { | |||
background: linear-gradient(135deg, rgb(51 153 102 / 20%) 0%, rgba(255, 255, 255, 0) 100%); | |||
border: 1px solid hsl(138deg 50% 56% / 40%); | |||
} | |||
.equipment-rare .hover-tooltip { | |||
/*outline: 1px solid hsl(210deg 99% 71% / 50%); | |||
background-image: url(/tl/images/f/fc/Rare.webp);*/ | |||
background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); | |||
background-size: contain; | |||
} | |||
.d-flex.align-items-center.gear-entry.shadow.equipment-rare { | |||
background: linear-gradient(135deg, rgb(51 102 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); | |||
border: 1px solid hsl(210deg 99% 71% / 30%); | |||
} | |||
.equipment-epic .hover-tooltip { | |||
/*outline: 1px solid hsl(275deg 41% 62% / 70%); | |||
background-image: url(/tl/images/4/46/Epic.webp);*/ | |||
background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); | |||
background-size: contain; | |||
} | |||
.d-flex.align-items-center.gear-entry.shadow.equipment-epic { | |||
background: linear-gradient(135deg, rgb(199 51 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); | |||
border: 1px solid hsl(275deg 41% 62% / 50%); | |||
} | |||
.equipment-epict2 .hover-tooltip { | |||
/*outline: 1px solid #a476c5; | |||
background-image: url(/tl/images/b/bb/Epict2.webp);*/ | |||
background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); | |||
background-size: contain; | |||
} | |||
.d-flex.align-items-center.gear-entry.shadow.equipment-epict2 { | |||
background: linear-gradient(135deg, rgb(199 51 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); | |||
border: 1px solid hsl(275deg 41% 62% / 80%); | |||
} | |||
.equipment-common .gear-title { | |||
color: #fff; | |||
} | |||
.equipment-uncommon .gear-title { | |||
color: #56c677; | |||
} | |||
.equipment-rare .gear-title { | |||
color: #6ab3fe; | |||
} | |||
.equipment-epic .gear-title { | |||
color: #a476c5; | |||
} | |||
.equipment-epict2 .gear-title { | |||
color: #a476c5; | |||
} | |||
.modal-content { | |||
background-color: #15131b; | |||
border: 1px solid #2a2b2b; | |||
} | |||
.modal-header { | |||
border-bottom: 1px solid #2a2b2b; | |||
} | |||
.btn-close { | |||
background: #ffffff var(--bs-btn-close-bg) center / 1em auto no-repeat; | |||
margin: unset!important; | |||
} | |||
.btn-close:hover { | |||
cursor: pointer; | |||
} | |||
.mastery-btn { | |||
background-color: rgba(255, 255, 255, 0.05); | |||
border: 1px solid rgb(255 255 255 / 7%); | |||
border-radius: 0.25rem; | |||
} | |||
.mastery-btn:hover { | |||
background-color: rgba(255, 255, 255, 0.1); | |||
cursor: pointer; | |||
} | |||
/* end of v2 */ | |||
.dungeon-entry { | |||
background-color: rgba(255, 255, 255, 0.025); | |||
border-radius: 0.5rem; | |||
position: relative; | |||
} | |||
.dungeon-entry:hover { | |||
background-color: rgba(255,255,255,.1); | |||
} | |||
.dungeon-title { | |||
font-size: 1.2em; | |||
font-weight: 500; | |||
position: absolute; | |||
top: 42%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
white-space: nowrap; | |||
} | |||
.dungeon-subtitle { | |||
font-size: 0.8em; | |||
position: absolute; | |||
top: 58%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
white-space: nowrap; | |||
} | |||
.dungeon-iot { | |||
background-image: url(/tl/images/0/09/Island_of_Terror_bg.png); | |||
} | |||
.dungeon-tos { | |||
background-image: url(/tl/images/5/53/Temple_of_Slaughter_bg.png); | |||
} | |||
.dungeon-ti { | |||
background-image: url(/tl/images/7/76/Tyrant%27s_Isle_bg.png); | |||
} | |||
.dungeon-da { | |||
background-image: url(/tl/images/1/15/Death%27s_Abyss_bg.png); | |||
} | |||
.dungeon-bc { | |||
background-image: url(/tl/images/a/ab/Butcher%27s_Canyon_bg.png); | |||
} | |||
.dungeon-cod { | |||
background-image: url(/tl/images/4/45/Cave_of_Destruction_bg.png); | |||
} | |||
.dungeon-cw { | |||
background-image: url(/tl/images/3/35/Cursed_Wasteland_bg.png); | |||
} | |||
.dungeon-cri { | |||
background-image: url(/tl/images/c/cc/Carmine_Rage_Island_bg.png); | |||
} | |||
.dungeon-tcos { | |||
background-image: url(/tl/images/6/66/Torture_Chamber_of_Screams_bg.png); | |||
} | |||
.dungeon-vos { | |||
background-image: url(/tl/images/8/82/Valley_of_Slaughter_bg.png); | |||
} | |||
.dungeon-v { | |||
background-image: url(/tl/images/a/ad/Voidwastes_bg.png); | |||
} | |||
.dungeon-bg { | |||
height: 8rem; | |||
background-position: center; | |||
background-size: cover; | |||
opacity: 0.3; | |||
} | |||
.default-box { | |||
display: flow-root; | |||
background-color: rgba(255, 255, 255, 0.04); | |||
padding: 0.75rem; | |||
border-radius: 0.5rem; | |||
border: 1px solid rgba(255, 255, 255, 0.05); | |||
margin-bottom: 2rem; | |||
} | |||
.default-box h2 { | |||
font-size: 1.1rem; | |||
margin-bottom: 0.75rem; | |||
border-left: 4px solid #f9a916; | |||
padding: 0.5rem 1rem; | |||
} | |||
.accordion-button { | |||
background: linear-gradient(135deg, rgba(249, 169, 22, 0.2) 0%, rgba(51, 153, 102, 0.2) 33%, rgba(51, 102, 255, 0.2) 66%, rgba(203, 36, 180, 0.2) 100%); | |||
color: #fff; | |||
padding: 0.5rem 0.75rem; | |||
user-select: none; | |||
} | |||
.accordion-button:hover { | |||
cursor: pointer; | |||
opacity: 0.75; | |||
} | |||
.accordion-item { | |||
border: none; | |||
} | |||
.accordion-body { | |||
color: #ccc; | |||
background: #1d1d1d; | |||
padding: 1rem; | |||
} | |||
.accordion-button:not(.collapsed) { | |||
background-color: #111111; | |||
box-shadow: none; | |||
color: #fff; | |||
} | |||
.accordion-button::after { | |||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); | |||
} | |||
.accordion-button:not(.collapsed)::after { | |||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); | |||
} | |||
.eq-img { | |||
padding: 8px; | |||
} | |||
.eq-img2 { | |||
padding: 4px; | |||
} | |||
@media (min-width: 768px) { | |||
.dropdown:hover > .dropdown-menu-auto { | |||
display: block; | |||
margin-top: 0; | |||
} | |||
} | } | ||
Latest revision as of 23:23, 20 November 2024
html { scroll-behavior: smooth; scroll-padding-top: 105px; } body { background-color: #1d1d1d; color: #ccc; font-family: 'Roboto', sans-serif; font-size: 15px; background-image: url(/tl/images/7/75/Tl-bg-1.webp); background-repeat: no-repeat; background-size: contain; background-position: top; } footer { text-align: center; font-size: 80%; color: #ccc; } dd { margin-left: 1rem; } dt { color: #fff; } footer ul, .custom-footer ul { padding: 0; padding-bottom: 1rem; list-style-type: none; margin-bottom: 0; } /* :target:before { content: ""; display: block; height: 76px; margin: -76px 0 0; } */ .toc { float: right; background-color: #1d1d1d; padding: 0.75rem; margin-left: 1rem; margin-bottom: 1rem; border-radius: 0.25rem; } .toctogglespan { display: none; } .toc h2 { font-size: 1.75em; } .tocnumber { display: none; } .toc ul { list-style-type: none; margin-bottom: 0; padding-left: 1.5rem; } .toc > ul { padding-left: 0; } .toc li { margin-bottom: 0.25rem; } .toc li:last-child { margin-bottom: 0; } .toc li ul { margin-top: 0.25rem; } .footer-heading { font-size: 1rem; font-weight: 500; color: #fff; margin-bottom: 0.75rem; } h1, h2, h3, h4, h5, h6 { color: #fff; } .h3, h3 { font-size: 1.5rem; } a, .toctogglelabel { color: #f9a916; text-decoration: none; } a:hover, .toctogglelabel:hover { color: #fff; text-decoration: none; } .mw-mmv-post-image a { color: #0d6efd; } .mw-mmv-post-image a:hover { color: #0a58ca; } .mw-selflink.selflink { color: #fff; font-weight: bold; } .new { color: #e55757; } .front-title { font-size: 1.75em; color: #fff; margin-bottom: 1rem; font-weight: 500; } pre { background-color: #1d1d1d; padding: 1em; white-space: break-spaces; } .mw-editform #wpTextbox1 { width: 100%; display: unset; } .fixed-top { z-index: 999; } .navbar { box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%); } .bg-dark { background-color: #111111!important; } .navbar-dark .navbar-nav .nav-link { color: #cacaca; font-size: 13px; margin-left: 0.75rem; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgb(255 255 255); } .navbar-nav { width: 100%; } .navbar-nav .nav-item { white-space: nowrap; } .dropdown-toggle::after { color: #f9a916; vertical-align: middle; } .dropdown-icon { margin-right: 0.5rem; } #page-content { background-image: url(https://metabattle.com/wiki/images/1/1a/Main_bg_1.webp); background-repeat: no-repeat; background-position: bottom right; background-color: #111111; width: 100%; max-width: 1460px; margin: 0 auto; padding: 1rem; margin-top: 84px; } /*#content { margin-bottom: 2rem; }*/ #content .img-fluid { border-radius: 0.75rem; } #sidebar { min-width: 300px; max-width: 300px; margin-left: 1rem; } #sidebar-float { position: sticky; top: 106px; } .printfooter { display: none; } .section-title { background: linear-gradient(135deg, rgb(255 255 255 / 5%) 30%, rgb(17 17 17) 100%); padding: 1rem; border-radius: 0.25rem; color: #fff; font-size: 1.1em; font-weight: 500; margin-bottom: 1rem; } .pvp-bg { background-image: url('/wiki/images/4/42/PvP_bg.webp'); background-repeat: no-repeat; } .wvw-bg { background-image: url('/wiki/images/f/f5/WvW_bg.webp'); background-repeat: no-repeat; } .fractal-bg { background-image: url('/wiki/images/e/e7/Fractal_bg.webp'); background-repeat: no-repeat; } .open-world-bg { background-image: url('/wiki/images/9/9b/Openworld_bg.webp'); background-repeat: no-repeat; } .raid-bg { background-image: url('/wiki/images/8/86/Raid_bg.webp'); background-repeat: no-repeat; } .f2p-bg { background-image: url('/wiki/images/b/be/F2P-bg.webp'); background-repeat: no-repeat; } .elementalist-bg { background-image: url('/wiki/images/9/94/Elementalist_bg.webp'); background-repeat: no-repeat; } .engineer-bg { background-image: url('/wiki/images/f/f8/Engineer_bg.webp'); background-repeat: no-repeat; } .guardian-bg { background-image: url('/wiki/images/9/9c/Guardian_bg.webp'); background-repeat: no-repeat; } .mesmer-bg { background-image: url('/wiki/images/c/cd/Mesmer_bg.webp'); background-repeat: no-repeat; } .necromancer-bg { background-image: url('/wiki/images/2/2a/Necromancer_bg.webp'); background-repeat: no-repeat; } .ranger-bg { background-image: url('/wiki/images/0/09/Ranger_bg.webp'); background-repeat: no-repeat; } .revenant-bg { background-image: url('/wiki/images/0/03/Revenant_bg.webp'); background-repeat: no-repeat; } .thief-bg { background-image: url('/wiki/images/4/46/Thief_bg.webp'); background-repeat: no-repeat; } .warrior-bg { background-image: url('/wiki/images/8/88/Warrior_bg.webp'); background-repeat: no-repeat; } .build-row { padding: 0.5rem 0.5rem 0.5rem 0.75rem; margin-bottom: 1rem; border-radius: 0.25rem; background: linear-gradient(135deg, #171717 30%, rgb(17 17 17) 100%); } .build-row:hover { background: rgba(255,255,255,.1); } .build-row-header { background: #1d1d1d; color: #fff; padding: 0.5rem 2px 0.5rem 1rem; margin: 10px 0px; font-size: 16px; font-weight: 500 } .build-row-title { margin-left: 0.25rem; font-weight: 500; } .build-row-weapons { margin-right: 0.25rem; } .build-row-rating { height: 32px; display: flex; align-items: center; color: #fff; width: 38px; font-size: 14px; } .build-row-rating:hover { cursor: default; } .fivestars { background: rgb(51 153 102 / 10%); border: 1px solid rgb(51 153 102 / 50%); padding: 0 0.25rem; } .fourstars { background: rgb(51 102 255 / 10%); border: 1px solid rgb(51 102 255 / 50%); padding: 0 0.25rem; } .threestars { background: rgb(51 217 255 / 5%); border: 1px solid rgb(51 217 255 / 30%); padding: 0 0.25rem; } .onestar, .twostars { background: rgb(255 51 51 / 10%); border: 1px solid rgb(255 51 51 / 50%); padding: 0 0.25rem; } .zerostars { background: rgb(189 189 189 / 10%); border: 1px solid rgb(189 189 189 / 50%); padding: 0 0.25rem; } .build-header { background-color: #1d1d1d; padding: 0.75rem; } .build-header ul { padding-left: 0.75rem; margin-bottom: 0; } .orange-text { color: #f9a916; font-weight: 700; } .orange-header { background: linear-gradient(135deg,rgb(249 169 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); border-radius: 0.25rem; height: 100%; } .green-text { color: #30c179; font-weight: 700; } .green-header { background: linear-gradient(135deg,rgb(100 249 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); border-radius: 0.25rem; height: 100%; } .green-header li { color: #30c179; list-style-type: '\002B'; padding-inline-start: 0.75rem; } .red-header { background: linear-gradient(135deg,rgb(249 22 22 / 10%) 0%,rgb(29 29 29 / 0%) 100%); border-radius: 0.25rem; height: 100%; } .red-text { color: #ff3333; font-weight: 700; } .red-header li { color: #ff3333; list-style-type: '\2212'; padding-inline-start: 0.75rem; } .red-header li span, .green-header li span { color: #ccc; } .build-header p { margin-bottom: 0.5rem; } .build-header p:last-child { margin-bottom: 0; } .build-header-section { font-weight: 700; color: #fff; } .navbar .form-control { color: #cacaca; background-color: rgba(255,255,255,0.1); border: none; } .input-group-text { color: #cacaca; background-color: rgba(255,255,255,0.1); border: none; } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0; } .dropdown-menu { background-color: #333333; border: none; border-radius: 0; font-size: 14px; z-index: 99999; } .dropdown-item { color: #fff; padding: .5rem 0.75rem; } .dropdown-item:focus, .dropdown-item:hover { color: #fff; background-color: #1d1d1d; } #pageActions { float: right; } #pageActions .dropdown-toggle::after { color: #111; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; padding: 10px; } .alert-success { color: #fff; background-color: #1d1d1d; border-color: #458e46; line-height: 1.7; } .alert-danger { color: #fff; background-color: #1d1d1d; border-color: #b81818; line-height: 1.7; } .alert-primary { color: #fff; background-color: #1d1d1d; border-color: rgba(249,169,22,0.7); line-height: 1.7; } .alert-primary a { background: #f9a916; width: 100%; text-align: center; display: block; color: #111111; font-weight: 700; border-radius: 0.25rem; padding: 0.25rem; margin-top: 10px; } .alert-primary a:hover { color: #fff; } .alert-secondary { color: #fff; background-color: #1d1d1d; border-color: rgba(39,139,228,0.7); line-height: 1.7; } .mw-editsection-bracket { color: rgb(255 255 255 / 55%); } .mw-editsection { font-size: 12px; margin-left: 0.5rem; font-weight: 400; display: none; } .badge { padding: .5em .75em; margin-right: 0.5rem; } .bg-primary { background-color: #f9a916!important; } .bg-primary a { color: #111; font-weight: 500; } .bg-primary a:hover { color: #fff; } .border-hot { background: #b3e296; border: 2px solid #7dce4b!important; margin-left: 0.5rem; } .border-pof { background: #f0d3f1; border: 2px solid #ce4ba6!important; margin-left: 0.5rem; } .border-eod { background: #aaf4ff; border: 2px solid #31aec1!important; margin-left: 0.5rem; } .specialization-row { height: 140px; overflow: hidden; } .smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead { background-color: #1d1d1d; } .smwb-theme-light .smwb-factbox { border-left: 0.5em solid #1d1d1d; } .smwb-theme-light .smwb-propval { background-color: #1d1d1d; } .smwb-factbox .smwb-cell { border-top: 2px solid #111; } .smwb-theme-light .smwb-ifactbox { border-right: 0.5em solid #1d1d1d; } .smwb-ifactbox .smwb-cell { border-top: 2px solid #111; } .smwb-bottom { border-bottom: 2px solid #111;; } .wikitable { background: rgba(255,255,255,.025); } .wikitable>tr>th, .wikitable>*>tr>th { background: #1d1d1d; color: #fff; } .wikitable>tr>th, .wikitable>tr>td, .wikitable>*>tr>th, .wikitable>*>tr>td { border: 1px solid #111111; padding: 0.6em; } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #1d1d1d; border: none; } .diff-context { background: #1d1d1d; color: #ccc; border-color: #000; } .diff-addedline, .diff-deletedline, .diff-context { border-radius: 0; } .diff-addedline { border-color: #5e9a6b; } .diff-addedline .diffchange { background: #5e9a6b; color: #111217; } .diff-deletedline { border-color: #9a5e5e; } .diff-deletedline .diffchange { background: #9a5e5e; color: #111217; } .mw-plusminus-pos { color: green; } .mw-plusminus-neg { color: red; } #pagehistory { margin-top: 1rem; } #pagehistory li.selected { background-color: #1d1d1d; color: #ccc; outline: 1px dashed #a2a9b1; } .dsq-widget-avatar { float: right!important; } .dsq-widget-list { padding-left: 0!important; } .dsq-widget-comment, .dsq-widget-meta, .dsq-widget-user { display: block!important; } .dsq-widget-item { padding: 1rem!important; background-color: #1d1d1d!important; margin: 0 0 1rem 0!important; } .default-box-inner { background: #111; padding: 0.5rem; margin-bottom: 1rem; } .collapsing { -webkit-transition: none; transition: none; } .brand-container, .ac-lre-playlist-horizontal { display: none !important; } .build-template-code { background: #1d1d1d; padding: 8px 15px; color: #fff; border-radius: 0.25rem; word-break: break-all; margin-bottom: 0.75rem; width: fit-content; font-size: 80%; } .build-template-button { padding: 8px 15px; background: #f9a916; color: #111; font-weight: bold; border-radius: 0.25rem; width: fit-content; font-size: 80%; } .build-template-button:hover { cursor: pointer; opacity: .5; } .equipment-slot { width: 68px; margin-bottom: 1rem; margin-right: 0.5rem; } .equipment-slot-asc { height: 50px; width: 50px; overflow: hidden; border: solid 2px #fb3e8d; margin-bottom: 0.25rem; } .equipment-slot-exo { height: 50px; width: 50px; overflow: hidden; border: solid 2px #ffa405; margin-bottom: 0.25rem; } .equipment-slot-inf { height: 50px; width: 50px; overflow: hidden; border: solid 2px #62a4da; margin-bottom: 0.25rem; } .equipment-slot-pvp { height: 50px; width: 50px; overflow: hidden; border: solid 2px #606468; margin-bottom: 0.25rem; } #eq-box-1 { margin-right: 1.75rem; border-right: 2px solid #1d1d1d; } #eq-box-2, #eq-box-3 { margin-bottom: 1.5rem; border-bottom: 2px solid #1d1d1d; } .patrollink{ display: none; } .build-rate a { color: #16f947 !important; } .buy-button { margin-top: 1rem; } .buy-button:hover, .buy-button:focus, .buy-button:active { opacity: .7; } li.gallerybox div.thumb { background: #1d1d1d; border: none; } .toggle-title { background-color: #333; padding: 10px; font-weight: 500; display: flex; width: fit-content; } .toggle-title:hover { opacity: 0.5; cursor: pointer; } .toggle-content { background-color: #1d1d1d; padding: 10px; display: block; width: fit-content; } blockquote { margin: 0; background: #1d1d1d; padding: 1rem; } .mw-search-profile-tabs { background: #1d1d1d; border: none; } #mw-searchoptions { background-color: #1d1d1d; border: none; border-top: 1px solid #111; padding: 1rem; } #mw-searchoptions .divider { border-bottom: 1px solid #111111; margin-left: -1rem; margin-right: -1rem; } .search-types .current a { color: #fff; font-weight: 500; } .tier-list { padding: 1rem 2rem!important; font-size: 24px; border-right: 2px solid #111!important; } .tier-s { color: rgb(255, 127, 127)!important; background: rgb(255 127 127 / 20%)!important; } .tier-a { color: rgb(255, 191, 127)!important; background: rgb(255 191 127 / 20%)!important; } .tier-b { color: rgb(255, 223, 127)!important; background: rgb(255 223 127 / 20%)!important; } .tier-c { color: rgb(255 255 127)!important; background: rgb(255 255 127 / 20%)!important; } .tier-d { color: rgb(191, 255, 127)!important; background: rgb(191 255 127 / 20%)!important; } .tier-e { color: rgb(127, 255, 127)!important; background: rgb(127 255 127 / 20%)!important; } .tier-f { color: rgb(127, 255, 255)!important; background: rgb(127 255 255 / 20%)!important; } .oo-ui-panelLayout-framed { border: none; background-color: #1d1d1d; } .oo-ui-tabSelectWidget-framed { background-color: #111111; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: #1d1d1d; color: #fff; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label { border-bottom: none; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgb(29 29 29); color: #ffffff; } .mw-prefs-buttons { background-color: #292929; border-top: 1px solid #111111; padding-left: 1rem; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #1d1d1d; color: #fff; border-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover { cursor: pointer; background: hsl(0deg 0% 100% / 20%); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: #1d1d1d; } .mw-filepage-resolutioninfo { font-size: initial; } .mw-category-group li { margin-bottom: 0.5rem; } .builds-menu { min-width: 400px; } .guides-menu { min-width: 600px; } .dropdown-header { color: rgb(255 255 255 / 50%); padding: 0.5rem 0.75rem; } .mw-collapsible dl { margin: 0; padding: 0.5rem; } #BFdQrXovnYka { display: none; position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 2px solid transparent; border-radius: 0; padding: 10px; color: #fff; background-color: #1d1d1d; border-color: #8e4545; line-height: 1.7; } .collapseMB { padding: 0.5rem 1rem; background-color: #333; font-weight: 500; width: fit-content; margin-bottom: 0.25rem; } .collapseMB:hover { opacity: 0.5; cursor: pointer; } .collapseContent { display: none; padding: 0.5rem; background: #1d1d1d; width: fit-content; margin-bottom: 1rem; } .collapseContent > *:last-child { margin-bottom: 0!important; } .pvp-stats-header { background: #1d1d1d; color: #fff; padding: 0.5rem 1rem; border-left: 2px solid #5865f2; margin-bottom: 0.5rem; } .default-box-2 { background: rgba(255,255,255,0.025); padding: 1rem; } .mw-mmv-image-metadata { margin-top: 0; } .gw2a--LWWFA { vertical-align: middle; } /* ConfirmEdit QuestyCaptcha -- on Create Account */ .htmlform-tip + .mw-htmlform-field-HTMLInfoField { color:red; } /* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */ label[for=wpCaptchaWord] { color: green; font-weight: bold; font-size: 150%; font-style: italic; } .difficulty-pip { width: 5px; background: rgb(255 255 255 / 15%); margin-right: 4px; border-radius: 1rem; height: 60%; } .pip-1 { background: #458e46; } .pip-2 { background: rgba(249,169,22,0.7); } .pip-3 { background: #b81818; } .difficulty-pip:last-child { margin-right: 0; } .tooltip { opacity: 1 !important; color: #fff !important; } .hover-tooltip { color: #a476c5; cursor: help; } .tooltip-inner { padding: 0; background-color: #000; text-align: left; max-width: 400px!important; } .tooltip-arrow { display: none!important; } #ig-tooltip { max-width: 400px; width: 100%; } #ig-tooltip hr { border-top: 2px solid #ffffff3b; margin: 0.5rem 0; } .ig-tooltip-header { position: relative; padding: 0.75rem; background-image: url("/tl/images/7/73/Head_bg_1.png"); background-position: left top; background-repeat: no-repeat; background-size: cover; border-top: 3px solid #000; border-left: 3px solid #000; border-right: 3px solid #000; } .ig-tooltip-growth { position: absolute; right: 10px; top: 10px; font-size: 12px; color: rgb(255 255 255 / 50%); } .ig-tooltip-cd { font-size: 12px; color: rgb(255 255 255 / 50%); } .ig-tooltip-body { padding: 0.75rem; background-color: #0d0b07; color: #afa49b; font-size: 14px; border-bottom: 3px solid #000; border-left: 3px solid #000; border-right: 3px solid #000; } .ig-tooltip-title { font-size: 18px; color: #f9a916; } .ig-tooltip-icon { border: 2px solid rgb(255 255 255 / 15%); min-height: 60px; min-width: 60px; } .skill-container { height: auto; width: auto; position: relative; } .skill-bar-heading { font-weight: 500; color: #fff; } .rotation-container { margin-bottom: 1rem; } .rotation-title { color: #fff; font-weight: 500; margin-bottom: 0.75rem; } .skill-number { position: absolute; right: 0; bottom: 0; background: rgb(255 255 255 / 20%); color: #fff; padding: 0px 4px; font-size: 10px; } #footer-privacy, #footer-about, #footer-disclaimer { display: none; } .priority-container { background: #1d1d1d; padding: 5px 10px 5px 5px; width: fit-content; border-radius: 0.5rem; } .common-info { color: #b7b7b7!important; } .uncommon-info { color: #55c677!important; } .rare-info { color: #65b0fc!important; } .epic-info { color: #a979cb!important; } .epict2-info { color: #a979cb!important; } .rare-box { background: linear-gradient(135deg,rgb(36 232 88 / 10%) 20%,rgb(66 161 255 / 25%) 100%); } .epic-box { background: linear-gradient(135deg,rgb(66 161 255 / 25%) 20%,#c324e840 100%); } .legendary-box { background: linear-gradient(135deg,#c324e840 20%,rgb(243 202 78 / 25%) 100%); } .tippy-box[data-theme~='metabattle'] .tippy-content { padding: 0; } .build-card { background-color: rgba(255,255,255,0.025); padding: 0.75rem; border-radius: 0.5rem; text-align: center; background-repeat: no-repeat; background-position: center; font-size: 12px; height: 100%; } .build-card:hover { background-color: rgba(255,255,255,0.1); } .build-card a { color: #fff; font-weight: 500; text-shadow: 2px 1px #000; font-size: 20px; } .build-card a:hover { color: #f9a916; } .build-card img:hover { opacity: 0.75; } .card-line { background-color: #f9a916; width: 32px; height: 1px; display: block; margin: 5px auto; } .nav-tabs .nav-link { margin-right: 0.5rem; } .mw-parser-output .nav-tabs .nav-item.show .nav-link, .mw-parser-output .nav-tabs .nav-link.active { color: #fff; background-color: #18161f; font-weight: 700; cursor: default; border: 1px solid #2a2b2b; border-bottom: 1px solid #18161f; } .mw-parser-output .nav-tabs { border-color: transparent; margin-bottom: -1px; } .mw-parser-output .nav-link:focus, .mw-parser-output .nav-link:hover { color: #fff; } .mw-parser-output .nav-link { color: #f9a916; font-weight: 700; } .mw-parser-output .nav-tabs .nav-link:focus, .mw-parser-output .nav-tabs .nav-link:hover { cursor: pointer; background: #18161f; border: 1px solid #2a2b2b; border-bottom: 1px solid #18161f; } .absolute { position: absolute; top: 0; left: 0; } .active-frame { -webkit-clip-path: polygon(8% 25%,8% 75%,50% 100%,92% 75%,92% 25%,50% 0%); clip-path: polygon(8% 25%,8% 75%,50% 100%,92% 75%,92% 25%,50% 0%); } .used-p { padding: 2px; } .attributes-title { color: #fff; margin-bottom: 0.5rem; } .attributes-number { color: #f9a916; font-weight: 700; font-size: 30px; } .attributes-strength { background-image: url(/tl/images/5/50/Strength.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .attributes-dexterity { background-image: url(/tl/images/4/41/Dexterity.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .attributes-wisdom { background-image: url(/tl/images/a/a6/Wisdom.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .attributes-perception { background-image: url(/tl/images/1/11/Perception.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .mastery-table { margin-bottom: 0; text-align: center; font-size: 10px; } .mastery-table>:not(caption)>*>* { background: transparent; color: #fff; border-bottom: none; padding: 1rem 0; vertical-align: middle; opacity: 0.15; } .mastery { background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: 60px, contain; height: 70px; } .mastery-section-title { background-image: url(/tl/images/a/a0/Tex_PVP_FriendlyBase.webp); background-repeat: no-repeat; background-position: center right; } .grayscale-1 { filter: grayscale(1); } .bg-secondary { background-color: rgba(255,255,255,.1)!important; color: rgba(255,255,255,.5); margin-top: 0.35rem; font-weight: 100; font-size: 0.7em; } li b { color: #05a37e; } .gear-entry { width: 100%; max-width: 350px; background: rgba(255, 255, 255, 0.025); padding: 0.25rem 0.75rem; border-radius: 0.25rem; border: 1px solid #2a2b2b; } .gear-attr { font-size: 80%; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { z-index: 999; } .network-banner { background-color: #111111; position: fixed; top: 0; width: 100%; border-bottom: 1px solid rgb(34 34 34); z-index: 999; height: 37px; } .network-banner a { color: #cacaca; padding: 6px 12px; opacity: 0.35; font-size: 13px; } .network-banner a:hover { color: #fff; opacity: 1; } .navbar-toggler-icon { width: 1.25em; height: 1.25em; } .navbar-toggler { border: none; } ::marker { font-size: 18px; font-weight: bold; } /* start of v2 */ .skill-bar-entry { background-color: rgba(255,255,255,0.025); border: 1px solid #2a2b2b; height: 100%; border-radius: 0.25rem; } .skill-bar-entry .title { color: #c324e8; } .skill-bar-entry .uncommon { color: #24e858; } .skill-bar-entry .rare { color: #65adf6; } .skill-bar-entry .epic { color: #a476c5; } .color-common { color: #fff; } .color-uncommon { color: #24e858; } .color-rare { color: #65adf6; } .color-epic { color: #a476c5; } .equipment-common .hover-tooltip { /*outline: 1px solid #fff; background-image: url(/tl/images/c/cc/Common.webp);*/ background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); background-size: contain; } .equipment-uncommon .hover-tooltip { /*outline: 1px solid hsl(138deg 50% 56% / 50%); background-image: url(/tl/images/9/97/Uncommon.webp);*/ background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); background-size: contain; } .d-flex.align-items-center.gear-entry.shadow.equipment-uncommon { background: linear-gradient(135deg, rgb(51 153 102 / 20%) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid hsl(138deg 50% 56% / 40%); } .equipment-rare .hover-tooltip { /*outline: 1px solid hsl(210deg 99% 71% / 50%); background-image: url(/tl/images/f/fc/Rare.webp);*/ background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); background-size: contain; } .d-flex.align-items-center.gear-entry.shadow.equipment-rare { background: linear-gradient(135deg, rgb(51 102 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid hsl(210deg 99% 71% / 30%); } .equipment-epic .hover-tooltip { /*outline: 1px solid hsl(275deg 41% 62% / 70%); background-image: url(/tl/images/4/46/Epic.webp);*/ background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); background-size: contain; } .d-flex.align-items-center.gear-entry.shadow.equipment-epic { background: linear-gradient(135deg, rgb(199 51 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid hsl(275deg 41% 62% / 50%); } .equipment-epict2 .hover-tooltip { /*outline: 1px solid #a476c5; background-image: url(/tl/images/b/bb/Epict2.webp);*/ background-image: url(/tl/images/a/ac/Char_Item_Slot_backImg.webp); background-size: contain; } .d-flex.align-items-center.gear-entry.shadow.equipment-epict2 { background: linear-gradient(135deg, rgb(199 51 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid hsl(275deg 41% 62% / 80%); } .equipment-common .gear-title { color: #fff; } .equipment-uncommon .gear-title { color: #56c677; } .equipment-rare .gear-title { color: #6ab3fe; } .equipment-epic .gear-title { color: #a476c5; } .equipment-epict2 .gear-title { color: #a476c5; } .modal-content { background-color: #15131b; border: 1px solid #2a2b2b; } .modal-header { border-bottom: 1px solid #2a2b2b; } .btn-close { background: #ffffff var(--bs-btn-close-bg) center / 1em auto no-repeat; margin: unset!important; } .btn-close:hover { cursor: pointer; } .mastery-btn { background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgb(255 255 255 / 7%); border-radius: 0.25rem; } .mastery-btn:hover { background-color: rgba(255, 255, 255, 0.1); cursor: pointer; } /* end of v2 */ .dungeon-entry { background-color: rgba(255, 255, 255, 0.025); border-radius: 0.5rem; position: relative; } .dungeon-entry:hover { background-color: rgba(255,255,255,.1); } .dungeon-title { font-size: 1.2em; font-weight: 500; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .dungeon-subtitle { font-size: 0.8em; position: absolute; top: 58%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .dungeon-iot { background-image: url(/tl/images/0/09/Island_of_Terror_bg.png); } .dungeon-tos { background-image: url(/tl/images/5/53/Temple_of_Slaughter_bg.png); } .dungeon-ti { background-image: url(/tl/images/7/76/Tyrant%27s_Isle_bg.png); } .dungeon-da { background-image: url(/tl/images/1/15/Death%27s_Abyss_bg.png); } .dungeon-bc { background-image: url(/tl/images/a/ab/Butcher%27s_Canyon_bg.png); } .dungeon-cod { background-image: url(/tl/images/4/45/Cave_of_Destruction_bg.png); } .dungeon-cw { background-image: url(/tl/images/3/35/Cursed_Wasteland_bg.png); } .dungeon-cri { background-image: url(/tl/images/c/cc/Carmine_Rage_Island_bg.png); } .dungeon-tcos { background-image: url(/tl/images/6/66/Torture_Chamber_of_Screams_bg.png); } .dungeon-vos { background-image: url(/tl/images/8/82/Valley_of_Slaughter_bg.png); } .dungeon-v { background-image: url(/tl/images/a/ad/Voidwastes_bg.png); } .dungeon-bg { height: 8rem; background-position: center; background-size: cover; opacity: 0.3; } .default-box { display: flow-root; background-color: rgba(255, 255, 255, 0.04); padding: 0.75rem; border-radius: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.05); margin-bottom: 2rem; } .default-box h2 { font-size: 1.1rem; margin-bottom: 0.75rem; border-left: 4px solid #f9a916; padding: 0.5rem 1rem; } .accordion-button { background: linear-gradient(135deg, rgba(249, 169, 22, 0.2) 0%, rgba(51, 153, 102, 0.2) 33%, rgba(51, 102, 255, 0.2) 66%, rgba(203, 36, 180, 0.2) 100%); color: #fff; padding: 0.5rem 0.75rem; user-select: none; } .accordion-button:hover { cursor: pointer; opacity: 0.75; } .accordion-item { border: none; } .accordion-body { color: #ccc; background: #1d1d1d; padding: 1rem; } .accordion-button:not(.collapsed) { background-color: #111111; box-shadow: none; color: #fff; } .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .eq-img { padding: 8px; } .eq-img2 { padding: 4px; } @media (min-width: 768px) { .dropdown:hover > .dropdown-menu-auto { display: block; margin-top: 0; } } @media (max-width: 425px) { #pageActions { float: none; margin-bottom: .5rem; text-align: right; } } @media (max-width: 541px) { .toc { float: none; margin-left: 0; } } @media (max-width: 650px) { .section-entry-quick-browse, .section-quick-browse { display: none; } } @media (max-width: 767px) { #eq-box-1 { margin-right: 0; border-right: none; margin-bottom: 1.5rem; border-bottom: 2px solid #1d1d1d; } } @media (max-width: 991px) { .builds-menu, .guides-menu { min-width: unset; } .dropdown-menu { margin-bottom: 1rem; } } @media (max-width: 1080px) { #sidebar { display: none; } }
MetaBattle is recruiting!
We are seeking an experienced Build Admin for Throne and Liberty with a deep understanding of the meta across most weapons and game modes. Get in touch with Galaxian on Discord if you're a good fit for the role or know someone else who is. This is a paid position.
We are seeking an experienced Build Admin for Throne and Liberty with a deep understanding of the meta across most weapons and game modes. Get in touch with Galaxian on Discord if you're a good fit for the role or know someone else who is. This is a paid position.