User:Ondo/vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.sitenotice-backdrop {
  background: repeating-linear-gradient(
  45deg,
  #fff433,
  #9b59d0,
  black
);
  background-size: cover;
  background-position:50% 50%;
  margin: auto;
  width: 75vw;
  height: auto;
  text-align: center;
}

.sitenotice-text{
  display:inline-block;
  margin: 10px 0 0 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  font-family:'Arial', sans-serif;
  font-weight:bold;
  position: relative;
  z-index: 3;
}

.sitenotice-subtext{
  display:inline-block;
  background: #f7eaf9;
  color: black;
  padding: 20px 10px 10px 10px;
  font-family:'Arial', sans-serif;
  font-size: 0.85em;
  margin: -6px 0 10px;
  z-index: 2;
}

.sitenotice-button {
	display:inline-block; 
	background:#9b59d0;
	color:white;
	font-weight:bold;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
}

.sitenotice-button:hover {
	background:#854eb2;
}