Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
html { scroll-behavior: smooth; scroll-padding-top: 69px; } body { background-color: #1d1d1d; color: #ccc; font-family: 'Roboto', sans-serif; font-size: 15px; background-image: url(/wiki/images/2/2f/Bg2.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; list-style-type: none; } /* :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; } .toctitle { margin-bottom: 0.5rem; } .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; color: #ccc; } .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("/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: 60px; } #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: 76px; } .printfooter { display: none; } .section-header { background: #1d1d1d; color: #fff; padding: 0.5rem 1rem; margin: 0.5rem 0; border-left: 2px solid #5865f2; } .section-title { font-size: 1.1em; font-weight: 500; } .section-entry { background-color: rgba(255, 255, 255, 0.025); color: #fff; padding: 0.5rem 1rem; } .section-entry:hover { background-color: rgba(255, 255, 255, 0.1); } .section-entry-icon { margin-right: 1rem; } .section-entry-title a { color: #fff; font-weight: 500; text-shadow: 2px 1px #000; font-size: 15px; } .section-entry-title a:hover { color: #f9a916; } .section-entry-quick-browse { font-weight: 500; } .section-entry-quick-browse span { opacity: 0.5; margin: 0 0.25rem; } .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 { background-color: #171717/*rgba(255,255,255,.025)*/; padding: 0.35rem; } .build-row:hover { background-color: 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; margin-bottom: 1rem; border-left: 2px solid transparent; } .meta-text { color: #f9a916; font-weight: 700; } .meta-header { border-left: 2px solid #f9a916; background: linear-gradient(135deg,rgb(249 169 22 / 20%) 0%,rgba(255,255,255,0) 100%); } .great-text { color: #339966; font-weight: 700; } .great-header { border-left: 2px solid #339966; background: linear-gradient(135deg,rgb(51 153 102 / 20%) 0%,rgba(255,255,255,0) 100%); } .good-text { color: #3366ff; font-weight: 700; } .good-header { border-left: 2px solid #3366ff; background: linear-gradient(135deg,rgb(51 102 255 / 20%) 0%,rgba(255,255,255,0) 100%); } .test-header { border-left: 2px solid #33d9ff; background: linear-gradient(135deg,rgb(51 217 255 / 20%) 0%,rgba(255,255,255,0) 100%); } .draft-header { border-left: 2px solid #bdbdbd; background: linear-gradient(135deg,rgb(189 189 189 / 20%) 0%,rgba(255,255,255,0) 100%); } .archived-header, .basic-header { border-left: 2px solid #ff3333; background: linear-gradient(135deg,rgb(255 51 51 / 20%) 0%,rgba(255,255,255,0) 100%); } .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; } .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: 28px; border-right: 2px solid #111!important; } .tier-s { color: #ff7f7f!important; } .tier-a { color: #ffbf7f!important; } .tier-b { color: #ffdf7f!important; } .tier-c { color: #ffff7f!important; } .tier-d { color: #bfff7f!important; } .tier-e { color: #7fff7f!important; } .tier-f { color: #7fffff!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; } .gw2a--2h7yL { min-width: fit-content!important; } @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; } }
Get MetaBattle Premium
Enjoy an ad-free experience & support the website, for less than $1 per month! Upgrade to Premium
Enjoy an ad-free experience & support the website, for less than $1 per month! Upgrade to Premium
MetaBattle is recruiting!
We are looking for experienced build admins and guide writers for Throne and Liberty. Get in touch with Galaxian#1640 on Discord if you're a good fit for the role or know someone else who is. Those are paid position.
We are looking for experienced build admins and guide writers for Throne and Liberty. Get in touch with Galaxian#1640 on Discord if you're a good fit for the role or know someone else who is. Those are paid position.