Merge pull request #176 from hasheddan/latest-styles

Format CSS styles and fix latest version overlap

themes/crossplane/static/css/404.css

@@ -1 +1,21 @@
-h2,h3,#redirect{text-align:center;color:#505a72}#content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 223px)}#content #holder{-ms-flex:1;flex:1}#content a{color:#35d0ba;text-decoration:none}
+h2,
+h3,
+#redirect {
+  text-align: center;
+  color: #505a72;
+}
+#content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: calc(100% - 223px);
+}
+#content #holder {
+  -ms-flex: 1;
+  flex: 1;
+}
+#content a {
+  color: #35d0ba;
+  text-decoration: none;
+}

themes/crossplane/static/css/community.css

@@ -1 +1,100 @@
-#commercial{background-color:#183d54;text-align:center}#commercial h1{color:#FFFFFF;max-width:830px;width:100%;margin:0 auto;line-height:55px;margin-bottom:50px;margin-top:40px}#commercial #squares{margin-bottom:50px}#commercial .company-card{max-width:800px;width:100%;margin:0 auto 110px auto}#commercial .company-card .topbar{height:10px;width:100%;background-color:#35d0ba}#commercial .company-card .card-content{padding:50px 35px;background-color:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width: 64em){#commercial .company-card .card-content{flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}}#commercial .company-card .card-content .company-logo{margin-right:30px;padding:25px;border:1px solid #ebebeb;border-radius:5px}#commercial .company-card .card-content .company-info{text-align:left;font-size:18px}#commercial .company-card .card-content .company-info p,#commercial .company-card .card-content .company-info a{color:#183d54}#commercial .company-card .card-content .company-info span{margin:0 7px}#commercial .let-us-know{margin-bottom:100px}#commercial .let-us-know p{color:#FFFFFF;margin:0}#commercial .let-us-know a{color:#34d0bb}#cncf{text-align:center;padding:15px 0 100px 0}#cncf h2{color:#183d54}#cncf h2 span{color:#34d0bb}#production{position:relative;background-color:#f7f7f7;text-align:center;padding-top:65px;padding-bottom:90px;overflow:initial !important}#production h2{color:#183d54}#production a{color:#505a72;font-size:16px}#production #stacksImg{position:absolute;top:-20%;margin:0 0 0 -82px;left:50%}
+#commercial {
+  background-color: #183d54;
+  text-align: center;
+}
+#commercial h1 {
+  color: #ffffff;
+  max-width: 830px;
+  width: 100%;
+  margin: 0 auto;
+  line-height: 55px;
+  margin-bottom: 50px;
+  margin-top: 40px;
+}
+#commercial #squares {
+  margin-bottom: 50px;
+}
+#commercial .company-card {
+  max-width: 800px;
+  width: 100%;
+  margin: 0 auto 110px auto;
+}
+#commercial .company-card .topbar {
+  height: 10px;
+  width: 100%;
+  background-color: #35d0ba;
+}
+#commercial .company-card .card-content {
+  padding: 50px 35px;
+  background-color: #ffffff;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+@media (max-width: 64em) {
+  #commercial .company-card .card-content {
+    flex-direction: column;
+    -moz-flex-direction: column;
+    -ms-flex-direction: column;
+    -o-flex-direction: column;
+  }
+}
+#commercial .company-card .card-content .company-logo {
+  margin-right: 30px;
+  padding: 25px;
+  border: 1px solid #ebebeb;
+  border-radius: 5px;
+}
+#commercial .company-card .card-content .company-info {
+  text-align: left;
+  font-size: 18px;
+}
+#commercial .company-card .card-content .company-info p,
+#commercial .company-card .card-content .company-info a {
+  color: #183d54;
+}
+#commercial .company-card .card-content .company-info span {
+  margin: 0 7px;
+}
+#commercial .let-us-know {
+  margin-bottom: 100px;
+}
+#commercial .let-us-know p {
+  color: #ffffff;
+  margin: 0;
+}
+#commercial .let-us-know a {
+  color: #34d0bb;
+}
+#cncf {
+  text-align: center;
+  padding: 15px 0 100px 0;
+}
+#cncf h2 {
+  color: #183d54;
+}
+#cncf h2 span {
+  color: #34d0bb;
+}
+#production {
+  position: relative;
+  background-color: #f7f7f7;
+  text-align: center;
+  padding-top: 65px;
+  padding-bottom: 90px;
+  overflow: initial !important;
+}
+#production h2 {
+  color: #183d54;
+}
+#production a {
+  color: #505a72;
+  font-size: 16px;
+}
+#production #stacksImg {
+  position: absolute;
+  top: -20%;
+  margin: 0 0 0 -82px;
+  left: 50%;
+}