home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Template-matt / stylesheet.css < prev   
Cascading Style Sheet File  |  2006-01-29  |  4KB  |  243 lines
  1. /* By Matthew Caddoo - 2006 */
  2.  
  3.  
  4. * {margin: 0; padding: 0;}
  5. html, body { height: 100%; }
  6. body {
  7. font-family: Geneva, Arial, Helvetica, sans-serif;
  8. background: url(images/bbg.gif);
  9. }
  10.  
  11.  
  12. /* Start of clearfix */
  13. .clearfix:after {
  14. content: "."; 
  15. display: block; 
  16. height: 0; 
  17. clear: both; 
  18. visibility: hidden;
  19. }
  20.  
  21. .clearfix {
  22. display: inline-block;
  23. }  
  24.  
  25.     /* Holly Hack Targets IE Win only \*/
  26.     * html .clearfix {height: 1%;}
  27.     .clearfix {display: block;}
  28.     /* End Holly Hack */
  29.     
  30. /* end of clearfix */    
  31.  
  32.  
  33. /*
  34. _________________________________________________________
  35.  
  36. Start of upper section
  37. _________________________________________________________    
  38. */    
  39. .mainarea { 
  40. width: 700px;
  41. margin: 0 auto;
  42. background: #CCC;
  43. border-right: #666 1px solid;
  44. border-left: #666 1px solid;
  45. background-image: url(images/bg.jpg);
  46. background-repeat: repeat-y;
  47. min-height: 100%;
  48. }
  49. .line {
  50. height: 15px;
  51. border: 1px solid #FFF;
  52. background-color: #8FA1B3;
  53. }
  54. .location {
  55. padding: 7px 10px 3px 10px;
  56. font-size: 12px;
  57. color: #FFF;
  58. height: 18px;
  59. border: 1px #FFF solid;
  60. border-bottom: 0;
  61. background-color: #333;
  62. border-top: 0;
  63. }
  64. .head {
  65. height: 100px;
  66. background: #FFF;
  67. }
  68.  
  69. /*
  70. _________________________________________________________
  71.  
  72. End of upper section
  73. _________________________________________________________    
  74. */
  75.  
  76.  
  77.  
  78. /*
  79. _________________________________________________________
  80.  
  81. Start of navigation section
  82. _________________________________________________________    
  83. */
  84.  
  85. .nav {
  86. border: 1px solid #FFF;
  87. border-top: 0;
  88. width: 150px;
  89. background: #6d87a1;
  90. float: left;
  91. }    
  92. .nav h3 {
  93. font-size: 13px;
  94. font-weight: bold;
  95. color: #b5c5d5;
  96. padding: 3px 3px 3px 5px;
  97. background: #273b4f;
  98. border-top: 1px solid #FFF;
  99. }
  100. .nav h4 {
  101. font-size: 12px;
  102. font-weight: bold;
  103. color: #b5c5d5;
  104. padding: 3px 3px 3px 5px;
  105. background: #273b4f;
  106. }
  107. .nav p {
  108.  
  109. }
  110. .nav ul{
  111. list-style-type: none;
  112. }
  113.     
  114.     .nav li {
  115.         font-size: 11px;
  116.         list-style-type: none;
  117.         }
  118. .nav a {
  119. background: #56718d;
  120. font-size: 12px;
  121. color: #FFF;
  122. text-decoration: none;
  123. font-weight: bold;
  124. padding-left: 20px;
  125. display: block;
  126. }
  127. .nav a:hover {
  128. border-left: 5px solid #294159;
  129. padding-left: 15px;
  130. color: #000;
  131. background: #98aabc;
  132. }
  133. .nav a:visted {
  134. background: #56718d;
  135. font-size: 12px;
  136. color: #FFF;
  137. text-decoration: none;
  138. font-weight: bold;
  139. padding-left: 20px;
  140. display: block;
  141. }
  142.  
  143. /*
  144. _________________________________________________________
  145.  
  146. End of navigation section
  147. _________________________________________________________    
  148. */
  149.  
  150.  
  151.  
  152.  
  153. /*
  154. _________________________________________________________
  155.  
  156. Start of main content
  157. _________________________________________________________    
  158.  
  159. */
  160.  
  161. .center {
  162. float: right;
  163. border: 1px solid #FFF;
  164. border-left: 0;
  165. border-bottom: 0;
  166. width: 547px;
  167. margin-bottom: 60px;
  168. }
  169. .contenthead {
  170. background: #5C6773;
  171. height: 70px;
  172. padding: 15px;
  173. }
  174. .contenthead h1 {
  175. color: #FFF;
  176. font-size: 25px;
  177. }
  178. .contenthead i {
  179. color: #FFF;
  180. font-size: 16px;
  181. margin-left: 50px;
  182. }
  183. .maincontent {
  184. background: #F0F0DF;
  185. border-top: 1px solid #FFF;
  186. padding: 10px;
  187. }
  188. .maincontent h2 {
  189. color: #003366;
  190. font-size: 16px;
  191. font-weight: bold;
  192. border-bottom: 2px dotted #CCC;
  193. }
  194. .maincontent p {
  195. color: #000;
  196. font-size: 12px;
  197. margin-left: 10px;
  198. margin-bottom: 25px;
  199. }
  200. /*
  201. _________________________________________________________
  202.  
  203. End of main content
  204. _________________________________________________________    
  205. */
  206.  
  207.  
  208. /*
  209. _________________________________________________________
  210.  
  211. Start of footer section
  212. _________________________________________________________    
  213. */
  214.  
  215. .footer {
  216. clear: both;
  217. margin: 0 auto;
  218. background: #5C6773;
  219. width: 700px;
  220. height: 50px;
  221. margin-top: -51px;
  222. border-top: 1px solid #FFF;
  223. position: relative;
  224. text-align: center;
  225. }
  226. .footer p {
  227. font-size: 12px;
  228. font-weight: 500;
  229. color: #FFF;
  230. margin: 3px;
  231. text-decoration: none;
  232. }
  233. .footer a {
  234. color: #CCC;
  235. }
  236.  
  237. /*
  238. _________________________________________________________
  239.  
  240. End of footer section
  241. _________________________________________________________    
  242. */
  243.