/**
 * Stylesheet for the AdsBypasser configuration page
 *
 * This CSS file provides styling for the configuration interface
 * where users can adjust AdsBypasser settings.
 */

/* Main configuration panel styling */
#panel {
  border-width: 1px;
  border-style: solid;
  border-radius: 1em;
  border-color: gray;
  margin: 5em;
  padding: 3em;
  display: none;
}

/* Success message styling */
#msg {
  margin: 3em;
  opacity: 0;
}

/* Animation for message transitions */
.animated {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

/* Dismissed message styling */
.dismissed {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/* HACK selector priority */
#msg.dismissed {
  opacity: 1;
}

/* No JavaScript warning styling */
#noscript-hint {
  margin: 3em;
}

/* Installation hint styling */
#install-hint {
  margin: 3em;
  opacity: 0;
  display: none;
}
