Mercurial > web
diff music.html @ 21:3c7989047451
Make code prettier and fix a few visual errors
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Sun, 12 Dec 2021 17:09:24 -0500 |
parents | 79a7939810c0 |
children | 36783c99e199 |
line wrap: on
line diff
--- a/music.html Sun Dec 12 06:43:24 2021 -0500 +++ b/music.html Sun Dec 12 17:09:24 2021 -0500 @@ -4,29 +4,31 @@ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <title>Music - Paper's website</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style> @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); .navbar { background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%); } body { + background-size: cover; + background: url("forest.png") no-repeat center center fixed; + color: white; font-family: 'Source Sans 3', sans-serif; - color: white; + text-align: center; text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); - background-image: url("forest.png"); - text-align: center; } div.box { - padding: 10px; + background-color: rgba(0, 0, 0, 0.7); + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; + color: white; + left: 0; margin: 1% auto; max-width: 500px; - left: 0; + padding: 10px; right: 0; - background-color: rgba(0, 0, 0, 0.7); - color: white; - box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; + text-align: center; top: 50%; - text-align: center; } a:link, a:visited, a:hover, a:active { color: #ff6600;