Template:Deck Layout/styles.css: Difference between revisions

.deck-title{
    font-family: Minecraft;
    font-size: 10px;
    position: absolute;
    width: 100%;
    color: #545454;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.deck-layout {
  border-collapse: collapse;
  margin: 0.5em 0;
  position: relative;
}

/* Default center cell */
.deck-layout td {
  width: 18px;
  min-width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("images/8/8e/Card_deck_background.9.png");
  background-repeat: no-repeat;
  background-size: 60px 60px; /* Total sprite size (3x + gaps) */
}

/* Sprite map (based on 20/18/20 + 1px gaps) */
.deck-layout .corner-tl     { width: 20px; height: 20px; background-position:    0     0; }
.deck-layout .border-top    {                height: 20px; background-position: -21px   0; }
.deck-layout .corner-tr     { width: 20px; height: 20px; background-position:  -40px   0; }

.deck-layout .border-left   { width: 20px;                 background-position:    0   -21px; }
.deck-layout .center        {                              background-position: -21px -21px; }
.deck-layout .border-right  { width: 20px;                 background-position: -40px -21px; }

.deck-layout .corner-bl     { width: 20px; height: 20px; background-position:    0   -40px; }
.deck-layout .border-bottom {                height: 20px; background-position: -21px -40px; }
.deck-layout .corner-br     { width: 20px; height: 20px; background-position: -40px -40px; }

/* Usable slot: overlay slot image on center background */
.deck-layout .slot-free {
  background-image: url("images/b/bb/Inset_card_slot_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.deck-layout .slot-free.arcane{
	background-image: url("images/f/f3/Card_deck_arcane_slot.png");
}

.deck-layout .slot-disabled {
   background-position: -21px -21px;
}