1 files changed, 201 insertions, 0 deletions
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..b8493bd
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,201 @@
+.lang-slector {
+	float: right;
+	padding-top: 2mm;
+	padding-bottom: 4mm;
+	margin-left:  15px;
+	margin-right: 15px;
+}
+
+html {
+	overflow-y: scroll;
+}
+
+ul nav {
+    background-color: rgb(8,8,8);
+    border-radius: 0px;
+}
+
+.c_acronym {
+  background-color: #A5C663;
+}
+
+
+a,
+a:link,
+a:visited {
+    text-decoration: underline;
+    color: black;
+}
+
+nav a,
+nav a:link,
+nav a:visited {
+    text-decoration: none;
+}
+
+.navbar-light .navbar-nav .nav-link {
+    /* 0,0,0,.5 makes it problematic to read,
+       simply black is less problematic */
+    color: rgb(0, 0, 0);
+    text-decoration: underline;
+}
+
+#body_content a:hover {
+  transition: background-color 0.3s;
+  background-color: rgba(200, 200, 200, 0.5);
+}
+
+.c_intro {
+  min-height: 97vh;
+}
+
+/* don't show the language selector in the dropdown on mobile devices,
+ * since it's in the top bar already.
+ */
+.in .nav-lang {
+  display: none;
+}
+
+.mobile-lang {
+  margin-left:5px;
+  margin-top: 8px;
+}
+
+#mybody {
+  /* override ugly bootstrap defaults */
+  color: black;
+  position: relative;
+  min-height: 100%;
+}
+
+#body_content {
+  height: 100%;
+}
+
+footer {
+  position: relative;
+  bottom: 0;
+  height: 340px;
+}
+
+.btn-dark {
+  background-color: #9d9d9d;
+}
+
+
+#mybody nav {
+ border-radius: 0px;
+}
+
+footer {
+  padding-top: 2em;
+  margin-top: 2em;
+}
+
+
+#body_content .container {
+  margin-bottom: 2em;
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+
+#body_content {
+  /* push footer down */
+  min-height: 80vh;
+}
+
+.footer-list {
+  list-style: none;
+}
+
+.cushion-above {
+  padding-top: 2em;
+}
+
+.cushion-below {
+  padding-bottom: 2em;
+}
+
+.invert {
+  -webkit-filter: invert(100%);
+  filter: invert(100%);
+}
+
+/* overrides bootstrap defaults.  */
+.navbar-brand {
+  display: contents;
+}
+
+.taler_home {
+  width: 8%;
+}
+
+.checkmark {
+  height: 1em;
+  margin-right: 0.3em;
+  vertical-align: baseline;
+  position: relative;
+  top: 0.2em;
+}
+
+.checklist {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  list-style-type: none;
+  padding-left: 0px;
+  font-size: 1.2rem;
+}
+
+.tlr {
+  display: inline-block;
+  position: relative;
+}
+
+.tlr::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 25%;
+  bottom: 0;
+  left: 0.2em;
+  background: rgba(170, 57, 57, 0.3);
+  z-index: -1;
+}
+
+
+.timeline header {
+  text-align: left;
+  margin-bottom: 5px;
+}
+
+
+ul.timeline {
+    list-style-type: none;
+    position: relative;
+}
+ul.timeline:before {
+    content: ' ';
+    background: #d4d9df;
+    display: inline-block;
+    position: absolute;
+    left: 29px;
+    width: 2px;
+    height: 100%;
+    z-index: 400;
+}
+ul.timeline > li {
+    margin: 20px 0;
+    padding-left: 20px;
+}
+ul.timeline > li:before {
+    content: ' ';
+    background: white;
+    display: inline-block;
+    position: absolute;
+    border-radius: 50%;
+    border: 3px solid #22c0e8;
+    left: 20px;
+    width: 20px;
+    height: 20px;
+    z-index: 400;
+}