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