home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Blogs / wordpress2.6.exe / wordpress2.6 / wp-content / themes / default / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-07-12  |  9.6 KB  |  679 lines
  1. /*
  2. Theme Name: WordPress Default
  3. Theme URI: http://wordpress.org/
  4. Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
  5. Version: 1.6
  6. Author: Michael Heilemann
  7. Author URI: http://binarybonsai.com/
  8. Tags: blue, custom header, fixed width, two columns, widgets
  9.  
  10.     Kubrick v1.5
  11.      http://binarybonsai.com/kubrick/
  12.  
  13.     This theme was designed and built by Michael Heilemann,
  14.     whose blog you will find at http://binarybonsai.com/
  15.  
  16.     The CSS, XHTML and design is released under GPL:
  17.     http://www.opensource.org/licenses/gpl-license.php
  18.  
  19. */
  20.  
  21.  
  22.  
  23. /* Begin Typography & Colors */
  24. body {
  25.     font-size: 62.5%; /* Resets 1em to 10px */
  26.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  27.     background: #d5d6d7 url('images/kubrickbgcolor.jpg');
  28.     color: #333;
  29.     text-align: center;
  30.     }
  31.  
  32. #page {
  33.     background-color: white;
  34.     border: 1px solid #959596;
  35.     text-align: left;
  36.     }
  37.  
  38. #header {
  39.     background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
  40.     }
  41.  
  42. #headerimg     {
  43.     margin: 7px 9px 0;
  44.     height: 192px;
  45.     width: 740px;
  46.     }
  47.  
  48. #content {
  49.     font-size: 1.2em
  50.     }
  51.  
  52. .widecolumn .entry p {
  53.     font-size: 1.05em;
  54.     }
  55.  
  56. .narrowcolumn .entry, .widecolumn .entry {
  57.     line-height: 1.4em;
  58.     }
  59.  
  60. .widecolumn {
  61.     line-height: 1.6em;
  62.     }
  63.  
  64. .narrowcolumn .postmetadata {
  65.     text-align: center;
  66.     }
  67.  
  68. .alt {
  69.     background-color: #f8f8f8;
  70.     border-top: 1px solid #ddd;
  71.     border-bottom: 1px solid #ddd;
  72.     }
  73.  
  74. #footer {
  75.     background: #eee url('images/kubrickfooter.jpg') no-repeat top;
  76.     border: none;
  77.     }
  78.  
  79. small {
  80.     font-family: Arial, Helvetica, Sans-Serif;
  81.     font-size: 0.9em;
  82.     line-height: 1.5em;
  83.     }
  84.  
  85. h1, h2, h3 {
  86.     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  87.     font-weight: bold;
  88.     }
  89.  
  90. h1 {
  91.     font-size: 4em;
  92.     text-align: center;
  93.     }
  94.  
  95. #headerimg .description {
  96.     font-size: 1.2em;
  97.     text-align: center;
  98.     }
  99.  
  100. h2 {
  101.     font-size: 1.6em;
  102.     }
  103.  
  104. h2.pagetitle {
  105.     font-size: 1.6em;
  106.     }
  107.  
  108. #sidebar h2 {
  109.     font-family: 'Lucida Grande', Verdana, Sans-Serif;
  110.     font-size: 1.2em;
  111.     }
  112.  
  113. h3 {
  114.     font-size: 1.3em;
  115.     }
  116.  
  117. h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  118.     text-decoration: none;
  119.     color: white;
  120.     }
  121.  
  122. h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  123.     color: #333;
  124.     }
  125.  
  126. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  127.     text-decoration: none;
  128.     }
  129.  
  130. .entry p a:visited {
  131.     color: #b85b5a;
  132.     }
  133.  
  134. .commentlist li, #commentform input, #commentform textarea {
  135.     font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  136.     }
  137.  
  138. .commentlist li {
  139.     font-weight: bold;
  140.     }
  141.  
  142. .commentlist li .avatar { 
  143.     float: right;
  144.     border: 1px solid #eee;
  145.     padding: 2px;
  146.     background: #fff;
  147.     }
  148.  
  149. .commentlist cite, .commentlist cite a {
  150.     font-weight: bold;
  151.     font-style: normal;
  152.     font-size: 1.1em;
  153.     }
  154.  
  155. .commentlist p {
  156.     font-weight: normal;
  157.     line-height: 1.5em;
  158.     text-transform: none;
  159.     }
  160.  
  161. #commentform p {
  162.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  163.     }
  164.  
  165. .commentmetadata {
  166.     font-weight: normal;
  167.     }
  168.  
  169. #sidebar {
  170.     font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  171.     }
  172.  
  173. small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  174.     color: #777;
  175.     }
  176.  
  177. code {
  178.     font: 1.1em 'Courier New', Courier, Fixed;
  179.     }
  180.  
  181. acronym, abbr, span.caps
  182. {
  183.     font-size: 0.9em;
  184.     letter-spacing: .07em;
  185.     }
  186.  
  187. a, h2 a:hover, h3 a:hover {
  188.     color: #06c;
  189.     text-decoration: none;
  190.     }
  191.  
  192. a:hover {
  193.     color: #147;
  194.     text-decoration: underline;
  195.     }
  196.  
  197. #wp-calendar #prev a, #wp-calendar #next a {
  198.     font-size: 9pt;
  199.     }
  200.  
  201. #wp-calendar a {
  202.     text-decoration: none;
  203.     }
  204.  
  205. #wp-calendar caption {
  206.     font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  207.     text-align: center;
  208.     }
  209.  
  210. #wp-calendar th {
  211.     font-style: normal;
  212.     text-transform: capitalize;
  213.     }
  214. /* End Typography & Colors */
  215.  
  216.  
  217.  
  218. /* Begin Structure */
  219. body {
  220.     margin: 0 0 20px 0;
  221.     padding: 0;
  222.     }
  223.  
  224. #page {
  225.     background-color: white;
  226.     margin: 20px auto;
  227.     padding: 0;
  228.     width: 760px;
  229.     border: 1px solid #959596;
  230.     }
  231.  
  232. #header {
  233.     background-color: #73a0c5;
  234.     margin: 0 0 0 1px;
  235.     padding: 0;
  236.     height: 200px;
  237.     width: 758px;
  238.     }
  239.  
  240. #headerimg {
  241.     margin: 0;
  242.     height: 200px;
  243.     width: 100%;
  244.     }
  245.  
  246. .narrowcolumn {
  247.     float: left;
  248.     padding: 0 0 20px 45px;
  249.     margin: 0px 0 0;
  250.     width: 450px;
  251.     }
  252.  
  253. .widecolumn {
  254.     padding: 10px 0 20px 0;
  255.     margin: 5px 0 0 150px;
  256.     width: 450px;
  257.     }
  258.  
  259. .post {
  260.     margin: 0 0 40px;
  261.     text-align: justify;
  262.     }
  263.  
  264. .post hr {
  265.     display: block;
  266.     }
  267.  
  268. .widecolumn .post {
  269.     margin: 0;
  270.     }
  271.  
  272. .narrowcolumn .postmetadata {
  273.     padding-top: 5px;
  274.     }
  275.  
  276. .widecolumn .postmetadata {
  277.     margin: 30px 0;
  278.     }
  279.  
  280. .widecolumn .smallattachment {
  281.     text-align: center;
  282.     float: left;
  283.     width: 128px;
  284.     margin: 5px 5px 5px 0px;
  285. }
  286.  
  287. .widecolumn .attachment {
  288.     text-align: center;
  289.     margin: 5px 0px;
  290. }
  291.  
  292. .postmetadata {
  293.     clear: both;
  294. }
  295.  
  296. .clear {
  297.     clear: both;
  298. }
  299.  
  300. #footer {
  301.     padding: 0;
  302.     margin: 0 auto;
  303.     width: 760px;
  304.     clear: both;
  305.     }
  306.  
  307. #footer p {
  308.     margin: 0;
  309.     padding: 20px 0;
  310.     text-align: center;
  311.     }
  312. /* End Structure */
  313.  
  314.  
  315.  
  316. /*    Begin Headers */
  317. h1 {
  318.     padding-top: 70px;
  319.     margin: 0;
  320.     }
  321.  
  322. h2 {
  323.     margin: 30px 0 0;
  324.     }
  325.  
  326. h2.pagetitle {
  327.     margin-top: 30px;
  328.     text-align: center;
  329. }
  330.  
  331. #sidebar h2 {
  332.     margin: 5px 0 0;
  333.     padding: 0;
  334.     }
  335.  
  336. h3 {
  337.     padding: 0;
  338.     margin: 30px 0 0;
  339.     }
  340.  
  341. h3.comments {
  342.     padding: 0;
  343.     margin: 40px auto 20px ;
  344.     }
  345. /* End Headers */
  346.  
  347.  
  348.  
  349. /* Begin Images */
  350. p img {
  351.     padding: 0;
  352.     max-width: 100%;
  353.     }
  354.  
  355. /*    Using 'class="alignright"' on an image will (who would've
  356.     thought?!) align the image to the right. And using 'class="centered',
  357.     will of course center the image. This is much better than using
  358.     align="center", being much more futureproof (and valid) */
  359.  
  360. img.centered {
  361.     display: block;
  362.     margin-left: auto;
  363.     margin-right: auto;
  364.     }
  365.  
  366. img.alignright {
  367.     padding: 4px;
  368.     margin: 0 0 2px 7px;
  369.     display: inline;
  370.     }
  371.  
  372. img.alignleft {
  373.     padding: 4px;
  374.     margin: 0 7px 2px 0;
  375.     display: inline;
  376.     }
  377.  
  378. .alignright {
  379.     float: right;
  380.     }
  381.  
  382. .alignleft {
  383.     float: left
  384.     }
  385. /* End Images */
  386.  
  387.  
  388.  
  389. /* Begin Lists
  390.  
  391.     Special stylized non-IE bullets
  392.     Do not work in Internet Explorer, which merely default to normal bullets. */
  393.  
  394. html>body .entry ul {
  395.     margin-left: 0px;
  396.     padding: 0 0 0 30px;
  397.     list-style: none;
  398.     padding-left: 10px;
  399.     text-indent: -10px;
  400.     }
  401.  
  402. html>body .entry li {
  403.     margin: 7px 0 8px 10px;
  404.     }
  405.  
  406. .entry ul li:before, #sidebar ul ul li:before {
  407.     content: "\00BB \0020";
  408.     }
  409.  
  410. .entry ol {
  411.     padding: 0 0 0 35px;
  412.     margin: 0;
  413.     }
  414.  
  415. .entry ol li {
  416.     margin: 0;
  417.     padding: 0;
  418.     }
  419.  
  420. .postmetadata ul, .postmetadata li {
  421.     display: inline;
  422.     list-style-type: none;
  423.     list-style-image: none;
  424.     }
  425.  
  426. #sidebar ul, #sidebar ul ol {
  427.     margin: 0;
  428.     padding: 0;
  429.     }
  430.  
  431. #sidebar ul li {
  432.     list-style-type: none;
  433.     list-style-image: none;
  434.     margin-bottom: 15px;
  435.     }
  436.  
  437. #sidebar ul p, #sidebar ul select {
  438.     margin: 5px 0 8px;
  439.     }
  440.  
  441. #sidebar ul ul, #sidebar ul ol {
  442.     margin: 5px 0 0 10px;
  443.     }
  444.  
  445. #sidebar ul ul ul, #sidebar ul ol {
  446.     margin: 0 0 0 10px;
  447.     }
  448.  
  449. ol li, #sidebar ul ol li {
  450.     list-style: decimal outside;
  451.     }
  452.  
  453. #sidebar ul ul li, #sidebar ul ol li {
  454.     margin: 3px 0 0;
  455.     padding: 0;
  456.     }
  457. /* End Entry Lists */
  458.  
  459.  
  460.  
  461. /* Begin Form Elements */
  462. #searchform {
  463.     margin: 10px auto;
  464.     padding: 5px 3px;
  465.     text-align: center;
  466.     }
  467.  
  468. #sidebar #searchform #s {
  469.     width: 108px;
  470.     padding: 2px;
  471.     }
  472.  
  473. #sidebar #searchsubmit {
  474.     padding: 1px;
  475.     }
  476.  
  477. .entry form { /* This is mainly for password protected posts, makes them look better. */
  478.     text-align:center;
  479.     }
  480.  
  481. select {
  482.     width: 130px;
  483.     }
  484.  
  485. #commentform input {
  486.     width: 170px;
  487.     padding: 2px;
  488.     margin: 5px 5px 1px 0;
  489.     }
  490.  
  491. #commentform textarea {
  492.     width: 100%;
  493.     padding: 2px;
  494.     }
  495.  
  496. #commentform #submit {
  497.     margin: 0;
  498.     float: right;
  499.     }
  500. /* End Form Elements */
  501.  
  502.  
  503.  
  504. /* Begin Comments*/
  505. .alt {
  506.     margin: 0;
  507.     padding: 10px;
  508.     }
  509.  
  510. .commentlist {
  511.     padding: 0;
  512.     text-align: justify;
  513.     }
  514.  
  515. .commentlist li {
  516.     margin: 15px 0 3px;
  517.     padding: 5px 10px 3px;
  518.     list-style: none;
  519.     }
  520.  
  521. .commentlist p {
  522.     margin: 10px 5px 10px 0;
  523.     }
  524.  
  525. #commentform p {
  526.     margin: 5px 0;
  527.     }
  528.  
  529. .nocomments {
  530.     text-align: center;
  531.     margin: 0;
  532.     padding: 0;
  533.     }
  534.  
  535. .commentmetadata {
  536.     margin: 0;
  537.     display: block;
  538.     }
  539. /* End Comments */
  540.  
  541.  
  542.  
  543. /* Begin Sidebar */
  544. #sidebar
  545. {
  546.     padding: 20px 0 10px 0;
  547.     margin-left: 545px;
  548.     width: 190px;
  549.     }
  550.  
  551. #sidebar form {
  552.     margin: 0;
  553.     }
  554. /* End Sidebar */
  555.  
  556.  
  557.  
  558. /* Begin Calendar */
  559. #wp-calendar {
  560.     empty-cells: show;
  561.     margin: 10px auto 0;
  562.     width: 155px;
  563.     }
  564.  
  565. #wp-calendar #next a {
  566.     padding-right: 10px;
  567.     text-align: right;
  568.     }
  569.  
  570. #wp-calendar #prev a {
  571.     padding-left: 10px;
  572.     text-align: left;
  573.     }
  574.  
  575. #wp-calendar a {
  576.     display: block;
  577.     }
  578.  
  579. #wp-calendar caption {
  580.     text-align: center;
  581.     width: 100%;
  582.     }
  583.  
  584. #wp-calendar td {
  585.     padding: 3px 0;
  586.     text-align: center;
  587.     }
  588.  
  589. #wp-calendar td.pad:hover { /* Doesn't work in IE */
  590.     background-color: #fff; }
  591. /* End Calendar */
  592.  
  593.  
  594.  
  595. /* Begin Various Tags & Classes */
  596. acronym, abbr, span.caps {
  597.     cursor: help;
  598.     }
  599.  
  600. acronym, abbr {
  601.     border-bottom: 1px dashed #999;
  602.     }
  603.  
  604. blockquote {
  605.     margin: 15px 30px 0 10px;
  606.     padding-left: 20px;
  607.     border-left: 5px solid #ddd;
  608.     }
  609.  
  610. blockquote cite {
  611.     margin: 5px 0 0;
  612.     display: block;
  613.     }
  614.  
  615. .center {
  616.     text-align: center;
  617.     }
  618.  
  619. .hidden {
  620.     display: none;
  621.     }
  622.  
  623. hr {
  624.     display: none;
  625.     }
  626.  
  627. a img {
  628.     border: none;
  629.     }
  630.  
  631. .navigation {
  632.     display: block;
  633.     text-align: center;
  634.     margin-top: 10px;
  635.     margin-bottom: 60px;
  636.     }
  637. /* End Various Tags & Classes*/
  638.  
  639.  
  640.  
  641. /* Captions */
  642. .aligncenter,
  643. div.aligncenter {
  644.     display: block;
  645.     margin-left: auto;
  646.     margin-right: auto;
  647. }
  648.  
  649. .wp-caption {
  650.     border: 1px solid #ddd;
  651.     text-align: center;
  652.     background-color: #f3f3f3;
  653.     padding-top: 4px;
  654.     margin: 10px;
  655.     -moz-border-radius: 3px;
  656.     -khtml-border-radius: 3px;
  657.     -webkit-border-radius: 3px;
  658.     border-radius: 3px;
  659. }
  660.  
  661. .wp-caption img {
  662.     margin: 0;
  663.     padding: 0;
  664.     border: 0 none;
  665. }
  666.  
  667. .wp-caption p.wp-caption-text {
  668.     font-size: 11px;
  669.     line-height: 17px;
  670.     padding: 0 4px 5px;
  671.     margin: 0;
  672. }
  673. /* End captions */
  674.  
  675.  
  676. /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
  677.     It won't be a stylish marriage, I can't afford a carriage.
  678.     But you'll look sweet upon the seat of a bicycle built for two." */
  679.