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; } 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; } 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; } .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); } .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; } #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; } .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: 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: 2px solid rgb(51 153 102 / 50%); padding: 0 0.25rem; } .fourstars { background: rgb(51 102 255 / 10%); border: 2px solid rgb(51 102 255 / 50%); padding: 0 0.25rem; } .threestars { background: rgb(51 217 255 / 5%); border: 2px solid rgb(51 217 255 / 30%); padding: 0 0.25rem; } .onestar, .twostars { background: rgb(255 51 51 / 10%); border: 2px solid rgb(255 51 51 / 50%); padding: 0 0.25rem; } .zerostars { background: rgb(189 189 189 / 10%); border: 2px solid rgb(189 189 189 / 50%); padding: 0 0.25rem; } .build-header { background-color: #1d1d1d; padding: 0.75rem; margin-bottom: 1rem; border-left: 3px solid transparent; } .meta-text { color: #f9a916; font-weight: 700; } .meta-header { border-left: 3px 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: 3px 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: 3px solid #3366ff; background: linear-gradient(135deg,rgb(51 102 255 / 20%) 0%,rgba(255,255,255,0) 100%); } .test-header { border-left: 3px solid #33d9ff; background: linear-gradient(135deg,rgb(51 217 255 / 20%) 0%,rgba(255,255,255,0) 100%); } .draft-header { border-left: 3px solid #bdbdbd; background: linear-gradient(135deg,rgb(189 189 189 / 20%) 0%,rgba(255,255,255,0) 100%); } .archived-header { border-left: 3px 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: 2px 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; } .build-template-button { padding: 8px 15px; background: #f9a916; color: #111; font-weight: bold; border-radius: 0.25rem; width: fit-content; } .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; } .dropdown-header { color: rgb(255 255 255 / 50%); } @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 { min-width: unset; } } @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 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.