Guild Overview

by roomyrooms

HTML

<div id='guild_editor_container'>
  
  <div id='guild_editor_scroll'>
      
      <div id='guild_overview_container'>
        <div class='guild_overview_title'>Tenebris Aurora</div>
        <br>
        <div class='guild_overview_stats'>
          <div class='guild_overview_stat_entry'>
            Founded:
            <div class='guild_overview_stat_right'>
              09/15/1999
            </div>
          </div>
          <div class='guild_overview_stat_entry'>
            Members:
            <div class='guild_overview_stat_right'>
              25
            </div>
          </div>
          <div class='guild_overview_stat_entry'>
            Member Peak:
            <div class='guild_overview_stat_right'>
              50
            </div>
          </div>
          <div class='guild_overview_stat_entry'>
            Guild House:
            <div class='guild_overview_stat_right'>
              N/A
            </div>
          </div>
          <div class='guild_overview_stat_entry'>
            Owner:
            <div class='guild_overview_stat_right'>
              Dwayne Johnson
            </div>
          </div>
        </div>
        <div class='guild_overview_desc'>
          testtttttttttttttttttttttttttt tttttttttttttttttttttttt
        </div>
      
      </div>
        
  </div>  
      
</div>

CSS

#guild_editor_container {
  width: 60%;
  font-family: Constantia;
}

#guild_editor_scroll {
  min-height: 300px;
  border: 10px solid;
  border-image: url(https://i.gyazo.com/2f2dea5dc8756d2cbb75cf31607423ad.png) 10 repeat;
  border-radius: 5px;
  background: #191919;
  border-radius: 5px;
  padding-left: 2px;
}

.guild_editor_section_pretext {
  color: #ddd;
  font-size: 16px;
  text-shadow: 1px 1px #333;
}

.guild_editor_section_text {
  color: #ddd;
  text-shadow: 1px 1px #333;
}

#guild_overview_container {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
}

.guild_overview_title {
  width: 50%;
  font-size: 16px;
  color: #ddd;
  text-shadow: 1px 1px #333;
  border: 10px solid;
  border-image: url(https://i.gyazo.com/2f2dea5dc8756d2cbb75cf31607423ad.png) 10 repeat;
  border-radius: 5px;
  margin-bottom: 4px;
  display: inline-block;
}

.guild_overview_stats {
  width: 43%;
  font-size: 16px;
  color: #ddd;
  text-shadow: 1px 1px #333;
  border: 10px solid;
  border-image: url(https://i.gyazo.com/2f2dea5dc8756d2cbb75cf31607423ad.png) 10 repeat;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  display: inherit;
}
.guild_overview_stat_entry {
}
.guild_overview_stat_right {
  float: right;
  display: inherit;
}

.guild_overview_desc {
  width: 43%;
  font-size: 16px;
  color: #ddd;
  text-shadow: 1px 1px #333;
  border: 10px solid;
  border-image: url(https://i.gyazo.com/2f2dea5dc8756d2cbb75cf31607423ad.png) 10 repeat;
  border-radius: 5px;
  display: inherit;
}