Page actions

Difference between revisions of "Common.css"

Line 23: Line 23:
 
     max-width: 268px;   
 
     max-width: 268px;   
 
     max-height: 155px;
 
     max-height: 155px;
 +
    padding: 1.2%;
 
}
 
}
 
.guide-card{
 
.guide-card{

Revision as of 12:05, 12 August 2019

.RelatedGuidesLayoutContainer{
    width: 270px;
    display: inline-block;
    float: left;
    background: #1b2838;
    text-align: center;
    margin: 1em 1em 1em 0em;
    border-radius: 3px;
    border: 1px solid #1b2838;
    min-height: 180px;
    max-height: 180px;
    min-width: 270px;
    max-width: 270px;
    vertical-align: top;
    font-weight: bold;
    overflow: hidden;
}
.RelatedGuidesLayoutTitle{
    text-align: center;
    padding: 1px;
}
.thumbnail{
    max-width: 268px;  
    max-height: 155px;
    padding: 1.2%;
}
.guide-card{
    background-repeat: no-repeat;
    padding: 7px 10px;
    width: 100%;
    background-color: rgba(255,255,255,.025);
    transition: background-color .25s,color .25s;
    border-bottom: 2px solid #1b2838;
}
.buildcard-c{
    display: flex;
    flex-wrap: wrap;
}
.section-revised{
    color: #fff;
    padding: 5px 10px;
    background: #264527;
    border: 2px solid #3e703f;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.polarity{
    position: absolute;
    margin-left: 86%;
    background: #202b25;
    margin-top: 7%;
    display: inline-flex;
    max-height: 13px;
}
/* Making ZawSemanticText Bold */
.weaponcontainer .weapontext > p{
    font-weight: bold;
}
.abilitytable{
background:#1b2838;
}
.abilitytableavatar{
width:19.5%;
}
.abilitytable >tbody >tr >td{
   
}
.abilitytablestrength{
width:26%
}
.abilitytabledescription{
width:56%
}
.statscontainer{
display:inline-block;
}
mainbarabilities{
display: inline;
}

hr { border: none }

#mw-indicator-mw-helplink {
display: none;
}

.build-card > p {
display: block;
}

.modslotblock2 > pre{
    visibility: hidden;
}
.buildcardtable { background: #313444; }

.buildcardtable2 {
font-size: 14px;
}

.buildcardtable2 > tbody > tr > td >div > p > br {
    display: none;
}
.mw-parser-output > p > br{
    display: none;
}
.mw-parser-output > p:empty{
    display: none;
}

body {
background: #1b2838;
color: #f6f6f6;
font-family: 'Raleway', sans-serif;
}

.top-bar {
background: #26293a;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
position: fixed;
width: 100%;
z-index: 999;
font-family: 'Raleway',sans-serif;
}

.top-bar.expanded .title-area {
background: #26293a;
}

footer.row {
    color: #f6f6f6;
}

#page-content {
max-width: 1220px;
min-height: 565px;
margin: 0 auto;
background-color: #182332;
padding: 0px;
padding-left: 15px!important;
padding-right: 15px!important;
padding-top: 70px;
}

.column, .columns {
padding: 0px!important;
}

.row {
max-width: 100%;
}

a {
color: rgb(51, 163, 243);
}

h1, h2, h3, h4, h5, h6 {
color: #fff;
font-family: 'Raleway', sans-serif;
}

a:hover, a:focus {
color: rgb(51, 163, 243);
opacity: .5;
}

.top-bar-section .has-form {
background: #313444;
}

.top-bar-section ul li {
background: #313444;
}

.top-bar-section .has-dropdown > a:after {
border-color: rgba(65,169,72) transparent transparent transparent;
}

button.secondary, .button.secondary {
background-color: #a6fc5e;
color: #26293a;
border-radius: 0px!impotant!
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #26293a;
background: #a6fc5e;
opacity; .5;
}

button:hover, button:focus, .button:hover, .button:focus {
background-color: #a6fc5e;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #a6fc5e;
min-width: 150px;
}

button, .button {
background-color: #a6fc5e;
border-color: #a6fc5e;
}

input[type="search"] {
border: none;
background-color: #313444;
}

legend, label {
color: #fff;
}

.smw-editpage-help {
background-color: #1b2838;
border: none;
}

fieldset {
background: #1b2838;
border: none;
}

.mw-changeslist-legend {
border: none;
}

.buildcardheading {
padding: 15px 15px 15px 0px;
color: #f6f6f6;
border-bottom: 1px solid rgb(27, 40, 56);
font-weight: bold;
}

.buildcardheading > span {
border-bottom: 3px solid rgb(255, 155, 60);
padding-bottom: 15px;
}

.buildcard {
padding: 10px;
background: #313444;
border-left: 2px solid #313444;
}

.buildcard:hover {
background: #202331;
border-left: 2px solid #a6fc5e;
}


/* CSS placed here will be applied to all skins */
/*Mod slot design (Mod_slot Template)*/
.modslotblock1{
  display: inline-block;
  margin-left: 17.5%; 
  <!-- margin-left: 18%; -->
   
}
.modslotblock2{
  display: inline-block;
  <!-- margin-left: 25%; -->
}

.modslotdiv{
  display: inline-block;
  float:left;
  min-height: 224px;
}
.modslotdiv > p{
 display:none;
}
.modslotsarcanedivdiv{
display: inline-block;
  float:left;
  height: 14em;
}
.modslotsarcanedivdiv> p{
 display:none;
}
/*Ability bar design (Ability_bar Template)*/
.abilitybardiv{
    display:inline-block;
    margin: -2%;
}


/* Tooltip for weapons */
.weaponcontainer{
    //position: relative;
    display: inline-block;
}
.weaponcontainer .weapontext{
color: #ffd700;
}
.weaponcontainer .weapondata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainer:hover .weapondata{
    display: inline-block;

}

/* Tooltip for weapon images */
/* Tooltip for weapons */
.weaponcontainerbig .weapontext{
    color: #a6fc5e;
    font-weight: bold;
}
.weaponcontainerbig .weapondata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainerbig:hover .weapondata{
    display: inline-block;

}


/* Tooltip for weapon overview*/
.weaponcontainersmall{
    //position: relative;
    display: inline-block;
}
.weaponcontainersmall .weapontext{
    color: #a6fc5e;
    font-weight: bold;
}
.weaponcontainersmall .weapondata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainersmall:hover .weapondata{
    display: inline-block;

}

/* Tooltip for warframes */
.weaponcontainer .warframeimg{
    width:85%;
}
.weaponcontainer .warframetext{
    color: #a6fc5e;
    font-weight: bold;
}
.weaponcontainer .warframedata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainer:hover .warframedata{
    display: inline-block;
}

/* Tooltip for resources*/
.containerbar .resourceimg{
    width: 75%;
}
.containerbar .resourcetext{
    color: #a6fc5e;
    font-weight: bold;
}
.containerbar .resourcedata{
display: none;
background: #202231;
color: #a6fc5e;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.containerbar:hover .resourcedata{
    display: inline-block;
}
/* Tooltip for companions */
.weaponcontainer .companionimg{
    width:85%;
}
.weaponcontainer .companiontext{
color: #ffd700;
}
.weaponcontainer .companiondata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainer:hover .companiondata{
    display: inline-block;
}
/* Tooltip for Archwings */
.warframecontainer .archwingimg{
    width:85%;
}
.warframecontainer .archwingtext{
    color: #a6fc5e;
    font-weight: bold;
}
.warframecontainer .archwingdata{
display: none;
background: #202231;
color: #a6fc5e;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.warframecontainer:hover .archwingdata{
    display: inline-block;
}

.warframecontainer .modimg{
    width: 90%;
}
.warframecontainer .moddata{
display: none;
background: #202231;
color: #a6fc5e;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.containerbar:hover .moddata{
    display: inline-block;
}
.containerbar .abilityimg{
    width: 75%;
}
.containerbar .abilitytext{
color: #ffd700;
}
.containerbar .abilitydata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.containerbar:hover .abilitydata{
    display: inline-block;
}

.weaponcontainer .arcanetext{color: #ffd700;}
.weaponcontainer .arcanedata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.weaponcontainer:hover .arcanedata{
    display: inline-block;

}
.containerVertical{
    position: relative;
    display: table;
}
.containerVertical .arcanedata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.containerVertical:hover .arcanedata{
    display: inline-block;

}




table.buildcardtable > * > tr {
background: #313444;
}

table.buildcardtable > * > tr > td {
border-left: 1px solid #313444;
padding: 10px;
}

table.buildcardtable > * > tr > td:hover {
background: #26293a;
border-left: 1px solid #a6fc5e;
}
.containerbar{
 position: relative;
 display: inline-block;
}
.containerbar .modbarimg{
    width: 100%;
}
.containerbar .modbardata{
display: none;
background: #1b2838;
color: #ffd700;
position: absolute;
z-index: 1;
padding: 5px 10px;
width: 300px;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
}

.containerbar:hover .modbardata{
    display: inline-block;
}

.containerbar .modbarimg > p > br{
    display: none;
}
.mainbar > p > br{
    display: none;
}
.mainbar > p{
 display:none;
}

#adminTools {
background: #1b2838;
padding: 10px;
margin-top: 6px;
}

.userratebox {
margin-top: 20px;
}
.allratings .rating-vote-comment{
    display: flex;
    flex-direction: row;
    margin-top: 1.25em;
}
.allratings .rating-vote-comment:first-child {
    margin-top: 0;
}
.allratings .rating-vote-comment .left-icon {
    width: 48px;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.allratings .rating-vote-comment .left-icon img {
    padding-top: .33333em;
}
.allratings .rating-vote-comment .right-comment {
    width: 100%;
}
.allratings .rating-vote-comment .right-comment .comment-meta {
    font-size: 14px;
    color: #aaa;
}
.allratings .rating-vote-comment .right-comment .comment-meta .sway-major {color: #bbb;}
.allratings .rating-vote-comment .right-comment .comment-meta > .date {color: #ccc;}
.allratings .rating-vote-comment .right-comment .comment-meta .bullet-user-date {margin: 0 .25em;}
.allratings .rating-vote-comment .right-comment .comment {
    padding: 0;
}

.rating-vote-comment {
background: #1b2838;
padding: 10px;
margin-bottom: 10px;
}

input[type="submit"] {
background-color: rgb(51,163,243);
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
border: none;
padding: 10px;
border-radius: 3px;
}

input[type="submit"]:hover {
color: #fff;
opacity: .5;
}

.first-to-vote-pl0x {
background: #1b2838;
padding: 10px;
}

.header {
padding: 10px;
background: #1b2838;
border-radius: 3px;
}

#toc, .toc {
float: right;
padding: 10px;
border: none;
display: inline-block;
width: auto;
margin: 0px;
background: #1b2838;
border-radius: 3px;
}

.toctitle > h2 {
margin-top: 0px;
}
.mw-search-profile-tabs {
background-color: #313444;
border: none;
}

#mw-searchoptions {
background-color: #313444;
border: none;
}

#mw-searchoptions .divider {
border-bottom: 1px solid #313444;
}

.search-types .current a {
color: #a6fc5e;
font-weight: bold;
}

#mw-search-toggleall, #mw-search-togglenone {
background-color: #5cb857;
padding: 5px;
border: none;
}

#mw-search-toggleall:hover, #mw-search-togglenone:hover {
opacity: .5;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
margin: 0px;
}

.prefsection table, .prefsection legend {
background-color: #313444;
}

#preferences fieldset legend {
background: #1b2838;
padding: 5px 30px;
margin: 0px;
border-bottom: 1px solid #313444;
}

.mw-prefs-buttons {
background: #313444;
}

.rating-score {
margin: 15px 0px;
padding: 10px;
background: #1b2838;
border-radius: 3px;
}

.pcss3mm {
background: #1b2838!important;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25)!important;
}

.pcss3mm li {
border-color: transparent!important;
background: #1b2838!important;
}

.pcss3mm a {
color: #f6f6f6!important;
font-family: 'Raleway',sans-serif!important;
font-weight: bold;
}

.pcss3mm a:hover {
background: transparent!important;
color: #fff!important;
opacity: .5!important;
}

.pcss3mm .dropdown > a {
font-family: 'Raleway', sans-serif;
}

.pcss3mm .dropdown > div {
background: #1b2838!important;
font-family: 'Raleway', sans-serif;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
margin-top: 0px!important;
border-top: 3px solid rgb(51,163,243);
}
.pcss3mm .grid-column {
    border-color: transparent!important;
}

.grid-column > ul > li {
background: #1b2838!important;
}

/*
.grid-column > ul > li > a, .grid-container3 > ul > li > a {
border-left: 1px solid #202231;
}

.grid-column > ul > li > a:hover, .grid-container3 > ul > li > a:hover {
border-left: 1px solid #a6fc5e;
}
*/

.grid-container3 > ul > li {
background-color: #1b2838!important;
}

.pcss3mm .dropdown > b {
background: rgb(51,163,243)!important;
height: 0px!important;
}
.pcss3mm ul a {
padding-top: 3px!important;
padding-bottom: 2px!important;
}

.pcss3mm form {
padding: 0px 20px 0px!important;
}

.pcss3mm input, .pcss3mm textarea, .pcss3mm button {
border: none!important;
background: rgba(255, 255, 255, 0.1)!important;
color: #fff!important;
font-family: 'Raleway',sans-serif!important;
}

.pcss3mm input:focus, .pcss3mm textarea:focus {
border: none!important;
background: rgba(255, 255, 255, 0.1)!important;
}

.hideMods {
display: block;
width: 62px;
margin-left: 31%;
padding: 5px 15px;
background-color: rgb(51,163,243);
color: #fff;
font-weight: bold;
border-radius: 3px;
}

.hideMods:hover {
color: #fff;
opacity: .5;
cursor: pointer;
}

#catlinks { border: none }

.label {
background-color: rgb(51,163,243);
color: #fff;
border-radius: 3px;
}

a.label:hover, a.label:focus {
color: #fff;
opacity: .5;
}

.buildcard-h {
background: #1b2838;
padding: 10px;
border-bottom: 2px solid #182332;
color: #fff;
}
table.buildcardtable2 > * > tr > td {
padding: 10px;
color: #f6f6f6;
}

table.buildcardtable2 > * > tr > th {
padding: 10px;
color: rgba(255, 255, 255, .5);
}

table.buildcardtable2 > * > tr {
background: #1b2838;
}

table.buildcardtable2 > * > tr:hover {
background: #1f2e40;
}

table.buildcardtable2 > * > tr:first-child:hover {
background: #1b2838!important;
}

.pcss3mm .dropdown > a::after, .pcss3mm .dropdown:hover > a::after {
border-top-color: rgb(51, 163, 243)!important;
}
.pcss3mm .grid-column:first-child ul li:last-child > a {
border-radius: 0px!important;
}

.diff-deletedline .diffchange {
background: #c680ff;
color: #26293a;
}

.diff-deletedline {
border-color: #c680ff;
}

.diff-addedline .diffchange {
background: #a6fc5e;
color: #26293a;
}

.diff-addedline {
border-color: #a6fc5e;
}

.diff-context {
background: #313444;
border-color: #1a1b23;
color: inherit;
}

.page-actions {
background-color: rgb(51,163,243);
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
border: none;
padding: 10px;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
}

.page-actions:hover {
color: #fff;
opacity: .5;
}

.page-actions:focus {
color: #fff;
background-color: rgb(51,163,243);
border: none;
}

.f-dropdown.drop-left {
background: #1b2838;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
font-size: 13px;
}

.f-dropdown li a {
color: #fff;
}

.f-dropdown li:hover, .f-dropdown li:focus {
color: #fff;
}

.f-dropdown li:hover, .f-dropdown li:focus {
background: transparent;
}

.f-dropdown.drop-left::before {
border-color: transparent transparent transparent #202231;
}

.f-dropdown {
background: #202231;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
border: 1px solid #1b1c24;
border-radius: 3px;
font-size: 13px;
}

.f-dropdown.drop-left::after {
border-color: transparent transparent transparent #202231;
}

table.wikitable {
background-color: #1b2838;
color: #fff;
}

table.wikitable > * > tr > th {
border: 1px solid #1a1b23;
background-color: #1a1b23;
}

table.wikitable > * > tr > td {
border: 1px solid #182332;
}

code {
background-color: #a6fc5e;
border: none;
color: #26293a;
}

code > a {
color: #26293a;
}

code > a:hover {
color: #26293a;
}

code:hover {
opacity; .5;
}

#pagehistory li.selected {
background-color: #26293a;
color: #fff;
border: none;
}

#pagehistory {
margin: 15px;
}

#pagehistory li {
border: none;
}

.f-dropdown li {
font-size: 13px;
}

.mw-datatable th {
background-color: #1a1b23;
}

.mw-datatable th {
border: 1px solid #1a1b23;
}

.mw-datatable td {
background-color: #313444;
}

.mw-datatable tr:hover td {
background-color: #313444;
}

.mw-datatable td {
border: 1px solid #1a1b23;
}

table thead tr th {
font-weight: normal;
}

pre {
background: #1b2838;
padding: 1em;
border-radius: 3px;
}

.topnav {
overflow: hidden;
position: fixed;
width: 100%;
max-height: 400px;
overflow-y: auto;
z-index: 999;
background: #182332 !important;
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4) !important;
}

.topnav #menuLinks{
display: none;
}

.topnav #menuLinks ul, .topnav #menuLinks li {
list-style-type: none;
}

.topnav #menuModeLinks, .topnav #menuWarframeLinks, .topnav #menuUserLinks, .topnav #menuSettingsLinks {
display: none;
background: #1b2838;
border-top: 1px solid rgba(0, 0, 0, 0.4);
}

#menuModeLinks a,#menuWarframeLinks a, #menuLinks a, #menuUserLinks a, #menuSettingsLinks a {
font-size: 14px;
}

.topnav a {
color: #f6f6f6!important;
padding: 14px 16px;
text-decoration: none;
display: block;
font-weight: bold;
}

.topnav a.icon {
display: block;
position: absolute;
right: 0;
top: 0;
}

.topnav a:hover {
color: #f6f6f6;
opacity: .5;
}

#menuLinks > #searchform > #searchInput {
border: none !important;
background: rgba(255,255,255,0.1)!important;
color: #fff!important;
font-family: 'Raleway',sans-serif !important;
}

.sidebox-small {
background: rgb(27, 40, 56);
padding: 10px;
margin-bottom: 15px;
font-size: 15px;
border-radius: 3px;
}

.buildcardratingbox {
width: fit-content;
width: -moz-fit-content;
padding: 5px 10px;
background: #182332;
color: #ffd700;
border-radius: 3px;
}

.statstable {
background: #1b2838;
display: inline-block;
width: 200px;
}

.statstable > tbody {
display: inline-block;
}

.statstable > tbody > tr > td {
padding: 1px 10px;
}

.statstable > tbody > tr > th {
padding: 6px 10px;
font-weight: bold;
}

.statstable > tbody > tr {
border-bottom: 1px solid #182332;
}

.zawstatstable {
background: #1b2838;
display: table;
width: 365px;
}
.zawstatstable > tbody {
display: inline-block;
}

.zawstatstable > tbody > tr > td {
padding: 1px 10px;
}

.zawstatstable > tbody > tr > th {
padding: 6px 10px;
font-weight: bold;
}

.zawstatstable > tbody > tr {
border-bottom: 1px solid #182332;
}
.zawstatstable > tbody > tr > th {
text-align:center;
}

.boldtd {
font-weight: bold;
text-align: right;
}

.weaponcontainersmall + p, .weaponcontainer + p, p + p, .containerbar + p, h5 + p, h3 + p, h2 + p, hr + p {
display: inline;
}

.weaponcontainerbig {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

.weaponcontainerbig + p {
display: inline-block;
}

/* GUIDES */
.guideheading{
    padding-left: 0.5%;
    width: 25%;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75)
}

h1#firstHeading {
font-size: 2.125rem;
margin: 0;
text-align: left;
margin-bottom: 30px;
font-size: 2em!important;
font-weight: bold;
}

.frontpage-entry {
padding: 10px;
border-radius: 3px;
background: #1b2838;
text-align: center;
margin: 1em 1em 1em 0em;
border-radius: 3px;
border: 1px solid #1b2838;
display: inline-block;
min-height: 115px;
max-height: 115px;
min-width: 195px;
vertical-align: top;
font-weight: bold;
overflow: hidden;
}

.frontpage-entry:hover {
background: #1f2e40;
border: 1px solid rgba(255, 255, 255, 0.05);
}

.frontpage-entry img {
margin-bottom: .6em;
}

.frontpage-entry-expand:hover {
max-height: none;
}

#mw-clearyourcache, #mw-sitecsspreview, #mw-sitejspreview, #mw-usercsspreview, #mw-userjspreview {
margin-bottom: 1em;
}

@media only screen and (max-width: 425px) {
.frontpage-entry {
min-width: 100%;
}
}
.mods-box{
display: inline-block;
}
.mods-first-block {
max-width: 620px;

}
.mods-second-block {
max-width: 620px;
float:left;
}
.mod-box {
width: 150px;
height: 220px;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.mod-box > p {
display: none;
}
.mods-second-block-companion {
max-width: 780px;
}
.arcane-block {
float: left;
}
.arcane-box {
margin-right: 5px;
margin-bottom: 5px;
height: 105px;
width: 150px;
}
.arcane-box > p {
display: none;
}
.arcane-box-zaw {
margin-right: 5px;
margin-bottom: 5px;
height: 105px;
width: 150px;
display:inline-flex;
}
.arcane-box-zaw > p {
display: none;
}
@media only screen and (min-width: 650px) {
.mods-first-block {
margin-left: 155px;
}

.ProgressBarContainerTable{
   background:transparent; 
   width:50%; 
   margin:auto;
   text-align:center;
}
.ProgressBarTable{
   border:1px solid gray; 
   margin:auto
}