X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/blobdiff_plain/686ca1eb588a961b41036855307e8f36f4c4ddd8..d645b495e0052c771621f8b0a8ba0d6ed0bec338:/css/mock1.css diff --git a/css/mock1.css b/css/mock1.css index 2e154505f..cd7a297d4 100644 --- a/css/mock1.css +++ b/css/mock1.css @@ -1,7 +1,8 @@ /* vars */ :root { --navbar-bg: white; - --jumbotron-bg: rgba(75,235,74,.4); + --jumbotron-bg: 15,75,14; + --jumbotron-bg-fall: 65,225,64; --footer-bg: 36,62,22; --copyright-bg: 0,0,0; --link-color: #428bca; @@ -73,10 +74,7 @@ a { /* main */ .container { - margin-top: 50px; - margin-left: 0; - margin-right: 0; - margin-bottom: 0; + margin: 50px 0 0 0; padding: 0; width: 100%; margin-left: 0; @@ -85,12 +83,18 @@ a { flex-direction: column; fkex-wrap: wrap; justify-content: space-between; + min-height: 100%; } /* jumbotron */ .jumbotron { - background: var(--jumbotron-bg); + position: relative; + border-bottom: 1px solid #888; width: 100%; + background: rgb(var(--jumotron-bg-fall)); + background: rgba(var(--jumbotron-bg),.6); + box-shadow: 0 3px 5px rgba(0,0,0, 0.36); + flex-basis: 100%; -webkit-border-bottom-right-radius: var(--box-round); -webkit-border-bottom-left-radius: var(--box-round);