home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / techno / style.css < prev   
Cascading Style Sheet File  |  2008-03-29  |  7KB  |  478 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. html, body { height: 100%; }
  8.  
  9. * {
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13.  
  14. body {
  15.     background: url(images/img04.jpg) repeat left top;
  16. }
  17.  
  18. body, th, td, input, textarea {
  19.     text-align: justify;
  20.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  21.     font-size: 12px;
  22.     color: #666666;
  23. }
  24.  
  25. form {
  26. }
  27.  
  28. fieldset {
  29. }
  30.  
  31. input, textarea {
  32.     font-weight: bold;
  33. }
  34.  
  35. input.text {
  36.     padding: 2px 5px;
  37.     background: #F8FAEB;
  38.     border-top: 1px solid #4D5719;
  39.     border-left: 1px solid #4D5719;
  40.     border-right: 1px solid #626456;
  41.     border-bottom: 1px solid #626456;
  42. }
  43.  
  44. input.button {
  45.     background: #3C7BCF;
  46.     border-top: 1px solid #3C7BCF;
  47.     border-left: 1px solid #3C7BCF;
  48.     border-right: 1px solid #3C7BCF;
  49.     border-bottom: 1px solid #3C7BCF;
  50.     color: #FFFFFF;
  51. }
  52.  
  53. h1, h2, h3 {
  54.     margin-top: 1.5em;
  55.     color: #00B4CE;
  56. }
  57.  
  58. h1 {
  59.     letter-spacing: -.075em;
  60.     font-size: 3em;
  61. }
  62.  
  63. h2 {
  64.     letter-spacing: -.05em;
  65.     text-transform: uppercase;
  66.     font-size: 1.1em;
  67.     font-weight: bold;
  68.     color: #00B4CE;
  69. }
  70.  
  71. h3 {
  72.     font-size: 1em;
  73. }
  74.  
  75. p, ul, ol {
  76.     margin-top: 1.5em;
  77.     line-height: 1.8em;
  78.     font-size: 1.1em;
  79. }
  80.  
  81. ul, ol {
  82.     margin-left: 3em;
  83. }
  84.  
  85. blockquote {
  86.     margin-left: 3em;
  87.     margin-right: 3em;
  88. }
  89.  
  90. a {
  91.     text-decoration: none;
  92.     color: #75043D;
  93. }
  94.  
  95. a:hover {
  96.     border: none;
  97. }
  98.  
  99. h1 a, h2 a, h3 a {
  100.     border: none;
  101.     text-decoration: none;
  102.     color: #00B4CE;
  103. }
  104.  
  105. h1 a:hover, h2 a:hover, h3 a:hover {
  106.     background: none;
  107.     color: #B10961;
  108. }
  109.  
  110. hr {
  111.     display: none;
  112. }
  113.  
  114. /* Wrapper */
  115.  
  116. #wrapper {
  117.     width: 800px;
  118.     min-height: 100%;
  119.     height: 100%;
  120.     margin: 0 auto;
  121.     padding: 0;    
  122.     background: url(images/img03.jpg) repeat-y left top;
  123. }
  124.  
  125. html>body #wrapper { height: auto; }
  126.  
  127. /* Header */
  128.  
  129. #header {
  130.     width: 800px;
  131.     margin: 0 auto;
  132.     background: url(images/img01.jpg) no-repeat top left;
  133. }
  134.  
  135. #menu {
  136.     height: 80px;
  137.     width: 976px;
  138. }
  139.  
  140. #menu ul {
  141.     margin: 0;
  142.     padding: 0;
  143.     list-style: none;
  144.     line-height: normal;
  145. }
  146.  
  147. #menu li {
  148.     float: left;
  149. }
  150.  
  151. #menu a {
  152.     display: block;
  153.     float: left;
  154.     padding: 15px 30px 16px 30px;
  155.     letter-spacing: -1px;
  156.     text-decoration: none;
  157.     text-transform: uppercase;
  158.     font-family: Arial, Helvetica, sans-serif;
  159.     font-size: 14px;
  160.     font-weight: bold;
  161.     color: #FFFFFF;
  162. }
  163.  
  164. #menu a:hover {
  165.     color: #FFFFFF;
  166. }
  167.  
  168. #menu .current_page_item a {
  169.     padding: 15px 30px 16px 30px;
  170.     color: #FFFFFF;
  171. }
  172.  
  173. #menu .last{
  174. }
  175.  
  176. #search {
  177.     float: right;
  178.     width: 260px;
  179.     margin: 0px;
  180.     padding-top: 7px;
  181. }
  182.  
  183. #search fieldset {
  184.     border: none;
  185. }
  186.  
  187. #search #s {
  188.     width: 160px;
  189. }
  190.  
  191. #search #x {
  192.     width: 80px;
  193. }
  194.  
  195. /* Logo */
  196.  
  197. #logo {
  198.     width: 760px;
  199.     height: 114px;
  200.     margin: 0 auto;
  201.     background: url(images/img05.jpg) no-repeat left top;
  202. }
  203.  
  204. #logo h1, #logo h2 {
  205.     margin: 0;
  206.     padding: 0;
  207.     text-transform: lowercase;
  208. }
  209.  
  210. #logo h1 {
  211.     padding: 10px 5px 0 40px;
  212.     font-size: 48px;
  213.     color: #FFFFFF;
  214. }
  215.  
  216. #logo h2 {
  217.     padding: 0px 0 0 40px;
  218.     text-transform: uppercase;
  219.     font-family: Arial, Helvetica, sans-serif;
  220.     font-size: 14px;
  221.     color: #333333;
  222. }
  223.  
  224. #logo p {
  225.     clear: left;
  226.     margin: 0;
  227.     padding: 0 0 0 20px;
  228.     line-height: normal;
  229.     font-size: 1.2em;
  230.     font-weight: bold;
  231.     color: #C2C5B1;
  232. }
  233.  
  234. #logo a {
  235.     color: #FFFFFF;
  236. }
  237.  
  238. /* Page */
  239.  
  240. #page {
  241.     width: 800px;
  242.     margin: 0 auto;
  243.     padding-top: 30px;
  244.     border-top: none;
  245. }
  246.  
  247. /* Content */
  248.  
  249. #content {
  250.     float: left;
  251.     width: 420px;
  252. }
  253.  
  254. .post {
  255. }
  256.  
  257. .post .title {
  258.     margin: 0;
  259.     font-weight: normal;
  260. }
  261.  
  262. .post h1.title {
  263.     padding: 25px 0  0 15px;
  264.     height: 40px;
  265.     font-size: 30px;
  266.     font-family: Arial, Helvetica, sans-serif;
  267.     text-transform: lowercase;
  268. }
  269.  
  270. .post .entry {
  271.     padding: 0 25px 30px 15px;
  272. }
  273.  
  274. .post .meta {
  275.     margin: 0;
  276.     padding: 0px 0px 0px 15px;
  277.     text-transform: uppercase;
  278.     font-family: Arial, Helvetica, sans-serif;
  279.     font-size: 10px;
  280.     color: #CFCFCF;
  281. }
  282.  
  283. .post .meta a {
  284.     color: #75043D;
  285. }
  286.  
  287. .post .links {
  288.     margin: 0;
  289.     padding: 0px 0px 15px 15px;
  290. }
  291.  
  292. .post .tags {
  293.     margin: 0;
  294.     padding: 5px 10px 5px 15px;
  295.     text-transform: uppercase;
  296.     font-size: 10px;
  297.     font-family: Arial, Helvetica, sans-serif;
  298.     font-weight: bold;
  299. }
  300.  
  301. .post .links a, .post .tags a {
  302.     border: none;
  303. }
  304.  
  305. .post .links a {
  306.     font-weight: bold;
  307.     border-bottom: #1CC3D9 1px solid;
  308. }
  309.  
  310. /* Recent Posts */
  311.  
  312. #recent-posts {
  313. }
  314.  
  315. #recent-posts h2 {
  316.     margin: 0;
  317.     padding: 15px 0  0 0px;
  318.     height: 30px;
  319.     font-family: Arial, Helvetica, sans-serif;
  320.     color: #1CC3D9;
  321. }
  322.  
  323. #recent-posts h3 {
  324.     margin: 0;
  325.     padding: 15px 0  0 0px;
  326.     font-size: 13px;
  327. }
  328.  
  329. #recent-posts p {
  330.     margin: 0 0 10px 0;
  331.     padding: 15px 0  20px 0px;
  332.     border-bottom: #1CC3D9 1px solid;
  333.     line-height: 18px;
  334.     font-size: 13px;
  335. }
  336.  
  337. #recent-posts a {
  338.     padding: 3px 15px 3px 0px;
  339.     text-transform: uppercase;
  340.     font-family: Arial, Helvetica, sans-serif;
  341.     font-size: 11px;
  342.     font-weight: bold;
  343.     color: #1CC3D9;
  344. }
  345.  
  346. #recent-posts h3 a {
  347. }
  348.  
  349. /* Sidebars */
  350.  
  351. .sidebar {
  352.     float: left;
  353. }
  354.  
  355. .sidebar ul {
  356.     margin: 0;
  357.     padding: 0;
  358.     list-style: none;
  359. }
  360.  
  361. .sidebar li {
  362.     margin-bottom: 2em;
  363. }
  364.  
  365. .sidebar li ul {
  366. }
  367.  
  368. .sidebar li li {
  369.     margin: 0;
  370. }
  371.  
  372. .sidebar li h2 {
  373.     margin: 0 0 10px 0;
  374.     font-family: Arial, Helvetica, sans-serif;
  375.     color: #00B4CE;
  376. }
  377.  
  378. #sidebar1 {
  379.     width: 180px;
  380.     padding: 0px 20px 0px 0px;
  381. }
  382.  
  383. #sidebar2 {
  384.     width: 180px;
  385.     padding: 0px 0px 0px 0px;
  386. }
  387.  
  388. #sidebar2 li h2 {
  389.     margin: 0 0 1em 0;
  390.     padding: 15px 0  0 0px;
  391.     height: 20px;
  392. }
  393.  
  394. #sidebar2 li ul {
  395.     line-height: normal;
  396. }
  397.  
  398. #sidebar2 li li {
  399.     padding: 5px;
  400.     font-size: 10px;
  401.     font-family: Arial, Helvetica, sans-serif;
  402. }
  403.  
  404. #sidebar2 li a {
  405.     border: none;
  406.     padding-left: 10px;
  407.     text-transform: uppercase;
  408. }
  409.  
  410. #sidebar2 li a:hover {
  411.     border: none;
  412.     padding-left: 10px;
  413. }
  414.  
  415. /* Calendar */
  416.  
  417. #calendar {
  418.     margin: 0 auto;
  419. }
  420.  
  421. #calendar caption {
  422.     font-weight: bold;
  423. }
  424.  
  425. #calendar table {
  426.     width: 220px;
  427.     text-align: center;
  428.     border-collapse: collapse;
  429. }
  430.  
  431. #calendar thead th {
  432.     background: #CCCCCC;
  433.     color: #FFFFFF;
  434. }
  435.  
  436. #calendar tbody td {
  437.     background: #EEEEEE;
  438. }
  439.  
  440. #calendar #today {
  441.     background: #B8D03B;
  442.     font-weight: bold;
  443.     color: #FFFFFF;
  444. }
  445.  
  446. #calendar a {
  447.     font-weight: bold;
  448. }
  449.  
  450. #calendar #prev {
  451.     text-align: left;
  452. }
  453.  
  454. #calendar #next {
  455.     text-align: right;
  456. }
  457.  
  458. /* Footer */
  459.  
  460. #footer {
  461.     margin: 0 auto;
  462.     background: url(images/img02.jpg) no-repeat left bottom;
  463.     height: 80px;
  464. }
  465.  
  466. #footer p {
  467.     padding-top: 45px;
  468.     text-align: center;
  469.     text-transform: uppercase;
  470.     font-family: Arial, Helvetica, sans-serif;
  471.     font-size: 10px;
  472.     color: #FFFFFF;
  473. }
  474.  
  475. #footer a {
  476.     padding: 2px 7px;
  477.     color: #FFFFFF;
  478. }