CSS banner (tested in Firefox and Lynx)

This commit is contained in:
nyx 2025-01-29 19:50:33 -06:00
parent fa1c5ce132
commit 37cdaed630
5 changed files with 42 additions and 0 deletions

View file

@ -6,6 +6,13 @@
<link href="../index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
<div id="banner-content">
Services will be especially unstable for the next few days due to weather.
</div>
</div>
</br>
</br>
<header><a href="index.html">go back home</a></header>
<hr>
<h1>everypizza.im - fedi</h1>

View file

@ -49,6 +49,20 @@ blockquote {
padding: 10px;
}
div#banner {
position: absolute;
top: 0;
left: 0;
background-color: #e2ff25;
width: 100%;
}
div#banner-content {
width: 800px;
margin: 0 auto;
padding: 10px;
color: #000
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}

View file

@ -6,6 +6,13 @@
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
<div id="banner-content">
Services will be especially unstable for the next few days due to weather.
</div>
</div>
</br>
</br>
<header>home | <a href="rules.html">rules</a> | <a href="sysinfo.html">system info</a></header>
<hr>
<h1>everypizza.im</h1>

View file

@ -6,6 +6,13 @@
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
<div id="banner-content">
Services will be especially unstable for the next few days due to weather.
</div>
</div>
</br>
</br>
<header><a href="index.html">home</a> | rules | <a href="sysinfo.html">system info</a></header>
<hr>
<h1>everypizza.im - rules</h1>

View file

@ -5,6 +5,13 @@
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
<div id="banner-content">
Services will be especially unstable for the next few days due to weather.
</div>
</div>
</br>
</br>
<header><a href="index.html">home</a> | <a href="rules.html">rules</a> | system info</header>
<h1>everypizza.im - system info</h1>
<p>