From 509e04f269811d3c3b5d22cac6e83a45cc58a953 Mon Sep 17 00:00:00 2001 From: Al Murray Date: Tue, 24 Mar 2020 22:10:16 -0400 Subject: [PATCH] Added classes specifically for text This is also prep for the primary font. --- dbfz.css | 23 ++++++++++++++++------- demo.css | 1 + index.html | 2 +- 3 files changed, 18 insertions(+), 8 deletions(-) diff --git a/dbfz.css b/dbfz.css index 570582c..4799e74 100644 --- a/dbfz.css +++ b/dbfz.css @@ -17,6 +17,15 @@ --dbfz-color-yellow: #ffba00; } +.dbfz-text-primary { + text-shadow: 0.1em 0.1em black; +} + +.dbfz-text-secondary { + font-family: "ProbaPro-Regular"; + text-shadow: 0.1em 0.1em black; +} + .dbfz-color-white { color: var(--dbfz-color-white); } @@ -26,11 +35,9 @@ } .dbfz-window { + font-size: 200%; position: relative; padding: 6px; - font-size: 200%; - font-family: "ProbaPro-Regular"; - text-shadow: 0.1em 0.1em black; color: var(--dbfz-color-white); } @@ -122,10 +129,12 @@ .dbfz-selected:after { content: ""; position: absolute; - left: -2.75rem; - top: -0.5rem; - width: 1.5em; - height: 1.5em; + left: 0; + top: 0; + width: 2em; + height: 2em; + margin-left: -2em; + margin-top: -0.25em; background-image: url("images/DBFZ/CmnMenu/tex/window_arrow_key_00.png"); background-repeat: repeat; background-size: contain; diff --git a/demo.css b/demo.css index 5dbc8c3..2434994 100644 --- a/demo.css +++ b/demo.css @@ -9,6 +9,7 @@ h1, ul { ul { list-style-type: none; + padding-left: 2em; } img { diff --git a/index.html b/index.html index e8acfb8..fcb3cc5 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - +

DBFZ.css

A work-in-progress recreation of DBFZ's UI elements in CSS.