diff options
author | Katharina Fey <kookie@spacekookie.de> | 2018-01-22 01:02:39 +0100 |
---|---|---|
committer | Katharina Fey <kookie@spacekookie.de> | 2018-01-22 01:02:39 +0100 |
commit | 1eabb6c9c102254e1e2c97d9f6440b0c8560ae9a (patch) | |
tree | 6e4c833c2d0a1643fdbd6b30fa4c090486e90caa /crumbs/static/css | |
parent | 62fcc5d6245e4c547bb6bbff8f996d7abc7c1885 (diff) |
Working on the CSS some more, it's really nice now :)
Diffstat (limited to 'crumbs/static/css')
-rw-r--r-- | crumbs/static/css/cr_title.css | 98 | ||||
-rw-r--r-- | crumbs/static/css/crumbs.css (renamed from crumbs/static/css/crums.css) | 30 |
2 files changed, 101 insertions, 27 deletions
diff --git a/crumbs/static/css/cr_title.css b/crumbs/static/css/cr_title.css index 4f8590c..742a535 100644 --- a/crumbs/static/css/cr_title.css +++ b/crumbs/static/css/cr_title.css @@ -5,13 +5,13 @@ This file contains all definitions are are EXCLUSIVE for the title */ .title { - padding-top: 50px; + padding-top: 20px; padding-bottom: 50px; } .title h1 { font-family: 'Inconsolata', monospace; - font-size: 48px; + font-size: 58px; } .cursor { @@ -38,30 +38,84 @@ This file contains all definitions are are EXCLUSIVE for the title margin: 0 auto; display: flex; padding-bottom: 150px; - } +} /* This is a block */ - .colour { +.colour { display: flex; flex-direction: column; height: 75px; width: 75px; - } +} + +/* Colour defitions */ +.colour1 { background-color: #3c3c3c; } +.colour2 { background-color: #525252; } +.colour3 { background-color: #74736a; } +.colour4 { background-color: #9f9e93; } +.colour5 { background-color: #d2cfc7; } +.colour6 { background-color: #e7e5df; } +.colour7 { background-color: #f1f0ec; } +.colour8 { background-color: #ef787b; } +.colour9 { background-color: #f6915f; } +.colour10 { background-color: #fdcb71; } +.colour11 { background-color: #99cb9b; } +.colour12 { background-color: #6ccaca; } +.colour13 { background-color: #6997c8; } +.colour14 { background-color: #ca98c9; } +.colour15 { background-color: #ce7b59; } - /* Colour defitions */ - .colour1 { background-color: #3c3c3c; } - .colour2 { background-color: #525252; } - .colour3 { background-color: #74736a; } - .colour4 { background-color: #9f9e93; } - .colour5 { background-color: #d2cfc7; } - .colour6 { background-color: #e7e5df; } - .colour7 { background-color: #f1f0ec; } - .colour8 { background-color: #ef787b; } - .colour9 { background-color: #f6915f; } - .colour10 { background-color: #fdcb71; } - .colour11 { background-color: #99cb9b; } - .colour12 { background-color: #6ccaca; } - .colour13 { background-color: #6997c8; } - .colour14 { background-color: #ca98c9; } - .colour15 { background-color: #ce7b59; } -
\ No newline at end of file + +.span { + display: inline-block; +} + +a, a:visited, a:hover, a:active, a:link{ + color: #BEBEBE; + text-decoration: none; +} + +#twitter:hover { + color: #6997c8; + animation: .45s jump infinite linear; +} +#github:hover { + color: #ef787b; + animation: .45s jump infinite linear; +} +#keys:hover { + color: #ca98c9; + animation: .45s jump infinite linear; +} + +#email:hover { + color: #99cb9b; +} + +div.icons { + padding-top: 25px; + padding-bottom: 25px; +} + +.icons h1 { + font-family: Inconsolata; + font-size: 42px; + line-height: 42px; + font-style: normal; + font-variant: normal; +} + +@keyframes jump { + 0% { + transform: translateY(0); + } + 20% { + transform: translateY(-.075em); + } + 80% { + transform: translateY(.025em); + } + 100% { + transform: translateY(0); + } +} diff --git a/crumbs/static/css/crums.css b/crumbs/static/css/crumbs.css index aa28ff2..3ec495a 100644 --- a/crumbs/static/css/crums.css +++ b/crumbs/static/css/crumbs.css @@ -5,13 +5,8 @@ **************************************/ - body { font-family: 'Montserrat', sans-serif; - font-style: normal; - font-variant: normal; - /* font-size: 26px; */ - /* font-weight: 400; */ color: #BEBEBE; background-color: #222222; background-image: none; @@ -25,3 +20,28 @@ p { font-size: 22px; font-weight: 300; } + + +div.navigation { + padding-top: 12px; + padding-bottom: 75px; + padding-right: 32px; + height: 75px; + line-height: 75px; +} + +div.navigation a { + font-weight: 500; + font-size: 22px; + color:#FFF; + + text-decoration: none; + padding-left: 48px; + /* margin-left: 20px; */ + text-transform: lowercase; + /* transition: all 0.2s ease-out; */ +} + +div.navigation a:hover { + +}
\ No newline at end of file |