diff options
author | Katharina Fey <kookie@spacekookie.de> | 2018-01-21 23:45:24 +0100 |
---|---|---|
committer | Katharina Fey <kookie@spacekookie.de> | 2018-01-21 23:45:24 +0100 |
commit | 62fcc5d6245e4c547bb6bbff8f996d7abc7c1885 (patch) | |
tree | fbdbeb0eb7cbff142c21742e1da1b033b6faeb38 /crumbs/static/css | |
parent | fcd91ca44d2fd9c55164fb72810286f5d38d2c92 (diff) |
Working on the theme redesign
Diffstat (limited to 'crumbs/static/css')
-rw-r--r-- | crumbs/static/css/cr_title.css | 67 | ||||
-rw-r--r-- | crumbs/static/css/crums.css | 47 |
2 files changed, 72 insertions, 42 deletions
diff --git a/crumbs/static/css/cr_title.css b/crumbs/static/css/cr_title.css new file mode 100644 index 0000000..4f8590c --- /dev/null +++ b/crumbs/static/css/cr_title.css @@ -0,0 +1,67 @@ +/* + +This file contains all definitions are are EXCLUSIVE for the title + +*/ + +.title { + padding-top: 50px; + padding-bottom: 50px; +} + +.title h1 { + font-family: 'Inconsolata', monospace; + font-size: 48px; +} + +.cursor { + animation: flash 0.75s infinite alternate; +} + +@keyframes flash { + 0% { opacity: 1; } + 49% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 0; } +} + +#t-color-red { color: #ef787b; } +#t-color-org { color: #f6915f; } +#t-color-ylw { color: #fdcb71; } +#t-color-grn { color: #99cb9b; } + + +/* This is the block container */ +.colours { + width: 0 auto; + height: 50px; + margin: 0 auto; + display: flex; + padding-bottom: 150px; + } + + /* This is a block */ + .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; } +
\ No newline at end of file diff --git a/crumbs/static/css/crums.css b/crumbs/static/css/crums.css index 5220117..aa28ff2 100644 --- a/crumbs/static/css/crums.css +++ b/crumbs/static/css/crums.css @@ -10,8 +10,8 @@ body { font-family: 'Montserrat', sans-serif; font-style: normal; font-variant: normal; - /*font-size: 26px;*/ - /*font-weight: 400;*/ + /* font-size: 26px; */ + /* font-weight: 400; */ color: #BEBEBE; background-color: #222222; background-image: none; @@ -21,44 +21,7 @@ body { margin: 0; } - - -/************************************** - - COLOUR BAR DEFINITIONS - -**************************************/ - - -/* This is the block container */ -.colours { - width: 0 auto; - height: 50px; - margin: 0 auto; - display: flex; +p { + font-size: 22px; + font-weight: 300; } - -/* This is a block */ -.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; } |