home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Less_Antique / css / style.css
Cascading Style Sheet File  |  2007-01-08  |  7KB  |  510 lines
  1. body
  2. {
  3.   background: #f6f6f6 url(../images/bg.jpg) repeat-x top left;
  4.     margin: 0px; 
  5.     padding: 0px;
  6.     font-family: "Trebuchet MS", Verdana, sans-serif;
  7.     font-size: 12px;
  8. }
  9.  
  10. #head
  11. {
  12.   background: #e4e4e4 url(../images/header.jpg) no-repeat top left;
  13.     width: 747px;
  14.     height: 117px;
  15.     padding: 0px;
  16.     margin: 0 auto;
  17. }
  18.  
  19.  
  20. #head #title
  21. {
  22.     /*float: left;*/
  23.      font-size: 30px;
  24.     color: #FFF;
  25.     padding: 35px 0px 0px 30px;
  26.   margin: 0;
  27.   line-height: 30px;
  28. }
  29.  
  30. #body_wrapper
  31. {
  32.   background: url(../images/body_repeat.jpg) repeat-y top left;
  33.     margin: 0px auto;
  34.     width: 747px;
  35.     display: block;
  36. }
  37.  
  38.  
  39. #body
  40. {
  41.   background: url(../images/body_top.jpg) no-repeat top left;
  42.     float: left;
  43.     padding: 10px 20px 0px 20px;
  44.     min-height: 343px;
  45.     display: block;
  46. }
  47.  
  48. #end_body
  49. {
  50.   background: url(../images/body_bottom.jpg) no-repeat top left;
  51.     margin: 0px auto;
  52.     width: 747px;
  53.     height: 37px;
  54.     display: block;
  55. }
  56.  
  57. .clearer
  58. {
  59.   clear: both;
  60.     height: 1px;
  61.     padding: 0px;
  62.     margin: 0px;
  63. }
  64.  
  65. #all
  66. {
  67.   width: 707px;
  68.     float: left;
  69.     padding: 0px;
  70.     background: url(../images/all_repeat.jpg) repeat-y top left;
  71. }
  72.  
  73. #all .top
  74. {
  75.   background: url(../images/all_top.jpg) no-repeat top left;
  76.     width: 707px;
  77.     height: 18px;
  78.     padding: 0px;
  79.     margin: 0px;
  80. }
  81.  
  82. #all .bottom
  83. {
  84.   background: url(../images/all_bottom.jpg) no-repeat bottom left;
  85.     width: 707px;
  86.     height: 21px;
  87.     padding: 0px;
  88.     margin: 0px;
  89. }
  90.  
  91. #split
  92. {
  93.   width: 707px;
  94.     float: left;
  95.     padding: 0px;
  96.     background: url(../images/both_repeat.jpg) repeat-y top left;
  97. }
  98.  
  99. #split .top
  100. {
  101.   background: url(../images/both_top.jpg) no-repeat top left;
  102.     width: 707px;
  103.     height: 18px;
  104.     padding: 0px;
  105.     margin: 0px;
  106. }
  107.  
  108. #split .bottom
  109. {
  110.   background: url(../images/both_bottom.jpg) no-repeat bottom left;
  111.     width: 707px;
  112.     height: 21px;
  113.     padding: 0px;
  114.     margin: 0px;
  115. }
  116.  
  117. #left
  118. {
  119.   width: 538px;
  120.     float: left;
  121.     padding: 0px;
  122.     margin: 0px;
  123. }
  124.  
  125. #right
  126. {
  127.   width: 169px;
  128.     float: right;
  129.     padding: 0px;
  130.     margin: 0px;
  131. }
  132.  
  133. .content 
  134. {
  135.   padding: 0px 15px;
  136. }
  137.  
  138. #left .content, #all .content
  139. {
  140.   padding-left: 22px;
  141. }
  142.  
  143. #footer
  144. {
  145.   margin: 0 auto; 
  146.     width: 747px;
  147.     text-align: center;
  148.     color: #B05128;
  149.     font-weight: bold;
  150. }
  151.  
  152. #footer a
  153. {
  154.  color: #B05128;
  155. }
  156.  
  157. #right ul 
  158. {
  159.     margin: 0px;
  160.     padding: 0px;
  161.     list-style: none;
  162. }
  163.  
  164. #right ul li 
  165. {
  166.     margin: 0px;
  167.     padding: 0px;
  168.     list-style: none;
  169.     display: block;
  170. }
  171.  
  172. #right ul a 
  173. {
  174.     display: block;
  175.     width: 125px;
  176.     background: #d2d2d2;
  177.     color: #000;
  178.     padding: 3px;
  179.     padding-left: 10px;
  180.     text-decoration: none;
  181.     margin: 0px;
  182.     border: 0px;
  183. }
  184.  
  185. #right ul a:hover 
  186. {
  187.     color: #FFFFFF;
  188.     background: #7f8d96;
  189. }
  190.  
  191. /* Navigation */
  192.  
  193. #menu 
  194. {
  195.   float: right;
  196.     margin: 15px 20px 0px 0px;
  197. }
  198.  
  199. #menu ul 
  200. {
  201.     margin: 0;
  202.     padding: 0;
  203.     white-space : nowrap;
  204. }
  205.  
  206. #menu ul li 
  207. {
  208.     margin: 0;
  209.     padding: 0;
  210.     display: block;
  211.     float:left;
  212.     text-align: center;
  213. }
  214.  
  215. #menu ul li a 
  216. {
  217.     color : #fff;
  218.     background-color: transparent;
  219.     text-decoration : none;
  220.     font-weight: bold;
  221.     display: block;
  222.     border-style:none;
  223. }
  224.  
  225. #menu ul li a:link, #menu ul li a:visited 
  226. {
  227.     background-image: url(../images/menu_tabs.gif);
  228.     background-repeat: no-repeat;
  229.     color: #000;
  230.     height: 26px;
  231.     width: 94px;
  232.     line-height: 26px;
  233.     padding-top: 7px;
  234. }
  235.  
  236. #menu ul li a:hover, #menu ul li a:active 
  237. {
  238.     background-image: url(../images/menu_tabs.gif);
  239.     background-repeat: no-repeat;
  240.     background-position: 0px -33px;
  241.     height: 29px;
  242.     width: 94px;
  243.     line-height: 29px;
  244.     padding-top: 4px;
  245. }
  246.  
  247.  
  248. #menu ul li.active a:hover, #menu ul li.active a:active,#menu ul li.active a:link, #menu ul li.active a:visited 
  249. {
  250.     background-image: url(../images/menu_tabs.gif);
  251.     background-repeat: no-repeat;
  252.     background-position: 0px -66px;
  253.     height: 29px;
  254.     width: 94px;
  255.     line-height: 29px;
  256.     padding-top: 4px;
  257.     color: #B05128;
  258. }
  259.  
  260.  
  261. /*  Headers  */
  262. h1 
  263. {
  264.     padding: 0px;
  265.     margin: 0px;
  266.     margin-bottom: 10px;
  267.     color: #D96B11;
  268.     background-color: transparent;
  269.     font-size: 1.6em;
  270.     font-weight: bold;
  271.     display: block;
  272.     border-bottom: 1px solid;
  273. }
  274.  
  275. h2 
  276. {
  277.     padding: 0px;
  278.     margin: 0px;
  279.     margin-bottom: 5px;
  280.     color: #333;
  281.     background-color: transparent;
  282.     font-size: 1.5em;
  283.     font-weight: bold;
  284. }
  285.  
  286. h3 
  287. {
  288.     padding: 0px;
  289.     margin: 0px;
  290.     margin-bottom: 5px;
  291.     color: #76b7d7;
  292.     background-color: transparent;
  293.     font-size: 1.4em;
  294.     font-weight: bold;
  295. }
  296.  
  297. h4 
  298. {
  299.     padding: 0px;
  300.     margin: 0px;
  301.     margin-bottom: 5px;
  302.     color: #333;
  303.     background-color: transparent;
  304.     font-size: 1.3em;
  305.     font-weight: bold;
  306. }
  307.  
  308. h5 
  309. {
  310.     color: #9ad5f3;
  311.     background-color: transparent;
  312.     padding: 0px;
  313.     font-size: 1.2em;
  314.     font-weight: bold;
  315.     margin: 0px;
  316.     padding: 0px;
  317.     margin-bottom: 5px;
  318. }
  319.  
  320. h6 
  321. {
  322.     padding: 0px;
  323.     margin-top: 0px;
  324.     margin-right: 0px;
  325.     margin-bottom: 5px;
  326.     margin-left: 0px;
  327.     color: #D96B11;
  328.     font-size: 1.1em;
  329.     font-weight: normal;
  330.     line-height: 150%;
  331. }
  332. /* HTML Tags */
  333.  
  334. .code, code
  335. {
  336.   display: block;
  337.     margin: 5px 10px;
  338.     padding: 5px;
  339.     color: #ad4c21;
  340.     border: 1px dashed;
  341.     background: #f0ebe7;
  342.     font-family: Courier, 'Courier New', 'Andale Mono', Monaco, monospace;
  343.     width: auto;
  344. }
  345.  
  346. pre
  347. {
  348.  white-space: normal;
  349. }
  350.  
  351. a
  352. {
  353.   color: #AD4C21;
  354.     text-decoration: none;
  355.     border-bottom: 1px dashed;
  356.     padding-bottom: 0px;
  357. }
  358.  
  359. a:hover
  360. {
  361.     color: #000;
  362. }
  363.  
  364. hr
  365. {
  366.   border: 0px;
  367.   border-bottom: 1px #F0EBE7 dashed;
  368.     height: 1px;
  369. }
  370.  
  371. #left hr, #all hr
  372. {
  373.   margin: 10px 0px;
  374. }
  375.  
  376. form
  377. {
  378.   margin: 0px;
  379.     padding: 0px;
  380. }
  381.  
  382. form .item
  383. {
  384.   clear: left;
  385.     border-top: 1px solid #EEE;
  386.     margin: 3px;
  387. }
  388.  
  389. form .label
  390. {
  391.   float: left;
  392.     clear: left;
  393.     width: 150px;
  394. }
  395.  
  396. input, textarea, select
  397. {
  398.   color: #AD4C21;
  399.     border: 1px solid;
  400.     background: #F0EBE7;
  401.     margin: 3px;
  402.     padding: 2px;
  403. }
  404.  
  405. blockquote {
  406.     margin: 5px;
  407.   background: transparent url(../images/quotes.png) left top no-repeat;
  408.     padding-left: 37px;
  409. }
  410.  
  411.  
  412. del 
  413. {
  414.   color: #800;
  415.     text-decoration: line-through;
  416. }
  417.  
  418. dt
  419. {
  420.   font-weight: bold;
  421.     font-size: 1.05em;
  422.     color: #ad4c21;
  423. }
  424.  
  425. dd 
  426. {
  427.   margin-left: 15px;
  428. }
  429.  
  430. /* adds a space and then a graphic after any external (i.e. off-site) links */
  431. a[target]:after{
  432.     content: " " url(../images/externalpage.gif);
  433. }
  434.  
  435.  
  436. blockquote[cite]:after {
  437.     content: "Quote from: " attr(cite);
  438.     display: block;
  439.     border-top: 1px solid #999;
  440.     color: #999;
  441.     margin: 1em 0 0;
  442.     padding: .5em 0 0;
  443.     font-size: .8em;
  444.     font-weight: bold;
  445. }
  446.  
  447. .code .key1
  448. {
  449.  font-weight: 700;
  450.  color: #009;
  451. }
  452.  
  453. .code .key2
  454. {
  455.  color: #009;
  456. }
  457.  
  458. .code .key3
  459. {
  460.  color: #909;
  461. }
  462.  
  463. .code .key4
  464. {
  465.  color: #00B0B0;
  466. }
  467.  
  468. .code .key5
  469. {
  470.  color: #F0F;
  471. }
  472.  
  473. .code .key6
  474. {
  475.  color: #D0D000;
  476. }
  477.  
  478. .code .key7
  479. {
  480.  color: #D0D000;
  481. }
  482.  
  483. .code .key8
  484. {
  485.  color: #D0D000;
  486. }
  487.  
  488. .code .string
  489. {
  490.  color: #282;
  491. }
  492.  
  493. .code .number
  494. {
  495.     color: #000;
  496.     font-weight: 700;
  497. }
  498.  
  499. .code .comment
  500. {
  501.  color: #AAA;
  502. }
  503.  
  504. .code th
  505. {
  506.     border-right: 1px solid;
  507.     vertical-align: top;
  508.     text-align: left;
  509.     padding-right: 1em;
  510. }