home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / i_love_colour_1 / style / style_1col_top.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-11-29  |  3.9 KB  |  250 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.   padding: 16px 16px 16px 16px;
  175. }
  176.  
  177. /* sidebar items / links */
  178. .sidebaritem
  179. { text-align: left;
  180.   width: 228px;
  181.   float: left;
  182.   margin: 0px 18px 0px 0px;
  183.   border: 1px solid;
  184. }
  185.  
  186. .sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;}
  187.  
  188. .sidebaritem ul
  189. { border-top: 1px solid;
  190.   width: 198px; 
  191.   padding-top: 4px; 
  192.   margin: 4px 0px 15px 14px;
  193. }
  194.  
  195. .sidebaritem li
  196. { list-style: none; 
  197.   padding: 0px 0px 4px 0px; 
  198.   border-bottom: 1px solid;
  199. }
  200.  
  201. .sidebaritem li a, .sidebaritem li a:hover
  202. { height: 16px;
  203.   text-decoration: none; 
  204.   padding: 0px 0px 0px 18px;
  205.   display: block;
  206. } 
  207.  
  208. /* page content */
  209. #content
  210. { text-align: left;
  211.   width: 724px;
  212.   padding: 8px 16px 24px 20px;
  213.   float: left;
  214. }
  215.  
  216. #content h1{font-size: 125%;}
  217.  
  218. /* footer */
  219. #footer
  220. { width: 720px;
  221.   height: 42px;
  222.   padding: 28px 21px 0px 19px;
  223.   text-align: center; 
  224.   border-top: 2px solid;
  225. }
  226.  
  227. #breadcrumbs a, #content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}
  228.  
  229. /* sNews */
  230. fieldset, .comment, .commentsbox{margin-bottom: 10px;}
  231.  
  232. fieldset
  233. { border: 1px solid; 
  234.   padding: 10px 8px;   
  235. }
  236.  
  237. input{padding: 2px;}
  238.  
  239. textarea
  240. { width: 95%; 
  241.   height: 200px;
  242.   padding: 3px;
  243. }
  244.  
  245. .date
  246. { border-top: 1px solid; 
  247.   margin: 15px 0px 5px 0px;
  248.   font-weight: bold;
  249. }
  250.