diff options
Diffstat (limited to 'talermerchantdemos/blog/static/web-common/style.css')
-rw-r--r-- | talermerchantdemos/blog/static/web-common/style.css | 198 |
1 files changed, 198 insertions, 0 deletions
diff --git a/talermerchantdemos/blog/static/web-common/style.css b/talermerchantdemos/blog/static/web-common/style.css new file mode 100644 index 0000000..b63fdd1 --- /dev/null +++ b/talermerchantdemos/blog/static/web-common/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; +} |