BRB-History/Version - 29/shop.css

body{
  font-size: 15pt;
  user-select: none;
  padding: 3;
  margin: 0;
}

#clickbrb{
  position: absolute;
  width: 100px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -50px;
}

#hr0{
  position: absolute;
  width: 100%;
  top: 25px;
  z-index: 8;
}
/* Clisks */
#logclick{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 38px;
  left: 4px;
}
#imgcli{
  position: absolute;
  width: 40px;
  height: 40px;
}
#disclick{
  position: absolute;
  height: 40px;
  left: 45px;
  bottom: 2px;
  margin: 0 0 -15px 0;
  display: flex;
}

/* Dog */
#logdog{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 90px;
  left: 4px;
}
#imgdog{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buydog{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: darkorange;
}
#maxdog{
  position: absolute;
  width: 40px;
  height: 40px;
  left: 195px;
  background-color: darkorange;
  text-align: center;
}
#disdog{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 240px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Cats */
#logcat{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
  left: 4px;
}
#imgcat{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buycat{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: orange;
}
#maxcat{
  position: absolute;
  width: 40px;
  height: 40px;
  left: 195px;
  background-color: orange;
  text-align: center;
}
#discat{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 240px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Foxes */
#logfox{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 190px;
  left: 4px;
}
#imgfox{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buyfox{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: lightsalmon;
}
#maxfox{
  position: absolute;
  width: 40px;
  height: 40px;
  left: 195px;
  background-color: lightsalmon;
  text-align: center;
}
#disfox{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 240px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Wolfs */
#logwol{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 240px;
  left: 4px;
}
#imgwol{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buywol{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: lightgray;
}
#diswol{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 210px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Hamsters */
#logham{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 290px;
  left: 4px;
}
#imgham{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buyham{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: wheat;
}
#disham{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 210px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Whales */
#logwha{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 340px;
  left: 4px;
}
#imgwha{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buywha{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: cyan;
}
#diswha{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 210px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}


/* By MrEidam */
/* Lemons */
#loglem{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 500px;
  left: 4px;
}
#imglem{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buylem{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: yellow;
}
#dislem{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 210px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}

/* Lemon trees */
#logLt3{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 550px;
  left: 4px;
}
#imglt3{
  position: absolute;
  width: 40px;
  height: 40px;
}
#buyLt3{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 45px;
  background-color: lightgoldenrodyellow;
}
#dislt3{
  position: absolute;
  width: 260px;
  height: 40px;
  left: 210px;
  bottom: 2px;
  margin: 0 0 -10px 0;
}