From 5a8dbc6347b3541e84fe669b22c17ad3b715e258 Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Wed, 21 Jan 2026 20:22:09 +0100 Subject: Engage! --- samples/test.css | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 samples/test.css (limited to 'samples/test.css') diff --git a/samples/test.css b/samples/test.css new file mode 100644 index 0000000..b7dfe86 --- /dev/null +++ b/samples/test.css @@ -0,0 +1,77 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"); + +/* Basic CSS Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + background-color: #f4f4f4; + color: #333; +} + +/* Header Styles */ +header { + background: #35424a; + color: #ffffff; + padding-top: 30px; + min-height: 70px; + border-bottom: #e8491d 3px solid; +} + +header a { + color: #ffffff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} + +header ul { + margin: 0; + padding: 0; +} + +header li { + float: left; + display: inline; + padding: 0 20px 0 20px; +} + +/* Container */ +.container { + width: 80%; + margin: auto; + overflow: hidden; +} + +/* Buttons */ +.button { + display: inline-block; + height: 38px; + padding: 0 30px; + color: #555; + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 4px; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; +} + +.button:hover, +.button:focus { + color: #333; + border-color: #888; + outline: 0; +} \ No newline at end of file -- cgit v1.2.3