diff --git a/css/app.css b/css/app.css index 032c73c..2ba4069 100644 --- a/css/app.css +++ b/css/app.css @@ -1,185 +1,185 @@ @charset "utf-8"; /* ------------------------------------------------------------- Launch Nasqueron - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Sébastien Santoro aka Dereckson, Tomas Sardyha Filename: app.css Version: 1.0 Licence: Creative Commons BY 3.0, BSD-2-Clause ------------------------------------------------------------- */ /* ------------------------------------------------------------- Table of contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - :: Main styles :: Cards :: Cards content :: Horizontal scrollbar :: Cards slider selector :: Utilities classes */ /* ------------------------------------------------------------- Main styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { margin-top: 5vh; min-height: 150vh; background: #44484D url("../img/mountains.svg") repeat-x scroll bottom; } /* ------------------------------------------------------------- Cards - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .wrap { position: relative; margin: 3em 5vw; } @media screen and (max-width: 1239px) { section { width: 78vw; } } @media screen and (min-width: 1240px) { section { width: 39vw; } } section { float: left; display: inline-block; min-height: 70vh; padding: 1em !important; margin: 0 5vw 0 0; border: solid 5px #2b3441; } .section-odd { background-color: #5587A2; color: black; } .section-even { background-color: #67947D; color: black; } .section-third { background-color: #F6D258; color: black; } /* ------------------------------------------------------------- Cards content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ section .paragraph { margin-bottom: 2.5em; } section p { -webkit-margin-before: 0; } .icon { color: white; } .section-third .icon { color: #2B3441; } .call-for-action { - margin: 1.375em 0; + margin: 3em 0; } .call-for-action a { padding: 1em; -webkit-appearance: button; -moz-appearance: button; appearance: button; background-color: rgba(34, 34, 34, 0.25); border: solid 5px rgba(34, 34, 34, 0.3); color: white; text-decoration: none; font-variant: all-small-caps; } /* ------------------------------------------------------------- Horizontal scrollbar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .scrollbar { margin: 0 0 1em 0; height: 2px; background: #ccc; line-height: 0; } .scrollbar .handle { width: 100px; height: 100%; background: #292a33; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; } /* ------------------------------------------------------------- Cards slider selector - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; } .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .pages li:hover { background: #aaa; } .pages li.active { background: #666; } /* ------------------------------------------------------------- Utilities classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .text-center { text-align: center; }