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