commit 1ca5c811615139b10f022e8f27110818a03b4537
parent a99251a2ad75ae4b8210adc83f7321a412baf036
Author: Frederic Cambus <fred@statdns.com>
Date: Mon, 7 Aug 2017 19:22:04 +0200
Reformat styles
Diffstat:
M | styles/chrysalide.css | | | 80 | +++++++++++++++++++++++++++++++++++++++++++++++-------------------------------- |
1 file changed, 48 insertions(+), 32 deletions(-)
diff --git a/styles/chrysalide.css b/styles/chrysalide.css
@@ -5,7 +5,7 @@
/* https://github.com/fcambus/chrysalide */
/* */
/* Created: 2016-02-16 */
-/* Last Updated: 2017-04-24 */
+/* Last Updated: 2017-08-07 */
/* */
/* Chrysalide is released under the BSD 2-Clause license. */
/* See LICENSE file for details. */
@@ -13,12 +13,12 @@
/*****************************************************************************/
@font-face {
- font-family: 'Work Sans';
- src: url('/fonts/WorkSans-Regular.woff') format('woff'),
- url('/fonts/WorkSans-Regular.woff2') format('woff2'),
- url('/fonts/WorkSans-Regular.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
+ font-family: 'Work Sans';
+ src: url('/fonts/WorkSans-Regular.woff') format('woff'),
+ url('/fonts/WorkSans-Regular.woff2') format('woff2'),
+ url('/fonts/WorkSans-Regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
}
body {
@@ -31,55 +31,71 @@ body {
padding: 0;
}
+a {
+ color: #af463e;
+ text-decoration: none;
+}
+
+footer {
+ color: #aaa;
+ margin: 16px 0;
+}
+
h1, h3 {
margin-bottom: 0px;
}
+header, #container {
+ max-width: 1024px;
+ margin: auto;
+ padding: 0 10px;
+}
+
header h2 {
font-size: 48px;
line-height: 48px;
margin: 16px 0 0;
}
-header, #container { max-width: 1024px; margin : auto; padding: 0 10px; }
-
-time {
- color: #aaa;
+header > a, h3 > a {
+ color: #555;
}
+hr {
+ border-top: 1px solid #eee;
+ margin: 16px 0;
+}
p {
text-align: justify;
}
-hr { border-top: 1px solid #eee; margin: 16px 0 }
-
-footer {
- color: #aaa;
- margin: 16px 0;
+img {
+ display: inline-block;
+ height: auto;
+ max-width: 100%;
+ margin: auto;
}
-#powered { float:right; }
-
-header > a, h3 > a { color: #555 }
-
-a { color: #af463e; text-decoration: none; }
-p a { border-bottom: 2px solid pink }
+p a {
+ border-bottom: 2px solid pink;
+}
-img {
- max-width: 100%;
- height: auto;
- display: inline-block;
- margin: auto;
+time {
+ color: #aaa;
}
.youtube {
- position: relative;
- padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+ position: relative;
+ padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}
.youtube iframe {
- position: absolute;
- width: 100%!important;
- height: 100%!important;
+ position: absolute;
+ width: 100%!important;
+ height: 100%!important;
+}
+
+#powered {
+ float: right;
}