Guest User

Untitled

a guest
Jun 13th, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.05 KB | None | 0 0
  1. /* Jumbotron replaced by carousel
  2. .jumbotron {
  3. background-image: url("../img/grass.jpg");
  4. background-size: cover;
  5. }
  6.  
  7. .jumbotron p {
  8. color: white;
  9. }
  10.  
  11. .jumbotron h1 {
  12. color: white;
  13. }
  14.  
  15. .jumbotron a {
  16. color: lightblue;
  17. padding: 1em;
  18. }
  19. */
  20.  
  21. .col-xs-6, .col-md-3 {
  22. padding-top: 1px;
  23. padding-bottom: 1px;
  24. margin-top: 1px;
  25. margin-bottom: 5px;
  26. }
  27.  
  28. /*Contact Page*/
  29. body {
  30. font-family: Helvetica, Cambria, serif;
  31. background-color: #fffeea;
  32. color: #34495e;
  33. padding-top: 70px;
  34. position: relative;
  35. }
  36. /*
  37. .navbar {
  38. background-color: black;
  39. position: fixed;
  40. width: 100%;
  41. top: 0;
  42. }
  43. */
  44.  
  45. .carousel {
  46. margin-left: -15px;
  47. margin-right: -15px;
  48. }
  49.  
  50. .carousel-caption p {
  51. padding-top: 5px;
  52. }
  53. /*
  54. .navbar a:hover {
  55. color: #ff0;
  56. text-decoration: none;
  57. transition: color 600ms;
  58. -webkit-transition: color 600ms;
  59. }
  60.  
  61. .navbar ul {
  62. float: right;
  63. }
  64. .navbar ul li {
  65. display: inline-block;
  66. padding: 20px 10px 20px;
  67. margin-right: 1em;
  68. }
  69. .navbar ul li a {
  70. color: white;
  71. text-transform: uppercase;
  72. letter-spacing: 0.05em;
  73. }
  74. */
  75.  
  76. .containerdiv {
  77. margin: 0 auto;
  78. width: 80%;
  79. text-align: center;
  80. }
  81.  
  82. .header h1 {
  83. text-align: center;
  84. text-transform: uppercase;
  85. }
  86.  
  87. .header a {
  88. padding: 2em;
  89. }
  90.  
  91. .contactinfo h3 {
  92. text-align: center;
  93. }
  94.  
  95. .contactlist {
  96. font-family: 'Montserrat', sans-serif;
  97. }
  98. .contactinfo .contactlist {
  99. list-style-type: none;
  100. }
  101. .contactinfo ul {
  102. list-style: inside;
  103. background-color: #ffddcc;
  104. text-align: center;
  105. font-size: 2em;
  106. }
  107.  
  108. h3 {
  109. font-family: 'Song Myung', serif;
  110. }
  111.  
  112. ul .glyphicon:hover {
  113. color: #ff0;
  114. text-decoration: none;
  115. transition: color 600ms;
  116. -webkit-transition: color 600ms;
  117. }
  118.  
  119. /*About Page*/
  120.  
  121. * {
  122. box-sizing: border-box;
  123. }
  124. body {
  125. font-family: Helvetica, Cambria, serif;
  126. background-color: #fffeea;
  127. color: #34495e;
  128. padding-top: 60.4px;
  129. }
  130.  
  131. .container {
  132. margin: 0 auto;
  133. width: 80%;
  134. }
  135. .header h1 {
  136. text-align: center;
  137. }
  138. .header a {
  139. color: #99ccff;
  140. }
  141.  
  142. .column {
  143. display: inline-block;
  144. float: left;
  145. width: 33.33333333333333%;
  146. }
  147. .main-text {
  148. clear: both;
  149. padding: 60px 400px;
  150. clear: both;
  151. margin-bottom: 40px;
  152. }
  153. .intro, .column, .skills {
  154. padding: 0 20px;
  155. }
  156. .image img {
  157. width: 100%;
  158. }
  159. .skill {
  160. background-color: #5AD4C2;
  161. color: #FFF;
  162. padding: 1em;
  163. }
  164. #skill-list {
  165. margin-left: 50px;
  166. }
  167.  
  168. .about {
  169. padding-left: 500px;
  170. margin: 0 auto;
  171. }
  172.  
  173. /*FAQ Page*/
  174.  
  175. .panel-heading {
  176. background-color: #ff00ff;
  177. }
  178.  
  179. .panel-default > .panel-heading {
  180. background-color: #99ccff;
  181. }
  182. .panel-body {
  183. background-color: #ffcccc;
  184. font-family: Helvetica, sans-serif;
  185. }
  186. .panel-title {
  187. font-family: Cambria, Arial, sans-serif;
  188. }
  189.  
  190. /*Typography*/
  191.  
  192. h1, h2, h3 {
  193. font-family: Futura, Helvetica, Arial, sans-serif;
  194. }
  195. /*Commented out so as to match font on contact page
  196. p, li {
  197. font-family: Georgia, Cambria, serif;
  198. }
  199. */
  200. .intro p {
  201. font-size: 3em;
  202. font-weight: 100;
  203. -webkit-margin-before-: 0;
  204. }
  205. .skill h3 {
  206. text-align: center;
  207. text-transform: uppercase;
  208. }
  209.  
  210. .carousel-caption {
  211. color: #ff00ff;
  212. font-family: 'Questrial', sans-serif;
  213. font-size: 2em;
  214. text-shadow: 0px 2px #000000;
  215. margin-top: 30px;
  216. }
  217.  
  218.  
  219.  
  220. /*Media Queries*/
  221. @media (max-width: 480px) {
  222. body {
  223. background-color: red;
  224. }
  225. }
Add Comment
Please, Sign In to add comment