diff options
author | Florian Dold <florian.dold@gmail.com> | 2016-01-21 11:40:51 +0100 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2016-01-21 11:40:51 +0100 |
commit | 96622672cd6e3eb71c21b993215d645c1f58aa6e (patch) | |
tree | 657fd63b475bae20921641c0142bbbe7fe9d2c23 /src/frontend_blog/style.css | |
parent | 6d59885dfd02b1fff292bdd9075ce38461f128b9 (diff) | |
parent | 1e936a747b2c3380332f0b3dda410261fb97a2b0 (diff) | |
download | merchant-96622672cd6e3eb71c21b993215d645c1f58aa6e.tar.gz merchant-96622672cd6e3eb71c21b993215d645c1f58aa6e.tar.bz2 merchant-96622672cd6e3eb71c21b993215d645c1f58aa6e.zip |
Merge branch 'master' of ssh://taler.net/var/git/merchant
Diffstat (limited to 'src/frontend_blog/style.css')
-rw-r--r-- | src/frontend_blog/style.css | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/src/frontend_blog/style.css b/src/frontend_blog/style.css new file mode 100644 index 00000000..c2cc51ee --- /dev/null +++ b/src/frontend_blog/style.css @@ -0,0 +1,123 @@ +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; +} + +header h1 { + font-size: 200%; + margin: 0; + padding: 0 0 0 120px; + position: relative; + top: 50%; + transform: translateY(-50%); +} + +header #logo { + float: left; + width: 100px; + padding: 0; + margin: 0; + text-align: center; + border-right: 1px solid black; +} + +aside { + width: 100px; + float: left; +} + +section#main { + margin: 0 0 0 100px; + padding: 20px; + border-left: 1px solid black; + height: 100%; + max-width: 40em; +} + +section#main h1:first-child { + margin-top: 0; +} + +h1 { + font-size: 160%; +} + +h2 { + font-size: 140%; +} + +h3 { + font-size: 120%; +} + +h4, h5, h6 { + font-size: 100%; +} + +.loader { + font-size: 10px; + margin: 50px auto; + text-indent: -9999em; + width: 11em; + height: 11em; + border-radius: 50%; + background: #ffffff; + background: -moz-linear-gradient(left, #000 10%, rgba(255, 255, 255, 0) 42%); + background: -webkit-linear-gradient(left, #000 10%, rgba(255, 255, 255, 0) 42%); + background: -o-linear-gradient(left, #000 10%, rgba(255, 255, 255, 0) 42%); + background: -ms-linear-gradient(left, #000 10%, rgba(255, 255, 255, 0) 42%); + position: relative; + -webkit-animation: load3 1.4s infinite linear; + animation: load3 1.4s infinite linear; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} + +.loader:after { + background: #fff; + width: 75%; + height: 75%; + border-radius: 50%; + content: ''; + margin: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +@-webkit-keyframes load3 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes load3 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + + |