diff options
Diffstat (limited to 'samples/test.css')
| -rw-r--r-- | samples/test.css | 77 |
1 files changed, 77 insertions, 0 deletions
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 |