added randomized banner, fixes

This commit is contained in:
plebbitor
2023-02-05 18:44:16 +01:00
parent ed8a1952d2
commit dc6bed3a56
10 changed files with 95 additions and 16 deletions
+64 -3
View File
@@ -1,5 +1,16 @@
import styled from 'styled-components';
export const Container = styled.div`
color: maroon;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
`;
export const NavBar = styled.div`
font-size: 9pt;
color: #b86;
@@ -25,13 +36,13 @@ export const Header = styled.div`
.banner {
border: 1px solid #800;
margin: 5px auto;
width: 311px;
width: 300px;
height: 100px;
}
img {
border: none;
width: 311px;
width: 300px;
height: 100px;
}
@@ -52,11 +63,61 @@ export const Header = styled.div`
`;
export const Break = styled.hr`
width: 90%;
border: none;
border-top: 1px solid #d9bfb7;
height: 0;
`;
export const PostForm = styled.div`
export const PostForm = styled.form`
#post-form-link {
font-size: 22px;
font-weight: 700;
text-align: center;
}
a, a:visited {
color: #00e;
text-decoration: none;
}
a:hover {
color: red;
}
`;
export const TopBar = styled.div`
clear: both;
hr {
border: none;
border-top: 1px solid #d9bfb7;
height: 0;
}
#search-box {
height: 16px;
line-height: 16px;
margin-top: 0;
margin-right: 2px;
margin-bottom: 0;
margin-left: 2px;
padding: 0 2px;
width: 120px;
-webkit-appearance: none;
appearance: none;
border: 1px solid #aaa;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
a {
color: #00e;
text-decoration: none;
}
a:hover {
color: red;
}
`;