diff options
| author | AlmightyMiau <almightymeow612@gmail.com> | 2025-01-22 16:48:36 -0800 |
|---|---|---|
| committer | AlmightyMiau <almightymeow612@gmail.com> | 2025-01-22 16:48:36 -0800 |
| commit | c53b1e2e37c41c84e91b93a4e6ab531e9bc7007c (patch) | |
| tree | 6212fb60f0bf666b8001ce121c69b08e5d6baa09 | |
| parent | 3339481855d6d659612ba9f70c460854a30c7550 (diff) | |
Implement styles.css from Miau-Website Repo
Add CSS to add background image, change font
color, change font, add background color to h3,
p, ul, and ol
| -rw-r--r-- | FreePixel.ttf | bin | 0 -> 64880 bytes | |||
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | recipes/cheesyCreamyRamen.html | 1 | ||||
| -rw-r--r-- | recipes/eggTomatoRice.html | 1 | ||||
| -rw-r--r-- | recipes/pesto.html | 1 | ||||
| -rw-r--r-- | stars3.gif | bin | 0 -> 15973 bytes | |||
| -rw-r--r-- | styles.css | 46 |
7 files changed, 50 insertions, 0 deletions
diff --git a/FreePixel.ttf b/FreePixel.ttf Binary files differnew file mode 100644 index 0000000..d22b2a2 --- /dev/null +++ b/FreePixel.ttf @@ -3,6 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="styles.css" rel="stylesheet"> <title>Document</title> </head> <body> diff --git a/recipes/cheesyCreamyRamen.html b/recipes/cheesyCreamyRamen.html index 01a4459..6a8e337 100644 --- a/recipes/cheesyCreamyRamen.html +++ b/recipes/cheesyCreamyRamen.html @@ -3,6 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="../styles.css" rel="stylesheet"> <title>Document</title> </head> <body> diff --git a/recipes/eggTomatoRice.html b/recipes/eggTomatoRice.html index a2cb740..ea4162a 100644 --- a/recipes/eggTomatoRice.html +++ b/recipes/eggTomatoRice.html @@ -3,6 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="../styles.css" rel="stylesheet"> <title>Document</title> </head> <body> diff --git a/recipes/pesto.html b/recipes/pesto.html index 2000f0c..791f528 100644 --- a/recipes/pesto.html +++ b/recipes/pesto.html @@ -3,6 +3,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="../styles.css" rel="stylesheet"> <title>Document</title> </head> <body> diff --git a/stars3.gif b/stars3.gif Binary files differnew file mode 100644 index 0000000..717ad16 --- /dev/null +++ b/stars3.gif diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..bcf77fb --- /dev/null +++ b/styles.css @@ -0,0 +1,46 @@ +@font-face { + font-family: "FreePixel"; + src: url("FreePixel.ttf") format("truetype"); +} + +:root { + --background-img: url("stars3.gif"); + --background: #251a2d79; + --main-color-dk: #370c5a; + --main-color: #EB53D3; + --accent-1: #6eebff; + --accent-2: #d625e3; + --content-spacing: 5px; + --banner: url("miau.jpg"); + --titleBars: #330b3f; + --text-color: white; + --border: 2px solid rgb(34, 34, 34); + --arrows: url('arrow.png'); + --img-size: 150px; +} + +html, +body { + margin: 20; + box-sizing: border-box; + font-family: "FreePixel"; +} + +body { + background-image: var(--background-img); + color: var(--text-color); + background-attachment: fixed; +} + +h3, p, ul, ol { + background-color: var(--background); +} + +img { + width: 500px; + height: auto; +} + +a { + color:var(--accent-2); +}
\ No newline at end of file |
