diff options
| author | s1n <[email protected]> | 2019-08-06 20:08:20 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2019-08-06 20:08:20 -0700 |
| commit | 83fd23c792a39a75ea882aed98c3ebe9d157915b (patch) | |
| tree | 3cc009f34db829354535c516fa062e0b46cf99c3 /css/main.css | |
| parent | Update formatting, add GH corner (diff) | |
| download | wallet-83fd23c792a39a75ea882aed98c3ebe9d157915b.tar.xz wallet-83fd23c792a39a75ea882aed98c3ebe9d157915b.zip | |
Update formatting, add GH corner
Diffstat (limited to 'css/main.css')
| -rw-r--r-- | css/main.css | 54 |
1 files changed, 45 insertions, 9 deletions
diff --git a/css/main.css b/css/main.css index 9be9641..ffadd6b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,19 +1,55 @@ +/* Main Site CSS */
body {
background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/782173/codepen-bg-light1.png")
- }
- .bobAnimate-container {
+}
+
+.bobAnimate-container {
position: absolute;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
width: 375px;
- }
- .inline {
+}
+
+.inline {
display: inline-block;
- }
- #bobAnimate {
+}
+
+#bobAnimate {
margin-left: 5px;
transition-timing-function: ease-in-out;
transition: margin-left 2s;
- }
-
\ No newline at end of file +}
+
+/* Github Corner */
+.github-corner:hover .octo-arm {
+ animation: octocat-wave 560ms ease-in-out
+}
+
+@keyframes octocat-wave {
+
+ 0%,
+ 100% {
+ transform: rotate(0)
+ }
+
+ 20%,
+ 60% {
+ transform: rotate(-25deg)
+ }
+
+ 40%,
+ 80% {
+ transform: rotate(10deg)
+ }
+}
+
+@media (max-width:500px) {
+ .github-corner:hover .octo-arm {
+ animation: none
+ }
+
+ .github-corner .octo-arm {
+ animation: octocat-wave 560ms ease-in-out
+ }
+}
|