/*
You can type here any CSS rule recognized by GTK+.
You can temporarily disable this custom CSS by clicking on the "Pause" button above.

Changes are applied instantly and globally, for the whole application.
*/

/* Standard 1px border for all styles */

.tile {
  background-image:none;
  background-color:#babdb6;
  border-color:transparent;
  border-radius:0px;
  color:transparent;
  border-image:none;
  font-size:16px;
  font-weight: bold;
  background-size: 60%;
  background-position: 50%;
  background-repeat: no-repeat;

  border-width:2px;
  border-image:none;
}

.tile:hover {
  background-color:#d3d7cf;
  transition-duration:0.4s;
}

.tile:active {
  background-color:#888a85;
}

.count {
  color:black;
  font-size:16px;
  background-color:#cadbed;
  transition-duration:0.4s;
}

.count:hover {
  background-color:#cadbed;
}

.flag {
  background-image:url('/opt/gnome/share/gnome-mines/flag.svg');
}

.exploded {
  background-image:url('/opt/gnome/share/gnome-mines/bang.svg');
}

.maybe {
  background-image:url('/opt/gnome/share/gnome-mines/flag-question.svg');
}

.incorrect {
  background-color:#ef2929;
}

.mine {
  background-image:url('/opt/gnome/share/gnome-mines/mine.svg');
  background-color:#729fcf;
}

.cursor {
  background-color:#e9b96e;
}

.pausedOverlay {
  background-color:black;
  color: white;
  font-size:32px;
}

.explodedField .tile {
  background-color:#888a85;
  transition-duration:1s;
}

.explodedField .count,
.explodedField .exploded {
  background-color:#d3d7cf;
  transition-duration:1s;
}

.completedField .flag {
  transition-duration:1s;
}
