Advertisement
Guest User

Template CSS (Edited Some)

a guest
Nov 21st, 2012
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.17 KB | None | 0 0
  1. /*
  2. Theme Name: Zwei Seiten
  3. Author URI: http://elturan.com/
  4. Theme URI: http://elturan.com/2011/05/zwei-seiten/
  5. Description: Simple and clean two-column theme.
  6. Author: Elturan S.
  7. Version: 1.4.2
  8. Tags: black, white, light, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
  9.  
  10. License: GNU General Public License v2.0
  11. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  12. */
  13.  
  14. /* --------------------------------------------------------------
  15.  
  16.    Reset default browser CSS.
  17.    
  18.    Based on work by Eric Meyer:
  19.    http://meyerweb.com/eric/tools/css/reset/index.html
  20.    
  21. -------------------------------------------------------------- */
  22.  
  23. /* v1.0 | 20080212 */
  24.  
  25. html, body, div, span, applet, object, iframe,
  26. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  27. a, abbr, acronym, address, big, cite, code,
  28. del, dfn, em, font, img, ins, kbd, q, s, samp,
  29. small, strike, strong, sub, sup, tt, var,
  30. b, u, i, center,
  31. dl, dt, dd, ol, ul, li,
  32. fieldset, form, label, legend,
  33. table, caption, tbody, tfoot, thead, tr, th, td {
  34.     margin: 0;
  35.     padding: 0;
  36.     border: 0;
  37.     outline: 0;
  38.     font-size: 100%;
  39.     vertical-align: baseline;
  40.     background: transparent;
  41. }
  42. body {
  43.     line-height: 1;
  44. }
  45. ol, ul {
  46.     list-style: none;
  47. }
  48. blockquote, q {
  49.     quotes: none;
  50. }
  51. blockquote:before, blockquote:after,
  52. q:before, q:after {
  53.     content: '';
  54.     content: none;
  55. }
  56.  
  57. /* remember to define focus styles! */
  58. :focus {
  59.     outline: 0;
  60. }
  61.  
  62. /* remember to highlight inserts somehow! */
  63. ins {
  64.     text-decoration: none;
  65. }
  66. del {
  67.     text-decoration: line-through;
  68. }
  69.  
  70. /* tables still need 'cellspacing="0"' in the markup */
  71. table {
  72.     border-collapse: collapse;
  73.     border-spacing: 0;
  74. }
  75.  
  76. a img { border: none; }
  77.  
  78. /* Global elements
  79. ------------------------------------------------------------------------- */
  80. * {
  81.     margin: 0;
  82.     padding: 0;
  83. }
  84. body {
  85.     background-color: #e0e0e0;
  86.     font-size: 16px;
  87.     color: #111;
  88.     font-family: Helvetica, Arial, sans-serif;
  89. }
  90. a {
  91.     color: #1a8ae0;
  92.     text-decoration: none;
  93. }
  94. a:hover {
  95.     color: #e00;
  96.     text-decoration: none;
  97. }
  98. html {
  99.     background: transparent;
  100. }
  101. input,
  102. textarea {
  103.     color: #222;
  104.     font-size: 1em;
  105.     line-height: 20px;
  106.     background: #eee;
  107.     padding: 5px;
  108. }
  109. input {
  110.     border: 1px solid #bbb;
  111.     margin: 5px 0;
  112. }
  113. hr {
  114.     background: #ccc;
  115.     clear: both;
  116.     margin: 5px 0 10px;
  117.     border: 0;
  118.     height: 1px;
  119. }
  120. p {
  121.     margin-bottom: 10px;
  122. }
  123. blockquote {
  124.     border-left: 5px solid #eee;
  125.     font-style: italic;
  126.     padding: 0 10px;
  127.     line-height: 20px;
  128.     margin: 0 20px;
  129. }
  130. blockquote cite,
  131. blockquote em,
  132. blockquote i {
  133.     font-style: normal;
  134. }
  135. ul, ol {
  136.     margin: 0 0 15px 20px;
  137. }
  138. ul {
  139.     list-style: square;
  140. }
  141. ol {
  142.     list-style: decimal;
  143. }
  144. ol ol {
  145.     list-style: upper-alpha;
  146. }
  147. ol ol ol {
  148.     list-style: upper-roman;
  149. }
  150. ol ol ol ol {
  151.     list-style: lower-alpha;
  152. }
  153. ul ul,
  154. ol ol,
  155. ul ol,
  156. ol ul {
  157.     margin-bottom: 5px;
  158. }
  159. abbr, acronym {
  160.     cursor: help;
  161.     border-bottom: 1px dotted #000;
  162. }
  163. big {
  164.     font-size: 1.5em;
  165. }
  166. code, tt, code, kbd, samp, pre {
  167.     font-family: monospace;
  168. }
  169. pre {
  170.     background: #eee;
  171.     color: #111;
  172.     font-family: "Courier 10 Pitch", Courier, monospace;
  173.     line-height: 22px;
  174.     padding: 5px 10px;
  175.     font-size: 12px;
  176.     margin: 20px 10px;
  177.     border-top: 3px solid #ccc;
  178.     border-bottom: 3px solid #ccc;
  179.     overflow: scroll;
  180. }
  181. q:before {
  182.     content: '"';
  183.     font-weight: bold;
  184. }
  185. q:after {
  186.     content: '"';
  187.     font-weight: bold;
  188. }
  189. sup, sub {
  190.     font-size: 0.75em;
  191.     position: relative;
  192.     vertical-align: baseline;
  193. }
  194. sup {
  195.     bottom: 10px;
  196. }
  197. sub {
  198.     top: 4px;
  199. }
  200. ins {
  201.     background: #333;
  202.     color: #fff;
  203.     padding: 1px 3px;
  204.     text-decoration: none;
  205. }
  206. h1, h2, h3, h4, h5, h6 {
  207.     margin: 5px 0 15px;
  208.     clear: both;
  209.     font-weight: normal;
  210.     line-height: 120%;
  211. }
  212. h1 {
  213.     font-size: 2em;
  214. }
  215. h2 {
  216.     font-size: 1.75em;
  217. }
  218. h3 {
  219.     font-size: 1.5em;
  220. }
  221. h4 {
  222.     font-size: 1.25em;
  223. }
  224. h5 {
  225.     font-size: 1em;
  226. }
  227. h6 {
  228.     font-size: 0.75em;
  229. }
  230. table {
  231.     width: auto;
  232.     margin: 10px 0;
  233.     border: 1px solid #222;
  234. }
  235. table th {
  236.     padding: 5px;
  237.     background-color: #222;
  238.     color: #fff;
  239. }
  240. table td {
  241.     padding: 5px 10px;
  242.     border-top: 1px solid #222;
  243.     border-left: 1px solid #222;
  244. }
  245. address {
  246.     font-weight: bold;
  247.     text-align: left;
  248.     padding: 10px 0;
  249.     font-size: 16px;
  250. }
  251. dl {
  252.     margin: 10px 0;
  253. }
  254. dt {
  255.     font-weight: bold;
  256. }
  257. dd {
  258.     margin: 0 0 10px 20px;
  259. }
  260. strong {
  261.     font-weight: bold;
  262. }
  263. cite, em, i {
  264.     font-style: italic;
  265. }
  266. del, strike, s {
  267.     text-decoration: line-through;
  268. }
  269. li {
  270.     line-height: 20px;
  271. }
  272. legend {
  273.     border: 1px solid #ddd;
  274.     padding: 2px 6px;
  275. }
  276. fieldset {
  277.     border: 1px solid #ddd;
  278.     padding: 10px;
  279. }
  280. input[type=submit] {
  281.     font-family: 'Helvetica Neue', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  282. }
  283. code {
  284.     font: 13px Monaco, monospace;
  285. }
  286.  
  287. /* #page
  288. ------------------------------------------------------------------------- */
  289. #page {
  290.     margin: 15px auto;
  291.     width: 960px;
  292.     color: #111;
  293. }
  294. #page a,
  295. #social-media a img,
  296. #s-media #s {
  297.     -webkit-transition-duration: 500ms;
  298.     -webkit-transition-property: color, background, opacity, width;
  299.     -webkit-transition-timing-function: linear;
  300.     -moz-transition-duration: 500ms;
  301.     -moz-transition-property: color, background, opacity, width;
  302.     -moz-transition-timing-function: linear;
  303.     -o-transition-duration: 500ms;
  304.     -o-transition-property: color, background, opacity, width;
  305.     -o-transition-timing-function: linear;
  306. }
  307.  
  308. /* #header
  309. ------------------------------------------------------------------------- */
  310. #header {
  311.     width: 100%;
  312.     overflow: hidden;
  313.     margin: 10px 0;
  314.     position: relative;
  315. }
  316. #header h1 {
  317.     font-weight: bold;
  318.     text-transform: uppercase;
  319.     text-align: left;
  320.     padding: 5px 0;
  321.     margin: 0;
  322.     word-wrap: break-word;
  323. }
  324. #header h1 a {
  325.     color: #999;
  326.     font-size: 1.25em;
  327. }
  328. #header h1 a:hover {
  329.     color: #111;   
  330. }
  331. #header p {
  332.     font-size: 14px;
  333.     margin: 10px 0;
  334.     color: #666;
  335. }
  336. #headimg {
  337.     margin: 5px 0;
  338.     width: 100%;
  339.     padding: 10px 10px 8px;
  340.     background: #999;
  341.     background: rgba(153,153,153,0.25);
  342.     overflow: hidden;
  343. }
  344. #headimg img {
  345.     width: 940px;
  346.     height: 180px;
  347. }
  348.  
  349. /* #social-media
  350. ------------------------------------------------------------------------- */
  351. #s-media {
  352.     margin: 10px 0 0;
  353.     display: block;
  354.     overflow: hidden;
  355. }
  356. #s-media #s {
  357.     float: right;
  358.     width: 80px;
  359.     color: #aaa;
  360.     border: 1px solid #ccc;
  361.     background: #fff url('images/search.png') no-repeat 3px 3px;
  362.     background: rgba(255,255,255,0.25) url('images/search.png') no-repeat 3px 3px;
  363.     -webkit-border-top-left-radius: 6px;
  364.     -webkit-border-bottom-left-radius: 6px;
  365.     -moz-border-radius-topleft: 6px;
  366.     -moz-border-radius-bottomleft: 6px;
  367.     border-top-left-radius: 6px;
  368.     border-bottom-left-radius: 6px;
  369.     padding: 5px 5px 5px 30px;
  370. }
  371. #s-media #s:focus {
  372.     background-color: #fff;
  373.     width: 200px;
  374.     color: #333;
  375. }
  376. #social-media {
  377.     list-style: none;
  378.     margin: 0;
  379. }
  380. #social-media li {
  381.     float: left;
  382.     margin: 8px 5px 0 0;
  383. }
  384. #social-media a img {
  385.     opacity: 0.5;
  386. }
  387. #social-media a img:hover {
  388.     opacity: 1;
  389. }
  390.  
  391. /* #nav
  392. ------------------------------------------------------------------------- */
  393. #nav {
  394.     background: #111;
  395.     display: block;
  396.     float: left;
  397.     width: 100%;
  398.     font-size: 12px;
  399. }
  400. .nav-menu ul,
  401. div.menu ul {
  402.     list-style: none;
  403.     margin: 0;
  404. }
  405. .nav-menu li,
  406. div.menu li {
  407.     float: left;
  408.     position: relative;
  409. }
  410. #nav a {
  411.     color: #ccc;
  412.     display: block;
  413.     line-height: 40px;
  414.     padding: 0 10px;
  415.     text-decoration: none;
  416. }
  417. #nav ul ul {
  418.     display: none;
  419.     position: absolute;
  420.     top: 49px;
  421.     left: 10px;
  422.     background: #111;
  423.     float: left;
  424.     width: 890px;
  425.     z-index: 99999;
  426. }
  427. #nav ul ul li {
  428.     min-width: 20px;
  429. }
  430. #nav ul ul ul {
  431.     left: 100%;
  432.     top: 0;
  433. }
  434. #nav ul ul a {
  435.     color: #aaa;
  436.     width: 873px;
  437.     height: auto;
  438.     line-height: 1230%;
  439.     padding: 10px;
  440.     margin: 1px;
  441.     border: 1px solid #272727;
  442.     word-wrap: break-word;
  443. }
  444. #nav li:hover > a,
  445. #nav ul ul :hover > a {
  446.     color: #eee;
  447. }
  448. #nav ul li:hover > ul {
  449.     display: block;
  450. }
  451. #nav ul li.current_page_item > a,
  452. #nav ul li.current-menu-ancestor > a,
  453. #nav ul li.current-menu-item > a,
  454. #nav ul li.current-menu-parent > a {
  455.     color: #fff;
  456.     font-weight: bold;
  457. }
  458.  
  459. /* #wrap
  460. ------------------------------------------------------------------------- */
  461. #wrap {
  462.     background: #f9f9f9 url('images/bg.png') repeat-y right;
  463.     width: 940px;
  464.     margin: 0 auto;
  465.     overflow: hidden;
  466.     border: 10px solid #111;
  467. }
  468.  
  469. /* #content
  470. ------------------------------------------------------------------------- */
  471. #content {
  472.     float: left;
  473.     width: 660px;
  474. }
  475. #content.full-width {
  476.     width: 100%;
  477.     background: #f9f9f9;
  478.     overflow: hidden;
  479. }
  480. .post,
  481. .hentry {
  482.     margin: 10px 10px 15px;
  483.     padding: 0 10px;
  484.     background: #fff;
  485.     text-align: left;
  486.     overflow: hidden;
  487.     border: 1px solid #eee;
  488.     box-shadow: 0px 0px 1px 2px #eee;
  489.     -webkit-box-shadow: 0px 0px 2px 1px #eee;
  490.     -moz-box-shadow: 0px 0px 2px 1px #eee;
  491.     -o-box-shadow: 0px 0px 2px 1px #eee;
  492. }
  493. .post img {
  494.     max-width: 600px;
  495.     height: auto;
  496. }
  497. .post embed {
  498.     max-width: 600px;
  499.     margin: 5px 10px;
  500. }
  501. .sticky {
  502.     background: #ffe;
  503. }
  504. h2.entry-title {
  505.     font-size: 1.5em;
  506.     text-align: left;
  507.     margin: 10px 0 5px;
  508.     font-weight: bold;
  509. }
  510. .entry-edit {font-weight: normal;}
  511. .entry-meta,
  512. .entry-utility {
  513.     font-size: 12px;
  514.     padding: 5px 0;
  515.     color: #666;
  516. }
  517. .entry-meta {
  518.     border-bottom: 1px dashed #ddd;
  519. }
  520. .entry-meta a,
  521. .entry-utility a {
  522.     color: #666;
  523. }
  524. .entry-meta a:hover,
  525. .entry-utility a:hover {
  526.     color: #e00;
  527.     text-decoration: underline;
  528. }
  529. .entry-author em {
  530.     font-weight: bold;
  531.     font-style: normal;
  532.     text-transform: capitalize;
  533. }
  534. .entry-com {
  535.     float: right;
  536.     text-transform: capitalize;
  537. }
  538. .entry-content {
  539.     margin: 10px 0;
  540.     font-size: 16px;
  541.     line-height: 160%;
  542.     overflow: hidden;
  543. }
  544. .entry-content p {
  545.     margin-bottom: 5px;
  546. }
  547. .custom-more {
  548.     font-size: 14px;
  549. }
  550. .custom-more a:hover {
  551.     text-decoration: underline;
  552. }
  553. .page-link {
  554.     margin: 10px 0;
  555.     display: block;
  556.     clear: both;
  557. }
  558. .page-link a {
  559.     border-top: 2px solid #ddd;
  560.     background: #eee;      
  561.     padding: 5px 10px;
  562. }
  563. .entry-utility {
  564.     border-top: 1px dashed #ddd;
  565. }
  566. .entry-cats,
  567. .entry-tags {
  568.     margin: 0;
  569.     line-height: 140%;
  570. }
  571. .navigation {
  572.     margin: 10px 0;
  573.     text-align: center;
  574. }
  575. .post-navi,
  576. .navigation {
  577.     padding: 4px 0;
  578. }
  579. .current {color: #900;}
  580. #navigation {
  581.     margin: 10px;
  582.     clear: both;
  583.     font-size: 13px;
  584.     overflow: hidden;
  585. }
  586. #navigation a {
  587.     color: #999;
  588. }
  589. #navigation a:hover {
  590.     color: #111;
  591. }
  592. .previous {
  593.     float: left;
  594.     width: 50%;
  595. }
  596. .next {
  597.     text-align: right;
  598. }
  599. .page-title {
  600.     font-size: 1.25em;
  601.     margin: 10px;
  602. }
  603. .page-title span {
  604.     color: #999;
  605.     font-style: italic;
  606. }
  607. .random {
  608.     list-style: none;
  609.     margin: 0;
  610. }
  611. .random ul li {
  612.     list-style-type: decimal;
  613.     margin: 5px 0 0 10px;
  614. }
  615. #s {
  616.     border-color: #ccc;
  617.     width: 240px;
  618.     padding: 5px;
  619. }
  620.  
  621. /* WordPress Core
  622. ------------------------------------------------------------------------- */
  623. .alignnone,
  624. a img.alignnone {
  625.     margin: 5px 20px 20px 0;
  626. }
  627. .aligncenter,
  628. div.aligncenter {
  629.     display: block;
  630.     margin: 10px auto;
  631. }
  632. .alignright,
  633. a img.alignright {
  634.     float: right;
  635.     margin: 5px 0 20px 20px;
  636. }
  637. .alignleft,
  638. a img.alignleft {
  639.     float: left;
  640.     margin: 5px 20px 20px 0;
  641. }
  642. a img.aligncenter {
  643.     display: block;
  644.     margin-left: auto;
  645.     margin-right: auto
  646. }
  647. .wp-caption {
  648.     background: #fff;
  649.     border: 1px solid #eee;
  650.     max-width: 96%;
  651.     padding: 5px 3px 10px;
  652.     text-align: center;
  653. }
  654. .wp-caption.alignnone {
  655.     margin: 5px 20px 20px 0;
  656. }
  657. .wp-caption.alignleft {
  658.     margin: 5px 20px 20px 0;
  659. }
  660. .wp-caption.alignright {
  661.     margin: 5px 0 20px 20px;
  662. }
  663. .wp-caption img {
  664.     border: 0 none;
  665.     height: auto;
  666.     margin: 0;
  667.     max-width: 98.5%;
  668.     padding: 0;
  669.     width: auto;
  670. }
  671. .wp-caption p.wp-caption-text {
  672.     font-size: 12px;
  673.     line-height: 18px;
  674.     margin: 0;
  675.     padding: 0 4px 5px;
  676. }
  677. .gallery-item {
  678.     float: left;
  679.     margin-top: 10px;
  680.     text-align: center;
  681.     width: 33%;
  682. }
  683. .gallery-caption {
  684.     margin-left: 0;
  685.     font-size: 14px;
  686.     color: #666;
  687. }
  688.  
  689. /* #comments
  690. ------------------------------------------------------------------------- */
  691. #comments {
  692.     margin: 10px;
  693.     overflow: hidden;
  694.     clear: both;
  695. }
  696. .nopassword,
  697. .nocomments {
  698.     font-size: 14px;
  699.     color: #666;
  700. }
  701. h3.com-number {
  702.     font-size: 1em;
  703.     color: #666;
  704. }
  705. ol.commentlist {
  706.     list-style: none;
  707.     margin: 0;
  708. }
  709. .commentlist > li.comment {
  710.     background: #f1f3f1;
  711.     border: 1px solid #ddd;
  712.     -webkit-border-radius: 4px;
  713.     -moz-border-radius: 4px;
  714.     border-radius: 4px;
  715.     margin: 0 0 15px;
  716.     padding: 5px;
  717.     position: relative;
  718. }
  719. .commentlist .post-pingback {
  720.     margin: 0 0 15px;
  721.     padding: 5px;
  722.     font-size: 13px;
  723.     background: #fff;
  724.     border-top: 1px dashed #ddd;
  725.     border-bottom: 1px dashed #ddd;
  726. }
  727. .commentlist .post-pingback p {
  728.     margin: 0;
  729.     color: #666;
  730. }
  731. .commentlist .children {
  732.     list-style: none;
  733.     margin: 0;
  734. }
  735. .commentlist .children li.comment {
  736.     background: #f5f3f1;
  737.     border: 1px solid #ddd;
  738.     -webkit-border-radius: 4px;
  739.     -moz-border-radius: 4px;
  740.     border-radius: 4px;
  741.     margin: 15px 0 0 10px;
  742.     padding: 10px;
  743.     position: relative;
  744.     font-size: 13px;
  745. }
  746. .comment-meta {
  747.     color: #666;
  748.     font-size: 12px;
  749. }
  750. .comment-meta a {
  751.     color: #777;
  752. }
  753. .comment-awaiting-moderation,
  754. .commentlist .children .fn {
  755.     font-size: 14px;
  756. }
  757. .vcard {
  758.     overflow: hidden;
  759.     border-bottom: 1px solid #ddd;
  760. }
  761. .vcard .fn {
  762.     font-style: normal;
  763.     font-size: 18px;
  764.     padding: 10px 0;
  765.     color: #444;
  766.     line-height: 30px;
  767.     text-transform: capitalize;
  768. }
  769. .vcard .avatar {
  770.     padding: 5px;
  771.     border: 1px solid #ddd;
  772.     background: #fff;
  773.     box-shadow: 4px 4px 1px #e9e7e5;
  774.     float: left;
  775.     margin: 0 10px 10px 0;
  776. }
  777. .says {
  778.     display: none;
  779. }
  780. .comment-body {
  781.     padding: 5px 0;
  782.     margin: 5px 0 0;
  783.     color: #444;
  784. }
  785. .reply {
  786.     display: block;
  787.     font-size: 12px;
  788. }
  789. .reply a {
  790.     padding: 3px 5px;
  791.     text-transform: uppercase;
  792.     border: 1px solid #ddd;
  793.     background: #fff;
  794.     color: #111;
  795. }
  796. .reply a:hover {
  797.     color: #fff;
  798.     background: #6da6da;
  799. }
  800. .commentlist .children .avatar {
  801.     width: 40px;
  802.     height: 40px;
  803. }
  804. li.comment ul.children li.depth-2 {
  805.     background: #fff;
  806. }  
  807. li.comment ul.children li.depth-3 {
  808.     background: #eee;
  809. }  
  810. li.comment ul.children li.depth-4 {
  811.     background: #f9f9f9;
  812. }  
  813. li.comment ul.children li.depth-5 {
  814.     background: #f3f6f9;
  815. }  
  816. .commentlist > li.bypostauthor {
  817.     background: #eee;
  818.     border-color: #bbb;
  819. }
  820.  
  821. /* Comment Form
  822. ------------------------------------------------------------------------- */
  823. #respond {
  824.     margin: 10px 5px;
  825.     position: relative;
  826. }
  827. #respond input[type="text"],
  828. #respond textarea {
  829.     background: #fff;
  830.     border: 1px solid #ddd;
  831.     padding: 5px;
  832.     display: block;
  833.     box-shadow: 0 0 1px #ccc;
  834.     margin: 5px 0 0;
  835. }
  836. #respond input[type="text"] {
  837.     width: 250px;
  838. }
  839. #respond .comment-form-author label,
  840. #respond .comment-form-email label,
  841. #respond .comment-form-url label,
  842. #respond .comment-form-comment label,
  843. #respond .logged-in-as {
  844.     color: #666;
  845.     font-size: 14px;
  846.     padding: 2px 0;
  847.     font-style: normal;
  848. }
  849. #respond input[type="text"]:focus,
  850. #respond textarea:focus {
  851.     box-shadow: 0px 0px 3px #aaa;
  852. }
  853. #respond textarea {
  854.     resize: vertical;
  855.     width: 90%;
  856. }
  857. #respond .comment-form-author .required,
  858. #respond .comment-form-email .required {
  859.     color: #bd3500;
  860.     font-size: 20px;
  861.     font-weight: bold;
  862. }
  863. #respond p {
  864.     margin: 10px 0;
  865.     font-style: italic;
  866.     font-size: 14px;
  867. }
  868. #respond input#submit {
  869.     background: #111;
  870.     -moz-border-radius: 4px;
  871.     -webkit-border-radius: 4px;
  872.     border-radius: 4px;
  873.     color: #eee;
  874.     font-size: 1em;
  875.     font-weight: bold;
  876.     margin: 10px 0;
  877.     padding: 5px 10px;
  878. }
  879. #respond input#submit:hover {
  880.     background: #eee;
  881.     color: #111;
  882. }
  883. #cancel-comment-reply-link {
  884.     color: #666;
  885.     margin-left: 10px;
  886.     text-decoration: none;
  887. }
  888. .commentlist #respond {
  889.     margin: 15px 0 0;
  890.     width: auto;
  891. }
  892. #reply-title {
  893.     color: #222;
  894.     font-size: 20px;
  895.     font-weight: bold;
  896.     line-height: 30px;
  897. }
  898. #cancel-comment-reply-link {
  899.     color: #888;
  900.     font-size: 12px;
  901.     border: 1px solid #888;
  902.     padding: 2px 4px;
  903. }
  904.  
  905. /* #sidebar
  906. ------------------------------------------------------------------------- */
  907. #sidebar {
  908.     float: right;
  909.     width: 260px;
  910.     overflow: hidden;
  911.     padding: 0 10px;
  912.     font-size: 13px;
  913.     color: #888;
  914. }
  915. .widget-title {
  916.     padding: 5px;
  917.     font-size: 20px;
  918.     font-weight: bold;
  919.     margin: 0 0 5px;
  920.     background: #eee;
  921.     border: 1px solid #ddd;
  922. }
  923. .widget {
  924.     margin: 10px 0 15px;
  925.     overflow: hidden;
  926. }
  927. .widget select,
  928. .widget #s,
  929. .tagcloud  {
  930.     margin: 10px 0 5px;
  931. }
  932. .textwidget {
  933.     line-height: 18px;
  934.     margin: 5px 0;
  935. }
  936. .rssSummary {
  937.     font-size: 11px;
  938.     margin: 5px 5px 5px 20px;
  939.     color: #333;
  940. }
  941. #sidebar ul {
  942.     list-style: square;
  943.     margin: 0 0 0 17px;
  944. }
  945. #sidebar ul ul {
  946.     list-style: url('images/list.png');
  947. }
  948. #wp-calendar {
  949.     width: 100%;
  950. }
  951. #wp-calendar th,
  952. #wp-calendar td {
  953.     padding: 3px;  
  954.     text-align: center;
  955. }
  956. #wp-calendar caption {
  957.     padding: 0 0 5px;
  958. }
  959. #wp-calendar th {
  960.     background: #666;
  961. }
  962.  
  963. /* #footer
  964. ------------------------------------------------------------------------- */
  965. #footer {
  966.     clear: both;
  967.     width: 100%;
  968.     color: #555;
  969.     font-size: 14px;
  970.     overflow: hidden;
  971. }
  972. #footer-text {
  973.     float: left;
  974.     padding: 5px 0;
  975.     width: 80%;
  976. }
  977. #credit-links {
  978.     float: right;
  979.     padding: 5px 0;
  980. }
  981.  
  982. /* The end...
  983. ------------------------------------------------------------------------- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement