home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / embouteillage / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-02-05  |  5.3 KB  |  399 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: #151515 url(images/img01.jpg) repeat-x left top;
  11.     text-align: justify;
  12.     font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     color: #7F7772;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. fieldset {
  22.     margin: 0;
  23.     padding: 0;
  24.     border: none;
  25. }
  26.  
  27. input, textarea {
  28.     padding: 5px;
  29.     border: 1px solid #626262;
  30.     font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  31. }
  32.  
  33. h1, h1 a, h2, h2 a, h3, h3 a {
  34.     margin: 0;
  35.     text-decoration: none;
  36.     font-weight: normal;
  37.     color: #CF3822;
  38. }
  39.  
  40. h1 {
  41.     letter-spacing: -3px;
  42.     font-size: 2.6em;
  43. }
  44.  
  45. h2 {
  46.     letter-spacing: -2px;
  47.     font-size: 2em;
  48. }
  49.  
  50. h3 {
  51.     margin-bottom: 2em;
  52.     font-size: 1em;
  53.     font-weight: bold;
  54. }
  55.  
  56. p, ol, ul {
  57.     margin: 0 0 2em 0;
  58.     line-height: 200%;
  59. }
  60.  
  61. blockquote {
  62.     margin: 0 0 0 1.5em;
  63.     padding-left: 1em;
  64.     border-left: 5px solid #DDDDDD;
  65. }
  66.  
  67. a {
  68.     color: #FFFFFF;
  69.     text-decoration: none;}
  70.  
  71. a:hover {
  72.     text-decoration: none;
  73.     color: #FF5134;
  74. }
  75.  
  76. img {
  77.     border: none;
  78. }
  79.  
  80. img.left {
  81.     float: left;
  82.     margin: 8px 20px 0px 0px;
  83.     border: 2px solid #434343; 
  84. }
  85.  
  86.  
  87. /* Header */
  88.  
  89. #wrapper {
  90. }
  91.  
  92. #header {
  93.     width: 900px;
  94.     height: 170px;
  95.     margin: 0 auto;
  96.     background: url(images/img02.jpg) no-repeat right top;
  97. }
  98.  
  99. #logo h1, #logo p {
  100.     float: left;
  101.     color: #AAFF00;
  102. }
  103.  
  104. #logo h1 {
  105.     height: 88px;
  106.     padding: 20px 90px 0 0;
  107.     font-size: 4em;
  108. }
  109.  
  110. #logo p {
  111.     margin: 0 0 0 -80px;
  112.     padding: 55px 0 0 0;
  113.     line-height: normal;
  114.     letter-spacing: -1px;
  115.     font-size: 1.2em;
  116.     font-weight: bold;
  117. }
  118.  
  119. #logo a {
  120.     text-decoration: none;
  121.     color: #FFFFFF;
  122.     font-weight: bold;
  123. }
  124.  
  125. #logo p a {
  126.     color: #FF5134;
  127. }
  128.  
  129. /* RSS */
  130.  
  131. #rss {
  132.     padding: 30px 39px 20px 0;
  133.     text-align: right;
  134. }
  135.  
  136. #rss a {
  137.     padding: 0 0 3px 24px;
  138.     text-decoration: none;
  139.     font-weight: bold;
  140.     color: #FF5134;
  141. }
  142.  
  143. #rss a:hover {
  144. }
  145.  
  146. /* Search */
  147.  
  148. #search {
  149.     float: right;
  150.     width: 200px;
  151.     height: 25px;
  152.     background: #FFFFFF;
  153. }
  154.  
  155. #search #x {
  156.     display: none;
  157. }
  158.  
  159. #search #s {
  160.     padding: 6px 5px 5px 35px;
  161.     width: 160px;
  162.     height: auto;
  163.     background: none;
  164.     border: none;
  165.     font: normal 1em Arial, Helvetica, sans-serif;
  166.     color: #000;
  167. }
  168.  
  169. #search br {
  170.     display: none;
  171. }
  172.  
  173. /* Menu */
  174.  
  175. #menu {
  176.     width: 895px;
  177.     height: 60px;
  178.     margin: 0 auto;
  179. }
  180.  
  181. #menu ul {
  182.     margin: 0;
  183.     padding: 0;
  184.     list-style: none;
  185. }
  186.  
  187. #menu li {
  188.     display: inline;
  189.     text-transform: uppercase;
  190. }
  191.  
  192. #menu a {
  193.     display: block;
  194.     float: left;
  195.     background: url(images/img03.gif) no-repeat left 75%;
  196.     padding: 18px 30px 0 15px;
  197.     text-decoration: none;
  198.     font-family: Arial, Helvetica, sans-serif;
  199.     font-size: 1em;
  200.     font-weight: bold;
  201.     color: #FFFFFF;
  202. }
  203.  
  204. #menu a:hover {
  205.     color: #FF5134;
  206. }
  207.  
  208. #menu .current_page_item {
  209. }
  210.  
  211. #menu .current_page_item a {
  212.     color: #FFFFFF;
  213. }
  214.  
  215. /* Page */
  216.  
  217. #page {
  218.     width: 890px;
  219.     margin: 0 auto;
  220.     padding: 30px 0;
  221. }
  222.  
  223. /* Ads */
  224.  
  225. #ads {
  226.     float: right;
  227.     width: 160px;
  228.     padding: 0 0 0 20px;
  229. }
  230.  
  231. /* Content */
  232.  
  233. #content {
  234.     float: left;
  235.     width: 430px;
  236. }
  237.  
  238. .post {
  239.     margin-bottom: 50px;
  240.     border-bottom: 1px #A90000 dashed;
  241. }
  242.  
  243. .post .title {
  244. }
  245.  
  246. .post .title h2 {
  247.     font-size: 2.2em;
  248.     color: #CF3822;
  249. }
  250.  
  251. .post .title p {
  252.     margin: 0;
  253.     line-height: normal;
  254.     color: #BABABA;
  255. }
  256.  
  257. .post .title p a {
  258.     color: #880A0B;
  259. }
  260.  
  261. .post .entry {
  262.     padding-top: 30px;
  263. }
  264.  
  265. .post .links {
  266.     width: 410px;
  267.     height: 29px;
  268.     margin: 0;
  269.     padding: 6px 0 0 20px;
  270. }
  271.  
  272. .post .links a {
  273.     padding: 0 23px;
  274.     text-decoration: none;
  275.     font-weight: bold;
  276.     color: #CF3822;
  277. }
  278.  
  279. .post .links a:hover {
  280.     text-decoration: underline;
  281.     color: #CF3822;
  282. }
  283.  
  284. .post .links .more {
  285.     background: url(images/img07.gif) no-repeat;
  286. }
  287.  
  288. .post .links .comments {
  289.     background: url(images/img08.gif) no-repeat;
  290. }
  291.  
  292. /* Sidebar */
  293.  
  294. #sidebar {
  295.     float: right;
  296.     width: 240px;
  297. }
  298.  
  299. #sidebar ul {
  300.     margin: 0;
  301.     padding: 0;
  302.     list-style: none;
  303. }
  304.  
  305. #sidebar li {
  306.     margin-bottom: 20px;
  307. }
  308.  
  309. #sidebar li ul {
  310.     padding: 15px 20px;
  311.     line-height: 200%;
  312. }
  313.  
  314. #sidebar li li {
  315.     margin: 0;
  316.     padding-left: 15px;
  317.     padding-bottom: 5px;
  318.     background: url(images/img04.gif) repeat-x left bottom;
  319. }
  320.  
  321. #sidebar h2 {
  322.     width: 210px;
  323.     height: 30px;
  324.     padding: 5px 0 0 30px;
  325.     background: url(images/img05.gif) no-repeat left 60%;
  326.     border-bottom: 1px #A90000 dashed;
  327.     letter-spacing: -1px;
  328.     font-size: 1.6em;
  329.     color: #FFFFFF;
  330. }
  331.  
  332. #sidebar a:hover {
  333.  
  334. }
  335.  
  336. /* Calendar */
  337.  
  338. #calendar_wrap {
  339.     padding: 15px 20px;
  340. }
  341.  
  342. #calendar table {
  343.     width: 100%;
  344.     background: #1F1F1D;
  345.     border: 1px solid #11110F;
  346.     text-align: center;
  347. }
  348.  
  349. #calendar thead {
  350.     background: #161616;
  351. }
  352.  
  353. #calendar tbody td {
  354.     background: #0F0F0D;
  355.     border: 1px solid #11110F;
  356. }
  357.  
  358. #calendar #prev {
  359.     text-align: left;
  360. }
  361.  
  362. #calendar #next {
  363.     text-align: right;
  364. }
  365.  
  366. #calendar tfoot a {
  367.     text-decoration: none;
  368.     font-weight: bold;
  369. }
  370.  
  371. #calendar #today {
  372.     background: #121210;
  373.     border: 1px solid #11110F;
  374.     font-weight: bold;
  375.     color: #CF3822
  376. }
  377.  
  378. /* Footer */
  379.  
  380. #footer {
  381.     clear: both;
  382.     width: 950px;
  383.     margin: 0 auto;
  384.     padding: 30px 0;
  385.     border-top: 2px solid #2B2B2B;
  386. }
  387.  
  388. #footer p {
  389.     margin: 0 0 5px 0;
  390.     text-align: center;
  391.     line-height: normal;
  392.     font-size: .9em;
  393. }
  394.  
  395. #footer a {
  396.     text-decoration: none;
  397. }
  398.  
  399.