Template:LoreTree

/* --- custom CSS by Equindar --- */
/* prefix: eq_                    */
/* suffix:                        */


/* --- Color Codes  Northgard --- */
/* eq_grayblue:  #2f3947          */
/* eq_darkblue:  #121e2a          */
/* eq_lightgray: #c0c2c6          */



/* --- Achievements --- */
.eq_achievements {
  border: 0;
  text-align: left;
  margin: 10px;
}

.eq_achievements td {
  padding: 2px 5px;
}



/* --- Lore Tree --- */
div.eq_loretree {
  display: block;
  position: relative;
  height: 420px;
  width: 1065px;
  margin: 10px;
  padding: 0;
  border:1px solid red;
}

div.eq_loretree div {
  position:absolute;
  left: 0;
  width: 1070px;
  border: 1px solid white;
}

div.eq_loretree div.economy {
  top: 280px;
  height: 120px;
}
div.eq_loretree div.military {
  top: 140px;
  height: 120px;
}
div.eq_loretree div.production {
  top: 0;
  height: 120px;
}

div.eq_loretree div div {
  position:absolute;
  width: 246px;
  margin: 0;
  padding: 10px;
}

div.eq_loretree div.tier1 {
  left: 0;
  height: 120px;
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/b/b4/LoreBG_branch_left.png) no-repeat top left;
}
div.eq_loretree div.tier2, div.eq_loretree div.tier3 {
  height: 120px;
  margin-left:-5px;
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/7/76/LoreBG_branch_middle.png) no-repeat top left;
}

div.eq_loretree div.tier2 {
  left: 263px;
}
div.eq_loretree div.tier3 {
  left: 516px;
}
div.eq_loretree div.tier4 {
  height: 120px;
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/7/7b/LoreBG_branch_right.png) no-repeat top left;
}

div.eq_loretree div.one, div.eq_loretree div.two, div.eq_loretree div.only_one {
  position: relative;
  left: 0;
  height: 60px !important;
  width: 246px;
  padding: 0;
  margin: 0;
}

div.eq_loretree div.one {
  padding-top: 6px;
}

div.eq_loretree div.only_one {
  top: 35px;
}


/* --- Knowledge --- */
div.eq_knowledge {
  position:relative;
  display:block;
  height: 50px;
  width: 215px;
  margin: 5px;
  padding: 0;
}

div.eq_knowledge div.clan {
  position:absolute;
  left: 0;
  top: 13px;
  height: 24px;
  width: 24px;
  z-index:3;
}

div.eq_knowledge div.icon {
  position:absolute;
  display: block;
  height: 42px;
  width: 42px;
  top: 0;
  left: 15px;
  z-index:2;
  padding:3px;
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/6/6b/KnowledgeBG_icon_default.png) no-repeat top left;
}

div.eq_knowledge div.icon img {
  margin: auto;
  vertical-align: middle;
  height: 42px;
  width: 42px;
}

div.eq_knowledge div.icon.selected {
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/0/08/KnowledgeBG_icon_selected.png) no-repeat top left !important;
}

div.eq_knowledge div.desc {
  position:absolute;
  display: block;
  padding: 0;
  height: 32px;
  width: 150px;
  top: 8px;
  left: 62px;
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/b/b0/KnowledgeBG_title_default.png) no-repeat top left;
}

div.eq_knowledge div.desc.selected {
  background: url(https://d1u5p3l4wpay3k.cloudfront.net/northgard_gamepedia_en/9/9b/KnowledgeBG_title_selected.png) no-repeat top left !important;
}

div.eq_knowledge span {
  display:inline-block;
  margin:5px 10px 5px 5px;
  padding: 0;
  color: #c0c2c6;
  text-align:center;
  width: 130px;
  height: 22px;
  font-size: 0.875em;
}

div.eq_knowledge p {
  display:none;
}


/* --- Clan Unique TextBox --- */
.eq_clan_unique {
  display: inline-block;
  width: auto;
  margin: 5px;
  padding: 5px 20px;
  border: 1px dashed #c0c2c6;
  background-color: #121e2a;
}

.eq_clan_unique img{

}

.eq_clan_unique span {
  display: inline-block;
  margin-left: 10px;
  color: #c0c2c6;
}