Advertisement
lowheartrate

css

Jun 2nd, 2015
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.17 KB | None | 0 0
  1. body {
  2.   -webkit-animation: example 20s ease 0s infinite alternate;
  3.   animation: example 20s ease 0s infinite alternate;
  4.   background-size: cover;
  5.   margin: 0 auto;
  6. }
  7.  
  8. @-webkit-keyframes example {
  9.   0% {
  10.     background-image: url("http://i.imgur.com/HYR1Jfl.png");
  11.   }
  12.   25% {
  13.     background-image: url("http://i.imgur.com/YPPtEgB.png");
  14.   }
  15.   50% {
  16.     background-image: url("http://i.imgur.com/JfhCPU7.png");
  17.   }
  18.   100% {
  19.     background-image: url("http://i.imgur.com/VVj4bDc.png");
  20.   }
  21. }
  22.  
  23. @keyframes example {
  24.   0% {
  25.     background-image: url("http://i.imgur.com/HYR1Jfl.png");
  26.   }
  27.   25% {
  28.     background-image: url("http://i.imgur.com/YPPtEgB.png");
  29.   }
  30.   50% {
  31.     background-image: url("http://i.imgur.com/JfhCPU7.png");
  32.   }
  33.   100% {
  34.     background-image: url("http://i.imgur.com/VVj4bDc.png");
  35.   }
  36. }
  37.  
  38. header {background: #141414; opacity: 1.0; height: 65px; width: 100%; transition: all 0.5s ease; position: fixed;}
  39. header.sticky {height: 40px;}
  40.  
  41. #header ul {list-style-type: none;margin: 0; padding: 20px;}
  42. #header li {display: inline;}
  43. #header a {margin-left: 20px;color: white;text-decoration: none;font-size: 20px;float: left;}
  44. #header a:hover {color: #FF6666;}
  45. #header.sticky a {font-size: 16px;margin-top:-10px;}
  46.  
  47. #staff div {display: inline-block;}
  48.  
  49. #login {width: 250px;background: white;float: left;margin-top: 75px; position: fixed; transition: all 0.5s ease;}
  50. #login p {padding: 5px 10px;}
  51. #login.sticky {margin-top: 50px;}
  52. #login img {text-align: center;}
  53.  
  54. button.login {border: 1px solid #662929; background-color: #ff6666; width: 200px; padding: 8px 10px;}
  55. button.login:hover {border: 1px solid #662929; background-color: #993D3D; width: 200px; padding: 8px 10px;}
  56.  
  57. button.tr {border: 1px solid #662929; background-color: #ff6666; width: 100%; padding: 8px 10px; color: white; font-weight: bold;}
  58. button.tr:hover {border: 1px solid #662929; background-color: #993D3D; width: 100%; padding: 8px 10px;}
  59.  
  60. button.tr-b1 {border: 1px solid #662929; background-color: #ff6666; width: 100%; padding: 8px 10px; color: white; font-weight: bold;}
  61. button.tr-b1:hover {border: 1px solid #662929; background-color: #993D3D; width: 100%; padding: 8px 10px;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement