home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / portcentral / default.css next >
Cascading Style Sheet File  |  2007-05-26  |  4KB  |  297 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. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     background: #374536 url(images/img01.gif);
  14.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #666666; 
  17. }
  18.  
  19. h1, h2, h3 {
  20.     font-weight: normal;
  21.     color: #333333;
  22. }
  23.  
  24. h1 {
  25.     letter-spacing: -2px;
  26.     font-size: 182%;
  27. }
  28.  
  29. h2 {
  30.     letter-spacing: -1px;
  31.     font-size: 152%;
  32. }
  33.  
  34. h3 {
  35.     font-size: 100%;
  36.     font-weight: bold;
  37. }
  38.  
  39. p, blockquote, ul, ol {
  40.     margin-bottom: 1.6em;
  41.     line-height: 180%;
  42. }
  43.  
  44. p {
  45. }
  46.  
  47. blockquote {
  48.     margin-left: 3em;
  49.     font-style: italic;
  50. }
  51.  
  52. ul {
  53.     margin-left: 3em;
  54. }
  55.  
  56. ol {
  57.     margin-left: 3em;
  58. }
  59.  
  60. a {
  61. }
  62.  
  63. a:hover {
  64.     text-decoration: none;
  65. }
  66.  
  67. small {
  68. }
  69.  
  70. hr {
  71.     display: none;
  72. }
  73.  
  74. img {
  75.     border: none;
  76. }
  77.  
  78. img.left {
  79.     float: left;
  80.     margin: 0 15px 0 0;
  81. }
  82.  
  83. img.right {
  84.     float: left;
  85.     margin: 0 0 0 15px;
  86. }
  87.  
  88. /* Wrapper */
  89.  
  90. #wrapper {
  91.     background: url(images/img02.gif) repeat-x;
  92. }
  93.  
  94. /* Header */
  95.  
  96. #header {
  97.     padding: 30px 0;
  98. }
  99.  
  100. #header h1, #header h2 {
  101.     text-align: center;
  102. }
  103.  
  104. #header h1 {
  105.     text-transform: uppercase;
  106.     letter-spacing: 5px;
  107.     font-size: 28px;
  108.     font-weight: normal;
  109. }
  110.  
  111. #header h1 a {
  112.     color: #FFFFFF;
  113. }
  114.  
  115. #header h2 {
  116.     text-transform: lowercase;
  117.     letter-spacing: 2px;
  118.     font-size: 12px;
  119.     font-style: italic;
  120. }
  121.  
  122. #header h2 a {
  123.     color: #DDEEFF;
  124. }
  125.  
  126. #header a {
  127.     text-decoration: none;
  128. }
  129.  
  130. /* Menu */
  131.  
  132. #menu {
  133.     width: 540px;
  134.     height: 40px;
  135.     margin: 0 auto;
  136.     background: url(images/img03.gif) repeat-x;
  137. }
  138.  
  139. #menu ul {
  140.     width: 540px;
  141.     height: 40px;
  142.     margin: 0;
  143.     padding: 0;
  144.     background: url(images/img04.gif) no-repeat right top;
  145.     list-style: none;
  146.     line-height: normal;
  147. }
  148.  
  149. #menu li {
  150.     display: inline;
  151. }
  152.  
  153. #menu a {
  154.     display: block;
  155.     float: left;
  156.     height: 27px;
  157.     padding: 13px 20px 0 22px;
  158.     background: url(images/img04.gif) no-repeat;
  159.     text-decoration: none;
  160.     font-size: 85%;
  161.     font-weight: bold;
  162.     color: #FFFFFF;
  163. }
  164.  
  165. #menu a:hover {
  166.     text-decoration: underline;
  167. }
  168.  
  169. /* Page */
  170.  
  171. #page {
  172.     width: 940px;
  173.     margin: 0 auto;
  174. }
  175.  
  176. /* Ads */
  177.  
  178. #ads {
  179.     float: right;
  180.     width: 180px;
  181.     padding: 0 0 0 20px;
  182. }
  183.  
  184. #ads h2 {
  185.     margin-bottom: 20px;
  186.     padding: 15px 0 1px 0;
  187.     background: url(images/img06.gif) repeat-x left bottom;
  188.     text-transform: lowercase;
  189.     letter-spacing: 1px;
  190.     font-size: 18px;
  191.     font-style: italic;
  192.     color: #FFFFFF;
  193. }
  194.  
  195. /* Content */
  196.  
  197. #content {
  198.     float: right;
  199.     width: 540px;
  200.     background: #FFFFFF url(images/img05.gif) repeat-x;
  201. }
  202.  
  203. #content .post {
  204.     padding: 20px;
  205.     border-bottom: 1px solid #CCCCCC;
  206. }
  207.  
  208. #content .date {
  209.     margin-bottom: 20px;
  210.     line-height: normal;
  211. }
  212.  
  213. #content .story {
  214. }
  215.  
  216. #content .more {
  217.     clear: both;
  218.     margin: 0;
  219.     text-align: right;
  220.     font-weight: bold;
  221. }
  222.  
  223. #content a {
  224.     color: #1777B1;
  225. }
  226.  
  227. #content a:hover {
  228.     color: #C90404;
  229. }
  230.  
  231. /* Sidebar */
  232.  
  233. #sidebar {
  234.     float: right;
  235.     width: 180px;
  236.     padding: 0 20px 0 0;
  237. }
  238.  
  239. #sidebar ul {
  240.     margin: 0;
  241.     padding: 0;
  242.     list-style: none;
  243. }
  244.  
  245. #sidebar li {
  246. }
  247.  
  248. #sidebar li ul {
  249.     margin-left: 20px;
  250.     line-height: 180%;
  251. }
  252.  
  253. #sidebar li li {
  254. }
  255.  
  256. #sidebar li h2 {
  257.     margin-bottom: 20px;
  258.     padding: 15px 0 1px 0;
  259.     background: url(images/img06.gif) repeat-x left bottom;
  260.     text-transform: lowercase;
  261.     letter-spacing: 1px;
  262.     font-size: 18px;
  263.     font-style: italic;
  264.     color: #FFFFFF;
  265. }
  266.  
  267. #sidebar a {
  268.     color: #CCCCCC;
  269. }
  270.  
  271. #sidebar a:hover {
  272.     color: #FFFFFF;
  273. }
  274.  
  275. #sidebar li li a {
  276. }
  277.  
  278. /* Footer */
  279.  
  280. #footer {
  281.     clear: both;
  282.     width: 540px;
  283.     margin: 0 auto;
  284.     padding: 20px 0;
  285.     background: url(images/img06.gif) repeat-x 0px 1px;
  286.     text-align: center;
  287.     font-size: 85%;
  288. }
  289.  
  290. #footer p {
  291.     margin: 0;
  292.     line-height: normal;
  293. }
  294.  
  295. #footer a {
  296.     color: #666666;
  297. }