diff options
Diffstat (limited to 'themes/simple/static')
| -rw-r--r-- | themes/simple/static/css/main.css | 51 |
1 files changed, 42 insertions, 9 deletions
diff --git a/themes/simple/static/css/main.css b/themes/simple/static/css/main.css index b54f2ce..458128f 100644 --- a/themes/simple/static/css/main.css +++ b/themes/simple/static/css/main.css @@ -32,6 +32,12 @@ a { h1 { font-size: 2em; + color: #99bb88; +} + +h2 { + font-size: 1.5em; + color: #99bb88; } #container { @@ -52,16 +58,13 @@ h1 { border-left: 1px solid rgb(60, 60, 60); border-right: 1px solid rgb(50, 50, 50); border-bottom: 1px solid rgb(0, 0, 0); + border-radius: 30px 30px 0 0; box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5); box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5); } -#header hgroup { - padding: 20px 20px 10px 20px; -} - #header::after { content: ""; position: absolute; @@ -77,16 +80,44 @@ h1 { border-radius: 30px 30px 30px 30px; } +#footer { + position: relative; + background: + linear-gradient( + 180deg, + rgba(50, 50, 50, 0.9) 0%, + rgba(72, 72, 72, 0.9) 15%, + rgba(20, 20, 20, 0.95) 100% + ); + border-top: 1px solid rgb(50, 50, 50); + border-left: 1px solid rgb(50, 50, 50); + border-right: 1px solid rgb(50, 50, 50); + border-bottom: 1px solid rgb(0, 0, 0); + + border-radius: 0 0 20px 20px; + + box-shadow: 0px 8px 8px 4px rgba(20, 20, 20, 0.5); + + padding: 10px; +} + +#header hgroup { + padding: 20px 20px 10px 20px; +} + #nav-content { display: flex; flex-direction: row; + + box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5); + box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5); } aside { - border-top: 1px solid #666666; - border-left: 1px solid #666666; - border-right: 1px solid #666666; - background: rgba(30, 30, 30, 0.4); + border-top: 1px solid rgb(80, 80, 80); + border-left: 1px solid rgb(80, 80, 80); + border-right: 1px solid rgb(80, 80, 80); + background: rgba(30, 30, 30, 0.5); box-shadow: 8px 0px 4px -4px rgba(20, 20, 20, 0.5); } @@ -172,8 +203,10 @@ main { height: 100%; } -main article { +#content { margin: 20px; + + min-height: 500px; } article .formula { |
