Advertisement
Guest User

Untitled

a guest
Apr 30th, 2016
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.04 KB | None | 0 0
  1. .body {
  2. position: relative;
  3. }
  4.  
  5. /*background images for pages*/
  6.  
  7. #home {
  8. background-color: black;
  9. background-attachment: fixed;
  10. background-size: cover;
  11. color: orangered;
  12. height: auto;
  13. width: 100%;
  14. paddding-top: -5px;
  15. }
  16.  
  17. #goals {
  18. background-color: black;
  19. width: 100%;
  20. height: auto;
  21. padding-left: -5px;
  22. padding-right: -5px;
  23. background-attachment: fixed;
  24. background-size: cover;
  25. color: orangered;
  26. }
  27.  
  28. #work {
  29. background-image: url(../img/hubble2.jpg);
  30. background-attachment: fixed;
  31. width: 100%;
  32. padding-top: 50px;
  33. padding-bottom: 70px;
  34. margin-bottom: 30px;
  35. }
  36.  
  37. .railsImg {
  38. width: 200px;
  39. height: auto;
  40. }
  41. .bootsImg {
  42. width: 250px;
  43. height: auto;
  44. }
  45.  
  46. .personal {
  47. height: 339px;
  48. }
  49.  
  50. #work2 {
  51. background-color: black;
  52. background-attachment: fixed;
  53. padding-top: 50px;
  54. margin-left: -10px;
  55. margin-right: -10px;
  56. margin-top: -30px;
  57. padding-bottom: 100px;
  58. }
  59.  
  60.  
  61.  
  62. #contact {
  63. background-image: url(../img/hubble1.jpg);
  64. width: 100%;
  65. background-attachment: fixed;
  66. background-size: cover;
  67. }
  68.  
  69. #about {
  70. background-image: url(../img/hubble3.jpg);
  71. background-attachment: fixed;
  72. background-size: cover;
  73. padding-top: 50px;
  74. }
  75.  
  76. #faq {
  77. background-color: yellow;
  78. color: black;
  79. padding-left: -15px;
  80. padding-right: -15px;
  81. padding-top: 30px;
  82. }
  83.  
  84. /*end of background images*/
  85.  
  86. /* start of picture carousel*/
  87. #carousel-example-generic {
  88. padding-top: 50px;
  89. }
  90. /*End of picture carousel*/
  91.  
  92. .heading {
  93. text-align: center;
  94. color: white;
  95. font-size: 3em;
  96. }
  97.  
  98.  
  99. #abouthd {
  100. margin-bottom: 200px;
  101. padding-top: 40px;
  102. color: white;
  103. text-align: center;
  104. padding-right: 20px;
  105. padding-left: 20px;
  106. }
  107.  
  108. #skill-list{
  109. list-style-type: none;
  110. text-align: left;
  111. font-size: 16pt;
  112. }
  113.  
  114. .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  115. color: #fff;
  116. background-color: rgba(249, 245, 62, 0.74);
  117. }
  118. .navbar a:hover {
  119. color: #ff0;
  120. transition-color: 600ms;
  121. text-decoration: none;
  122. }
  123. .projectName {
  124. text-transform: uppercase;
  125. }
  126. .projectName a {
  127. color: white;
  128. }
  129.  
  130. /*end of nav bar*/
  131.  
  132. #information {
  133. border: 2px solid white;
  134. background-color: black;
  135. color: white;
  136. }
  137. #information li {
  138. list-style-type: none;
  139. font-size: 2em;
  140. padding-top: 10px;
  141. padding-bottom: 14px;
  142. }
  143. /*end of contact page*/
  144.  
  145. /*start of faq page*/
  146.  
  147. .panel-body {
  148. color: white;
  149. background-color: black;
  150. }
  151. /*start of about page*/
  152.  
  153. .twitter-follow-button {
  154. float: right;
  155. margin-right: 40%;
  156. }
  157. .fb-share-button {
  158. float: right;
  159. margin-right: 40%;
  160. padding-right: 10px;
  161. }
  162. .form-control {
  163. width: 100%;
  164. }
  165. .btn-primary{
  166. margin-top: 5px;
  167. margin-bottom: 10px;
  168. }
  169. .learn-more {
  170. text-align: left;
  171. float: left;
  172. margin-left: 50px;
  173. font-size: 3em;
  174. }
  175. .modal-button {
  176. float: right;
  177. padding: 15px;
  178. margin-right: 50px;
  179. margin-top: 10px;
  180. }
  181. #modalembed {
  182. height: 500px;
  183. width: 100%;
  184. padding: 10px;
  185. }
  186.  
  187. /*end of about page*/
  188.  
  189. /*typography*/
  190. p {
  191. font-family: Georgia, Times New Roman, serif;
  192. }
  193.  
  194. a {
  195. font-family: Georgia, Times New Roman, serif;
  196. }
  197.  
  198. li {
  199. font-family: Georgia, Times New Roman, serif;
  200. }
  201. h1, h2, h3 {
  202. font-style: Georgia, Times New Roman, serif;
  203. }
  204. /*end of typography*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement