home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / turn_it_up / style / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-08  |  4.2 KB  |  259 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. /* margin lefts / margin rights - to centre content */
  80. #main, #links, #footer, #logo, #menu, #content
  81. { margin-left: auto; 
  82.   margin-right: auto;
  83. }
  84.  
  85. /* main container */
  86. #main{width: 780px;}
  87.  
  88. /* links above the logo / footer */
  89. #links, #footer
  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. { width: 760px;
  108.   height: 100px;
  109.   text-align: left;
  110. }
  111.  
  112. #logo h1
  113. { margin: 0px;
  114.   padding: 41px 0px 0px 19px;
  115.   font-size: 150%;
  116.   letter-spacing: .2em;
  117. }
  118.  
  119. /* navigation menu */
  120. #menu
  121. { height: 42px;
  122.   width: 760px;
  123. }
  124.  
  125. #menu ul{margin: 0px auto;} 
  126.  
  127. #menu li
  128. { float: left; 
  129.   margin: 0px; 
  130.   padding: 0px;
  131.   list-style: none;
  132. } 
  133.  
  134. #menu li a 
  135. { display: block; 
  136.   float: left; 
  137.   height: 37px;
  138.   text-decoration: none; 
  139.   padding: 3px 19px 2px 19px;
  140.   text-transform: uppercase;
  141. } 
  142.  
  143. /* main content */
  144. #content
  145. { width: 760px;
  146.   height: auto;
  147.   padding: 0px;
  148.   overflow: hidden;
  149. } 
  150.  
  151. /* column 1 - contains sidebar items */
  152. #column1
  153. { width: 207px;
  154.   float: right;
  155.   padding: 16px 0px 15px 0px;
  156. }
  157.  
  158. .sidebaritem
  159. { text-align: left;
  160.   width: 188px;
  161.   float: left;
  162.   margin: 0px 0px 25px 0px;
  163. }
  164.  
  165. .sbihead
  166. { height: 14px;
  167.   width: 188px;
  168.   padding: 5px 0px 5px 19px;
  169.   text-transform: uppercase;
  170. }
  171.  
  172. .sbihead h1
  173. { padding: 0px; 
  174.   margin: 0px; 
  175.   font-weight: bold;
  176.   font-size: 112%;
  177. }
  178.  
  179. .sbicontent{padding: 14px 8px 8px 19px;}
  180.  
  181. .sbicontent p
  182. { line-height: 14px; 
  183.   padding: 0px 0px 8px 0px;
  184. }
  185.  
  186. .sbilinks{padding: 0px;}
  187.  
  188. .sbilinks ul{margin: 0px auto;} 
  189.  
  190. .sbilinks li 
  191. { margin: 0px; 
  192.   float: left; 
  193.   list-style: none; 
  194. } 
  195.  
  196. .sbilinks li a , .sbilinks li a:hover
  197. { float: left; 
  198.   height: 16px;
  199.   text-decoration: none; 
  200.   padding: 5px 0px 4px 19px;
  201.   width: 188px;
  202.   border: 0px;
  203. } 
  204.  
  205. /* column 2 - page content */
  206. #column2
  207. { text-align: justify;
  208.   width: 512px;
  209.   float: left;
  210.   padding: 12px 3px 15px 19px;
  211. }
  212.  
  213. #column2 h1
  214. { padding: 6px 0px 4px 0px; 
  215.   margin: 0px 0px 12px 0px; 
  216.   border-bottom: 1px solid;
  217.   font-size: 150%;
  218.   text-transform: uppercase;
  219.   font-weight: normal;
  220. }
  221.  
  222. .sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
  223. { padding: 0px;
  224.   text-decoration: none;
  225.   padding-bottom: 2px;
  226.   border-bottom: 1px dashed;
  227. }
  228.  
  229. .sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}
  230.  
  231. /* additional colour scheme selections */
  232. #colour{margin: 0px 0px 20px 0px;}
  233.  
  234. #colour a, #colour a:hover{border: 0px;}
  235.  
  236. .blue
  237. { background: #FFFFFF url(blue.png) no-repeat left center;
  238.   color: #109CEF;
  239.   padding: 0px 40px 0px 20px;
  240. }
  241.  
  242. .green
  243. { background: #FFFFFF url(green.png) no-repeat left center;
  244.   color: #94C65A;
  245.   padding: 0px 40px 0px 20px;
  246. }
  247.  
  248. .purple
  249. { background: #FFFFFF url(purple.png) no-repeat left center;
  250.   color: #CE5AEF;
  251.   padding: 0px 40px 0px 20px;
  252. }
  253.  
  254. .orange
  255. { background: #FFFFFF url(orange.png) no-repeat left center;
  256.   color: #FF9C21;
  257.   padding: 0px 40px 0px 20px;
  258. }
  259.