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: #111; color: #ccc; font-family: 'Roboto', sans-serif; font-size: 15px; } h1, h2, h3, h4, h5, h6 { color: #fff; } .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%); } .navbar .form-control { color: #cacaca; background-color: rgba(255,255,255,0.1); border: none; } .bg-dark { background-color: #111!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-menu { background-color: #333333; border: none; border-radius: 0; font-size: 14px; } .dropdown-item { color: #fff!important; padding: .5rem 0.75rem; } .dropdown-item:focus, .dropdown-item:hover { color: #fff; background-color: #1d1d1d; } .dropdown-toggle::after { color: #f9a916; vertical-align: middle; } .dropdown-icon { margin-right: 0.5rem; } .dropdown-header { color: rgb(255 255 255 / 50%); padding: 0.5rem 0.75rem; } #page-content { width: 100%; max-width: 1460px; margin: 0 auto; padding: 1rem; margin-top: 60px; } #content { margin-bottom: 2rem; margin-top: 2rem; padding-right: 4rem; } #sidebar { min-width: 300px; max-width: 300px; padding-top: 2rem; } a, .toctogglelabel { color: #f9a916; text-decoration: none; } a:hover, .toctogglelabel:hover { color: #fff; text-decoration: none; } a.new { color: red; } a.new:hover { color: #fff; } footer { text-align: center; font-size: 80%; color: #ccc; } footer ul { padding: 0; list-style-type: none; } .toc { float: right; background-color: rgb(255 255 255 / 4%); 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; } #pageActions { float: right; } #pageActions .dropdown-toggle::after { color: #111; } .printfooter { display: none; } .mw-editsection { display: none; } footer ul, .custom-footer ul { padding: 0; list-style-type: none; } .footer-heading { font-size: 1rem; font-weight: 500; color: #fff; margin-bottom: 0.75rem; } .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; } .empty-container { opacity: 0.2; width: 53px; height: 53px; margin-right: 0.25rem; overflow: hidden; margin-bottom: 0.25rem; } .talent-container { opacity: 0.2; width: 53px; height: 53px; overflow: hidden; background-image: url(/tarisland/images/0/01/Trait_bg.png); background-repeat: no-repeat; background-position: left; padding: 4px; background-size: contain; margin-bottom: 0.25rem; } .talent-sidebar { min-width: 30px; background-image: url(/tarisland/images/d/dc/Trait_sidebar_number.png), url(/tarisland/images/1/1e/Traits_sidebar_line.png); background-repeat: no-repeat, no-repeat; background-position: center center, center; background-size: 85%, 9px; text-align: center; padding-top: 21px; font-size: 10px; color: rgb(255 255 255 / 50%); margin-right: 0.75rem; } .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; } .build-card { background-color: rgba(255,255,255,0.025); padding: 2.5rem 0.75rem; border-radius: 0.5rem; text-align: center; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-out; font-size: 12px; } .build-card:hover { background-color: rgba(255,255,255,0.1); background-size: 105%; transition: all 0.3s ease-in; } .build-card a { color: #fff; font-weight: 500; text-shadow: 2px 1px #000; font-size: 20px; } .build-card a:hover { color: #f9a916; } .card-line { background-color: #f9a916; width: 32px; height: 1px; display: block; margin: 5px auto; } .leveling-card { background-image: url(/tarisland/images/e/ec/Leveling_bg.png); } .dungeon-card { background-image: url(/tarisland/images/3/33/Dungeons_bg.png); } .raid-card { background-image: url(/tarisland/images/a/ac/Raids_bg.png); } .battleground-card, .arena-card { background-image: url(/tarisland/images/b/b7/Battlegrounds_bg.png); } .barbarian-card { background-image: url(/tarisland/images/e/e3/Barbarian_bg.png); } .bard-card { background-image: url(/tarisland/images/2/2d/Bard_bg.png); } .mage-card { background-image: url(/tarisland/images/f/f5/Mage_bg.png); } .paladin-card { background-image: url(/tarisland/images/e/e5/Paladin_bg.png); } .priest-card { background-image: url(/tarisland/images/3/34/Priest_bg.png); } .ranger-card { background-image: url(/tarisland/images/b/b0/Ranger_bg.png); } .shadow-card { background-image: url(/tarisland/images/8/85/Shadow_bg.png); } .phantom-card { background-image: url(/tarisland/images/8/87/Phantom_Necro.png); } .warrior-card { background-image: url(/tarisland/images/2/27/Warrior_bg.png); } .build-row { background-color: #171717/*rgba(255,255,255,.025)*/; padding: 0.75rem; background-repeat: no-repeat; background-size: contain, cover; background-position: 0 0, 50% 55%; margin-bottom: 0.75rem; border-radius: 0.5rem; } .build-row:hover { background-color: rgba(255,255,255,.1); } .Barbarian-Fighter-row { background-image: url(/tarisland/images/8/8e/Barbarian_Fighter_row_bg.png), url(/tarisland/images/3/3b/Build_row_bg.png); } .Bard-row { background-image: url(/tarisland/images/f/f4/Bard_row_bg.png), url(/tarisland/images/3/3b/Build_row_bg.png); } .build-row a { font-weight: 500; text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000, 0 0 60px #000000, 0 0 70px #000000; font-size: 1.05rem; } .class-circle { background-image: url("/tarisland/images/1/17/Class_circle_bg.png"); background-size: contain; height: 36px; width: 36px; margin-left: 2px; margin-top: 1px; } .specialization-circle { background-image: url("/tarisland/images/d/d6/Specialization_circle_bg_original.png"); background-size: contain; height: 36px; width: 36px; margin-left: 2px; margin-top: 1px; } .class-circle img { margin-top: 5px; margin-left: 5px; } .specialization-circle img { margin-top: 4px; margin-left: 4px; } .builds-menu { min-width: 400px; } .build-header { border-left: 5px solid #f9a916; background: linear-gradient(135deg,rgb(249 169 22 / 20%) 0%,rgba(255,255,255,0) 100%); padding: 0.75rem; margin-bottom: 1rem; color: #fff; } .build-header ul { margin-bottom: 0; list-style-type: circle; margin-top: 0.5rem; } .htmlform-tip + .mw-htmlform-field-HTMLInfoField { color:red; } label[for=wpCaptchaWord] { color:green; font-weight:bold; font-size:150%; font-style:italic; } .alert { padding: 1rem; margin-bottom: 1rem; border: none; border-left: 5px solid transparent; border-radius: 0; color: #fff; line-height: 1.7; } .alert-success { border-color: #458e46; background: linear-gradient(135deg,rgb(69 142 70 / 30%) 0%,rgba(255,255,255,0) 100%); } .alert-danger { border-color: #b81818; } .alert-primary { border-color: rgba(249,169,22,0.7); } hr { background-color: #ffffff; opacity: .05; } .contributors { color: rgb(255 255 255 / 50%); text-align: center; font-size: 80%; } .tooltip { opacity: 1 !important; color: #fff !important; } .hover-tooltip { cursor: help; } .tooltip-inner { padding: 0; background-color: transparent; text-align: left; max-width: 400px!important; } .tooltip-arrow { display: none!important; } .tooltip-title { font-size: 20px; font-weight: 500; } .gear-container-outer { background: linear-gradient(45deg, rgba(0,0,0) 0%, rgba(29 29 29) 100%); border: 1px solid #000; width: fit-content; padding: 6px; } .gear-container-inner { background-color: #08080a; border: 1px solid #3b3825; width: fit-content; padding: 0.5rem; } .gear-placeholder { height: 45px; width: 45px; margin-right: 1rem; margin-bottom: 0.25rem; background-size: cover; } .skill-container { background-image: url(/tarisland/images/d/de/Skill_bg.png); background-repeat: no-repeat; background-position: left; padding: 8px; background-size: contain; } .gear-placeholder:last-child { margin-right: 0!important; } .helmet-placeholder { background-image: url('/tarisland/images/3/37/Helmet.png'); } .shoulders-placeholder { background-image: url('/tarisland/images/a/a8/Shoulders.png'); } .chest-placeholder { background-image: url('/tarisland/images/b/b3/Chest.png'); } .wrists-placeholder { background-image: url('/tarisland/images/9/93/Wrists.png'); } .gloves-placeholder { background-image: url('/tarisland/images/3/37/Gloves.png'); } .belt-placeholder { background-image: url('/tarisland/images/e/e0/Belt.png'); } .pants-placeholder { background-image: url('/tarisland/images/4/47/Pants.png'); } .boots-placeholder { background-image: url('/tarisland/images/5/59/Boots.png'); } .accessory-placeholder { background-image: url('/tarisland/images/f/f4/Accessory.png'); } .amulet-placeholder { background-image: url('/tarisland/images/8/8f/Amulet.png'); } .ring-placeholder { background-image: url('/tarisland/images/2/25/Ring.png'); } .weapon-1-placeholder { background-image: url('/tarisland/images/e/e6/Weapon_1.png'); } .weapon-2-placeholder { background-image: url('/tarisland/images/9/9b/Weapon_2.png'); } .weapon-3-placeholder { background-image: url('/tarisland/images/c/c8/Weapon_3.png'); } .skill-green { color: #64e318; } .skill-orange { color: orange; } .skill-blue { color: #3195c6; } .skill-yellow { color: yellow; } #ig-tooltip { max-width: 300px; width: 100%; } #ig-tooltip hr { border-top: 2px solid #ffffff3b; margin: 0.5rem 0; } .ig-tooltip-header { padding: 0.75rem; background-image: url("/tarisland/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-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: #afa49b; } .ig-tooltip-subtitle { font-size: 12px; color: rgb(255 255 255 / 50%); } .ig-tooltip-icon { border: 2px solid rgb(255 255 255 / 15%); } @media (max-width: 541px) { .toc { float: none; margin-left: 0; } } @media (max-width: 1080px) { #sidebar { display: none; } #content { padding-right: 0; } } @media (min-width: 768px) { body { background-image: url(/tarisland/images/1/1e/Content_bg.png); background-size: contain; background-repeat: no-repeat; } .build-row { padding: 0.75rem 0.75rem 0.75rem 120px; } .build-row a { text-shadow: 1px 1px 1px #061621; } }