diff options
Diffstat (limited to 'assets/css/pages/files.scss')
-rw-r--r-- | assets/css/pages/files.scss | 201 |
1 files changed, 201 insertions, 0 deletions
diff --git a/assets/css/pages/files.scss b/assets/css/pages/files.scss new file mode 100644 index 00000000..ae1434b6 --- /dev/null +++ b/assets/css/pages/files.scss @@ -0,0 +1,201 @@ +@import '../variables'; +@import '../modules/transparent-navbar'; + +.files-background { + background: url('../../img/headers/yourcloud.jpg') no-repeat; + background-position: center; + background-size: cover; +} + +@media (max-width $break-small) { + .image--feature { + margin-top: 10px; + } +} + +.featureimg { + @media (min-width: $break-big) { + margin-bottom: 200px; + } + + @media (min-width: $very-wide) { + margin-bottom: 100px; + } +} + + +section { + margin: 180px 0; +} + +.section--hosting { +} + +.section--overview { +} + +.section--customers { + position: relative; + .section--paragraph { + margin: 40px 0; + } + + .container { + } + .row { + margin-top: 50px; + } + .customer { + position: relative; + padding-left: 10px; + padding-right: 10px; + .customer-logo { + /*-webkit-filter: grayscale(100%);*/ + filter: saturate(0%) contrast(.35) brightness(130%); + + max-width: 250px; + float: center; + position: relative; + text-align:center; + margin-left: auto; + margin-right: auto; + vertical-align: middle; + + } + } +} + +.section--on-premise { + .section--heading-1 { + padding-bottom: 30px; + } +} + +.section--compliance { + .banner { + background-color: $nextcloud-blue; + position: relative; + overflow: hidden; + .col-md-6 { + padding: 40px 0; + } + li,p,h2,h3 { + color: white; + } + + .hyperlink { + color: white; + } + + .row { + padding: 0px 0px; + } + + .fa { + color: white; + padding-right: 10px; + } + + .learnmore { + padding: 20px 0px; + .col-sm-6 { + padding: 20px 0px; + } + } + + .big-img { + position: absolute; + max-width: 70%; + height: 100%; + /* top: 60px; */ + margin-left: 30px; + } + .small-img { + position:absolute; + height: 100%; + margin-left: 30px; + } + @media (max-width: $very-wide) { + .big-img { + display: none; + } + } + @media (min-width: $very-wide) { + .small-img { + display: none; + } + } + } +} + +.acess__anywhere { + width: 400px; + margin: 0 auto; +} + +.section--files { + padding-top: 80px; +} + +.section--whitepaper { + padding: 0; + + h2 { + line-height: normal; + } +} + +.section--outlook { + h1 { + /*margin-bottom: 10px;*/ + } + p { + padding: 10px 0 30px 0; + } + .row { + padding-bottom: 10px; + } +} + + +.section--others { + margin: 0 0 0 0; + padding: 90px 70px 70px 70px; + background-color: #eee; + .row { + margin-bottom: 10px; + } + img { + padding: 20px; + } +} + +.section--more { + .container-widest .row { + margin-left: 5px; + margin-right: 5px; + } + + .section--heading-1 { + padding-bottom: 60px; + } + + i[class*='fa-'] { + font-size: 60px; + display: block; + color: #0082c9; + text-align: center; + padding-top: 20%; + } +} + +.section--getstarted { + margin-bottom: 0px; + a { + margin: 50px; + } +} + +footer { + margin-top: 0px; +} |