summaryrefslogtreecommitdiff
path: root/talermerchantdemos/blog/static/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'talermerchantdemos/blog/static/style.css')
-rw-r--r--talermerchantdemos/blog/static/style.css198
1 files changed, 198 insertions, 0 deletions
diff --git a/talermerchantdemos/blog/static/style.css b/talermerchantdemos/blog/static/style.css
new file mode 100644
index 0000000..b63fdd1
--- /dev/null
+++ b/talermerchantdemos/blog/static/style.css
@@ -0,0 +1,198 @@
+/*
+ This file is part of GNU TALER.
+ Copyright (C) 2014, 2015, 2016 INRIA
+
+ TALER is free software; you can redistribute it and/or modify it under the
+ terms of the GNU Lesser General Public License as published by the Free Software
+ Foundation; either version 2.1, or (at your option) any later version.
+
+ TALER is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+
+ You should have received a copy of the GNU Lesser General Public License along with
+ TALER; see the file COPYING. If not, If not, see <http://www.gnu.org/licenses/>
+
+ @author Marcello Stanisci
+ @author Gabor Toth
+*/
+
+body {
+ background-color: white;
+ margin: 0;
+ padding: 0;
+ font-family: Verdana, sans;
+}
+
+header {
+ width: 100%;
+ height: 100px;
+ margin: 0;
+ padding: 0;
+ border-bottom: 1px solid black;
+}
+
+/* NOTE: this class is needed to differentiate h1's which need to coexist
+ with the navigation bar, and h1's which don't (like the ones in the blog's
+ articles) */
+header h1.nav {
+ font-size: 200%;
+/* position: relative;
+ margin: 15 0 0 120px;
+ top: 50%;
+ transform: translateY(-50%);*/
+}
+
+body.article {
+ transform: translateY(-22px);
+}
+
+/* Redundant for testing reasons */
+header h1.book-title {
+ font-size: 200%;
+ transform: translateY(30px);
+ margin-left: 100px;
+}
+/*
+ margin: 15 0 0 120px;
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+}*/
+header #logo {
+ float: left;
+ width: 100px;
+ height: 100px;
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ border-right: 1px solid black;
+}
+
+section#menu {
+ margin: 0 0 90 0;
+ padding: 5px;
+ border-right: 1px solid black;
+ height: 100%;
+ width: 90px;
+ float: left;
+}
+
+section#main {
+ margin: 0 0 0 100px;
+ padding: 20px;
+ border-left: 1px solid black;
+ height: 100%;
+ /*max-width: 40em;*/
+}
+
+div.copyright {
+ margin: 40px 1000px 0px 150px;
+ padding: 20px;
+ border-top: 1px solid black;
+ height: 100%;
+ max-width: 40em;
+ font-size: 70%;
+ text-align: center;
+}
+
+section#main h1:first-child {
+ margin-top: 0;
+}
+
+div.login-form, div.register-form {
+ border-radius: 10px;
+ background-color: #f2f2f2;
+ padding: 11px 27px 44px 27px;
+ max-width: 200px;
+}
+
+div.login-form input[type=submit],
+div.register-form input[type=submit] {
+ width-max: 30%;
+ float: right;
+ padding: 6px;
+}
+
+.selected-item {
+ border-style: solid;
+ border-width: 1px;
+}
+
+.informational {
+ border-radius: 8px;
+ padding: 8px;
+}
+
+.informational-ok {
+ background: #ccffcc;
+}
+
+.informational-fail {
+ background: #ff8566;
+}
+
+div.login-form input[type=text],
+div.login-form input[type=password],
+div.register-form input[type=text],
+div.register-form input[type=password] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+}
+
+h1 {
+ font-size: 160%;
+}
+
+h2 {
+ font-size: 140%;
+}
+
+h3 {
+ font-size: 120%;
+}
+
+h4, h5, h6 {
+ font-size: 100%;
+}
+
+table.history {
+ margin: 30px 0px;
+ border-width: 1px;
+ border-spacing: 3px;
+ border-style: groove;
+ border-color: gray;
+ border-collapse: separate;
+ background-color: white;
+ white-space: nowrap;
+}
+table.history th {
+ border-width: 1px;
+ padding: 5px;
+ border-style: outset;
+ border-color: gray;
+ background-color: white;
+ -moz-border-radius: ;
+}
+table.history td {
+ border-width: 1px;
+ padding: 5px;
+ border-style: outset;
+ border-color: gray;
+ background-color: white;
+ -moz-border-radius: ;
+}
+div.track-results {
+ position: absolute;
+}
+
+.fade {
+ -webkit-animation: fade 0.7s;
+ animation: fade 0.7s;
+ opacity: 1;
+}