home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blue_spring / style / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-12-14  |  4.2 KB  |  275 lines
  1. /* global */
  2. html{height: 100%;}
  3.  
  4. body
  5. { font-family: verdana, arial, sans-serif;
  6.   padding: 0px;
  7.   margin: 0px;
  8.   font-size: .68em;
  9. }
  10.  
  11. p
  12. { margin: 0px;
  13.   padding: 0px 0px 16px 0px;
  14.   line-height: 1.7em;
  15. }
  16.  
  17. h1
  18. { font-family: arial, sans-serif;
  19.   letter-spacing: .1em;
  20. }
  21.  
  22. h2
  23. { margin: 0px;
  24.   padding: 0px 0px 4px 0px;
  25.   font-size: 100%;
  26. }
  27.  
  28. img{border: 0px;}
  29.  
  30. a{outline: none;}
  31.  
  32. /* image positioning - left, right and center */
  33. .left
  34. { float: left; 
  35.   padding: 0px 8px 0px 0px;
  36. }
  37.  
  38. .right
  39. { float: right; 
  40.   padding: 0px 0px 0px 8px;
  41. }
  42.  
  43. .center
  44. { display: block;
  45.   text-align: center;
  46.   margin: 0 auto;
  47. }
  48.  
  49. /* block quote */
  50. blockquote
  51. { margin: 20px 0px 20px 0px; 
  52.   padding: 10px 20px 0px 20px;
  53.   border-left: 8px solid;
  54. }
  55.  
  56. /* unordered list */
  57. ul
  58. { margin: 8px 0px 0px 16px;
  59.   padding: 0px;
  60. }
  61.  
  62. ul li
  63. { list-style-type: square;
  64.   margin: 0px 0px 11px 0px; 
  65.   padding: 0px;
  66. }
  67.  
  68. /* ordered list */
  69. ol
  70. { margin: 8px 0px 0px 24px;
  71.   padding: 0px;
  72. }
  73.  
  74. ol li
  75. { margin: 0px 0px 11px 0px; 
  76.   padding: 0px;
  77. }
  78.  
  79. /* main container */
  80. #main
  81. { width: 780px;
  82.   margin-left: auto; 
  83.   margin-right: auto;
  84. }
  85.  
  86. /* links above the logo / footer */
  87. #links, #footer
  88. { margin-left: auto; 
  89.   margin-right: auto;
  90.   padding: 10px 21px 0px 19px;
  91.   width: 720px;
  92.   height: 26px;
  93.   font-size: 94%;
  94.   text-transform: uppercase;
  95. }
  96.  
  97. #links{text-align: right;}
  98.  
  99. #footer{text-align: center;}
  100.  
  101. #links a, #footer a{text-decoration: none;}
  102.  
  103. #links a:hover, #footer a:hover{text-decoration: underline;}
  104.  
  105. /* logo */
  106. #logo
  107. { margin-left: auto; 
  108.   margin-right: auto;
  109.   width: 760px;
  110.   height: 100px;
  111.   text-align: left;
  112. }
  113.  
  114. #logo h1
  115. { margin: 0px;
  116.   padding: 41px 0px 0px 19px;
  117.   font-size: 150%;
  118.   letter-spacing: .2em;
  119. }
  120.  
  121. /* navigation menu */
  122. #menu
  123. { height: 42px;
  124.   width: 760px;
  125.   margin-left: auto; 
  126.   margin-right: auto;
  127. }
  128.  
  129. #menu ul{margin: 0px auto;} 
  130.  
  131. #menu li
  132. { float: left; 
  133.   margin: 0px; 
  134.   padding: 0px;
  135. } 
  136.  
  137. #menu li a 
  138. { display: block; 
  139.   float: left; 
  140.   height: 37px;
  141.   text-decoration: none; 
  142.   padding: 3px 19px 2px 19px;
  143.   text-transform: uppercase;
  144. } 
  145.  
  146. /* main content */
  147. #content
  148. { margin-left: auto; 
  149.   margin-right: auto;
  150.   width: 760px;
  151.   height: auto;
  152.   padding: 0px;
  153.   overflow: hidden;
  154. } 
  155.  
  156. /* column 1 - contains sidebar items */
  157. #column1
  158. { width: 207px;
  159.   float: right;
  160.   padding: 16px 0px 15px 0px;
  161. }
  162.  
  163. .sidebaritem
  164. { text-align: left;
  165.   width: 188px;
  166.   float: left;
  167.   margin: 0px 0px 25px 0px;
  168. }
  169.  
  170. .sbihead
  171. { height: 14px;
  172.   width: 188px;
  173.   padding: 5px 0px 5px 19px;
  174.   text-transform: uppercase;
  175. }
  176.  
  177. .sbihead h1
  178. { padding: 0px; 
  179.   margin: 0px; 
  180.   font-weight: bold;
  181.   font-size: 112%;
  182. }
  183.  
  184. .sbicontent{padding: 14px 8px 8px 19px;}
  185.  
  186. .sbicontent p
  187. { line-height: 14px; 
  188.   padding: 0px 0px 8px 0px;
  189. }
  190.  
  191. .sbilinks{padding: 0px;}
  192.  
  193. .sbilinks ul{margin: 0px auto;} 
  194.  
  195. .sbilinks li 
  196. { margin: 0px; 
  197.   float: left; 
  198.   list-style: none; 
  199. } 
  200.  
  201. .sbilinks li a , .sbilinks li a:hover
  202. { float: left; 
  203.   height: 16px;
  204.   text-decoration: none; 
  205.   padding: 5px 0px 4px 19px;
  206.   width: 188px;
  207.   border: 0px;
  208. } 
  209.  
  210. /* column 2 - page content */
  211. #column2
  212. { text-align: justify;
  213.   width: 512px;
  214.   float: left;
  215.   padding: 12px 3px 15px 19px;
  216. }
  217.  
  218. #column2 h1
  219. { padding: 6px 0px 4px 0px; 
  220.   margin: 0px 0px 12px 0px; 
  221.   border-bottom: 1px solid;
  222.   font-size: 150%;
  223.   text-transform: uppercase;
  224.   font-weight: normal;
  225. }
  226.  
  227. .sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
  228. { padding: 0px 0px 2px 0px;
  229.   text-decoration: none;
  230.   border-bottom: 1px dashed;
  231. }
  232.  
  233. .sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}
  234.  
  235. /* contact page - form layout */
  236. form{margin-top: 0px;}
  237.  
  238. div.row
  239. { clear: both;
  240.   width: 448px;
  241. }
  242.  
  243. div.row span.formlabel 
  244. { float: left;
  245.   width: 150px;
  246.   text-align: left;
  247. }
  248.  
  249. div.row span.forminput
  250. { float: right;
  251.   text-align: right;
  252. } 
  253.  
  254. div.spacer
  255. { clear: both;
  256.   width: 80px;
  257. }
  258.  
  259. input, textarea
  260. { width: 259px; 
  261.   font-family: verdana, arial, sans-serif;
  262.   border: 1px solid;
  263.   font-size: 100%;
  264.   margin: 2px;
  265. }
  266.  
  267. .submit
  268. { font-family: verdana, arial, sans-serif;
  269.   border: 1px solid;
  270.   width: 70px;
  271.   height: 22px;
  272.   cursor: pointer;
  273.   font-size: 100%;
  274. }
  275.