home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / transition / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-07-04  |  4.4 KB  |  356 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: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #666666;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     font-weight: normal;
  19.     color: #85C329;
  20. }
  21.  
  22. h1 {
  23.     font-size: 197%;
  24. }
  25.  
  26. h2 {
  27.     font-size: 167%;
  28. }
  29.  
  30. h3 {
  31.     font-size: 100%;
  32.     font-weight: bold;
  33. }
  34.  
  35. p, ol, ul {
  36.     line-height: 180%;
  37. }
  38.  
  39. p {
  40. }
  41.  
  42. ol {
  43. }
  44.  
  45. ul {
  46. }
  47.  
  48. blockquote {
  49.     margin: 0;
  50.     padding-left: 20px;
  51.     border-left: 10px solid #E6E6E6;
  52.     font-style: italic;
  53.     color: #999999;
  54. }
  55.  
  56. blockquote * {
  57.     line-height: normal;
  58. }
  59.  
  60. a {
  61.     color: #E06529;
  62. }
  63.  
  64. a:hover {
  65.     text-decoration: none;
  66. }
  67.  
  68. img {
  69.     border: none;
  70. }
  71.  
  72. img.left {
  73.     float: left;
  74.     margin: 0 15px 0 0;
  75. }
  76.  
  77. img.right {
  78.     float: right;
  79.     margin: 0 0 0 15px;
  80. }
  81.  
  82. hr {
  83.     display: none;
  84. }
  85.  
  86. /* Header */
  87.  
  88. #header {
  89.     width: 760px;
  90.     height: 90px;
  91.     margin: 0 auto;
  92. }
  93.  
  94. /* Logo */
  95.  
  96. #logo {
  97.     float: left;
  98.     padding-top: 20px;
  99.     background: url(images/img02.gif) no-repeat left bottom;
  100. }
  101.  
  102. #logo h1, #logo h2 {
  103.     margin: 0;
  104.     padding-left: 60px;
  105.     font-weight: normal;
  106.     color: #E06529;
  107. }
  108.  
  109. #logo h1 {
  110.     font-weight: bold;
  111. }
  112.  
  113. #logo h2 {
  114.     font-size: 92%;
  115. }
  116.  
  117. #logo a {
  118.     text-decoration: none;
  119. }
  120.  
  121. /* Top Menu */
  122.  
  123. #topmenu {
  124.     float: right;
  125. }
  126.  
  127. #topmenu ul {
  128.     margin: 0;
  129.     padding: 32px 0 0 0;
  130.     list-style: none;
  131.     line-height: normal;
  132. }
  133.  
  134. #topmenu li {
  135.     display: inline;
  136. }
  137.  
  138. #topmenu a {
  139.     padding: 0 20px;
  140.     border-left: 1px solid #E06529;
  141.     text-decoration: none;
  142.     font-size: 92%;
  143. }
  144.  
  145. #topmenu a:hover {
  146.     text-decoration: underline;
  147. }
  148.  
  149. #topmenu .first a {
  150.     border: none;
  151. }
  152.  
  153. /* Header 2 */
  154.  
  155. #header2 {
  156.     width: 760px;
  157.     height: 200px;
  158.     margin: 0 auto;
  159. }
  160.  
  161. /* Menu */
  162.  
  163. #menu {
  164.     float: left;
  165.     width: 200px;
  166.     height: 200px;
  167.     background: url(images/img03.jpg);
  168. }
  169.  
  170. #menu ul {
  171.     margin: 0;
  172.     padding: 20px 20px 0 20px;
  173.     list-style: none;
  174.     line-height: normal;
  175. }
  176.  
  177. #menu li {
  178.     display: inline;
  179. }
  180.  
  181. #menu a {
  182.     display: block;
  183.     padding: 8px 10px;
  184.     background: url(images/img05.gif) repeat-x;
  185.     text-decoration: none;
  186.     font-size: 100%;
  187.     font-weight: bold;
  188.     color: #FFFFFF;
  189. }
  190.  
  191. #menu a:hover {
  192.     text-decoration: underline;
  193. }
  194.  
  195. #menu .first a {
  196.     background: none;
  197. }
  198.  
  199. /* Splash */
  200.  
  201. #splash {
  202.     float: right;
  203.     width: 560px;
  204.     height: 200px;
  205. }
  206.  
  207.  
  208. /* Page */
  209.  
  210. #page {
  211.     width: 760px;
  212.     margin: 0 auto;
  213.     padding: 30px 0;
  214. }
  215.  
  216. /* Content */
  217.  
  218. #content {
  219.     float: left;
  220.     width: 480px;
  221.     padding-left: 20px;
  222. }
  223.  
  224. #content ul {
  225.     margin-left: 0;
  226.     padding-left: 0;
  227.     list-style: none;
  228. }
  229.  
  230. #content ul li {
  231.     padding-left: 15px;
  232.     background: url(images/img08.gif) no-repeat 0 8px;
  233. }
  234.  
  235. #content ol {
  236.     margin-left: 0;
  237.     padding-left: 0;
  238.     list-style: lower-alpha inside;
  239. }
  240.  
  241. .title {
  242.     padding-top: 3px;
  243. }
  244.  
  245. .content {
  246.     padding: 20px;
  247.     background: url(images/img10.gif) no-repeat;
  248. }
  249.  
  250. .twocols {
  251. }
  252.  
  253. .twocols .col1 {
  254.     float: left;
  255.     width: 220px;
  256. }
  257.  
  258. .twocols .col2 {
  259.     float: right;
  260.     width: 220px;
  261. }
  262.  
  263. /* Sidebar */
  264.  
  265. #sidebar {
  266.     float: right;
  267.     width: 220px;
  268. }
  269.  
  270. #sidebar ul {
  271.     margin: 0;
  272.     padding: 0;
  273.     list-style: none;
  274. }
  275.  
  276. #sidebar li {
  277.     margin-bottom: 20px;
  278.     background: #E6E6E6 url(images/img07.gif) no-repeat right bottom;
  279. }
  280.  
  281. #sidebar li ul {
  282.     padding: 10px 20px;
  283.     font-size: 92%;
  284. }
  285.  
  286. #sidebar li li {
  287.     margin: 0;
  288.     padding: 5px 0;
  289.     background: none;
  290.     border-top: 1px dotted #CDCDCD;
  291. }
  292.  
  293. #sidebar h2 {
  294.     height: 30px;
  295.     margin: 0;
  296.     padding: 6px 0 0 10px;
  297.     background: url(images/img06.gif) no-repeat;
  298.     font-size: 100%;
  299.     font-weight: bold;
  300.     color: #145997;
  301. }
  302.  
  303. #sidebar h3 {
  304.     margin: 0;
  305. }
  306.  
  307. #sidebar p {
  308.     margin: 0;
  309.     line-height: normal;
  310. }
  311.  
  312. #sidebar a {
  313.     text-decoration: none;
  314. }
  315.  
  316. #sidebar a:hover {
  317.     text-decoration: underline;
  318. }
  319.  
  320. #sidebar .first {
  321.     border: none;
  322. }
  323.  
  324. /* Footer */
  325.  
  326. #footer-wrapper {
  327.     height: 100px;
  328.     padding: 20px 0;
  329.     background: #E6E6E6;
  330.     border-top: 10px solid #CDCDCD;
  331. }
  332.  
  333. #footer {
  334.     width: 760px;
  335.     margin: 0 auto;
  336. }
  337.  
  338. #footer p {
  339.     margin: 0;
  340.     line-height: normal;
  341. }
  342.  
  343. #footer a {
  344.     color: #666666;
  345. }
  346.  
  347. #legal {
  348.     float: left;
  349.     padding: 10px 0 10px 60px;
  350.     background: url(images/img11.gif) no-repeat left center;
  351. }
  352.  
  353. #links {
  354.     float: right;
  355.     padding: 10px 0 0 0;
  356. }