Guest User

Untitled

a guest
Jun 19th, 2018
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.21 KB | None | 0 0
  1. * {
  2. box-sizing: border-box;
  3. }
  4. body {
  5. font-family: Helvetica, Cambria, serif;
  6. position: relative;
  7. background-color: black;
  8. }
  9.  
  10. /*Navbar*/
  11. .navbar a:hover {
  12. text-decoration: none;
  13. transition: color 600ms;
  14. -webkit-transition: color 600ms;
  15. }
  16. .navbar ul li {
  17. /* display: inline-block;
  18. */
  19. padding: 5px 7px 7px;
  20. margin-right: 1em;
  21. }
  22. .projectName {
  23. text-transform: uppercase;
  24. margin-top: 7px;
  25. /* align project name with navbar items */
  26. padding-left: 30px;
  27. }
  28. .projectName a {
  29. color: white;
  30. }
  31.  
  32. /*Carousel*/
  33. .carousel {
  34. margin-left: -15px;
  35. margin-right: -15px;
  36. }
  37. .carousel-caption h3 {
  38. /* padding-bottom: 40%; disappears on mobile*/
  39. font-size: 9vw;
  40. }
  41. .anchor {
  42. /* allows section headings to appear under nav */
  43. padding-top: 40px;
  44. }
  45. .header h1 {
  46. text-align: center;
  47. text-transform: uppercase;
  48. }
  49. .header a {
  50. padding: 2em;
  51. }
  52. .row h2 {
  53. color: white;
  54. }
  55. .row p {
  56. color: white;
  57. font-size: 1.5em;
  58. }
  59.  
  60. /*Work*/
  61. #work1 {
  62. height: 1000px;
  63. background-image: url("../img/background_work.jpg");
  64. background-attachment: fixed;
  65. color: white;
  66. }
  67. #work2 {
  68. height: 1000px;
  69. background-image: url("../img/background_work2.jpg");
  70. background-attachment: fixed;
  71. color: white;
  72. }
  73. .row img {
  74. margin: auto;
  75. /*Centers images in grid*/
  76. padding-top: 20px;
  77. padding-bottom: 40px;
  78. }
  79.  
  80. /*About*/
  81. #about {
  82. height: 1000px;
  83. background-image: url("../img/background_about.jpg");
  84. background-attachment: fixed;
  85. background-size: cover;
  86. color: white;
  87. clear: both;
  88. }
  89. #about img {
  90. width: 100%;
  91. }
  92. #about p {
  93. font-size: 1.5em;
  94. }
  95. #about ul li {
  96. font-size: 1.5em;
  97. }
  98. #about .main-text h3 {
  99. text-align: center;
  100. }
  101. #about .main-text p {
  102. width: 80%;
  103. margin: 0 auto;
  104. }
  105.  
  106. /*Contact*/
  107. #contact {
  108. background-image: url("../img/contactimage.jpg");
  109. background-attachment: fixed;
  110. background-size: cover;
  111. color: white;
  112. /*padding: 100px; Breaks on mobile
  113. padding-top: 50px;*/
  114. height: 1000px;
  115. }
  116. ul .glyphicon:hover {
  117. color: #ff0;
  118. text-decoration: none;
  119. transition: color 600ms;
  120. -webkit-transition: color 600ms;
  121. }
  122. .contactinfo h3 {
  123. text-align: center;
  124. }
  125. .contactinfo ul {
  126. background-color: #45444a;
  127. text-align: center;
  128. font-size: 2em;
  129. /*padding-top: 20px;
  130. margin-top: 50px;*/
  131. }
  132. .contactlist li {
  133. font-family: 'Montserrat', sans-serif;
  134. list-style-type: none;
  135. padding-top: 100px;
  136. padding-right: 55px;
  137. padding-bottom: 100px;
  138. }
  139.  
  140. /*FAQ*/
  141. #faq {
  142. height: 1000px;
  143. background-image: url("../img/background_work.jpg");
  144. background-attachment: fixed;
  145. color: white;
  146. }
  147. #accordion {
  148. width: 100%;
  149. margin: 0 auto;
  150. /* padding-top: 60px;
  151. */
  152. }
  153. .panel-default>.panel-heading {
  154. background-color: #b1a096;
  155. }
  156. .panel-title {
  157. font-family: Cambria, Arial, sans-serif;
  158. font-size: 2em;
  159. }
  160. .panel-body {
  161. background-color: #45444a;
  162. font-family: Helvetica, sans-serif;
  163. font-size: 1.5em;
  164. }
  165. .supervid {
  166. text-align: center;
  167. padding-top: 50px;
  168. }
  169.  
  170. /*Footer*/
  171. footer p {
  172. color: white;
  173. display: inline-block;
  174. float: left;
  175. padding-right: 20px;
  176. padding-left: 40px;
  177. }
  178. .facebook {
  179. float: left;
  180. display: inline-block;
  181. }
  182.  
  183. /*Typography*/
  184. h1, h2, h3 {
  185. font-family: Futura, Helvetica, Arial, sans-serif;
  186. }
  187. /*h3 {
  188. font-family: 'Song Myung', serif;
  189. }*/
  190.  
  191. /*Media Queries*/
  192. @media (max-width: 480px) {
  193. body {
  194. font-size: 1em;
  195. }
  196. }
Add Comment
Please, Sign In to add comment