PageRenderTime 88ms CodeModel.GetById 30ms RepoModel.GetById 1ms app.codeStats 0ms

/blog.old/wp-content/themes/pilcrow/style.css

https://github.com/chopsuei3/oscc
CSS | 1116 lines | 990 code | 63 blank | 63 comment | 0 complexity | 5f59cc654d748e87bbb70b9ac1d3fb11 MD5 | raw file
  1. /*
  2. Theme Name: Pilcrow
  3. Theme URI: http://wordpress.org/extend/themes/pilcrow/
  4. Description: Pilcrow’s 6 different layouts, with multiple sidebar configurations, four default color schemes, custom header images (using featured images in posts and pages), and a customizable background, make personalizing your blog a snap.
  5. Version: 1.3
  6. Author: Automattic
  7. Author URI: http://automattic.com/
  8. License: GNU General Public License
  9. License URI: license.txt
  10. Tags: custom-header, custom-background, custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, featured-image-header, featured-images
  11. */
  12. /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  13. -------------------------------------------------------------- */
  14. html, body, div, span, applet, object, iframe,
  15. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  16. a, abbr, acronym, address, big, cite, code,
  17. del, dfn, em, font, ins, kbd, q, s, samp,
  18. small, strike, strong, sub, sup, tt, var,
  19. dl, dt, dd, ol, ul, li,
  20. fieldset, form, label {
  21. border: 0;
  22. font-style: inherit;
  23. font-weight: inherit;
  24. margin: 0;
  25. outline: 0;
  26. padding: 0;
  27. vertical-align: baseline;
  28. }
  29. legend, caption, table, tbody, tfoot, thead, tr, th, td {
  30. margin: 0;
  31. padding: 0;
  32. }
  33. /* remember to define focus styles! */
  34. :focus {
  35. outline: 0;
  36. }
  37. body {
  38. background: #fff;
  39. line-height: 1;
  40. }
  41. html body {
  42. text-align: left;
  43. }
  44. ol, ul {
  45. list-style: none;
  46. }
  47. /* tables still need 'cellspacing="0"' in the markup */
  48. table {
  49. border-collapse: separate;
  50. border-spacing: 0;
  51. }
  52. caption, th, td {
  53. font-weight: normal;
  54. text-align: left;
  55. }
  56. a img {
  57. border: 0;
  58. }
  59. /* =Structure
  60. ----------------------------------------------- */
  61. body {
  62. padding: 0 3.8%;
  63. }
  64. #wrapper {
  65. max-width: 850px;
  66. margin: 0 auto;
  67. }
  68. #container {
  69. clear: both;
  70. margin: 0 auto;
  71. }
  72. #wrapper #container {
  73. margin: 0 4.7%;
  74. }
  75. #header {
  76. float: left;
  77. width: 100%;
  78. }
  79. #content-box {
  80. width: 100%;
  81. }
  82. #content-container {
  83. width: 100%;
  84. }
  85. #content {
  86. }
  87. #main-sidebars {
  88. max-width: 450px;
  89. width: 45.5%;
  90. }
  91. #feature {
  92. width: 100%;
  93. }
  94. #sidebar,
  95. #secondary-sidebar {
  96. overflow: hidden;
  97. }
  98. #secondary-sidebar {
  99. }
  100. #footer {
  101. clear: both;
  102. width: 100%;
  103. }
  104. /* 2-column layouts */
  105. .two-column #container {
  106. max-width: 770px;
  107. }
  108. .two-column #content {
  109. overflow: hidden;
  110. width: 64.99%;
  111. }
  112. .two-column #sidebar,
  113. .two-column #secondary-sidebar {
  114. float: right;
  115. width: 29.806%;
  116. }
  117. /* 3-column layouts */
  118. .three-column #wrapper {
  119. max-width: 1070px;
  120. }
  121. .three-column #container {
  122. max-width: 990px;
  123. }
  124. .three-column #wrapper #container {
  125. margin: 0 3.7625%;
  126. }
  127. .three-column #content {
  128. overflow: hidden;
  129. width: 50.5%;
  130. }
  131. .three-column #sidebar {
  132. width: 51.15%;
  133. }
  134. .three-column #secondary-sidebar {
  135. width: 39.89%;
  136. }
  137. /* Content-Sidebar layouts */
  138. .content-sidebar #content-container {
  139. float: left;
  140. margin: 0 -30.4% 0 0;
  141. }
  142. .content-sidebar #content {
  143. margin: 0 35.1% 0 0;
  144. }
  145. .content-sidebar #sidebar,
  146. .content-sidebar #secondary-sidebar {
  147. float: right;
  148. }
  149. .content-sidebar #secondary-sidebar {
  150. clear: right;
  151. }
  152. /* Sidebar-Content layouts */
  153. .sidebar-content #content-container {
  154. float: right;
  155. margin: 0 0 0 -30.4%;
  156. }
  157. .sidebar-content #content {
  158. margin: 0 0 0 35.1%;
  159. }
  160. .sidebar-content #sidebar,
  161. .sidebar-content #secondary-sidebar {
  162. float: left;
  163. }
  164. .sidebar-content #secondary-sidebar {
  165. clear: left;
  166. }
  167. /* Content-Sidebar-Sidebar layouts */
  168. .content-sidebar-sidebar #content-container {
  169. float: left;
  170. margin: 0 -45.5% 0 0;
  171. }
  172. .content-sidebar-sidebar #content {
  173. margin: 0 49.5% 0 0;
  174. }
  175. .content-sidebar-sidebar #main-sidebars {
  176. float: right;
  177. }
  178. .content-sidebar-sidebar #feature,
  179. .content-sidebar-sidebar #sidebar,
  180. .content-sidebar-sidebar #secondary-sidebar {
  181. float: left;
  182. }
  183. .content-sidebar-sidebar #secondary-sidebar {
  184. margin: 0 0 0 8.963%;
  185. }
  186. /* Sidebar-Sidebar-Content layouts */
  187. .sidebar-sidebar-content #content-container {
  188. float: right;
  189. margin: 0 0 0 -45.5%;
  190. }
  191. .sidebar-sidebar-content #content {
  192. margin: 0 0 0 49.5%;
  193. }
  194. .sidebar-sidebar-content #main-sidebars {
  195. float: left;
  196. }
  197. .sidebar-sidebar-content #feature,
  198. .sidebar-sidebar-content #sidebar,
  199. .sidebar-sidebar-content #secondary-sidebar {
  200. float: left;
  201. }
  202. .sidebar-sidebar-content #secondary-sidebar {
  203. margin: 0 0 0 8.963%;
  204. }
  205. /* Sidebar-Content-Sidebar layouts */
  206. .sidebar-content-sidebar #content-container {
  207. float: left;
  208. }
  209. .sidebar-content-sidebar #content {
  210. margin: 0 24.8%;
  211. }
  212. .sidebar-content-sidebar #sidebar,
  213. .sidebar-content-sidebar #secondary-sidebar {
  214. width: 20.69%;
  215. }
  216. .sidebar-content-sidebar #sidebar {
  217. float: left;
  218. margin: 0 0 0 -100%;
  219. }
  220. .sidebar-content-sidebar #secondary-sidebar {
  221. float: right;
  222. margin: 0 0 0 -20.7%;
  223. }
  224. /* Full width content with no sidebar */
  225. .no-sidebar #wrapper {
  226. max-width: 1070px;
  227. }
  228. .no-sidebar #container {
  229. max-width: 990px;
  230. }
  231. .no-sidebar #wrapper #container {
  232. margin: 0 3.9%;
  233. }
  234. .no-sidebar #content,
  235. .one-column #content,
  236. .image-attachment #content {
  237. margin: 0 auto;
  238. width: 100%;
  239. }
  240. /* Alignment */
  241. .alignleft {
  242. display: inline;
  243. float: left;
  244. margin-right: 7px;
  245. }
  246. .alignright {
  247. display: inline;
  248. float: right;
  249. margin-left: 7px;
  250. }
  251. .aligncenter {
  252. clear: both;
  253. display: block;
  254. margin-left: auto;
  255. margin-right: auto;
  256. }
  257. /* =Global
  258. ----------------------------------------------- */
  259. body, input, textarea {
  260. color: #333;
  261. font: 14px Georgia, "Bitstream Charter", serif;
  262. line-height: 1.7;
  263. }
  264. #wrapper {
  265. background: #fff;
  266. }
  267. /* Headings */
  268. hr {
  269. background-color: #ccc;
  270. border: 0;
  271. height: 1px;
  272. }
  273. /* Text elements */
  274. p {
  275. margin-bottom: 15px;
  276. }
  277. ul, ol {
  278. margin: 0 0 1.7em 2.5em;
  279. }
  280. ul {
  281. list-style: square;
  282. }
  283. ol {
  284. list-style-type: decimal;
  285. }
  286. ul ul, ol ol, ul ol, ol ul {
  287. margin-bottom: 0;
  288. }
  289. dl {
  290. margin-bottom: 1.7em;
  291. }
  292. dt {
  293. font-weight: bold;
  294. }
  295. dd {
  296. font-style: italic;
  297. margin: 0 1.7em 0;
  298. }
  299. strong {
  300. font-weight: bold;
  301. }
  302. cite, em, i {
  303. font-style: italic;
  304. }
  305. blockquote {
  306. background: #F5F5F5;
  307. border: solid #bbb;
  308. border-width: 1px 0;
  309. color: #666;
  310. margin: 0 0 1.7em;
  311. padding: 5px 10px 0;
  312. }
  313. blockquote p {
  314. margin-bottom: 7px;
  315. }
  316. pre {
  317. background: #f4f4f4;
  318. font: 13px "Courier New", Courier, monospace;
  319. line-height: 1.7;
  320. margin-bottom: 1.7em;
  321. overflow-x: auto;
  322. padding: 0.75em 1.7em;
  323. overflow-x: scroll;
  324. }
  325. code, kbd {
  326. color: #009900;
  327. font: 13px "Courier New", Courier, monospace;
  328. }
  329. abbr, acronym {
  330. border-bottom: 1px dotted #666;
  331. cursor: help;
  332. }
  333. ins {
  334. background: #fff9c0;
  335. text-decoration: none;
  336. }
  337. sup,
  338. sub {
  339. font-size: 10px;
  340. height: 0;
  341. line-height: 1;
  342. position: relative;
  343. vertical-align: baseline;
  344. }
  345. sup {
  346. bottom: 1ex;
  347. }
  348. sub {
  349. top: .5ex;
  350. }
  351. input[type=text],
  352. textarea {
  353. border: 1px solid #bbb;
  354. }
  355. textarea {
  356. padding-left: 3px;
  357. width: 98%;
  358. }
  359. input[type=text] {
  360. padding: 3px;
  361. }
  362. /* Links */
  363. a {
  364. color: #1c9bdc;
  365. text-decoration: none;
  366. }
  367. a:focus,
  368. a:active,
  369. a:hover {
  370. color: #1873a1;
  371. text-decoration: underline;
  372. }
  373. /* Text meant only for screen readers */
  374. .screen-reader-text {
  375. position: absolute !important;
  376. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  377. clip: rect(1px, 1px, 1px, 1px);
  378. }
  379. /* =Header
  380. ----------------------------------------------- */
  381. #header {
  382. margin-bottom: 30px;
  383. }
  384. #site-title {
  385. text-align: right;
  386. }
  387. #site-title a {
  388. color: #000;
  389. font-size: 40px;
  390. font-weight: bold;
  391. line-height: 72px;
  392. text-decoration: none;
  393. }
  394. #header img {
  395. border-bottom: 2px solid #222;
  396. max-width: 100%;
  397. width: auto;
  398. height: auto;
  399. }
  400. /* =Menu
  401. ----------------------------------------------- */
  402. #nav {
  403. border: solid #222;
  404. border-width: 1px 0 2px;
  405. display: block;
  406. float: left;
  407. margin: 0 auto;
  408. width: 100%;
  409. }
  410. #nav ul {
  411. font-size: 12px;
  412. list-style: none;
  413. margin: 0;
  414. padding-left: 0;
  415. }
  416. #nav li {
  417. float: left;
  418. position: relative;
  419. }
  420. #nav a {
  421. color: #222;
  422. display: block;
  423. line-height: 42px;
  424. letter-spacing: 0.3em;
  425. padding: 0 16px;
  426. text-decoration: none;
  427. text-transform: uppercase;
  428. }
  429. #nav ul ul {
  430. box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  431. -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  432. -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  433. display: none;
  434. float: left;
  435. position: absolute;
  436. top: 42px;
  437. left: 0;
  438. width: 180px;
  439. z-index: 99999;
  440. }
  441. #nav ul ul ul {
  442. left: 212px;
  443. top: 0;
  444. }
  445. #nav ul ul a {
  446. background: #222;
  447. color: #fff;
  448. width: 180px;
  449. height: auto;
  450. }
  451. #nav .current_page_item a,
  452. #nav li:hover > a,
  453. #nav ul ul :hover > a {
  454. background: #222;
  455. color: #fff;
  456. }
  457. #nav ul ul a:hover {
  458. background: #000;
  459. }
  460. #nav ul li:hover > ul {
  461. display: block;
  462. }
  463. /* =Content
  464. ----------------------------------------------- */
  465. .page-title {
  466. background: #F5F5F5;
  467. border-bottom: 1px solid #ddd;
  468. color: #000;
  469. font-size: 24px;
  470. margin-bottom: 30px;
  471. padding: 4px 8px;
  472. }
  473. .page-title span {
  474. color: #999;
  475. font-style: italic;
  476. }
  477. .entry-meta {
  478. background: #f5f5f5;
  479. border-bottom: 1px solid #ddd;
  480. display: inline;
  481. float: left;
  482. font-size: 11px;
  483. line-height: 24px;
  484. padding: 0 6px;
  485. text-transform: uppercase;
  486. }
  487. .entry-meta a {
  488. color: #333;
  489. }
  490. .entry-meta a:hover {
  491. color: #1873a1;
  492. }
  493. .jump {
  494. border-bottom: 1px solid transparent;
  495. display: inline;
  496. float: right;
  497. line-height: 24px;
  498. padding: 4px 10px;
  499. }
  500. .entry-title {
  501. clear: both;
  502. color: #000;
  503. font-size: 28px;
  504. line-height: 33px;
  505. margin: 0 0 10px;
  506. padding: 10px 0 0;
  507. }
  508. .entry-title a {
  509. color: #000;
  510. }
  511. .entry-title a:focus,
  512. .entry-title a:active,
  513. .entry-title a:hover {
  514. color: #1873a1;
  515. text-decoration: none;
  516. }
  517. .single .entry-content {
  518. padding-top: 1.7em;
  519. }
  520. .entry-content h1 {
  521. color: #000;
  522. font-size: 56px;
  523. font-weight: bold;
  524. }
  525. .entry-content h2 {
  526. color: #000;
  527. font-size: 28px;
  528. line-height: 33px;
  529. margin: 0 0 10px;
  530. padding: 10px 0 0;
  531. }
  532. .entry-content h3 {
  533. color: #999;
  534. font-size: 21px;
  535. margin-bottom: 4px;
  536. }
  537. .entry-content h4 {
  538. background: #f5f5f5;
  539. border-bottom: 1px solid #ddd;
  540. font-size: 11px;
  541. display: inline;
  542. line-height: 24px;
  543. padding: 4px 6px;
  544. text-transform: uppercase;
  545. }
  546. .entry-content h5,
  547. .entry-content h6 {
  548. font-size: 12px;
  549. font-weight: bold;
  550. }
  551. .entry-content h6 {
  552. font-size: 10px;
  553. }
  554. .entry-content a {
  555. text-decoration: underline;
  556. }
  557. .entry-content a:visited {
  558. color: #333;
  559. }
  560. .page-link {
  561. color: #000;
  562. clear: both;
  563. font-weight: bold;
  564. margin: 0 0 1.7em;
  565. padding: 4px 0 0;
  566. word-spacing: 0.5em;
  567. }
  568. .page-link a:link,
  569. .page-link a:visited {
  570. background: #f5f5f5;
  571. border-bottom: 1px solid #ddd;
  572. color: #333;
  573. font-weight: normal;
  574. padding: 0.5em 0.75em;
  575. text-decoration: none;
  576. }
  577. .page-link a:active,
  578. .page-link a:hover {
  579. color: #1873a1;
  580. }
  581. .entry-links {
  582. background: #f5f5f5;
  583. border-bottom: 1px solid #ddd;
  584. clear: both;
  585. margin: 0 0 3.4em;
  586. overflow: hidden;
  587. padding: 10px;
  588. }
  589. .entry-links p {
  590. margin: 0;
  591. }
  592. .entry-links .comment-number {
  593. background: url(images/icons/bubble.png) no-repeat 0 4px;
  594. float: right;
  595. padding: 0 0 2px 26px;
  596. }
  597. .entry-links .tagged {
  598. background: url(images/icons/cabinet.png) no-repeat 0 2px;
  599. padding: 0 0 0 24px;
  600. }
  601. #author-description {
  602. margin: 0 0 10px;
  603. }
  604. /* Sticky Posts */
  605. .sticky .entry-meta {
  606. display: none;
  607. }
  608. .sticky .entry-title {
  609. padding: 0;
  610. }
  611. .sticky .entry-content {
  612. background: #f5f5f5;
  613. border-bottom: 1px solid #ddd;
  614. padding: 10px 10px 0;
  615. }
  616. .sticky .entry-links {
  617. border-top: 1px solid #fff;
  618. }
  619. .sticky .page-link {
  620. margin: 0;
  621. padding: 0 0 1.7em;
  622. }
  623. .sticky .page-link a {
  624. background: #fff;
  625. }
  626. /* Image Attachments */
  627. .image-attachment div.entry-meta {
  628. float: left;
  629. }
  630. .image-attachment #image-navigation {
  631. float: right;
  632. }
  633. .image-attachment .next-image a {
  634. padding-left: .5em;
  635. }
  636. .image-attachment .entry-attachment {
  637. background: #f5f5f5;
  638. margin: 0 0 10px;
  639. padding: 10px 10px 0;
  640. text-align: center;
  641. }
  642. .image-attachment .entry-attachment img {
  643. height: auto;
  644. }
  645. /* =Images
  646. ----------------------------------------------- */
  647. img.size-auto,
  648. img.size-large,
  649. img.size-full,
  650. img.size-medium,
  651. .attachment img {
  652. height: auto;
  653. max-width: 100%;
  654. }
  655. .entry img.left_off {
  656. float: left;
  657. margin: 0 10px 5px 0;
  658. }
  659. .entry img.right_off {
  660. float: right;
  661. margin: 0 0 5px 10px;
  662. }
  663. .entry img.center_off {
  664. display: block;
  665. margin: 0 auto 15px;
  666. }
  667. object,
  668. embed {
  669. max-width: 100%;
  670. }
  671. p img.wp-smiley {
  672. margin-bottom: 0;
  673. }
  674. p img,
  675. .wp-caption {
  676. margin-bottom: 2px;
  677. }
  678. .wp-caption {
  679. background-color: #f5f5f5;
  680. border: 1px solid #ddd;
  681. max-width: 99%;
  682. margin-bottom: 10px;
  683. padding-top: 4px;
  684. text-align: center;
  685. }
  686. .wp-caption img {
  687. border: 0 none;
  688. height: auto;
  689. margin: 0;
  690. max-width: 98%;
  691. padding: 0;
  692. }
  693. .wp-caption .wp-caption-text {
  694. font-size: 11px;
  695. line-height: 17px;
  696. margin: 0;
  697. padding: 0 4px 8px 0;
  698. }
  699. .gallery-caption {
  700. }
  701. /* =Navigation
  702. -------------------------------------------------------------- */
  703. .navigation {
  704. clear: both;
  705. overflow: hidden;
  706. }
  707. .nav-previous {
  708. float: left;
  709. width: 50%;
  710. }
  711. .nav-next {
  712. float: right;
  713. text-align: right;
  714. width: 50%;
  715. }
  716. #nav-above {
  717. margin: 0 0 1.7em;
  718. }
  719. #nav-above {
  720. display: none;
  721. }
  722. .paged #nav-above,
  723. .single #nav-above {
  724. display: block;
  725. }
  726. #nav-below {
  727. margin: 0 0 1.7em;
  728. }
  729. .single #nav-below {
  730. display: none;
  731. }
  732. /* =Widgets
  733. ----------------------------------------------- */
  734. .sidebar-list {
  735. list-style: none;
  736. margin-left: 0;
  737. }
  738. .widget {
  739. font-size: 12px;
  740. line-height: 18px;
  741. margin: 0 0 1.7em 0;
  742. }
  743. .widget-title {
  744. color: #999;
  745. font-size: 24px;
  746. line-height: 21px;
  747. margin: 0;
  748. }
  749. .sidebar-list h2 {
  750. color: #999;
  751. font-size: 24px;
  752. line-height: 18px;
  753. }
  754. .widget ul {
  755. background: #f5f5f5;
  756. border-bottom: 1px solid #ddd;
  757. margin-left: 0;
  758. padding: 10px 10px 10px 20px;
  759. }
  760. .widget ul ul {
  761. border: none;
  762. margin-left: 1em;
  763. padding: 0;
  764. }
  765. .widget li {
  766. padding: 3px 0;
  767. }
  768. .widget select {
  769. max-width: 99%;
  770. }
  771. /* Titleless Widgets */
  772. .widget_vodpod {
  773. padding-top: 10px;
  774. }
  775. /* Search Widget */
  776. .widget_search #s {
  777. width: 60%;
  778. }
  779. /* Tag Clouds */
  780. .wp_widget_tag_cloud div,
  781. .widget_tag_cloud div {
  782. padding: .5em 0;
  783. }
  784. /* RSS Links Widget */
  785. .widget_rss_links p {
  786. margin: 0;
  787. }
  788. .widget_rss_links img {
  789. margin: 0 0 -1px;
  790. }
  791. /* Flickr Widget */
  792. #flickr_badge_wrapper {
  793. margin-top: 10px;
  794. padding: 10px;
  795. }
  796. #flickr_badge_wrapper td {
  797. text-align: center;
  798. }
  799. /* Recent Comments Widget */
  800. .widget_recent_comments td {
  801. vertical-align: middle;
  802. }
  803. /* Calendar Widget */
  804. #wp-calendar {
  805. width: 100%;
  806. }
  807. #wp-calendar caption {
  808. color: #888;
  809. font-size: 13px;
  810. font-weight: bold;
  811. margin: 6px 0;
  812. text-align: left;
  813. padding: 0 2px 6px;
  814. }
  815. #wp-calendar th {
  816. color: #888;
  817. text-align: center;
  818. }
  819. #wp-calendar tbody td {
  820. text-align: center;
  821. }
  822. #wp-calendar tfoot td {
  823. padding-top: .2em;
  824. }
  825. #wp-calendar tfoot #next {
  826. text-align: right;
  827. }
  828. #wp-calendar tbody a {
  829. text-decoration: underline;
  830. }
  831. #wp-calendar a:visited {
  832. color: #0060ff;
  833. }
  834. #wp-calendar a:visited:hover {
  835. color: #df0000;
  836. }
  837. #wp-calendar tbody #today {
  838. background: #f5f5f5;
  839. border-bottom: 1px solid #ddd;
  840. padding: 3px 0;
  841. }
  842. /* Footer Widgets */
  843. #footer-widget-area {
  844. overflow: hidden;
  845. margin-bottom: -1.5em;
  846. padding: 10px 0 0;
  847. }
  848. #footer .widget-area {
  849. width: 49.4%;
  850. }
  851. #first {
  852. float: left;
  853. }
  854. #second {
  855. float: right;
  856. }
  857. #footer .widget ul {
  858. background: #000;
  859. border-color: #444;
  860. }
  861. /* =Comments
  862. ----------------------------------------------- */
  863. #comments-title {
  864. border-bottom: 1px dotted #ddd;
  865. color: #000;
  866. font-size: 28px;
  867. line-height: 33px;
  868. margin: 0 0 10px;
  869. padding: 10px 0;
  870. }
  871. #comments ol {
  872. list-style: none;
  873. margin-left: 0;
  874. }
  875. #comments ul.children {
  876. margin-left: 10px;
  877. }
  878. #comments li {
  879. padding: 1.7em 10px;
  880. position: relative;
  881. }
  882. #comments li.pingback p {
  883. margin-bottom: 10px;
  884. }
  885. #comments li.thread-alt,
  886. #comments li.author_comment_alt {
  887. background: #f5f5f5;
  888. }
  889. #comments li.bypostauthor > .comment-container {
  890. background: #e9f6fc;
  891. margin: -15px 0 -5px -10px;
  892. padding: 15px 0 5px 10px;
  893. }
  894. #comments li,
  895. #comments li.thread-alt,
  896. #comments li.author_comment_,
  897. #comments li.author_comment_alt {
  898. border-bottom: 1px dotted #bbb;
  899. list-style: none;
  900. padding: 15px 0 5px 10px;
  901. }
  902. #comments li .children li {
  903. border-bottom: none;
  904. }
  905. #comments .avatar {
  906. border: 1px solid #eee;
  907. padding: 2px;
  908. position: absolute;
  909. right: 10px;
  910. top: 10px;
  911. }
  912. .comment-author {
  913. font-size: 17px;
  914. font-weight: bold;
  915. line-height: 20px;
  916. }
  917. cite.fn {
  918. font-style: normal;
  919. }
  920. .comment-meta,
  921. .comment-meta a {
  922. color: #999;
  923. font-size: 12px;
  924. }
  925. .comment-body {
  926. padding: 1.7em 10px 0 0;
  927. }
  928. .reply {
  929. padding: 0 0 5px;
  930. }
  931. /* Comment Form */
  932. #reply-title {
  933. color: #000;
  934. font-size: 28px;
  935. line-height: 33px;
  936. margin: 0 0 10px;
  937. padding: 10px 0;
  938. }
  939. #respond .required {
  940. color: #ff3730;
  941. }
  942. #respond .comment-form-author,
  943. #respond .comment-form-email,
  944. #respond .comment-form-url {
  945. overflow: hidden;
  946. }
  947. #respond .comment-form-author input,
  948. #respond .comment-form-email input,
  949. #respond .comment-form-url input {
  950. float: left;
  951. margin-right: 7px;
  952. }
  953. .comment-form-comment label {
  954. display: none;
  955. }
  956. .comment-form-comment {
  957. margin: 0;
  958. }
  959. .form-allowed-tags {
  960. color: #999;
  961. font-size: 12px;
  962. }
  963. .form-allowed-tags code {
  964. color: #999;
  965. }
  966. /* =Footer
  967. ----------------------------------------------- */
  968. #footer {
  969. border-top: 1px solid #000;
  970. padding-top: 3px;
  971. }
  972. #footer #colophon {
  973. background: #222;
  974. color: #fff;
  975. overflow: hidden;
  976. padding: 4px 10px;
  977. }
  978. #footer #colophon a {
  979. border-bottom: 1px solid #555;
  980. color: #fff;
  981. text-decoration: none;
  982. }
  983. #footer #colophon a:hover {
  984. border-color: #777;
  985. }
  986. #site-info {
  987. font-size: 12px;
  988. float: left;
  989. width: 50%;
  990. }
  991. #site-generator {
  992. font-size: 12px;
  993. float: right;
  994. text-align: right;
  995. width: 50%;
  996. }
  997. #wpstats {
  998. position: absolute;
  999. top: -9000px;
  1000. }
  1001. /* =Print
  1002. ----------------------------------------------- */
  1003. @media print {
  1004. * {
  1005. overflow: visible !important;
  1006. float: none !important;
  1007. }
  1008. body {
  1009. background: none !important;
  1010. color: #000;
  1011. font: 12px Georgia, "Bitstream Charter", serif;
  1012. line-height: 1.7;
  1013. }
  1014. #container {
  1015. clear: both !important;
  1016. display: block !important;
  1017. float: none !important;
  1018. position: relative !important;
  1019. }
  1020. #content-container {
  1021. float: none !important;
  1022. }
  1023. #content {
  1024. width: 100% !important;
  1025. }
  1026. #site-title {
  1027. text-align: left;
  1028. }
  1029. .entry-meta {
  1030. border: none;
  1031. padding: 0;
  1032. }
  1033. #nav,
  1034. #pic,
  1035. .navigation,
  1036. .jump,
  1037. #wpl-likebox,
  1038. .entry-links,
  1039. #sidebar,
  1040. .widget-area,
  1041. #respond,
  1042. #footer {
  1043. display: none !important;
  1044. }
  1045. }
  1046. /* =WP.com
  1047. -------------------------------------------------------------- */
  1048. body.typekit-enabled #site-info {
  1049. width: 40%;
  1050. }
  1051. body.typekit-enabled #site-generator {
  1052. width: 60%;
  1053. }