Advertisement
MiniRoger123

Untitled

Oct 14th, 2018
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.86 KB | None | 0 0
  1. body {
  2. /*Want to change background image?*/
  3. /*Upload a new one to the img folder.*/
  4. /*Make sure you name it 'minecraft.jpg'*/
  5. background: linear-gradient(rgba(35,20,20,0.55),rgba(35,20,20,0.55)),
  6. url("../img/fondo.png") no-repeat center center fixed;
  7. background-size: cover;
  8. font-family: Helvetica;
  9. }
  10.  
  11. p {
  12. margin: 3px;
  13. padding: 3px;
  14. }
  15.  
  16. .container {
  17. text-align: center;
  18. }
  19.  
  20. .logo img {
  21. margin-top: 50px;
  22. margin-bottom:50px;
  23. width: 250px;
  24. animation-name: logo;
  25. animation-duration: 1s;
  26. animation-iteration-count: infinite;
  27. animation-timing-function: ease-in-out;
  28. }
  29.  
  30. @keyframes logo {
  31. 0% {
  32. transform: scale(1.15);
  33. }
  34. 50% {
  35. transform: scale(1.75);
  36. }
  37. 100% {
  38. transform: scale(1.15);
  39. }
  40. }
  41.  
  42. .playercount {
  43. display: inline-block;
  44. margin-top: 30px;
  45. padding: 10px;
  46. background-color: rgba(201, 48, 58, 0.65);
  47. font-size: 1.22em;
  48. color: white;
  49. text-align: center;
  50. border-radius: 4px;
  51. }
  52.  
  53. .playercount span {
  54. font-weight: bold;
  55. }
  56.  
  57. .items {
  58. display: flex;
  59. justify-content: space-around;
  60. flex-basis: 100px;
  61. padding: 18px 0 10px 0;
  62.  
  63. }
  64.  
  65. .item img {
  66. transition: all 0.3s ease;
  67. }
  68.  
  69. .item img:hover {
  70. transform:scale(1.25);
  71. }
  72.  
  73. .img {
  74. width: 100%;
  75. }
  76.  
  77. @media(min-width: 600px) {
  78. .logo img {
  79. width: 350px;
  80. }
  81. .img {
  82. width: 100%;
  83. }
  84. .items {
  85. padding: 30px 0 20px 0;
  86. }
  87. }
  88.  
  89. @media(min-width: 1000px) {
  90. .items {
  91. justify-content: center;
  92. }
  93.  
  94. .item:not(:first-child) {
  95. margin-left: 90px;
  96. }
  97. }
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105. .navbar {
  106. margin-bottom:0;
  107. }
  108.  
  109. .jumbotron-web {
  110. background:#428BCA;
  111. color:#FFF;
  112. padding:20px 0;
  113. }
  114.  
  115. /*-- POST --*/
  116.  
  117. .main {
  118. margin-top:50px;
  119. margin-bottom:50px;
  120. }
  121.  
  122. .icon-bar {
  123. background:#428BCA;
  124. }
  125.  
  126. .post {
  127. padding-bottom:20px;
  128. margin-bottom:20px;
  129. border-bottom:1px solid #999;
  130. }
  131.  
  132. .post .post-title a {
  133. color:;
  134. }
  135.  
  136. .post .thumb {
  137. margin-right:10px;
  138. width:40%;
  139. }
  140.  
  141. .post .thumb img {
  142. width:100%;
  143. }
  144.  
  145. .post .contenedor-botones {
  146. width:100%;
  147. }
  148.  
  149. /* ------ */
  150.  
  151. footer a {
  152. text-decoration:none;
  153. color:#FFF;
  154. }
  155.  
  156. footer {
  157. margin-top:27%;
  158. width:100%;
  159. padding:8px;
  160. background:#777575;
  161. color:#FFF;
  162. }
  163.  
  164. .btn-custom {
  165. color: #bdc3c7;
  166. font-size: 18px;
  167. border: 1px solid #bdc3c7;
  168. }
  169. .btn-custom:hover {
  170. color: #ffffff;
  171. border: 1px solid #ffffff;
  172. }
  173. #pricing-table {
  174. padding-top: 50px;
  175. }
  176. #pricing-table .pricing {
  177. marign: 0;
  178. padding: 0;
  179. font-family: 'Robot', sans-serif;
  180. }
  181. #pricing-table .pricing .pricing-table {
  182. padding-bottom: 30px;
  183. }
  184. #pricing-table .pricing .pricing-table .pricing-header {
  185. position: relative;
  186. background: #34495e;
  187. padding: 22px 22px;
  188. text-align: center;
  189. border-top-right-radius: 4px;
  190. border-top-left-radius: 4px;
  191. }
  192. #pricing-table .pricing .pricing-table .pricing-header .pricing-title {
  193. color: #ffffff;
  194. text-transform: uppercase;
  195. letter-spacing: 2px;
  196. font-size: 24px;
  197. text-align: center;
  198. font-weight: 700;
  199. }
  200. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate {
  201. font-size: 70px;
  202. font-weight: 700;
  203. color: #ffffff;
  204. position: relative;
  205. text-align: center;
  206. }
  207. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup {
  208. font-size: 24px;
  209. position: relative;
  210. top: -30px;
  211. color: #bdc3c7;
  212. }
  213. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate span {
  214. font-size: 16px;
  215. color: #bdc3c7;
  216. text-transform: uppercase;
  217. }
  218. #pricing-table .pricing .pricing-list {
  219. padding: 20px 0 40px 0;
  220. background: #428BCA;
  221. border: 1px solid #e3e3e3;
  222. }
  223. #pricing-table .pricing .pricing-list ul {
  224. padding: 0px;
  225. display: table;
  226. margin: 0px auto;
  227. }
  228. #pricing-table .pricing .pricing-list ul li {
  229. list-style: none;
  230. border-bottom: 1px solid #EAECEB;
  231. color: #FFF;
  232. font-size: 16px;
  233. line-height: 42px;
  234. }
  235. #pricing-table .pricing .pricing-list ul li:last-child {
  236. border: none;
  237. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement