Advertisement
Guest User

Untitled

a guest
Apr 24th, 2017
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.54 KB | None | 0 0
  1. body{
  2. font: 15px/1.5 Helvetica, Arial, sans-serif;
  3. padding: 0;
  4. margin: 0;
  5. p(color#282f38);
  6. background-color: #F5F2ED;
  7. font:696863;
  8. }
  9.  
  10. /*Global*/
  11. .container{
  12. width:80%;
  13. margin:auto;
  14. overflow:hidden;
  15. }
  16.  
  17. ul{
  18. margin:0;
  19. padding:0;
  20. }
  21.  
  22. /* Header */
  23. #fixed{
  24. position: fixed;
  25. }
  26.  
  27. header{
  28. position: fixed;
  29. width: 100%;
  30. background:#282f38;
  31. color:#F5F2ED;
  32. padding-top: 10px;
  33. min-height:50px;
  34. border-bottom:#F5F2ED 3px solid;
  35. }
  36.  
  37. header a{
  38. color:#F5F2ED;
  39. text-decoration:none;
  40. text-transform:uppercase;
  41. font-size: 18px;
  42. }
  43.  
  44. header li{
  45. float:left;
  46. display: inline;
  47. padding: 0 20px 0 20px;
  48. }
  49.  
  50. header #resume{
  51. float: left;
  52. }
  53.  
  54. header #resume h1{
  55. margin: 0;
  56. padding: 0;
  57. }
  58.  
  59. header nav{
  60. position: relative;
  61. left: 30%;
  62. float: right;
  63. margin-top: 10px;
  64. }
  65. header .highlight, header .current a{
  66. color:#696863 ;
  67. font-weight: bold;
  68. }
  69.  
  70. header a:hover{
  71. color:#696863;
  72. font-weight: bold;
  73. }
  74.  
  75. /* Showcase */
  76. #showcase {
  77. min-height: 350px;
  78. background: url('../Resources/Photographer.png') no-repeat 0 -120px;
  79. align-items: center;
  80. color: #ffffff;
  81. overflow: auto;
  82. }
  83.  
  84. #showcase h1{
  85. text-align: center;
  86. margin-top: 100px;
  87. font-size: 40px;
  88. margin-bottom: 10px;
  89. }
  90.  
  91. #showcase p{
  92. text-align:justify;
  93. margin:0;
  94. padding:0;
  95. font-size: 14;
  96. text-indent: inherit;
  97. }
  98.  
  99. /* Social Medias*/
  100.  
  101. #socialmedias{
  102. position:fixed;
  103. padding-top: : 5px;
  104. right: 20px;
  105. top: 130px;
  106. display: block;
  107. vertical-align: baseline;
  108. font: inherit;
  109. list-style-type: none;
  110. }
  111.  
  112. } <<-----------------------------------------------------------------------
  113. /* Message Me Box */
  114. #box{
  115. width: 30%;
  116. overflow: hidden;
  117. padding: 1px;
  118. }
  119. /* Box Border */
  120. .fieldset{
  121. display: inline-block;
  122. border: 3px solid;
  123. float: right;
  124. }
  125. /* Message Me Title */
  126. #legend{
  127. font-size: 20px;
  128. font-weight: bold;
  129. color:#282f38;
  130. }
  131. /* Name Input */
  132. #form-name{
  133. display: block;
  134. width: 200px;
  135. margin-bottom: 10px;
  136. }
  137. /* Email Input */
  138. #form-email{
  139. display: block;
  140. width: 200px;
  141. margin-bottom: 10px;
  142. }
  143. /* Message Input */
  144. #form-message{
  145. display: block;
  146. margin-bottom: 10px;
  147. }
  148. /* Contact */
  149. .button_contact{
  150. position: relative;
  151. height: 30px;
  152. width: 100%;
  153. background:#696863;
  154. color: #F5F2ED;
  155. font-size: 14px;
  156. text-transform: uppercase;
  157. border: 0;
  158. }
  159.  
  160. /* Social Medias*/
  161.  
  162. #socialmedias{
  163. position:fixed;
  164. padding-top: : 5px; // Error 1,
  165. right: 20px;
  166. top: 130px;
  167. display: block;
  168. vertical-align: baseline;
  169. font: inherit;
  170. list-style-type: none;
  171. }
  172.  
  173. } // Error 2
  174.  
  175. body{
  176. font: 15px/1.5 Helvetica, Arial, sans-serif;
  177. padding: 0;
  178. margin: 0;
  179. p(color#282f38); // Error 3
  180. background-color: #F5F2ED;
  181. font:696863;
  182. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement