johnmahugu

layout-sms

May 25th, 2016
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.89 KB | None | 0 0
  1. *
  2. {
  3.   margin: 0;
  4.   padding: 0;
  5. }
  6.  
  7. body
  8. {
  9.   background-image: url(img/body_bg.jpg);
  10.   background-repeat: repeat-x;
  11.   background-color: #DDD;
  12.   font-family: Verdana, Arial, Helvetica, Sans-Serif;  
  13. }
  14.  
  15. a
  16. {
  17.   color: #CC0000;
  18.   text-decoration: none;
  19. }
  20. a:hover
  21. {
  22.   text-decoration: underline;
  23. }
  24.  
  25. p
  26. {
  27.   margin: 20px 0;
  28.   font-size: 8pt;
  29. }
  30.  
  31. input, select, textarea
  32. {
  33.   width: 350px;
  34. }
  35. .cbFix
  36. {
  37.    margin-top: 2px;
  38.    width: 15px;
  39. }
  40.  
  41. .FullWidth
  42. {
  43.   width: 100%;
  44. }
  45. .Button
  46. {
  47.   margin: 10px 7px;
  48.   width: 450px;
  49.   height: 40px;
  50.   font-weight: bold;
  51.   padding-left: 22px;
  52.   cursor: pointer;
  53. }
  54. .Bold
  55. {
  56.   font-weight: bold;
  57. }
  58.  
  59. .maincontainer
  60. {
  61.   margin: 12px auto;
  62.   width: 960px;
  63.   background-color: #FFF;
  64.   border: solid 1px #666;
  65. }
  66.  
  67. .header
  68. {
  69.   height: 84px;
  70.   width: 960px;
  71.   background-image: url(img/header.jpg);
  72.   background-position: right bottom;
  73. }
  74. .header .stroke
  75. {
  76.   height: 15px;
  77.   width: 958px;
  78.   margin: 1px;
  79.   background-color: #555;
  80. }
  81. .header .logo
  82. {
  83.   margin: 10px 0 0 5px;
  84.   height: 53px;
  85.   width: 290px;
  86.   background-image: url(img/activexperts_logo.gif);  
  87. }
  88.  
  89. .menu
  90. {
  91.   height: 47px;
  92.   width: 100%;
  93.   background-image: url(img/menu_bg.jpg);
  94.   background-position: right;
  95.   text-align: center;
  96.  
  97. }
  98. .menu a
  99. {
  100.   font-size: 12px;  
  101.   color: #FFF;
  102. }
  103. .menu a:hover
  104. {
  105.   color: #CC0000;
  106. }
  107.  
  108. .container
  109. {
  110.   margin: 0 12px;
  111.   width: 936px;  
  112. }
  113. .container h1
  114. {
  115.   margin-bottom: 5px;
  116.   color: #222;
  117.   font-size: 11pt;
  118.   font-weight: 700;
  119. }
  120. .container .content, .container form
  121. {
  122.   float: left;
  123.   width: 100%;
  124.   margin-bottom: 20px;
  125.   border: solid 1px #999;
  126. }
  127. .container .content h1,
  128. .container form h2,
  129. .container form h3
  130. {
  131.   float: left;
  132.   margin: 2px 2px 2px 2px;
  133.   -margin-left: 1px;
  134.   height: 17px;  
  135.   padding: 5px;
  136.   background-color: #DDD;
  137.   text-align: left;
  138.   font-size: 10pt;
  139. }
  140. .container .content h1
  141. {
  142.   width: 922px;
  143. }
  144. .container form h2
  145. {
  146.   width: 195px;
  147. }
  148. .container form h3
  149. {
  150.   width: 715px;
  151.   margin-left: 0px;
  152. }
  153. .container form p
  154. {
  155.   float: left;
  156.   width: 715px;
  157.   margin: 2px;
  158. }
  159. .container form label,
  160. .container form .clearLabel
  161. {
  162.   float: left;
  163.   margin: 2px;
  164.   width: 200px;
  165.   padding-left: 5px;
  166.   font-size: 10pt;
  167. }
  168. .container form p label
  169. {
  170.   float: none;
  171.   margin: 0;
  172. }
  173. .container form .clearRow
  174. {
  175.   float: left;
  176.   width: 100%;
  177.   height: 15px;
  178. }
  179.  
  180. .footer
  181. {
  182.   margin-top: 50px;
  183.   height: 38px;
  184.   width: 100%;
  185.   background-image: url(img/footer_bg.jpg);
  186.   background-repeat: repeat-x;
  187.   background-color: #333;
  188.   border-top: solid 1px #000;
  189. }
  190. .footer .icon
  191. {
  192.   position: absolute;
  193.   margin: -22px 0 0 850px;
  194.   height: 48px;
  195.   width: 90px;
  196.   background-image: url(img/footer_icon.jpg);
  197. }
  198. .footer p
  199. {
  200.   margin: 12px 0 0 10px;
  201.   font-size: 8pt;
  202. }
  203. .footer p, .footer p a
  204. {
  205.   color: #FFF;
  206. }
  207. .footer p small
  208. {
  209.   margin-left: 10px;
  210. }
Add Comment
Please, Sign In to add comment