extra.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. .build-buttons{
  2. text-align: center;
  3. }
  4. .build-buttons > p {
  5. display: inline-block;
  6. vertical-align: top;
  7. padding: 5px;
  8. }
  9. .vector-zero {
  10. text-align: center;
  11. }
  12. /************************* DEFAULT TABLES **************************/
  13. table {
  14. border: 1px solid #242424;
  15. background-color: #f3f6f6;
  16. text-align: left;
  17. border-collapse: collapse;
  18. }
  19. table thead {
  20. background: #ffffff;
  21. border-bottom: 1px solid #444444;
  22. }
  23. table tr:nth-child(even) {
  24. background: #ffffff;
  25. }
  26. table thead th {
  27. padding: 7px 13px;
  28. }
  29. table tbody td{
  30. padding: 7px 13px;
  31. }
  32. /************************* TOWN SLIDER **************************/
  33. * {box-sizing:border-box}
  34. /* Container */
  35. .townslider-container {
  36. max-width: 1000px;
  37. position: relative;
  38. margin: auto;
  39. }
  40. /* Hide the images by default */
  41. .townslide {
  42. display: none;
  43. text-align: center;
  44. }
  45. /* Fading animation for slides */
  46. .fade {
  47. -webkit-animation-name: fade;
  48. -webkit-animation-duration: 1.5s;
  49. animation-name: fade;
  50. animation-duration: 1.5s;
  51. }
  52. @-webkit-keyframes fade {
  53. from {opacity: .4}
  54. to {opacity: 1}
  55. }
  56. @keyframes fade {
  57. from {opacity: .4}
  58. to {opacity: 1}
  59. }
  60. /* "next" and "previous" buttons */
  61. .prev, .next {
  62. cursor: pointer;
  63. position: absolute;
  64. top: 50%;
  65. width: auto;
  66. margin-top: -22px;
  67. padding: 16px;
  68. color: white;
  69. font-weight: bold;
  70. font-size: 18px;
  71. transition: 0.6s ease;
  72. border-radius: 0 3px 3px 0;
  73. user-select: none;
  74. }
  75. /* Position the "next" button*/
  76. .next {
  77. right: 0;
  78. border-radius: 3px 0 0 3px;
  79. }
  80. /* Black background color to buttons when hovering*/
  81. .prev:hover, .next:hover {
  82. background-color: rgba(0,0,0,0.8);
  83. }
  84. /* Caption text for towns */
  85. .text {
  86. color: #f2f2f2;
  87. font-size: 15px;
  88. padding: 8px 12px;
  89. position: absolute;
  90. bottom: 8px;
  91. width: 100%;
  92. text-align: center;
  93. /*background-color:rgba(0,0,0,0.5);*/
  94. }
  95. /* The dot indicators for slides */
  96. .dot {
  97. cursor: pointer;
  98. height: 15px;
  99. width: 15px;
  100. margin: 0 2px;
  101. background-color: #bbb;
  102. border-radius: 50%;
  103. display: inline-block;
  104. transition: background-color 0.6s ease;
  105. }
  106. .active, .dot:hover {
  107. background-color: #717171;
  108. }