diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index aae8f8d..5e1d6e6 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -95,7 +95,8 @@ LAYOUT width: 27%; } .wx-table-b, -.wx-table-c { +.wx-table-c, +.wx-table-d { width: 16%; } .hx24 { @@ -124,7 +125,8 @@ LAYOUT .wx-table-b { width: 20%; } - .wx-table-c { + .wx-table-c, + .wx-table-d { width: 16%; } .hx-try-user { @@ -139,7 +141,8 @@ LAYOUT width: 100%; } .wx-table-b, - .wx-table-c { + .wx-table-c, + .wx-table-d { width: 25%; } .hx-compare-c, @@ -318,12 +321,29 @@ i { .inner-shaddow { box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75); } +/* Table */ + .bg-table { + display: none; + } +.hscroll { + padding: 2rem; +} @media only screen and (max-width: 45em) { + .bg-table { + display: inline-block; + top: 0; + right: 0; + z-index : 560; + } .hscroll { overflow-x: auto; } .hscroll table { - width: 46rem; + width: 48rem; + } + .wx-table-d { + width: 8rem; + padding-right: 4rem; } } @@ -395,10 +415,11 @@ STACKING IMAGES z-index : 550; } .bg-cta-pfeil { - top: -11rem; + top: -13rem; left: 66%; z-index : 570; } + @media only screen and (min-width: 30em) { .bg-feature-1 { left: calc(50% - 21rem); @@ -413,10 +434,9 @@ STACKING IMAGES .bg-metrics-bulb { top: 11rem; left: calc(100% - 30rem); - z-index : 550; } .bg-cta-pfeil { - top: -12rem; + top: -14rem; left: 72%; } } diff --git a/homepage/theme/static/images/gfx-table-fade.png b/homepage/theme/static/images/gfx-table-fade.png new file mode 100644 index 0000000..6d8af73 Binary files /dev/null and b/homepage/theme/static/images/gfx-table-fade.png differ diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 88edde6..37fc491 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -499,7 +499,13 @@