fuck
This commit is contained in:
parent
0c7e0693d3
commit
85a9641af0
@ -110,6 +110,7 @@
|
|||||||
<p>Technology is only as useful as it is usable, and even complex systems can be intricately designed so that front-end control is simple and user-friendly. We offer varying levels of control with our entertainment setups and can supply you with a fully programmed ‘Smart Control’ or replace conventional remotes with dedicated app support, empowering your smartphone or tablet.</p>
|
<p>Technology is only as useful as it is usable, and even complex systems can be intricately designed so that front-end control is simple and user-friendly. We offer varying levels of control with our entertainment setups and can supply you with a fully programmed ‘Smart Control’ or replace conventional remotes with dedicated app support, empowering your smartphone or tablet.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col expertly-tailored">
|
<div class="col expertly-tailored">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
background:$transblack;
|
background:$transblack;
|
||||||
min-height:500px;
|
min-height:500px;
|
||||||
height:100%;
|
height:100%;
|
||||||
height:calc(100% - 150px);
|
height:calc(100% - 60px);
|
||||||
.set-btm{
|
.set-btm{
|
||||||
width:100%;
|
width:100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@ -116,7 +116,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page.services {
|
.page.services {
|
||||||
overflow-x:visible;
|
|
||||||
h1 {
|
h1 {
|
||||||
text-align:center;
|
text-align:center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@ -171,12 +170,13 @@
|
|||||||
* { color:$softwhite; }
|
* { color:$softwhite; }
|
||||||
|
|
||||||
.splash {
|
.splash {
|
||||||
height:105vh;
|
top:0;
|
||||||
min-height:500px;
|
height:100%;
|
||||||
|
min-height:600px;
|
||||||
width:100%;
|
width:100%;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
z-index:1;
|
z-index:1;
|
||||||
@media all and(max-height:500px){
|
@media (pointer:coarse){
|
||||||
position:absolute;
|
position:absolute;
|
||||||
}
|
}
|
||||||
.splash-text {
|
.splash-text {
|
||||||
@ -192,7 +192,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.splashspacer{
|
.splashspacer{
|
||||||
height:105vh;
|
height:90%;
|
||||||
min-height:500px;
|
min-height:500px;
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
@ -407,7 +407,7 @@
|
|||||||
@include backgrounder("services-integration-splash", "jpg", "top/cover no-repeat");
|
@include backgrounder("services-integration-splash", "jpg", "top/cover no-repeat");
|
||||||
}
|
}
|
||||||
.ff {min-height:450px;}
|
.ff {min-height:450px;}
|
||||||
.ff1 {background:url(/img/ff1.jpg) no-repeat center/cover;}
|
.ff1 {background:url(/img/ff1.jpg) no-repeat right/cover;}
|
||||||
.ff2 {
|
.ff2 {
|
||||||
background:$softwhite;
|
background:$softwhite;
|
||||||
padding:5%;
|
padding:5%;
|
||||||
@ -448,7 +448,7 @@
|
|||||||
}
|
}
|
||||||
.security {
|
.security {
|
||||||
.splash {
|
.splash {
|
||||||
@include backgrounder("services-security-splash", "jpg", "top/cover no-repeat");
|
@include backgrounder("services-security-splash", "jpg", "top left/cover no-repeat");
|
||||||
}
|
}
|
||||||
.hover-p{
|
.hover-p{
|
||||||
.hover-for-p {
|
.hover-for-p {
|
||||||
|
|||||||
@ -94,11 +94,11 @@ html {
|
|||||||
&.snap-top-static.hidden {
|
&.snap-top-static.hidden {
|
||||||
opacity:0;
|
opacity:0;
|
||||||
}
|
}
|
||||||
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
//Header
|
//Header
|
||||||
header {
|
header {
|
||||||
position:absolute;
|
|
||||||
top:0;
|
top:0;
|
||||||
@media all and(min-height:900px){
|
@media all and(min-height:900px){
|
||||||
position:fixed;
|
position:fixed;
|
||||||
@ -108,7 +108,6 @@ header {
|
|||||||
background:$softblack;
|
background:$softblack;
|
||||||
width:100%;
|
width:100%;
|
||||||
height:60px;
|
height:60px;
|
||||||
display:inline-block;
|
|
||||||
padding-right:3%;
|
padding-right:3%;
|
||||||
padding-left:3%;
|
padding-left:3%;
|
||||||
z-index:10;
|
z-index:10;
|
||||||
@ -235,9 +234,8 @@ header {
|
|||||||
|
|
||||||
|
|
||||||
//Default body styles
|
//Default body styles
|
||||||
html,body{position:absolute; min-height:110vh;width:100%;}
|
html,body{height:100%;width:100%;position:relative;}
|
||||||
body {
|
body {
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
> main {
|
> main {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@ -245,13 +243,8 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
min-height: calc(100% - 60px);
|
min-height: calc(100% - 60px);
|
||||||
min-height:110vh;
|
|
||||||
margin: -7px auto;
|
|
||||||
> .page {
|
> .page {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
&:not(.servicepage) {
|
|
||||||
margin-top:60px;
|
|
||||||
}
|
|
||||||
@media all and(min-height:900px){
|
@media all and(min-height:900px){
|
||||||
margin-top:60px;
|
margin-top:60px;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user