Getting pet treasure to show in a tab?

The code I have at the moment:
<style type="text/css">

, , -ban, -ban-main, -lrc, -rrc {display:none;}
, -right, , , , h2,  a,  {display:none;}
, body, , ,  {background-color:transparent;height: auto !important;}
.pet_wco_info_date, .pet_age_info_date, .pet_like{display:none;}
.bookmark{display:none;}
.statbar{display:none;}
li#stat_level, li#stat_strength, li#stat_defense, li#stat_speed, li#stat_health, li#stat_hp, li#stat_intelligence, li#stat_books_read, li#stat_food_eaten, li#pet_employment {display: none;}
{position:fixed; top:90px; left:10px;  color: purple; font: 10pt Arial;  border: 4pt dotted gold; height: 500px!important;}
{position: fixed; left: 20px; top: 100px;}
{position:fixed; display:block; top: 380px; left:40px; height: 280px; width: 170px; overflow:auto;  }
{display:none;}
{display:none;}
{}
.pet_name{position: fixed; top: 300px; left: 85px;}
.pet_color_info{position: fixed; top: 330px; left: 70px}
.owner{position:fixed; top: 345px; left: 80px;}
{position: fixed; width: 250px; font: 10pt Kristen itc; }
{position:fixed top: 380px; left:20px; width: 250px; overflow:auto; font: 10pt Kristen itc; }
{position: fixed;}
{ background-color: black;
color: white;
font-size: 20px;
text-align: center;
border: 1px dashed white;
font-family: Kristen itc; }
  .tabs input[type=radio] {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  .tabs {
    width: 300px;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 75px auto;
	top: -180px;
	left: 80px;
  }
  .tabs li{
    float: left;
  }
  .tabs label {
      display: block;
	  border: 2px dashed;
      padding: 0px 10px;
      border-radius: 2px 2px 0 0;
      color: purple;
      font-size: 12px;
      font-weight: normal;
      font-family: 'Lily Script One', Kristen itc;
      background: rgba(255,255,255,0.2);
      cursor: pointer;
      position: relative;
      top: 0px;
	  left: 80px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }
  .tabs label:hover {
    background: rgba(255,255,255,0.5);
    top: 0;
  }
   
  [id^=tab]:checked + label {
    background: purple;
    color: white;
    top: 0;
  }
   
  [id^=tab]:checked ~ [id^=tab-content] {
      display: block;
  }
  .tab-content{

overflow: scroll;
height: 520px;
border: 2px dotted;
z-index: 2;
display: none;
text-align: center;
width: 100%;
font-size: 20px;
line-height: 140%;
padding-top: 10px;
padding: 15px;
color: purple;
position: absolute;
top: 30px;
left: 20px;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}
li.active a, li.active a:hover {
background:;
color:;
}
.tab-content {
padding:15px;
border-radius:3px;
box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
background:;
}
.tab {
display:none;
}
.tab.active {
display:block;
}}
a:link{color: gold; font: 10pt Arial;}
a:visited{}
a:hover{}
a:active{}
</style>
Logged Out

Getting pet treasure to show in a tab?

Replies
