summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMax Charrier <max@puffer.fish>2025-04-19 13:08:19 +0200
committerMax Charrier <max@puffer.fish>2025-04-19 13:08:19 +0200
commitaaab05649f7542dc6d0b59b5fede24ec2f503a57 (patch)
tree5cbd67b59393ddc3430c7ad96adaf2df1adfecd8
parent38ac74f1572612e12f33ef47ec62926a48081032 (diff)
Add custom own file stylesheet
Lately, I will implement modern CSS flexbox/grid instead of using absolute position. Signed-off-by: Max Charrier <max@puffer.fish>
-rw-r--r--en.html9
-rw-r--r--index.html9
-rw-r--r--stylesheet.css16
3 files changed, 18 insertions, 16 deletions
diff --git a/en.html b/en.html
index fbed3c4..13665c5 100644
--- a/en.html
+++ b/en.html
@@ -9,16 +9,9 @@
<LINK REL="stylesheet" HREF="reset.css">
<LINK REL="stylesheet" HREF="webfontkit/stylesheet.css">
+ <LINK REL="stylesheet" HREF="stylesheet.css">
<LINK REL="author licence" HREF="#about">
<META NAME="author" CONTENT="Max Charrier">
- <STYLE>
- BODY {
- background: #4e3246;
- color: #9b8816;
- font-family: "comic_monobold", monospace;
- font-size: 16pt;
- }
- </STYLE>
</HEAD>
<BODY>
<H1>Max</H1>
diff --git a/index.html b/index.html
index 2aab602..e0909aa 100644
--- a/index.html
+++ b/index.html
@@ -9,16 +9,9 @@
<LINK REL="stylesheet" HREF="reset.css">
<LINK REL="stylesheet" HREF="webfontkit/stylesheet.css">
+ <LINK REL="stylesheet" HREF="stylesheet.css">
<LINK REL="author licence" HREF="#about">
<META NAME="author" CONTENT="Max Charrier">
- <STYLE>
- BODY {
- background: #4e3246;
- color: #9b8816;
- font-family: "comic_monobold", monospace;
- font-size: 16pt;
- }
- </STYLE>
</HEAD>
<BODY>
<H1>Max</H1>
diff --git a/stylesheet.css b/stylesheet.css
new file mode 100644
index 0000000..9170b68
--- /dev/null
+++ b/stylesheet.css
@@ -0,0 +1,16 @@
+body {
+ background-color: #4e3246;
+ color: #9b8816;
+ font-family: 'comic_monobold', ui-monospace, monospace;
+ font-size: 1.4rem;
+}
+h1 {
+ font-size: 4rem;
+}
+button {
+ position: absolute;
+ top: 20px;
+ right: 40px;
+ font-family: 'comic_monobold', ui-monospace, monospace;
+ font-size: 1.2rem;
+}