Fixed graphical issues with css

This commit is contained in:
Ed 2022-12-19 22:08:33 +01:00
parent 8288aaf349
commit 48c8e5df77
1 changed files with 10 additions and 3 deletions

View File

@ -6,15 +6,22 @@
<meta name="viewport" content="width=300rem" />
<link rel="stylesheet" href="/res/pico.min.css">
<style>
.propic {border-radius:100%;}
.people img {border-radius:100%;max-width:6em;}
.propic {border-radius:0.7em;}
.people img {max-width:6em;}
.people div {text-align:center;}
.people h3, .people p {margin:0;}
.people {grid-auto-flow:row;}
mark {background:#0f0;}
h1 img {max-height:1.4em;}
.notice {padding:0.8em;border-radius:3px;background:#e53935;color:#eee;}
.notice a {color:#eee;font-decoration:underline;}
.container {max-width:40em}
.container {max-width:40em;padding:1em;box-sizing:border-box;}
td > a[role=button] {padding: 0.3em 0.7em;}
td {padding-left: 0.2em;padding-right: 0.2em;}
a[role=button] {margin: 0.25em 0;}
td > input[type=file] {margin:0;padding:0;}
section {margin-bottom:3em;}
@media (min-width: 500px) {body .grid {grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));}}
</style>
</head>
<body>