common.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /*!
  2. * Start Bootstrap - Modern Business (http://startbootstrap.com/)
  3. * Copyright 2013-2016 Start Bootstrap
  4. * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
  5. */
  6. /* Global Styles */
  7. html,
  8. body {
  9. height: 100%;
  10. }
  11. body {
  12. padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  13. -webkit-font-smoothing: antialiased;
  14. -moz-osx-font-smoothing: grayscale;
  15. font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  16. }
  17. .img-addon {
  18. margin-bottom: 10px;
  19. width:100%;
  20. }
  21. .img-hover:hover {
  22. opacity: 0.8;
  23. }
  24. .display-1 {
  25. font-size:44px;
  26. }
  27. .display-4 {
  28. font-size:24px;
  29. line-height:32px;
  30. }
  31. /* Home Page Carousel */
  32. header.carousel {
  33. height: 50%;
  34. }
  35. header.carousel .item,
  36. header.carousel .item.active,
  37. header.carousel .carousel-inner {
  38. height: 100%;
  39. }
  40. header.carousel .fill {
  41. width: 100%;
  42. height: 100%;
  43. }
  44. /* 404 Page Styles */
  45. .error-404 {
  46. font-size: 100px;
  47. }
  48. /* Pricing Page Styles */
  49. .price {
  50. display: block;
  51. font-size: 50px;
  52. line-height: 50px;
  53. }
  54. .price sup {
  55. top: -20px;
  56. left: 2px;
  57. font-size: 20px;
  58. }
  59. .period {
  60. display: block;
  61. font-style: italic;
  62. }
  63. /* Footer Styles */
  64. footer {
  65. margin: 50px 0;
  66. }
  67. /* Responsive Styles */
  68. @media(max-width:991px) {
  69. .customer-img,
  70. .img-related {
  71. margin-bottom: 30px;
  72. }
  73. }
  74. @media(max-width:767px) {
  75. .img-addon {
  76. margin-bottom: 15px;
  77. }
  78. header.carousel .carousel {
  79. height: 70%;
  80. }
  81. }
  82. .carousel-body {
  83. position:absolute;
  84. width: 100%;
  85. top:25%;
  86. text-align:center;
  87. color:#fff;
  88. }
  89. .addonlist a > p{
  90. margin-bottom:15px;
  91. }