From e7bf5952d0729b37e677168b6e8fbd1ce58ed1a2 Mon Sep 17 00:00:00 2001
From: Pacien TRAN-GIRARD
Date: Sun, 10 Aug 2014 17:28:37 +0200
Subject: First version

---
 point/base.css | 114 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 point/base.css

(limited to 'point/base.css')

diff --git a/point/base.css b/point/base.css
new file mode 100644
index 0000000..fcdc2a6
--- /dev/null
+++ b/point/base.css
@@ -0,0 +1,114 @@
+/*
+ *	This file is part of "What's The Point" <https://github.com/Pacien/WhatsThePoint>
+ *	Copyright (C) 2014  Pacien TRAN-GIRARD
+ *
+ *	"What's The Point" is free software: you can redistribute it and/or modify
+ *	it under the terms of the GNU Affero General Public License as
+ *	published by the Free Software Foundation, either version 3 of the
+ *	License, or (at your option) any later version.
+ *
+ *	"What's The Point" is distributed in the hope that it will be useful,
+ *	but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *	GNU Affero General Public License for more details.
+ *
+ *	You should have received a copy of the GNU Affero General Public License
+ *	along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+@import url("libs/normalizecss/normalize.css");
+
+html {
+	width: 100%;
+	height: 100%;
+}
+
+body {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: black;
+}
+
+noscript {
+	position: absolute;
+	width: 20em;
+	height: 5em;
+	margin: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	text-align: center;
+	color: white;
+	background: black;
+}
+
+/* loading animation */
+/* http://codepen.io/lixquid/pen/ybjmr */
+
+#loadingclock {
+	position: absolute;
+	margin: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	width: 48px;
+	height: 48px;
+	border: 2px solid #ccc;
+	border-radius: 100%;
+}
+
+#loadingclock:before {
+	display: block;
+	position: absolute;
+	left: 23px;
+	top: 2px;
+	width: 2px;
+	height: 22px;
+	background-color: #ccc;
+	animation: spin 3s linear infinite;
+	-webkit-animation: spin 3s linear infinite;
+	content: " ";
+	transform-origin: 1px 22px;
+	-webkit-transform-origin: 1px 22px;
+}
+
+#loadingclock:after {
+	display: block;
+	position: absolute;
+	left: 23px;
+	top: 3px;
+	width: 2px;
+	height: 21px;
+	background-color: #ccc;
+	animation: spin 18s linear infinite;
+	-webkit-animation: spin 18s linear infinite;
+	content: "";
+	transform-origin: 1px 21px;
+	-webkit-transform-origin: 1px 21px;
+}
+
+@-moz-keyframes spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@-webkit-keyframes spin {
+	to {
+		-webkit-transform: rotate(360deg);
+	}
+}
+
+@-o-keyframes spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
-- 
cgit v1.2.3