Advertisement
Guest User

Untitled

a guest
May 28th, 2015
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.01 KB | None | 0 0
  1. /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  2. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
  3. html {
  4. width:100%;
  5. margin:0px;
  6. padding:0px;
  7. }
  8. html {min-height: 100%;position: relative;}
  9.  
  10.  
  11. body {
  12. font:                                   14px/18px  Arial, Verdana, Tahoma;
  13. color:                                  #000000;
  14. margin:                                 45px 0px 0px 30%;
  15. padding:                                0px 0px 0px 0px;
  16. -webkit-font-smoothing:                 antialiased;
  17. -moz-font-smoothing:                    antialiased;
  18. font-smooth:                            always;
  19. width:                                  100%;
  20. background:                             #000;
  21. }
  22.  
  23. body {
  24.  margin:                                0 auto;
  25.  display:                               table;
  26.  background:                            white;
  27.  height:                                auto;
  28.  position:                              relative;
  29.  margin-bottom:                         288px;
  30. }
  31.  
  32.  
  33.  
  34. /* Header */
  35. header {
  36. display:                                table-row;
  37. height:                                 70px;    
  38. background:                             #df1714;
  39. text-align:                             center;
  40. text-decoration:                        none;
  41. text-transform:                         uppercase;
  42. font-weight:                            bold;
  43.  
  44. }
  45. .menu {
  46. max-height:                                 70px;
  47. }
  48. .index_menu {
  49. padding-top:                            25px;
  50. }
  51.  
  52. .menu a {
  53. color:                                  white;
  54. text-decoration:                        none;
  55. }
  56. .menu_wrapper {
  57. margin:                                 0em auto;
  58. height:                                 70px;
  59. width:                                  700px;
  60. }
  61. .menu_left {
  62. width:                                  10%;
  63. float:                                  left;
  64.  
  65. }
  66. .menu_right {
  67. padding-top:                            2em;
  68. width:                                  90%;
  69. float:                                  left;
  70. }
  71.  
  72.  
  73. /* SLUT HEADER */
  74. /* START CONTENT */
  75.  
  76. div#content {
  77. display:                                table-row;
  78. background:                             white;
  79. }
  80.  
  81. h3 {
  82.     font-weight:                        bold;
  83. }
  84.  
  85. .content a {
  86.     color:                              red;
  87.     text-decoration:                    underline;
  88. }
  89. .content img {
  90. padding:                                3em 0em 0em 0em;
  91. width:                                  40%;
  92. height:                                 40%;
  93. }
  94.  
  95. .content_index {
  96. margin:                                 0em auto;
  97. width:                                  60%;
  98. padding-top:                            2;
  99. padding-bottom:                         2%;
  100. }
  101.  
  102. .content_index h1 {
  103.     margin-top:                         1.5em;
  104.     font-size:                          1.4em;
  105.     font-weight:                        bold;
  106. }
  107.  
  108. .content_index {
  109. padding-top:                        0.8em;
  110. padding-bottom:                         0.8em;
  111. font-size:                              1em;
  112. }
  113.  
  114.  
  115. .content_index h1 {
  116. font-size:                              2.0em/1.5em;
  117. }
  118.  
  119. .content_index h2 {
  120. font-size:                              1.5/1.5em;
  121. font-weight:                            bold;
  122. }
  123.  
  124. .content_index h4 {
  125. font-weight:                            bold;
  126. }
  127.  
  128. /* SLUT CONTENT_INDEX */
  129. /* START CONTENT_INFO */
  130. .content_info {
  131. margin:                                 0em auto;
  132. width:                                  60%;
  133. padding-top:                            2;
  134. padding-bottom:                         2%;
  135. }
  136.  
  137. .content p {
  138. padding-bottom:                         0.5em;
  139. }
  140.  
  141. .content_info h1 {
  142.     margin-top:                         1.5em;
  143.     font-size:                          1.4em;
  144.     font-weight:                        bold;
  145. }
  146.  
  147. .content_info {
  148. padding-top:                        0.8em;
  149. padding-bottom:                         0.8em;
  150. font-size:                              1em;
  151. }
  152.  
  153.  
  154. .content_info h1 {
  155. font-size:                              2.0em/1.5em;
  156. margin-top:                             2em;
  157. margin-bottom:                          0em;
  158. }
  159.  
  160. .content_info h2 {
  161. font-size:                              1.5/1.5em;
  162. font-weight:                            bold;
  163. }
  164. .content_info h4 {
  165. font-weight:                            bold;
  166. }
  167.  
  168. .faq {
  169. margin-top:                             5%;
  170. margin-bottom:                          1%;
  171. font-size:                              140%;
  172. display:                                block;
  173. font-weight:                            bold;
  174.  
  175. }
  176. /* END CONTENT_INFO */
  177.  
  178. footer {
  179. display:                                table-row;
  180. background:                             black;
  181. position:absolute;
  182. width:100%;
  183. left:0;
  184. right:0;
  185. bottom:0;
  186. }
  187.  
  188. .clear { clear: both; height: 60px; }
  189.  
  190. .footer_wrapper{
  191. position:                               relative;
  192. float:                                  left;
  193. left:                                  23%;
  194. width:                                  82%;
  195. background-color:                       #000;
  196. color:                                  #fff;
  197. padding-top:                            2.0em;
  198. margin-left:                            -4%;
  199. }
  200.  
  201. .footer_wrapper img {
  202. width:                                  100%;}
  203. .footer_left{
  204. position:                               relative;
  205. float:                                  left;
  206. left:                                   0px;
  207. width:                                  39.5%;
  208. height:                                 200px;
  209. background-color:                       #000;
  210. }
  211.  
  212. .footer_left p {
  213.     padding-bottom:                     1.5em;
  214. }
  215.  
  216. .footer_left span {
  217. color:                                  red;
  218. }
  219.  
  220. .footer_left p {
  221. font:                                   10px/14px  Verdana, Verdana, Tahoma;
  222. color:                                  #fff;
  223. }
  224.  
  225. .footer_right img {
  226. height:                                 50%;
  227. width:                                  50%;
  228. }
  229.  
  230. .footer_right{
  231. position:                               relative;
  232. float:                                  left;
  233. left:                                   0px;
  234. width:                                  41%;
  235. height:                                 200px;
  236. background-color:                       #000;
  237. text-align:                             center;
  238. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement