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