bugfix entities gridrow, grid && improve graph design on homepage

2016-11-15 17:53:12 +01:00
parent a4574fe933
commit 1e9bdbac3f
13 changed files with 327 additions and 167 deletions
--- a/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
+++ b/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
@@ -0,0 +1,91 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Ravi+Prakash&subset=latin-ext');
+/*
+font-family: 'Ravi Prakash', cursive;
+font-family: 'Open Sans Condensed', sans-serif;
+*/
+
+* {
+    outline: none;
+    padding: 0;
+    margin: 0;
+}
+
+html, body {
+    background: #2C3E50;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+header {
+    background: rgba(255, 255, 255, 0.7) url('/bundles/mineseeker/images/homepage/header.jpg') no-repeat;
+    background-size: cover;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+    height: 560px;
+    color: #ffffff;
+    overflow: hidden;
+}
+
+header h1 {
+    display: block;
+    font: normal 72px 'Ravi Prakash', cursive;
+    text-align: center;
+    line-height: 20px;
+    color: #ffa800;
+}
+
+header h3 {
+    display: block;
+    font: normal 32px 'Open Sans Condensed', sans-serif;
+    text-align: center;
+    color: #ffcd02;
+}
+
+header > a {
+    background: #e8e8e8;
+    display: block;
+    font: bold 22px 'Open Sans Condensed', sans-serif;
+    text-transform: uppercase;
+    text-decoration: none;
+    color: #2C3E50;
+    padding: 10px 70px;
+    margin-top: 20px;
+
+    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+header > a:hover {
+    background: #ffffff;
+
+    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.75);
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.75);
+    -webkit-transition: all 250ms ease-in-out;
+    -moz-transition: all 250ms ease-in-out;
+    -o-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+header > img {
+    position: absolute;
+    width: 350px;
+    bottom: -250px;
+}
+
+main {
+    font: normal 32px 'Open Sans Condensed', sans-serif;
+    text-align: center;
+    color: #ffffff;
+    padding-top: 50px;
+}