CSS banner (tested in Firefox and Lynx)
This commit is contained in:
parent
fa1c5ce132
commit
37cdaed630
5 changed files with 42 additions and 0 deletions
|
@ -6,6 +6,13 @@
|
||||||
<link href="../index.css" rel="stylesheet" type="text/css">
|
<link href="../index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<header><a href="index.html">go back home</a></header>
|
||||||
<hr>
|
<hr>
|
||||||
<h1>everypizza.im - fedi</h1>
|
<h1>everypizza.im - fedi</h1>
|
||||||
|
|
14
index.css
14
index.css
|
@ -49,6 +49,20 @@ blockquote {
|
||||||
padding: 10px;
|
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 {
|
@-webkit-keyframes AnimationName {
|
||||||
0%{background-position:0% 50%}
|
0%{background-position:0% 50%}
|
||||||
50%{background-position:100% 50%}
|
50%{background-position:100% 50%}
|
||||||
|
|
|
@ -6,6 +6,13 @@
|
||||||
<link href="index.css" rel="stylesheet" type="text/css">
|
<link href="index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<header>home | <a href="rules.html">rules</a> | <a href="sysinfo.html">system info</a></header>
|
||||||
<hr>
|
<hr>
|
||||||
<h1>everypizza.im</h1>
|
<h1>everypizza.im</h1>
|
||||||
|
|
|
@ -6,6 +6,13 @@
|
||||||
<link href="index.css" rel="stylesheet" type="text/css">
|
<link href="index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<header><a href="index.html">home</a> | rules | <a href="sysinfo.html">system info</a></header>
|
||||||
<hr>
|
<hr>
|
||||||
<h1>everypizza.im - rules</h1>
|
<h1>everypizza.im - rules</h1>
|
||||||
|
|
|
@ -5,6 +5,13 @@
|
||||||
<link href="index.css" rel="stylesheet" type="text/css">
|
<link href="index.css" rel="stylesheet" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<header><a href="index.html">home</a> | <a href="rules.html">rules</a> | system info</header>
|
||||||
<h1>everypizza.im - system info</h1>
|
<h1>everypizza.im - system info</h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
Loading…
Add table
Reference in a new issue