app.css
View Options

	@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: 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;
	}

File Metadata

Mime Type: text/x-asm
Expires: Sat, Nov 7, 05:10 (2 h, 38 m ago)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 4251681
Default Alt Text: app.css (3 KB)

app.css
No OneTemporary
Actions

app.css
View Options

File Metadata

Event Timeline

app.cssNo OneTemporaryActions

app.cssView Options

File Metadata

Event Timeline

app.css
No OneTemporary
Actions

app.css
View Options