123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- html {
- box-sizing: border-box;
- font-size: 16px;
- }
- *, *:before, *:after {
- box-sizing: inherit;
- }
- body, h1, h2, h3, h4, h5, h6, p, ol, ul {
- margin: 0;
- padding: 0;
- font-weight: normal;
- }
- ol, ul {
- list-style: none;
- }
- img {
- max-width: 100%;
- height: auto;
- }
- #footer {
- font-family: 'Roboto Condensed', sans-serif;
- position: fixed;
- bottom: 0px;
- background-color: white;
- padding: 5px;
- width: 100%;
- text-align: center;
- }
- .centered {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- ul > li {
- display: inline-block;
- /* You can also add some margins here to make it look prettier */
- zoom:1;
- *display:inline;
- padding-left: 5px;
- padding-right: 5px;
- text-align: center;
- }
- #info {
- z-index: 60;
- position: absolute;
- right: 0px;
- }
- /**************************\
- Basic Modal Styles
- \**************************/
- .modal-backdrop {
- opacity: 0.5;
- }
- @keyframes slideInDown {
- from {
- transform: translate3d(0, -100%, 0);
- visibility: visible;
- }
- to {
- transform: translate3d(0, 0, 0);
- }
- }
- .slideInDown .modal-dialog {
- animation-duration: .75s;
- animation-fill-mode: both;
- animation-name: slideInDown;
- }
- @keyframes slideOutUp {
- from {
- transform: translate3d(0, 0, 0);
- }
- to {
- visibility: hidden;
- transform: translate3d(0, -100%, 0);
- }
- }
- .slideOutUp .modal-dialog {
- animation-duration: .75s;
- animation-fill-mode: both;
- animation-name: slideOutUp;
- }
|