• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100
• 101
• 102
• 103
• 104
• 105
• 106
• 107
• 108
• 109
• 110
• 111

  function displayNewLoginNotice() {
    if (window.localStorage.getItem("loginNoticeClosed") == 1) return
    const html = `<section class="new-login-notice">
      <div>
        <span>gear</span>
        <p>We're improving our login system and will be updating the look and feel of this page soon</p>
      </div>
      <button onclick="closeNotice();">X</button>
    </section>`
    document.body.insertAdjacentHTML("afterbegin", html)
  }

  function closeNotice() {
    document.querySelector(".new-login-notice").style.display = "none"
    window.localStorage.setItem("loginNoticeClosed", 1)
  }






.boxbox {
}

.boxbox_shadow {
  background-color: black;
  height: 100%;
  left: 0;
  opacity: 0.85;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  filter: alpha(opacity=85);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
}

.boxbox .boxbox_body {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 901;
  padding: 50px 0px 0px 0px;
}

body.totale_next .boxbox .boxbox_body {
  padding: 90px 0 0 0;
}

.boxbox .boxbox_body.rs4 {
  padding: 200px 0px 0px 0px;
}

#broadcast_message {
  padding: 10px;
  border: 2px solid white;
  background-color: black;
  width: 500px;
  margin: 0 auto;
  color: white;
}
#broadcast_message h1 {
  color: yellow;
  padding-bottom: 10px;
}
#broadcast_message p {
  margin-top: 10px;
  text-align: left;
}
#broadcast_dismissal {
  margin: 20px;
}





section.new-login-notice {
  background: yellow;
  display: flex;
  padding: 20px;
}

section.new-login-notice p { margin: 0; padding: 0 0 0 10px }

section.new-login-notice div {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid red;
}

section.new-login-notice span { background: salmon }

section.new-login-notice button {
  padding: 0 10px;
  }

@media (max-width: 600px) {
  div {
    flex-direction: column;
  }

  span, div {
    align-self: center;
  }

}