diff options
Diffstat (limited to 'assets/css/enterprise.scss')
-rw-r--r-- | assets/css/enterprise.scss | 145 |
1 files changed, 65 insertions, 80 deletions
diff --git a/assets/css/enterprise.scss b/assets/css/enterprise.scss index dd04d614..098fbbe7 100644 --- a/assets/css/enterprise.scss +++ b/assets/css/enterprise.scss @@ -44,10 +44,10 @@ background: #fbfbfb; height: 70px; border-bottom: solid 1px #e4e4e4; - border-top: solid 1px #e4e4e4; + border-top: solid 1px #e4e4e4; text-transform: uppercase; vertical-align: middle; - z-index: 5; + z-index: 5; .buttons { font-weight: 600; @@ -200,92 +200,77 @@ } } +/* Features section */ +.Section-Features-Nextcloud { + background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px); + background: -o-linear-gradient(#fff 0%, #f6f6f6 150px); + background: linear-gradient(#fff 0%, #f6f6f6 150px); + overflow: hidden; + height: 200vh; + position: relative; + padding-top: ms(5); + padding-bottom: ms(5); + @media (max-width: $navbar-breaksize) { + padding-top: 60px; + height: 100vh; + } -/* FAQ section */ -.faq { - background: $nextcloud-blue; - padding-bottom: 50px; + h2{ + font-size: 60px; + } - .container { - background: white; - margin-bottom: 90px; - padding-left: 0px; - padding-right: 0px; + .img_carousel { + padding-top: 100px; + position:relative; + @media (max-height: 800px) { + padding-top: 60px; + } - .row { - padding: 30px; - margin: 40px; - margin-right: 60px; - @media (max-width: $break-small) { - padding-left: 10px; - padding-right: 10px; - margin-left: 10px; - margin-right: 10px; - margin-right: 30px; + img { + float: right; + width: 582px; + height: 474px; + @media (max-height: 800px) { + width: 490px; + height: 402px; } } } -} - -.faq h3 { - font-size: 20px; - font-weight: normal; - font-style: normal; - font-stretch: normal; - line-height: 1.45; - text-align: left; - color: #555555; -} - -.faq h1 { - font-size: 60px; - font-weight: 300; - font-style: normal; - font-stretch: normal; - line-height: 0.88; - color: #ffffff; - margin-top: 100px; - margin-bottom: 80px; - text-align: center; - -} -.faq p { - font-size: 18px; - font-weight: 300; - font-style: normal; - font-stretch: normal; - line-height: 1.61; - text-align: left; - color: #555555; -} - -.faq .downarrow a { - color: #555555; -} - - -.faq .downarrow a:hover { - text-decoration: none; -} - -.faq .line { - width: 100%; - height: 1px; - border: solid 1px #eeeeee; -} + .indicators { + -webkit-transition: all .5s; + transition: all .5s; + opacity: 1; + position: absolute; + z-index: 2; + bottom: 50vh; + right: 0; + @media (max-width: $break-small) { + display: none; + } -.downarrow { - position: relative; -} + .btn_carousel{ + margin-top: 10px; + width: 14px; + height: 14px; + color: transparent; + border: 1px solid $nextcloud-blue; + background-color: $nextcloud-blue; + border-radius: 50%; + padding: 0; + -webkit-transform: scale(.5); + -ms-transform: scale(.5); + transform: scale(.5); + -webkit-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; + } -.downarrow span.icon-arrow-down { - background: url(../img/arrow_down.svg) center/contain no-repeat; - position: absolute; - width: 25px; - height: 100%; - right: -30px; - top: 0px; + .btn_carousel.active{ + background-color: transparent; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + } } - |