chrysalide

commit ca3fed267bddf651bcce2a92e43175fc5f2ea03a
parent 69734947b96e7ba59b27cfa7e183fdf41d721c6c
Author: Frederic Cambus <fred@statdns.com>
Date:   Wed,  6 Jul 2016 20:20:18 +0200

Adding CSS styles, finally

Diffstat:
A
styles/motyl.css
 | 
85
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 85 insertions(+), 0 deletions(-)
diff --git a/styles/motyl.css b/styles/motyl.css
@@ -0,0 +1,85 @@
+/*****************************************************************************/
+/*                                                                           */
+/* Chrysalide                                                                */
+/* Copyright (c) 2016, Frederic Cambus                                       */
+/* http://www.cambus.net/motyl/                                              */
+/*                                                                           */
+/* Created: 2016-02-16                                                       */
+/* Last Updated: 2016-07-06                                                  */
+/*                                                                           */
+/* Chrysalide is released under the BSD 2-Clause license.                    */
+/* See LICENSE file for details.                                             */
+/*                                                                           */
+/*****************************************************************************/
+
+@font-face {
+    font-family: 'open_sansregular';
+    src: url('/fonts/OpenSans-Regular-webfont.eot');
+    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
+         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+	background: #fff; 
+	color: #000;
+	font-family: 'open_sansregular';
+	font-size: 18px;
+	margin: 0;
+	padding: 0;
+}
+
+h1, h3 {
+	margin-bottom: 0px;
+}
+
+header h2 {
+    margin: 0;
+}
+
+header, #container { max-width: 900px; margin : auto; padding: 0 10px; }
+
+time {
+	color: #aaa;
+}
+
+
+p {
+	text-align: justify;
+}
+
+hr {
+    border-top: 1px;
+}
+
+footer {
+	color: #aaa;
+	margin: 16px 0;
+}
+
+#powered { float:right; }
+
+a { color: #555; text-decoration: none; }
+
+p a { border-bottom: 1px dotted }
+
+img {
+    max-width: 100%;
+    height: auto;
+    display: inline-block;
+    margin: auto;
+}
+
+.youtube {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+}
+
+.youtube iframe {
+    position: absolute;
+    width: 100%!important;
+    height: 100%!important;
+}