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