|
| 1 | +html, body { |
| 2 | + height: 100%; |
| 3 | + font-family: 'Comfortaa', sans-serif; |
| 4 | + color: #FFFFFF; |
| 5 | +} |
| 6 | + |
| 7 | +.container { |
| 8 | + padding: 2rem; |
| 9 | +} |
| 10 | + |
| 11 | +.btn-group-lg>.btn, .btn-lg { |
| 12 | + padding: 1rem 2rem; |
| 13 | +} |
| 14 | + |
| 15 | +/* Background colors */ |
| 16 | +.bg_snowshoe_blue { background-color: #00AEE4 } |
| 17 | +.bg_red { background-color: #f44336 } |
| 18 | +.bg_pink { background-color: #E91E63 } |
| 19 | +.bg_purple { background-color: #9C27B0 } |
| 20 | +.bg_deep_purple { background-color: #673AB7 } |
| 21 | +.bg_indigo { background-color: #3F51B5 } |
| 22 | +.bg_blue { background-color: #2196F3 } |
| 23 | +.bg_light_blue { background-color: #03A9F4 } |
| 24 | +.bg_cyan { background-color: #00BCD4 } |
| 25 | +.bg_teal { background-color: #009688 } |
| 26 | +.bg_green { background-color: #4CAF50 } |
| 27 | +.bg_light_green { background-color: #8BC34A } |
| 28 | +.bg_lime { background-color: #CDDC39 } |
| 29 | +.bg_yellow { background-color: #FFEB3B } |
| 30 | +.bg_amber { background-color: #FFC107 } |
| 31 | +.bg_orange { background-color: #FF9800 } |
| 32 | +.bg_deep_orange { background-color: #FF5722 } |
| 33 | +.bg_brown { background-color: #795548 } |
| 34 | +.bg_grey { background-color: #9E9E9E } |
| 35 | +.bg_blue_grey { background-color: #607D8B } |
| 36 | + |
| 37 | +.modal { |
| 38 | + display: none; /* Hidden by default */ |
| 39 | + position: fixed; /* Stay in place */ |
| 40 | + left: 0; |
| 41 | + top: 0; |
| 42 | + width: 100%; /* Full width */ |
| 43 | + height: 100%; /* Full height */ |
| 44 | + overflow: auto; /* Enable scroll if needed */ |
| 45 | + background-color: rgb(0,0,0); /* Fallback color */ |
| 46 | + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ |
| 47 | +} |
| 48 | + |
| 49 | +.stamp-result { |
| 50 | + height: 100%; |
| 51 | + width: 100%; |
| 52 | + position: fixed; |
| 53 | + top: 0; |
| 54 | + left: 0; |
| 55 | +} |
| 56 | + |
| 57 | +.ping { |
| 58 | + -webkit-animation: ping 1s ease-in-out infinite alternate both; |
| 59 | + animation: ping 1s ease-in-out infinite alternate both; |
| 60 | +} |
| 61 | + |
| 62 | +/* ---------------------------------------------- |
| 63 | + * Generated by Animista on 2018-10-16 0:24:7 |
| 64 | + * w: http://animista.net, t: @cssanimista |
| 65 | + * ---------------------------------------------- */ |
| 66 | + |
| 67 | +/** |
| 68 | + * ---------------------------------------- |
| 69 | + * animation ping |
| 70 | + * ---------------------------------------- |
| 71 | + */ |
| 72 | + @-webkit-keyframes ping { |
| 73 | + 0% { |
| 74 | + -webkit-transform: scale(1); |
| 75 | + transform: scale(1); |
| 76 | + } |
| 77 | + 50% { |
| 78 | + -webkit-transform: scale(0.9); |
| 79 | + transform: scale(0.9); |
| 80 | + } |
| 81 | + 100% { |
| 82 | + -webkit-transform: scale(1); |
| 83 | + transform: scale(1); |
| 84 | + } |
| 85 | + } |
| 86 | + @keyframes ping { |
| 87 | + 0% { |
| 88 | + -webkit-transform: scale(1); |
| 89 | + transform: scale(1); |
| 90 | + } |
| 91 | + 50% { |
| 92 | + -webkit-transform: scale(0.9); |
| 93 | + transform: scale(0.9); |
| 94 | + } |
| 95 | + 100% { |
| 96 | + -webkit-transform: scale(1); |
| 97 | + transform: scale(1); |
| 98 | + } |
| 99 | + } |
| 100 | + |
| 101 | +/* Extra small devices (portrait phones, less than 576px) */ |
| 102 | +/* No media query for `xs` since this is the default in Bootstrap */ |
| 103 | + |
| 104 | +/* Small devices (landscape phones, 576px and up) */ |
| 105 | +@media (max-width: 576px) {} |
| 106 | + |
| 107 | +/* Medium devices (tablets, 768px and up) */ |
| 108 | +@media (max-width: 768px) {} |
| 109 | + |
| 110 | +/* Large devices (desktops, 992px and up) */ |
| 111 | +@media (max-width: 992px) {} |
| 112 | + |
| 113 | +/* Extra large devices (large desktops, 1200px and up) */ |
| 114 | +@media (max-width: 1200px) {} |
0 commit comments