home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / industrial / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-10-06  |  3.9 KB  |  306 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: Verdana, Arial, Helvetica, sans-serif;
  12.     font-size: 11px;
  13.     color: #666666;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin-top: 0;
  18. }
  19.  
  20. h1 {
  21.     font-size: 2em;
  22. }
  23.  
  24. h2 {
  25.     font-size: 1.6em;
  26. }
  27.  
  28. h3 {
  29.     font-size: 1em;
  30. }
  31.  
  32. ul {
  33.     list-style-image: url(images/img07.gif);
  34. }
  35.  
  36. a {
  37.     text-decoration: none;
  38.     border-bottom: 1px dotted #CCCCCC;
  39.     color: #D56E22;
  40. }
  41.  
  42. a:hover {
  43.     border-bottom: none;
  44. }
  45.  
  46. a img {
  47.     border: none;
  48. }
  49.  
  50. img.left {
  51.     float: left;
  52.     margin: 0 20px 0 0;
  53. }
  54.  
  55. img.right {
  56.     float: right;
  57.     margin: 0 0 0 20px;
  58. }
  59.  
  60. /* Header */
  61.  
  62. #logo {
  63.     width: 880px;
  64.     height: 88px;
  65.     margin: 0 auto;
  66.     padding: 0 10px;
  67. }
  68.  
  69. #logo h1, #logo p {
  70.     float: left;
  71.     margin: 0;
  72.     color: #FFFFFF;
  73. }
  74.  
  75. #logo h1 {
  76.     padding: 30px 0 0 0;
  77.     font-size: 3em;
  78. }
  79.  
  80. #logo p {
  81.     padding: 52px 0 0 3px;
  82. }
  83.  
  84. #logo a {
  85.     border: none;
  86.     text-decoration: none;
  87.     color: #FFFFFF;
  88. }
  89.  
  90. /* Menu */
  91.  
  92. #menu {
  93.     width: 880px;
  94.     height: 32px;
  95.     margin: 0 auto;
  96.     padding: 0 10px;
  97. }
  98.  
  99. #menu ul {
  100.     margin: 0;
  101.     padding: 0;
  102.     list-style: none;
  103. }
  104.  
  105. #menu li {
  106.     display: inline;
  107. }
  108.  
  109. #menu a {
  110.     display: block;
  111.     float: left;
  112.     height: 22px;
  113.     margin: 0 1px 0 0;
  114.     padding: 10px 20px 0 20px;
  115.     border: none;
  116.     text-decoration: none;
  117.     font-size: 12px;
  118.     font-weight: bold;
  119.     color: #FFFFFF;
  120. }
  121.  
  122. #menu a:hover {
  123.     background: #DD8B4E;
  124. }
  125.  
  126. #menu .current_page_item a {
  127.     background: url(images/img02.gif) repeat-x;
  128.     color: #D56E22;
  129. }
  130.  
  131. /* Page */
  132.  
  133. #page {
  134.     width: 880px;
  135.     margin: 0 auto;
  136.     padding: 30px 0;
  137.     background: url(images/img03.gif) repeat-y;
  138. }
  139.  
  140. #page-bg {
  141.     padding: 11px 24px;
  142.     background: url(images/img03.jpg) no-repeat;
  143. }
  144.  
  145. /* Latest Post */
  146.  
  147. #latest-post {
  148.     padding: 20px;
  149.     border: 1px solid #E7E7E7;
  150. }
  151.  
  152. /* Content */
  153.  
  154. #content {
  155.     float: left;
  156.     width: 438px;
  157. }
  158.  
  159. .post {
  160.     margin-bottom: 20px;
  161.     padding-bottom: 15px;
  162.     border-bottom: 1px solid #F2F2F2;
  163.     line-height: 200%;
  164. }
  165.  
  166. .title {
  167.     margin: 0;
  168. }
  169.  
  170. .title a {
  171.     border-bottom: none;
  172. }
  173.  
  174. .title a:hover {
  175.     border-bottom: 1px dotted #CCCCCC;
  176. }
  177.  
  178. .byline {
  179.     margin: 0 0 20px 0;
  180. }
  181.  
  182. .entry {
  183.     padding: 0 20px;
  184. }
  185.  
  186. .links {
  187.     padding-top: 10px;
  188.     text-align: right;
  189.     font-weight: bold;
  190. }
  191.  
  192. .links a {
  193.     padding-left: 15px;
  194.     background: url(images/img04.gif) no-repeat left center;
  195.     border: none;
  196. }
  197.  
  198. .links a:hover {
  199.     border-bottom: 1px dotted #CCCCCC;
  200. }
  201.  
  202. /* Sidebars */
  203.  
  204. .sidebar {
  205.     float: left;
  206.     width: 200px;
  207.     padding: 0 0 0 21px;
  208. }
  209.  
  210. .sidebar ul {
  211.     margin: 0;
  212.     padding: 0;
  213.     list-style: none;
  214. }
  215.  
  216. .sidebar li {
  217.     padding: 0 0 20px 0;
  218. }
  219.  
  220. .sidebar li ul {
  221. }
  222.  
  223. .sidebar li li {
  224.     padding: 5px 0 5px 25px;
  225.     background: url(images/img04.gif) no-repeat 10px 9px;
  226. }
  227.  
  228. .sidebar li h2 {
  229.     margin: 0 0 10px 0;
  230.     padding: 5px 10px;
  231.     background: url(images/img02.gif) repeat-x;
  232.     border: 1px solid #F2F2F2;
  233.     font-size: 12px;
  234. }
  235.  
  236. /* Search */
  237.  
  238. #searchform {
  239.     margin: 0;
  240.     padding: 0;
  241. }
  242.  
  243. #searchform br {
  244.     display: none;
  245. }
  246.  
  247. /* Calendar */
  248.  
  249. #calendar_wrap {
  250.     padding: 0 0 0 20px;
  251.     text-align: center;
  252. }
  253.  
  254. #calendar_wrap table {
  255.     width: 90%;
  256. }
  257.  
  258. #calendar_wrap th {
  259.     border-bottom: 1px solid #CCCCCC;
  260. }
  261.  
  262. #calendar_wrap td {
  263.     border-bottom: 1px solid #F2F2F2;
  264. }
  265.  
  266. #calendar_wrap tfoot td {
  267.     border: none;
  268. }
  269.  
  270. #calendar_wrap tfoot td#prev {
  271.     text-align: left;
  272.     font-weight: bold;
  273.     border: none;
  274. }
  275.  
  276. #calendar_wrap tfoot td#prev a {
  277.     border: none;
  278. }
  279.  
  280. #calendar_wrap tfoot td#next {
  281.     text-align: right;
  282.     font-weight: bold;
  283.     border: none;
  284. }
  285.  
  286. #calendar_wrap tfoot td#next a {
  287.     border: none;
  288. }
  289.  
  290. /* Footer */
  291.  
  292. #footer {
  293.     padding: 30px 0 50px 0;
  294.     background: #D56E22 url(images/img05.gif) repeat-x;
  295. }
  296.  
  297. #footer p {
  298.     margin: 0;
  299.     text-align: center;
  300.     font-size: smaller;
  301.     color: #FFFFFF;
  302. }
  303.  
  304. #footer a {
  305.     color: #FFFFFF;
  306. }