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;
+}