common.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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. .error-404 {
  45. font-size: 100px;
  46. }
  47. /* Pricing Page Styles */
  48. .price {
  49. display: block;
  50. font-size: 50px;
  51. line-height: 50px;
  52. }
  53. .price sup {
  54. top: -20px;
  55. left: 2px;
  56. font-size: 20px;
  57. }
  58. .period {
  59. display: block;
  60. font-style: italic;
  61. }
  62. /* Footer Styles */
  63. footer {
  64. margin: 50px 0;
  65. }
  66. /* Responsive Styles */
  67. @media(max-width:991px) {
  68. .customer-img,
  69. .img-related {
  70. margin-bottom: 30px;
  71. }
  72. }
  73. @media(max-width:767px) {
  74. .img-addon {
  75. margin-bottom: 15px;
  76. }
  77. header.carousel .carousel {
  78. height: 70%;
  79. }
  80. }
  81. .carousel-body {
  82. position:absolute;
  83. width: 100%;
  84. top:25%;
  85. text-align:center;
  86. color:#fff;
  87. }
  88. .addonlist a > p{
  89. margin-bottom:15px;
  90. }