From 35bf8415e8b3656325c6f3035365dc42084c17c5 Mon Sep 17 00:00:00 2001
From: amirouche
Date: Sun, 22 Apr 2018 16:23:16 +0200
Subject: web: New theme for the website

* web/static/: add css, fonts and images inside it
* web/index.skb: change css to point to web/static/main.css

Signed-off-by: Ludovic Courtès <ludo@gnu.org>
---
 web/static/main.css | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 web/static/main.css

(limited to 'web/static/main.css')

diff --git a/web/static/main.css b/web/static/main.css
new file mode 100644
index 0000000..3d98316
--- /dev/null
+++ b/web/static/main.css
@@ -0,0 +1,86 @@
+@import url("base.css");
+
+@font-face {
+  font-family: "Linux Libertine";
+  src: url("LinLibertine_Rah.ttf");
+}
+
+@font-face {
+  font-family: "Linux Biolinum";
+  src: url("LinBiolinum_Rah.ttf");
+}
+
+@font-face {
+  font-family: Hack;
+  src: url("Hack-Regular.ttf");
+}
+
+body {
+  font-family: "Linux Libertine", serif;
+  /* image from transparenttextures.com */
+  background: url("graphy.png");
+  font-size: 18px;
+  padding: 0px;
+  margin: 0px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Linux Biolinum", sans;
+}
+
+a:link, a:visited, a:active {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code, pre, tt {
+  font-family: Hack, mono;
+  font-size: 0.8em;
+}
+
+div.navtabs-title {
+  background: url("gears-up.png");
+  background-position: bottom;
+  background-repeat: repeat-x;
+  padding: 15px;
+  padding-bottom: 180px;
+  padding-top: 50px;
+  text-align: center;
+  font-size: 3em;
+}
+
+div.navtabs-tabs {
+  background: white;
+  line-height: 1.5em;
+
+  margin: 0px;
+  padding: 0px;
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  border-bottom: 1px solid black;
+  border-top: 1px solid black;
+}
+
+div.navtabs-tabs > a {
+  margin: 15px 15px;
+}
+
+div.skribilo-body {
+  padding: 15px 30px;
+  background: white;
+  line-height: 1.5em;
+}
+
+div.skribilo-ending {
+  background: url("gears-down.png");
+  background-position: top;
+  background-repeat: repeat-x;
+  padding: 15px;
+  padding-top: 150px;
+  text-align: right;
+}
-- 
cgit v1.2.3