home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / birdwatch / default.css next >
Cascading Style Sheet File  |  2007-03-08  |  5KB  |  352 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.     margin: 0;
  14.     background: #FFFFFF url(images/img01.gif) repeat-x 0 130px;
  15.     font: normal small Verdana, Arial, Helvetica, sans-serif;
  16.     color: #959595;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     font-family: Georgia, "Times New Roman", Times, serif;
  21.     color: #385B88;
  22. }
  23.  
  24. h2 {
  25.     margin-bottom: .8em;
  26.     font-size: 2em;
  27.     font-weight: normal;
  28. }
  29.  
  30. h3 {
  31.     margin-bottom: 1em;
  32.     text-transform: uppercase;
  33.     letter-spacing: 2px;
  34.     font: bold x-small Verdana, Arial, Helvetica, sans-serif;
  35. }
  36.  
  37. p, blockquote, ul, ol {
  38.     margin-bottom: 1.4em;
  39.     line-height: 1.8em;
  40.     text-align: justify;
  41. }
  42.  
  43. p {
  44. }
  45.  
  46. blockquote {
  47.     margin-left: 2em;
  48.     margin-right: 2em;
  49.     font-style: italic;
  50. }
  51.  
  52. ul {
  53.     margin-left: 3em;
  54. }
  55.  
  56. ul li {
  57. }
  58.  
  59. ol {
  60.     margin-left: 3em;
  61. }
  62.  
  63. ol li {
  64. }
  65.  
  66. a {
  67.     text-decoration: none;
  68.     color: #E08934;
  69. }
  70.  
  71. a:hover {
  72.     text-decoration: underline;
  73. }
  74.  
  75. img {
  76. }
  77.  
  78. /* Boxed Style */
  79.  
  80. .boxed {
  81. }
  82.  
  83. .boxed .title {
  84.     padding: 0px 0 0 10px;
  85.     background: url(images/img03.gif) no-repeat left center;
  86.     border-bottom: 1px solid #D6D5D5;
  87.     font-size: 1.4em;
  88. }
  89.  
  90. .boxed .content {
  91.     padding: 10px;
  92. }
  93.  
  94. /* Post */
  95.  
  96. .post {
  97. }
  98.  
  99. .post .title {
  100.     margin: 0;
  101.     padding: 0 0 0 10px;
  102.     border-bottom: 1px solid #D6D5D5;
  103. }
  104.  
  105. .post .date {
  106.     margin-top: -26px;
  107.     font-family: Georgia, "Times New Roman", Times, serif;
  108. }
  109.  
  110. .post .date .month {
  111.     display: block;
  112.     float: right;
  113.     width: 60px;
  114.     margin-bottom: 3px;
  115.     padding: 5px 0;
  116.     background: #D6D5D5;
  117.     text-align: center;
  118.     font-size: 11px;
  119. }
  120.  
  121. .post .date .day {
  122.     display: block;
  123.     float: right;
  124.     clear: right;
  125.     width: 60px;
  126.     margin-bottom: 1px;
  127.     padding: 10px 0;
  128.     background: #EAEAEA;
  129.     text-align: center;
  130.     font-size: 24px;
  131. }
  132.  
  133. .post .date .year {
  134.     display: none;
  135. }
  136.  
  137. .post .meta {
  138.     padding: 30px 0 5px 10px;
  139.     border-bottom: 1px solid #EAEAEA;
  140.     font-size: 9px;
  141. }
  142.  
  143. .post .meta p {
  144.     margin: 0;
  145. }
  146.  
  147. .post .story {
  148.     padding: 20px 40px;
  149. }
  150.  
  151. /* Logo */
  152.  
  153. #logo {
  154.     width: 770px;
  155.     height: 200px;
  156.     margin: 0 auto;
  157.     background: url(images/img02.gif) no-repeat 0 65px;
  158. }
  159.  
  160. #logo h1 {
  161.     padding: 106px 0 0 40px;
  162. }
  163.  
  164. #logo h1 a {
  165.     text-transform: uppercase;
  166.     font-size: 30px;
  167.     color: #FFFFFF;
  168. }
  169.  
  170. #logo h1 i {
  171.     text-transform: lowercase;
  172.     letter-spacing: -3px;
  173.     font: italic normal 48px Georgia, "Times New Roman", Times, serif;
  174.     color: #385B88;
  175. }
  176.  
  177. #logo h2 {
  178.     padding: 0 0 0 42px;
  179.     text-transform: lowercase;
  180.     font-size: 1em;
  181. }
  182.  
  183. #logo a {
  184. }
  185.  
  186. /* Content */
  187.  
  188. #content {
  189.     width: 770px;
  190.     margin: 0 auto;
  191. }
  192.  
  193. /* Content > Main */
  194.  
  195. #main {
  196.     float: right;
  197.     width: 500px;
  198.     margin-top: -170px;
  199. }
  200.  
  201. /* Content > Main > Welcome */
  202.  
  203. #welcome {
  204. }
  205.  
  206. /* Content > Main > Example */
  207.  
  208. #example {
  209. }
  210.  
  211. /* Content > Sidebar */
  212.  
  213. #sidebar {
  214.     float: left;
  215.     width: 240px;
  216. }
  217.  
  218. /* Content > Sidebar > Login */
  219.  
  220. #login {
  221. }
  222.  
  223. #login form {
  224. }
  225.  
  226. #login fieldset {
  227.     border: none;
  228. }
  229.  
  230. #login legend {
  231.     display: none;
  232. }
  233.  
  234. #login label {
  235.     font-size: x-small;
  236.     font-weight: bold;
  237. }
  238.  
  239. #login input {
  240.     margin-bottom: 5px;
  241.     padding: 2px 5px;
  242.     border: 1px solid #385B88;
  243.     font-family: Verdana, Arial, Helvetica, sans-serif;
  244. }
  245.  
  246. #inputtext1, #inputtext2 {
  247.     color: #385B88;
  248. }
  249.  
  250. #inputsubmit1 {
  251.     background: #385B88;
  252.     color: #FFFFFF;
  253. }
  254.  
  255. /* Content > Sidebar > Menu */
  256.  
  257. #menu {
  258.     margin-bottom: 30px;
  259.     border-bottom: 4px solid #EBEBEB;
  260. }
  261.  
  262. #menu ul {
  263.     margin: 0;
  264.     list-style: none;
  265.     line-height: normal;
  266. }
  267.  
  268. #menu li {
  269.     display: inline;
  270. }
  271.  
  272. #menu a {
  273.     display: block;
  274.     padding: 10px 0 10px 24px;
  275.     background: url(images/img05.gif) no-repeat 10px 17px;
  276.     border-top: 1px solid #EBEBEB;
  277.     color: #E08934;
  278. }
  279.  
  280. #menu a:hover, #menu .active a {
  281.     background: #EBEEF3;
  282.     text-decoration: none;
  283.     font-weight: bold;
  284.     color: #385B88;
  285. }
  286.  
  287. /* Content > Sidebar > Updates*/
  288.  
  289. #updates {
  290. }
  291.  
  292. #updates ul {
  293.     margin: 0;
  294.     list-style: none;
  295. }
  296.  
  297. #updates h3 {
  298.     margin: 0;
  299.     font: bold x-small Verdana, Arial, Helvetica, sans-serif;
  300. }
  301.  
  302. #updates p {
  303.     margin-bottom: 1.4em;
  304.     font-size: smaller;
  305.     line-height: normal;
  306. }
  307.  
  308. /* Content > Sidebar > Partners*/
  309.  
  310. #partners {
  311. }
  312.  
  313. #partners .content {
  314.     padding: 10px 0;
  315. }
  316.  
  317. #partners ul {
  318.     margin: 0;
  319.     border-bottom: 1px solid #D1BC5C;
  320.     list-style: none;
  321.     line-height: normal;
  322. }
  323.  
  324. #partners li {
  325.     padding: 10px;
  326.     border-top: 1px solid #D1BC5C;
  327. }
  328.  
  329. /* Footer */
  330.  
  331. #footer {
  332.     clear: both;
  333.     padding: 20px 50px;
  334.     border-top: 4px solid #D6D5D5;
  335.     background: #EAEAEA;
  336. }
  337.  
  338. #footer p {
  339.     width: 770px;
  340.     margin: 0 auto;
  341.     font-size: x-small;
  342. }
  343.  
  344. /* Footer > Legal */
  345.  
  346. #legal {
  347. }
  348.  
  349. /* Footer > Links */
  350.  
  351. #links {
  352. }