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