Template:Another Dungeon Tome Row/css

.tr-tome {

   margin: 0.2em; 
   width: 120px; 
   position: relative;
   color: darkblue;
   z-index: 0;

}

.tr-tome:hover {

 background-color: #ffffff;
 color: #36c;
 border-color: #a2a9b1;

}

.td-tome {

  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px grey solid;
  border-radius: 0.4em;
  padding: 0.7em 0.2em 0.2em 0.2em;

}

.td-tome-link a {

  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;

}

.td-tome-title {

  display:flex; 
  flex-direction:row;
  position:absolute;
  top:1%; left:2%;
  font-weight:bolder;
  color:inherit;  
  font-size:x-small;
  z-index: 0;

}

.td-tome-name {

 color:inherit;
 white-space: nowrap;

}

.td-tome-chars {

flex-direction: row;
z-index:2

}