Style Sheet for Safari Technical Preview

safari-beta.css

/*
  Safari Technical Preview is nearly indistinguishable from Safari
    this stylesheet will place a red banner on every page, so you can easily tell what browser you are using

  Save file to disk
  From Safari Technical Preview
    Preferences | Advanced

    Choose this css file as 'Style sheet' option
*/

body::before {
  content: 'Safari Technical Preview';
  display: block;
  text-align: center;
  font-size: 2em;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2147483647;
  color: white;
  text-shadow: 0 0.05em 0.05em black;
  font-family: -apple-system, 'Helvetica Neue', 'Lucida Grande';
  background-color: rgba(255,0,0,0.3);
  line-height: 2em;
  pointer-events: none;/*allow user interaction to pass through element*/
}
/*@supports (-webkit-backdrop-filter: none) {
  body::before {
    -webkit-backdrop-filter: blur(0.2em);
  }
}
*/