Don't like ads? PRO users don't see any ads ;-)
Guest

shylaz

By: a guest on Jul 9th, 2008  |  syntax: CSS  |  size: 12.10 KB  |  hits: 34  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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: #fafaf0 !important;
  70.         border: 1px solid #e8e7d0;
  71.         padding: 2px;
  72.         }
  73.  
  74. .related {
  75.         background: #fafaf0 url('images/external.gif') no-repeat center right;
  76.         border: 1px solid #e8e7d0;
  77.         padding-left: 5px;
  78.         }
  79.  
  80. #footer {
  81.         background: #eee url('images/kubrickfooter.jpg') no-repeat top;
  82.         border: none;
  83.         }
  84.  
  85. small {
  86.         font-family: Arial, Helvetica, Sans-Serif;
  87.         font-size: 0.9em;
  88.         line-height: 1.5em;
  89.         }
  90.  
  91. h1, h2, h3 {
  92.         font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  93.         font-weight: bold;
  94.         }
  95.  
  96. h1 {
  97.         font-size: 4em;
  98.         text-align: center;
  99.         }
  100.  
  101. #headerimg .description {
  102.         font-size: 1.2em;
  103.         text-align: center;
  104.         }
  105.  
  106. h2 {
  107.         font-size: 1.6em;
  108.         }
  109.  
  110. h2.pagetitle {
  111.         font-size: 1.6em;
  112.         }
  113.  
  114. #sidebar h2 {
  115.         font-family: 'Lucida Grande', Verdana, Sans-Serif;
  116.         font-size: 1.2em;
  117.         }
  118.  
  119. h3 {
  120.         font-size: 1.3em;
  121.         }
  122.  
  123. h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  124.         text-decoration: none;
  125.         color: white;
  126.         }
  127.  
  128. h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  129.         color: #333;
  130.         }
  131.  
  132. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  133.         text-decoration: none;
  134.         }
  135.  
  136. .entry p a:visited {
  137.         color: #b85b5a;
  138.         }
  139.  
  140. .commentlist li, #commentform input, #commentform textarea {
  141.         font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  142.         }
  143.  
  144. .commentlist li {
  145.         font-weight: bold;
  146.         }
  147.  
  148. .commentlist li .avatar {
  149.         float: right;
  150.         border: 1px solid #eee;
  151.         padding: 2px;
  152.         background: #fff;
  153.         }
  154.  
  155. .commentlist cite, .commentlist cite a {
  156.         font-weight: bold;
  157.         font-style: normal;
  158.         font-size: 1.1em;
  159.         color: #000000;
  160.         }
  161.  
  162. .commentlist p {
  163.         font-weight: normal;
  164.         line-height: 1.5em;
  165.         text-transform: none;
  166.         }
  167.  
  168. #commentform p {
  169.         font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  170.         }
  171.  
  172. .commentmetadata {
  173.         font-weight: normal;
  174.         }
  175.  
  176. #sidebar {
  177.         font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  178.         }
  179.  
  180. small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  181.         color: #221a14;
  182.         }
  183.  
  184. code {
  185.         font: 1.1em 'Courier New', Courier, Fixed;
  186.         }
  187.  
  188. acronym, abbr, span.caps
  189. {
  190.         font-size: 0.9em;
  191.         letter-spacing: .07em;
  192.         }
  193.  
  194. a, h2 a:hover, h3 a:hover {
  195.         color: #e3b287;
  196.         text-decoration: none;
  197.         }
  198.  
  199. a:hover {
  200.         color: #221a14;
  201.         text-decoration: underline;
  202.         }
  203.  
  204. #wp-calendar #prev a, #wp-calendar #next a {
  205.         font-size: 9pt;
  206.         }
  207.  
  208. #wp-calendar a {
  209.         text-decoration: none;
  210.         }
  211.  
  212. #wp-calendar caption {
  213.         font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  214.         text-align: center;
  215.         }
  216.  
  217. #wp-calendar th {
  218.         font-style: normal;
  219.         text-transform: capitalize;
  220.         }
  221. /* End Typography & Colors */
  222.  
  223.  
  224.  
  225. /* Begin Structure */
  226. body {
  227.         margin: 0 0 20px 0;
  228.         padding: 0;
  229.         }
  230.  
  231. #page {
  232.         background-color: white;
  233.         margin: 0px auto;
  234.         padding: 0;
  235.         width: 760px;
  236.         border: 1px solid #959596;
  237.         }
  238.  
  239. .nocomments a{
  240.         background-image: url(images/figure.gif);
  241.         padding-left: 12px;
  242.         background-repeat: no-repeat;
  243.         }
  244.  
  245. #nav {
  246.         font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
  247.         position: absolute;
  248.         top: 174px;
  249.         left: 50%;
  250.         width: 720px;
  251.         margin: 0 0 0 -348px;
  252.         padding: 5px 16px; /* duplicate the tab size */
  253.         text-align: left;
  254.         display: block;
  255.         }
  256.  
  257. #nav li {
  258.         margin: 0;
  259.         padding: 0;
  260.         text-transform: lowercase;
  261.         display: inline;
  262.         }
  263.  
  264. #nav a {
  265.         color: #FFFFFF;
  266.         background: #352317;
  267.         font-weight: normal;
  268.         height: 19px;
  269.         padding: 5px 16px;     
  270.         }
  271.        
  272. #nav a:hover {
  273.         color: #111;
  274.         background: #cf955e;
  275.         text-decoration: none; 
  276.         }
  277.  
  278. #nav .current_page_item a {
  279.         color: #111;
  280.         background: white;
  281.         text-decoration: none;
  282. }
  283.  
  284. #hack {
  285.         background: white;
  286.         height: 0px;
  287.         width: 450px;
  288.         display: inline;
  289.         position: absolute;
  290.         top: 174px;
  291.         left: 50%;
  292.         margin: 0 0 0 -348px;
  293.         padding: 0;
  294.         z-index: 2;
  295.         }
  296.  
  297.  
  298. #header {
  299.         background-color: #73a0c5;
  300.         padding: 0;
  301.         margin: 0 0 0 1px;
  302.         height: 200px;
  303.         width: 758px;
  304.         }
  305.  
  306. #headerimg {
  307.         margin: 0;
  308.         height: 200px;
  309.         width: 100%;
  310.         }
  311.  
  312. .narrowcolumn {
  313.         float: left;
  314.         padding: 0 0 20px 45px;
  315.         margin: 0px 0 0;
  316.         width: 450px;
  317.         }
  318.  
  319. .widecolumn {
  320.         padding: 10px 0 20px 0;
  321.         margin: 5px 0 0 150px;
  322.         width: 450px;
  323.         }
  324.  
  325. .post {
  326.         margin: 0 0 40px;
  327.         text-align: left;
  328.         }
  329.  
  330. .post hr {
  331.         display: block;
  332.         }
  333.  
  334. .widecolumn .post {
  335.         margin: 0;
  336.         }
  337.  
  338. .narrowcolumn .postmetadata {
  339.         padding-top: 5px;
  340.         }
  341.  
  342. .widecolumn .postmetadata {
  343.         margin: 30px 0;
  344.         }
  345.  
  346. .widecolumn .smallattachment {
  347.         text-align: center;
  348.         float: left;
  349.         width: 128px;
  350.         margin: 5px 5px 5px 0px;
  351. }
  352.  
  353. .widecolumn .attachment {
  354.         text-align: center;
  355.         margin: 5px 0px;
  356. }
  357.  
  358. .postmetadata{
  359.         clear: both;
  360.         font-size: 0.8em;
  361.         color: #a3a3a3;
  362.         border-top: 1px #cf955e solid;
  363.         border-bottom: 1px #cf955e solid;
  364.         padding-top: 2px;
  365.         padding-bottom: 7px;
  366.         }
  367.  
  368. .postmetadataalt{
  369.         clear: both;
  370.         font-size: 0.8em;
  371.         color: #a3a3a3;
  372.         background: url(images/documents.gif) no-repeat center left;
  373.         padding-left: 14px;
  374.         border-top: 1px #cf955e solid;
  375.         border-bottom: 1px #cf955e solid;
  376.         padding-top: 2px;
  377.         padding-bottom: 2px;
  378.         }
  379.  
  380. .clear {
  381.         clear: both;
  382. }
  383.  
  384. #footer {
  385.         margin: 0 auto;
  386.         padding: 0;
  387.         width: 760px;
  388.         clear: both;
  389.         }
  390.  
  391. #footer p {
  392.         margin: 0;
  393.         padding: 19px 0;
  394.         text-align: center;
  395.         }
  396. /* End Structure */
  397.  
  398.  
  399.  
  400. /*      Begin Headers */
  401. h1 {
  402.         padding-top: 70px;
  403.         margin: 0;
  404.         }
  405.  
  406. h2 {
  407.         margin: 30px 0 0;
  408.         }
  409.  
  410. h2.pagetitle {
  411.         margin-top: 30px;
  412.         text-align: center;
  413. }
  414.  
  415. #sidebar h2 {
  416.         margin: 5px 0 0;
  417.         padding: 0;
  418.         }
  419.  
  420. h3 {
  421.         padding: 0;
  422.         margin: 30px 0 0;
  423.         }
  424.  
  425. h3.comments {
  426.         padding: 0;
  427.         margin: 40px auto 20px ;
  428.         }
  429.  
  430. /* End Headers */
  431.  
  432.  
  433.  
  434. /* Begin Images */
  435. p img {
  436.         padding: 0;
  437.         max-width: 100%;
  438.         }
  439.  
  440. /*      Using 'class="alignright"' on an image will (who would've
  441.         thought?!) align the image to the right. And using 'class="centered',
  442.         will of course center the image. This is much better than using
  443.         align="center", being much more futureproof (and valid) */
  444.  
  445. img.centered {
  446.         display: block;
  447.         margin-left: auto;
  448.         margin-right: auto;
  449.         }
  450.  
  451. img.alignright {
  452.      margin: 5px;
  453.      padding: 3px;
  454.      border: solid black 1px;
  455. }
  456.  
  457. img.alignleft {
  458.      margin: 5px;
  459.      padding: 3px;
  460.      border: solid black 1px;
  461. }
  462.  
  463. img.bordered {
  464.      margin: 5px;
  465.      padding: 3px;
  466.      border: solid black 1px;
  467. }
  468.  
  469. img.wp-smiley {
  470.      border:medium none;
  471.      vertical-align:middle;
  472.      }
  473.  
  474. .alignright {
  475.         float: right
  476.         }
  477.  
  478. .alignleft {
  479.         float: left
  480.         }    
  481.  
  482. /* End Images */
  483.  
  484.  
  485.  
  486. /* Begin Lists
  487.  
  488.         Special stylized non-IE bullets
  489.         Do not work in Internet Explorer, which merely default to normal bullets. */
  490.  
  491. html>body .entry ul {
  492.         margin-left: 0px;
  493.         padding: 0 0 0 30px;
  494.         list-style: none;
  495.         padding-left: 10px;
  496.         text-indent: -10px;
  497.         }
  498.  
  499. html>body .entry li {
  500.         margin: 7px 0 8px 10px;
  501.         }
  502.  
  503. .entry ul li:before, #sidebar ul ul li:before {
  504.         content: "\00BB \0020";
  505.         }
  506.  
  507. .entry ol {
  508.         padding: 0 0 0 35px;
  509.         margin: 0;
  510.         }
  511.  
  512. .entry ol li {
  513.         margin: 0;
  514.         padding: 0;
  515.         }
  516.  
  517. .postmetadata ul, .postmetadata li {
  518.         display: inline;
  519.         list-style-type: none;
  520.         list-style-image: none;
  521.         }
  522.  
  523. #sidebar ul, #sidebar ul ol {
  524.         margin: 0;
  525.         padding: 0;
  526.         }
  527.  
  528. #sidebar ul li {
  529.  
  530.         list-style-type: none;
  531.         list-style-image: none;
  532.         margin-bottom: 15px;
  533.         }
  534.  
  535. #sidebar ul p, #sidebar ul select {
  536.         margin: 5px 0 8px;
  537.         }
  538.  
  539. #sidebar ul ul, #sidebar ul ol {
  540.         margin: 5px 0 0 10px;
  541.         }
  542.  
  543. #sidebar ul ul ul, #sidebar ul ol {
  544.         margin: 0 0 0 10px;
  545.         }
  546.  
  547. ol li, #sidebar ul ol li {
  548.         list-style: decimal outside;
  549.         }
  550.  
  551. #sidebar ul ul li, #sidebar ul ol li {
  552.         margin: 3px 0 0;
  553.         padding: 0;
  554.         }
  555. /* End Entry Lists */
  556.  
  557.  
  558.  
  559. /* Begin Form Elements */
  560.  
  561. #searchform {
  562.         margin: 10px auto;
  563.         padding: 5px 3px;
  564.         text-align: center;
  565.         }
  566.  
  567. #sidebar #searchform #s {
  568.         width: 108px;
  569.         padding: 2px;
  570.         }
  571.  
  572. #sidebar #searchsubmit {
  573.         padding: 1px;
  574.         }
  575.  
  576. .entry form { /* This is mainly for password protected posts, makes them look better. */
  577.         text-align:center;
  578.         }
  579.  
  580. select {
  581.         width: 130px;
  582.         }
  583.  
  584. #commentform input {
  585.         width: 170px;
  586.         padding: 2px;
  587.         margin: 5px 5px 1px 0;
  588.         }
  589.  
  590. #commentform textarea {
  591.         width: 100%;
  592.         }
  593.  
  594. #commentform #submit {
  595.         margin: 0;
  596.         float: right;
  597.         background-color: #fafaf0 !important;
  598.         border: 1px solid #e8e7d0;
  599.         }
  600. /* End Form Elements */
  601.  
  602.  
  603.  
  604. /* Begin Comments*/
  605. .alt {
  606.         margin: 0;
  607.         padding: 10px;
  608.         }
  609.  
  610. .commentlist {
  611.         padding: 0;
  612.         text-align: left;
  613.         }
  614.  
  615. .commentlist li {
  616.         margin: 15px 0 3px;
  617.         padding: 5px 10px 3px;
  618.         list-style: none;
  619.         }
  620.  
  621. .commentlist p {
  622.         margin: 10px 5px 10px 0;
  623.         }
  624.  
  625. #commentform p {
  626.         margin: 5px 0;
  627.         }
  628.  
  629. #commentform {
  630.         background-color: #fafaf0 !important;
  631.         border: 1px solid #e8e7d0;
  632.         padding: 12px;
  633.         }
  634.  
  635. .nocomments {
  636.         text-align: left;
  637.         margin: 0;
  638.         padding: 0;
  639.         }
  640.  
  641. .commentmetadata {
  642.         margin: 0;
  643.         display: block;
  644.         }
  645. /* End Comments */
  646.  
  647.  
  648.  
  649. /* Begin Sidebar */
  650. #sidebar
  651. {
  652.         padding: 20px 0 10px 0;
  653.         margin-left: 545px;
  654.         width: 190px;
  655.         }
  656.  
  657. #sidebar form {
  658.         margin: 0;
  659.         }
  660. /* End Sidebar */
  661.  
  662.  
  663.  
  664. /* Begin Calendar */
  665. #wp-calendar {
  666.         empty-cells: show;
  667.         margin: 10px auto 0;
  668.         width: 155px;
  669.         }
  670.  
  671. #wp-calendar #next a {
  672.         padding-right: 10px;
  673.         text-align: right;
  674.         }
  675.  
  676. #wp-calendar #prev a {
  677.         padding-left: 10px;
  678.         text-align: left;
  679.         }
  680.  
  681. #wp-calendar a {
  682.         display: block;
  683.         }
  684.  
  685. #wp-calendar caption {
  686.         text-align: center;
  687.         width: 100%;
  688.         }
  689.  
  690. #wp-calendar td {
  691.         padding: 3px 0;
  692.         text-align: center;
  693.         }
  694.  
  695. #wp-calendar td.pad:hover { /* Doesn't work in IE */
  696.         background-color: #fff; }
  697. /* End Calendar */
  698.  
  699.  
  700.  
  701. /* Begin Various Tags & Classes */
  702. acronym, abbr, span.caps {
  703.         cursor: help;
  704.         }
  705.  
  706. acronym, abbr {
  707.         border-bottom: 1px dashed #999;
  708.         }
  709.  
  710. blockquote {
  711.         margin: 15px 30px 0 10px;
  712.         padding-left: 20px;
  713.         border-left: 5px solid #ddd;
  714.         }
  715.  
  716. blockquote cite {
  717.         margin: 5px 0 0;
  718.         display: block;
  719.         }
  720.  
  721. .center {
  722.         text-align: center;
  723.         }
  724.  
  725. hr {
  726.         display: none;
  727.         }
  728.  
  729. a img {
  730.         border: none;
  731.         }
  732.  
  733.  
  734. .navigation {
  735.         display: block;
  736.         text-align: center;
  737.         margin-top: 10px;
  738.         margin-bottom: 20px;
  739.         }
  740.  
  741. /* End Various Tags & Classes*/
  742.  
  743.  
  744.  
  745. /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
  746.         It won't be a stylish marriage, I can't afford a carriage.
  747.         But you'll look sweet upon the seat of a bicycle built for two." */
  748.  
  749. /* Gravatar Styling */
  750. .gravatar {
  751.         float:left;
  752.         padding: 3px;
  753.         border: 1px solid #ccc;
  754.         background: #fff;
  755.         margin-top: -12px;
  756.         margin-left: -14px;
  757.         margin-right: 5px;
  758. }
  759.  
  760. .postgrav {
  761.         float: left;
  762.         padding: 3px;
  763.         margin-right: 5px;
  764.         margin-left: 5px;
  765.         border: 1px solid #000;
  766.         background: #fff;
  767. }
  768. /* End Gravatar Styling */
  769.  
  770. .comment_license {
  771.         background-color: #fafaf0 !important;
  772.         border: 1px solid #e8e7d0;
  773.         }