Advertisement
potatoe

Bat shit css

May 25th, 2015
298
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.05 KB | None | 0 0
  1. /* -- Content -- */
  2. @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
  3. h2{
  4. font-family: 'Open Sans', sans-serif;
  5. font-weight: 600;
  6. margin-top: 0;
  7. margin-bottom: 0;
  8. }
  9. p[txttype="b"]
  10. {
  11. font-weight: 700;
  12. }
  13. p[alignment="c"]
  14. {
  15. text-align: center;
  16. }
  17. /* -- NavBar -- */
  18. .navbar-inverse
  19. {
  20. background-color: #FDFDFD;
  21. border-bottom:0;
  22. }
  23. .navbar-inverse .active
  24. {
  25. background-color: #00aedb;
  26. }
  27. .navbar-inverse .navbar-nav>li>a
  28. {
  29. color: #666;
  30. }
  31. .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
  32. {
  33. background-color: #00aedb;
  34. }
  35. .navbar-inverse .navbar-nav>li>a:hover
  36. {
  37. color: #fff;
  38. }
  39. .navbar-inverse .navbar-nav>li:hover
  40. {
  41. background-color: #d41243;
  42. }
  43. .navbar>.container-fluid .navbar-brand
  44. {
  45. color: #00aedb;
  46. }
  47. .navbar>.container-fluid .navbar-brand:hover
  48. {
  49. color: #f47835;
  50. }
  51. .navbar
  52. {
  53. margin-bottom: 0;
  54. }
  55. .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
  56. {
  57. background-color: #d41243;
  58. }
  59. .navbar-inverse .navbar-toggle .icon-bar
  60. {
  61. background-color: #00aedb;
  62. }
  63. .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar
  64. {
  65. background-color: #fff;
  66. }
  67. /* -- Banner -- */
  68. .banner
  69. {
  70. width: 100%;
  71. background: url("banner.png");
  72. background-size: 100% auto;
  73. background-repeat: no-repeat;
  74. }
  75. .imgban
  76. {
  77. width: 100%;
  78. }
  79. @media screen and (max-width: 750px) {
  80. .banner
  81. {
  82. height: 0;
  83. }
  84. .imgban
  85. {
  86. width: 0;
  87. }
  88. }
  89. /* -- Content -- */
  90. .container
  91. {
  92. margin-top: 30px;
  93. }
  94. .panel
  95. {
  96. border-radius: 0;
  97. background-color: #FDFDFD;
  98. }
  99. .panel-default > .panel-heading
  100. {
  101. background-color: #00aedb;
  102. color: #fff;
  103. border-radius: 0;
  104. border: 0;
  105. font-size: 15px;
  106. text-align: center;
  107. }
  108. .dp
  109. {
  110. border: 4px solid #d41243;
  111. border-radius: 50%;
  112. width: 150px;
  113. }
  114. /* -- Cool Bar -- */
  115. .cb{
  116. width: 100%;
  117. height: 3px;
  118. background: linear-gradient(265deg, #ff00bd, #00ff37, #e3ff00, #ff0000, #dc00ff, #006bff, #00dbff);
  119. background-size: 1400% 1400%;
  120.  
  121. -webkit-animation: AnimationName 10s ease infinite;
  122. -moz-animation: AnimationName 10s ease infinite;
  123. -o-animation: AnimationName 10s ease infinite;
  124. animation: AnimationName 10s ease infinite;
  125. }
  126. @-webkit-keyframes AnimationName {
  127. 0%{background-position:0% 50%}
  128. 50%{background-position:100% 50%}
  129. 100%{background-position:0% 50%}
  130. }
  131. @-moz-keyframes AnimationName {
  132. 0%{background-position:0% 50%}
  133. 50%{background-position:100% 50%}
  134. 100%{background-position:0% 50%}
  135. }
  136. @-o-keyframes AnimationName {
  137. 0%{background-position:0% 50%}
  138. 50%{background-position:100% 50%}
  139. 100%{background-position:0% 50%}
  140. }
  141. @keyframes AnimationName {
  142. 0%{background-position:0% 50%}
  143. 50%{background-position:100% 50%}
  144. 100%{background-position:0% 50%}
  145. }
  146. /* -- Perfect Images -- */
  147. .previewIMG
  148. {
  149. max-width: 90%;
  150. height: auto;
  151. margin-left: auto;
  152. margin-right: auto;
  153. border: 1px solid;
  154. border-color: #000;
  155. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement