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