Advertisement
Guest User

Untitled

a guest
Dec 17th, 2012
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.75 KB | None | 0 0
  1. /*
  2. Theme Name: Parament
  3. Theme URI: http://theme.wordpress.com/themes/parament/
  4. Description: Parament is a great all-purpose theme featuring a dark color scheme with bright orange highlights and a textured background. Add your own personal flair by uploading a custom header or background image. Parament's full-width image template allows your images to display as large as possible for maximum impact.
  5. Version: 1.2
  6. Author: Automattic
  7. Author URI: http://automattic.com/
  8. License: GNU General Public License
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: black, dark, orange, two-columns, fixed-width, custom-background, custom-header, custom-menu, microformats, rtl-language-support, sticky-post, translation-ready
  11. */
  12.  
  13.  
  14. body {
  15. background: #202228 url( images/diagonal-stripes-010.png );
  16. color: #989eae;
  17. font-size: 14px;
  18. margin: 0;
  19. padding: 15px 0 30px;
  20. }
  21. #page-wrap {
  22. margin: 0 auto;
  23. width: 1000px;
  24. }
  25. #container {
  26. margin: 0 auto;
  27. width: 970px;
  28. }
  29. #main {
  30. display: inline;/* fix double margin */
  31. float: left;
  32. margin: 0 25px 30px 10px;
  33. width: 660px;
  34. }
  35. /* Image Template. */
  36. #main.image-template {
  37. width: 950px;
  38. }
  39. .image-template #comments {
  40. margin: 0 auto;
  41. width: 660px;
  42. }
  43. .image-template .hentry img {
  44. height: auto;
  45. max-width: 917px;
  46. }
  47.  
  48.  
  49. /* =Fonts
  50. -------------------------------------------------------------- */
  51.  
  52. body,
  53. input,
  54. textarea {
  55. font-family: Trebuchet, arial, sans-serif;
  56. }
  57. h1,
  58. h2,
  59. h3,
  60. h4,
  61. h5,
  62. h6,
  63. #site-title,
  64. .comment-author,
  65. .nav-paged a {
  66. font-family: Trebuchet, arial, sans-serif;
  67. }
  68. code,
  69. kbd,
  70. pre,
  71. samp,
  72. tt,
  73. var {
  74. font-family: Consolas, "Courier New", Courier, monospace;
  75. }
  76.  
  77.  
  78. /* =Inline Elements
  79. -------------------------------------------------------------- */
  80.  
  81. a {
  82. color: #989eae;
  83. text-decoration: none;
  84. }
  85. a img {
  86. border-width: 0;
  87. }
  88. a.edit-term img {
  89. border-width: 0;
  90. }
  91. a:hover,
  92. a:active,
  93. a:focus {
  94. outline: 0;
  95. text-decoration: underline;
  96. }
  97. abbr,
  98. acronym {
  99. border-bottom: 1px dashed #989eae;
  100. cursor: help;
  101. }
  102. big {
  103. font-size: 2em;
  104. position: relative;
  105. top: .1em;
  106. }
  107. code,
  108. var {
  109. background: #202228;
  110. border: .1em solid #444855;
  111. color: #989eae;
  112. font-style: normal;
  113. padding: 0 .3em;
  114. }
  115. code abbr,
  116. code acronym {
  117. border-width: 0;
  118. }
  119. code var {
  120. border-width: 0;
  121. padding: 0;
  122. }
  123. b code,
  124. b var,
  125. strong code,
  126. strong var {
  127. border-width: .2em;
  128. }
  129. pre code {
  130. background: transparent;
  131. border-width: 0;
  132. padding: 0;
  133. }
  134. del,
  135. s,
  136. strike {
  137. text-decoration: line-through;
  138. }
  139. ins {
  140. background-color: #989eae;
  141. color: #202228;
  142. padding-right: 3px;
  143. padding-left: 4px;
  144. text-decoration: none;
  145. }
  146. small {
  147. font-size: 0.9em;
  148. line-height: 1.5em;
  149. }
  150.  
  151.  
  152. /* =Block Level Elements
  153. -------------------------------------------------------------- */
  154.  
  155. article,
  156. aside,
  157. details,
  158. figcaption,
  159. figure,
  160. footer,
  161. header,
  162. hgroup,
  163. menu,
  164. nav,
  165. section {
  166. display: block;
  167. }
  168. address,
  169. article,
  170. aside,
  171. blockquote,
  172. dl,
  173. fieldset,
  174. footer,
  175. form,
  176. header,
  177. nav,
  178. ol,
  179. p,
  180. pre,
  181. table,
  182. ul,
  183. .embed,
  184. .entry-content div {
  185. font-size: 1em;
  186. line-height: 1.5em;
  187. margin: 1.5em 0;
  188. padding: 0;
  189. }
  190. .entry-content div div {
  191. margin: 0;
  192. padding: 0;
  193. }
  194. blockquote,
  195. fieldset,
  196. pre {
  197. border: .1em solid #444855;
  198. padding: .75em;
  199. text-align: left;
  200. }
  201. blockquote,
  202. pre {
  203. background: #202228;
  204. }
  205. pre {
  206. white-space: pre-wrap;
  207. }
  208. blockquote {
  209. font-style: italic;
  210. line-height: 1.3;
  211. padding: 1em 2em;
  212. }
  213. blockquote blockquote {
  214. background: #111;
  215. margin-right: 0;
  216. margin-left: 0;
  217. }
  218. blockquote blockquote blockquote {
  219. background: #202228;
  220. }
  221. blockquote cite {
  222. color: #cccfd7;
  223. font-size: .85em;
  224. font-weight: bold;
  225. }
  226. blockquote p {
  227. line-height: 1.3;
  228. }
  229. blockquote p:first-child,
  230. blockquote p:only-child,
  231. blockquote blockquote:first-child {
  232. margin-top: 0;
  233. }
  234. blockquote p:last-child,
  235. blockquote p:only-child,
  236. blockquote blockquote:last-child {
  237. margin-bottom: 0;
  238. }
  239. hr {
  240. border: 1px solid #444855;
  241. }
  242.  
  243.  
  244. /* =Headings
  245. -------------------------------------------------------------- */
  246.  
  247. h1,
  248. h2,
  249. h3,
  250. h4,
  251. h5,
  252. h6 {
  253. clear: both;
  254. color: #cccfd7;
  255. font-weight: bold;
  256. line-height: 1.2em;
  257. padding: 0;
  258. }
  259. h1 {
  260. font-size: 25px;
  261. font-weight: normal;
  262. margin: .83em 0;
  263. }
  264. h2 {
  265. font-size: 22px;
  266. font-weight: normal;
  267. margin: 1.05em 0;
  268. }
  269. h3 {
  270. font-size: 19px;
  271. font-weight: normal;
  272. margin: 1.23em 0;
  273. }
  274. h4 {
  275. font-size: 15px;
  276. margin: 1.35em 0;
  277. }
  278. h5,
  279. h6 {
  280. font-size: 12px;
  281. margin: 1.5em 0;
  282. }
  283. h1 a,
  284. h2 a,
  285. h3 a,
  286. h4 a,
  287. h5 a,
  288. h6 a {
  289. color: #cccfd7;
  290. text-decoration: none;
  291. }
  292.  
  293.  
  294. /* =Lists
  295. -------------------------------------------------------------- */
  296.  
  297. ol,
  298. ul {
  299. padding-left: 30px;
  300. }
  301. ol ol,
  302. ol ul,
  303. ul ol,
  304. ul ul {
  305. list-style-position: inside;
  306. margin: 0;
  307. }
  308. ul {
  309. list-style-type: square;
  310. }
  311. dt {
  312. color: #cccfd7;
  313. font-size: 16px;
  314. font-weight: normal;
  315. margin: 0;
  316. }
  317. dd {
  318. margin: 0 0 1.5em;
  319. padding-bottom: .3em;
  320. }
  321.  
  322.  
  323. /* =Tables
  324. -------------------------------------------------------------- */
  325.  
  326. table {
  327. border-collapse: collapse;
  328. }
  329. th,
  330. td {
  331. padding: .25em .5em;
  332. }
  333. table,
  334. th,
  335. td {
  336. border: 1px solid #111;
  337. }
  338. tbody th {
  339. background-color: transparent;
  340. }
  341. tbody td {
  342. background-color: #33353d;
  343. color: #989eae;
  344. }
  345. caption {
  346. font-size: 14px;
  347. padding-bottom: 7px;
  348. }
  349.  
  350.  
  351. /* =Float Clearing
  352. -------------------------------------------------------------- */
  353.  
  354. .contain:before,
  355. .contain:after {
  356. content: "\0020";
  357. display: block;
  358. height: 0;
  359. visibility: hidden;
  360. }
  361. .contain:after {
  362. clear: both;
  363. }
  364. .contain {
  365. zoom: 1;
  366. }
  367.  
  368.  
  369. /* =Header
  370. -------------------------------------------------------------- */
  371.  
  372. #branding {
  373. font-size: 12px;
  374. margin: 0 auto 15px;
  375. min-height: 100px;
  376. text-shadow: #000 1px 1px 2px;
  377. width: 950px;
  378. }
  379. h1#site-title {
  380. font-size: 40px;
  381. font-weight: normal;
  382. line-height: 47px;
  383. margin: 20px 0 0 15px;
  384. }
  385. h2#site-description {
  386. font-size: 16px;
  387. line-height: 1.5;
  388. margin: 0 0 20px 15px;
  389. }
  390. h1#site-title a,
  391. h2#site-description a {
  392. color: #cccfd7;
  393. display: block;
  394. text-decoration: none;
  395. }
  396.  
  397.  
  398. /* =Menu
  399. -------------------------------------------------------------- */
  400.  
  401. #menu {
  402. background: #070707;
  403. background: -moz-linear-gradient( top, #272727 1%, #070707 100% );
  404. background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #272727 ), color-stop( 100%, #070707 ) );
  405. background: -webkit-linear-gradient( top, #272727 1%, #070707 100% );
  406. background: -o-linear-gradient( top, #272727 1%, #070707 100% );
  407. background: -ms-linear-gradient( top, #272727 1%, #070707 100% );
  408. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#070707', GradientType=0 );
  409. background: linear-gradient( top, #272727 1%, #070707 100% );
  410. border: 1px solid #444855;
  411. border-radius: 7px;
  412. clear: both;
  413. float: left;
  414. margin: 0;
  415. padding: 7px 0 0;
  416. width: 1000px;
  417. }
  418. #menu:empty {
  419. display: none;
  420. }
  421. #menu ul {
  422. font-size: 13px;
  423. list-style: none;
  424. margin: 0;
  425. padding-left: 0;
  426. }
  427. #menu li {
  428. float: left;
  429. margin: 0 0 7px 7px;
  430. position: relative;
  431. }
  432. #menu li li {
  433. margin: 0;
  434. }
  435. #menu a {
  436. color: #989eae;
  437. display: block;
  438. line-height: 40px;
  439. padding: 0 15px;
  440. text-decoration: none;
  441. text-transform: uppercase;
  442. }
  443. #menu ul ul {
  444. border-top: 1px solid #444855;
  445. -moz-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
  446. -webkit-box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
  447. box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.2 );
  448. display: none;
  449. float: left;
  450. margin: 0;
  451. position: absolute;
  452. top: 37px; /* offset 3px to hide bottom border-radius. */
  453. left: 0;
  454. width: 213px;
  455. z-index: 99999;
  456. }
  457. #menu ul ul ul {
  458. border-top-width: 0;
  459. left: 100%;
  460. top: 0;
  461. }
  462. #menu ul ul a {
  463. background: #202228;
  464. border-bottom: 1px dotted #444855;
  465. color: #989eae;
  466. font-size: 13px;
  467. font-weight: normal;
  468. line-height: 1.5;
  469. padding: 6px 15px;
  470. text-transform: none;
  471. width: 183px;
  472. height: auto;
  473. }
  474. #menu li:hover > a,
  475. #menu a:focus {
  476. background: #272a31;
  477. }
  478. #menu a:focus,
  479. #menu a:active,
  480. #menu li:hover > a {
  481. color: #fff;
  482. }
  483. #menu li.current-menu-item > a,
  484. #menu li.current-menu-ancestor > a,
  485. #menu li.current_page_item > a,
  486. #menu li.current_page_ancestor > a {
  487. background-color: #33353d;
  488. color: #fff;
  489. font-weight: bold;
  490. }
  491. #menu li li.current-menu-item > a,
  492. #menu li li.current-menu-ancestor > a,
  493. #menu li li.current_page_item > a
  494. #menu li li.current_page_ancestor > a {
  495. border-radius: 0;
  496. }
  497. #menu ul li:hover > ul {
  498. display: block;
  499. }
  500. /* First selector is for wp_nav_menu(), second is for wp_list_pages(). */
  501. #menu .menu > li > a,
  502. #menu div.menu > ul > li > a {
  503. border-radius: 3px;
  504. }
  505.  
  506.  
  507. /* =Intro (For archive views)
  508. -------------------------------------------------------------- */
  509.  
  510. #introduction {
  511. background: #202228;
  512. border: 1px solid #444855;
  513. border-top-width: 0;
  514. border-bottom-right-radius: 7px;
  515. border-bottom-left-radius: 7px;
  516. clear: both;
  517. color: #989eae;
  518. margin: 0;
  519. padding: 10px 20px 10px;
  520. position: relative;
  521. }
  522. #introduction hgroup {
  523. float: left;
  524. }
  525. #page-title {
  526. color: #cccfd7;
  527. font-weight: normal;
  528. line-height: 1.3;
  529. margin: 0;
  530. }
  531. #page-tagline {
  532. color: #666c7f;
  533. font-size: 14px;
  534. font-weight: normal;
  535. line-height: 1;
  536. margin-top: 0;
  537. padding-top: 7px;
  538. }
  539. .search-results #page-title,
  540. .search-results #page-tagline {
  541. float: left;
  542. width: 55%;
  543. }
  544. #introduction #searchform {
  545. position: absolute;
  546. top: 0;
  547. right: 15px;
  548. }
  549.  
  550.  
  551. /* =Entry
  552. -------------------------------------------------------------- */
  553.  
  554. .hentry {
  555. background: #111;
  556. border: 1px solid #444855;
  557. border-radius: 7px;
  558. margin: 40px 0 30px;
  559. position: relative;
  560. }
  561. .hentry p:first-child,
  562. .hentry p:only-child {
  563. margin-top: 0;
  564. }
  565. .hentry p:last-child,
  566. .hentry p:only-child {
  567. margin-bottom: 0;
  568. }
  569. .hentry img {
  570. max-width: 627px;
  571. width: auto;
  572. height: auto;
  573. }
  574. .title {
  575. border-top-right-radius: 7px;
  576. border-top-left-radius: 7px;
  577. border-bottom: 1px dotted #444855;
  578. background: #202228;
  579. color: #fff;
  580. padding: 17px 15px 15px;
  581. }
  582. .has-byline .title {
  583. padding-top: 25px;
  584. }
  585. h2.entry-title {
  586. color: #bfc3cf;
  587. font-size: 25px;
  588. font-weight: normal;
  589. letter-spacing: .025em;
  590. line-height: 30px;
  591. margin: 0;
  592. padding: 0;
  593. }
  594. h2.entry-title a {
  595. color: #bfc3cf;
  596. }
  597. h2.entry-title a:hover {
  598. color: #bfc3cf;
  599. text-decoration: none;
  600. }
  601. .entry-byline {
  602. background: #d24d04;
  603. border: 1px solid #ff5a00;
  604. color: #fff;
  605. display: block;
  606. font-size: 12px;
  607. line-height: 1;
  608. position: absolute;
  609. top: -10px;
  610. left: -10px;
  611. text-shadow: #000 1px 1px 2px;
  612. }
  613. .entry-byline a {
  614. color: #fff;
  615. font-style: italic;
  616. }
  617. .entry-byline span,
  618. .entry-byline .post-edit-link {
  619. display:block;
  620. float: left;
  621. padding: 4px 6px;
  622. }
  623. .entry-byline .post-edit-link {
  624. background: #ff5a00;
  625. font-style: normal;
  626. }
  627. .entry-content {
  628. overflow: hidden;
  629. padding: 15px;
  630. }
  631. .entry-content a {
  632. text-decoration: underline;
  633. }
  634. .entry-content a:hover,
  635. .entry-content a:active,
  636. .entry-content a:focus {
  637. color: #d24d04;
  638. }
  639. .entry-meta {
  640. color: #666c7f;
  641. font-size: 12px;
  642. }
  643. .entry-meta a {
  644. color: #666c7f;
  645. text-decoration: none;
  646. }
  647. .entry-meta a:hover {
  648. border-bottom: 1px solid #ff5a00;
  649. color: #ff5a00;
  650. text-decoration: none;
  651. }
  652. div.entry-navigation {
  653. clear: both;
  654. float: left;
  655. margin: 15px 0 0;
  656. width: 100%;
  657. }
  658. .entry-navigation span {
  659. background: #2f323c;
  660. border: 1px solid #33353d;
  661. border-radius: 3px;
  662. color: #bfc3cf;
  663. float: left;
  664. font-size: 13px;
  665. line-height: 25px;
  666. margin: 0 5px 5px 0;
  667. min-width: 27px;
  668. padding: 0;
  669. text-align: center;
  670. }
  671. .entry-navigation a:link,
  672. .entry-navigation a:visited {
  673. color: #fff;
  674. text-decoration: none;
  675. }
  676. .entry-navigation a:active,
  677. .entry-navigation a:focus,
  678. .entry-navigation a:hover {
  679. color: #5588bb;
  680. text-decoration: underline;
  681. }
  682. .sticky .title {
  683. background-color: #ff5a00;
  684. border-bottom: 1px solid #d24d04;
  685. padding: 8px 15px;
  686. }
  687. .sticky .entry-byline {
  688. border-width: 0;
  689. top: -14px;
  690. }
  691. .sticky .entry-byline span {
  692. display: none;
  693. }
  694. .sticky h2.entry-title {
  695. text-shadow: #000 1px 1px 2px;
  696. }
  697. .sticky h2.entry-title,
  698. .sticky h2.entry-title a {
  699. color: #fff;
  700. }
  701. .sticky .entry-meta {
  702. display:none;
  703. }
  704. .sticky .entry-meta,
  705. .sticky .entry-meta a {
  706. color: #fff;
  707. }
  708. .post-password-required form {
  709. margin: 0;
  710. }
  711. .post-password-required form p:first-child {
  712. margin-top: 0;
  713. }
  714. .more-link {
  715. color: #d24d04;
  716. }
  717. #attachment-image {
  718. text-align: center;
  719. }
  720.  
  721. /* =Asides
  722. -------------------------------------------------------------- */
  723.  
  724. .format-aside .title {
  725. padding: 0;
  726. }
  727. .format-aside .entry-title {
  728. display: none;
  729. }
  730. .format-aside .entry-meta {
  731. display: none;
  732. }
  733.  
  734.  
  735. /* =Images
  736. -------------------------------------------------------------- */
  737.  
  738. .format-image .wp-caption {
  739. margin: 0 0 5px;
  740. max-width: 600px;
  741. }
  742. .format-image .wp-caption img {
  743. max-width: 590px;
  744. }
  745.  
  746.  
  747. /* =Gallery
  748. -------------------------------------------------------------- */
  749.  
  750. #main .gallery img {
  751. border: 10px solid #33353d;
  752. }
  753. #main .gallery img:hover {
  754. border-color: #444855;
  755. }
  756. #main .gallery .gallery-caption {
  757. color: #666c7f;
  758. font-size: 13px;
  759. line-height: 1.35;
  760. margin: 0 20px;
  761. }
  762.  
  763.  
  764. /* =Shadows
  765. -------------------------------------------------------------- */
  766.  
  767. #branding.has-image,
  768. #menu,
  769. #introduction,
  770. #respond,
  771. .bypostauthor .comment-meta img,
  772. .commentlist article,
  773. .commentlist .pingback,
  774. .entry-byline,
  775. .hentry,
  776. .widget {
  777. -webkit-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  778. -moz-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  779. box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  780. }
  781.  
  782.  
  783. /* =Paged Navigation
  784. -------------------------------------------------------------- */
  785.  
  786. .paged-navigation {
  787. display: block;
  788. font-weight: bold;
  789. padding: 0 15px;
  790. }
  791. .paged-navigation a {
  792. color: #989eae;
  793. }
  794. .paged-navigation a:hover,
  795. .paged-navigation a:active,
  796. .paged-navigation a:focus {
  797. color: #cccfd7
  798. }
  799. .nav-older,
  800. .nav-newer {
  801. width: 48%;
  802. }
  803. .nav-older {
  804. float: left;
  805. text-align: left;
  806. }
  807. .nav-newer {
  808. float: right;
  809. text-align: right;
  810. }
  811. /* Single Post Template. */
  812. #post-nav {
  813. border-top: 1px dotted #444855;
  814. color: #666c7f;
  815. font-size: 12px;
  816. margin-bottom: 0;
  817. }
  818. #post-nav a {
  819. color: #666c7f;
  820. }
  821. #post-nav a:hover,
  822. #post-nav a:active,
  823. #post-nav a:focus {
  824. color: #989eae;
  825. }
  826. #post-nav .nav-older,
  827. #post-nav .nav-newer {
  828. padding: 7px 10px;
  829. width: 250px;
  830. }
  831.  
  832.  
  833. /* =Footer
  834. -------------------------------------------------------------- */
  835.  
  836. #colophon {
  837. clear: both;
  838. color: #777d92;
  839. font-size: 13px;
  840. padding: 26px 0 0;
  841. text-align: center;
  842. width: 100%;
  843. }
  844. #colophon a {
  845. color: #777d92;
  846. }
  847.  
  848.  
  849. /* =Sidebar
  850. -------------------------------------------------------------- */
  851.  
  852. #sidebar {
  853. float: right;
  854. font-size: 12px;
  855. margin: 40px 0 30px;
  856. padding: 0;
  857. position: relative;
  858. right: 10px;
  859. width: 260px;
  860. }
  861. #sidebar img {
  862. height: auto;
  863. max-width: 228px;
  864. }
  865. #sidebar li {
  866. list-style-type: none;
  867. }
  868. #sidebar .widget li {
  869. list-style-type: square;
  870. }
  871. .widget {
  872. background-color: #111;
  873. border: 1px solid #444855;
  874. border-radius: 7px;
  875. margin-bottom: 15px;
  876. overflow: hidden;
  877. padding: 0 15px 15px;
  878. }
  879. .widget a {
  880. color: #989eae;
  881. }
  882. .widget a:hover,
  883. .widget a:active,
  884. .widget a:focus {
  885. color: #d24d04;
  886. }
  887. .widget ol {
  888. list-style: decimal inside;
  889. }
  890. .widget-title {
  891. background: #202228;
  892. border-bottom: 1px dotted #444855;
  893. border-top-right-radius: 6px;
  894. border-top-left-radius: 6px;
  895. font-size: 16px;
  896. font-weight: normal;
  897. line-height: 30px;
  898. margin: 0;
  899. padding: 5px 10px;
  900. position: relative;
  901. left: -15px;
  902. width: 238px;
  903. }
  904. .widget-title,
  905. .widget .widget-title a {
  906. color: #cccfd7;
  907. }
  908. .widget div,
  909. .widget iframe,
  910. .widget table,
  911. .widget ul,
  912. .widget ol {
  913. padding: 15px 0 0;
  914. }
  915. .widget div div {
  916. padding: 0;
  917. }
  918. .widget ul ul,
  919. .widget ul ol,
  920. .widget ol ul,
  921. .widget ol ol {
  922. padding: 0 0 0 15px;
  923. }
  924. /* Calendar Widget. */
  925. .widget_calendar table {
  926. margin: 0;
  927. width: 100%;
  928. }
  929. .widget_calendar td a {
  930. color: #cccfd7;
  931. font-weight: bold;
  932. }
  933. #prev {
  934. padding-top: 5px;
  935. text-align: left;
  936. }
  937. #next {
  938. padding-top: 5px;
  939. text-align: right;
  940. }
  941. #prev,
  942. #next,
  943. .widget_calendar th,
  944. .widget_calendar .pad {
  945. background-color: transparent;
  946. }
  947. .widget_calendar td,
  948. .widget_calendar th {
  949. text-align: center;
  950. }
  951. #today {
  952. background-color: #666c7f;
  953. color: #fff;
  954. }
  955. /* RSS Widget. */
  956. #sidebar .widget_rss ul {
  957. padding-bottom: 0;
  958. }
  959. #sidebar .widget_rss li {
  960. list-style-type: none;
  961. padding-bottom: 15px;
  962. }
  963. #sidebar .widget_rss li .rsswidget {
  964. color: #cccfd7;
  965. font-size: 16px;
  966. font-weight: bold;
  967. padding-bottom: 0;
  968. }
  969. .widget_rss cite,
  970. .rss-date {
  971. color: #666c7f;
  972. font-size: 12px;
  973. font-style: italic;
  974. white-space: nowrap;
  975. }
  976. .widget .rssSummary {
  977. padding: 0;
  978. }
  979. /* Search Widget */
  980. .widget_search form {
  981. margin: 15px 0 0;
  982. }
  983.  
  984.  
  985. /* =Comment List
  986. -------------------------------------------------------------- */
  987.  
  988. .commentlist {
  989. padding: 0;
  990. }
  991. #comments-title,
  992. .comments-closed,
  993. .nocomments,
  994. .nopassword {
  995. color: #cccfd7;
  996. font-weight: normal;
  997. text-align: center;
  998. text-shadow: #000 1px 1px 2px;
  999. }
  1000. #comments-title {
  1001. margin: 60px 0 0 15px;
  1002. }
  1003. .commentlist .pingback {
  1004. padding: 7px 15px;
  1005. }
  1006. .commentlist .pingback p {
  1007. margin: 0;
  1008. }
  1009. .commentlist .comment,
  1010. .commentlist .pingback {
  1011. list-style-type: none;
  1012. }
  1013. .commentlist .pingback,
  1014. .commentlist .depth-1 article {
  1015. background: #111;
  1016. border: 1px solid #444855;
  1017. border-top-left-radius: 7px;
  1018. border-bottom-left-radius: 7px;
  1019. margin: 0;
  1020. }
  1021. .commentlist .comment {
  1022. margin: 15px 0;
  1023. }
  1024. /* Individual Comments. */
  1025. .comment footer {
  1026. background: #202228;
  1027. border-top-left-radius: 6px;
  1028. border-bottom: 1px solid #444855;
  1029. margin: 0;
  1030. padding: 10px;
  1031. }
  1032. .comment-meta {
  1033. display: block;
  1034. font-size: 14px;
  1035. }
  1036. .comment-meta,
  1037. .comment-meta a {
  1038. color: #666c7f;
  1039. }
  1040. .comment-meta .avatar {
  1041. border: 5px solid #444855;
  1042. float: left;
  1043. }
  1044. .comment-author {
  1045. padding-top: 5px;
  1046. }
  1047. .comment-author,
  1048. .comment-awaiting-moderation {
  1049. margin-left: 60px;
  1050. }
  1051. .comment-author .fn,
  1052. .comment-author .fn a {
  1053. color: #cccfd7;
  1054. }
  1055. .comment-author .fn {
  1056. display: block;
  1057. font-size: 24px;
  1058. padding-bottom: 4px;
  1059. }
  1060. .comment-content {
  1061. padding: 0 15px;
  1062. }
  1063. .comment-content p {
  1064. margin: 15px 0;
  1065. }
  1066. .bypostauthor > article .comment-meta {
  1067. background: #444855;
  1068. border-top-left-radius: 5px;
  1069. }
  1070. .bypostauthor > article .comment-meta,
  1071. .bypostauthor > article .comment-meta a {
  1072. color: #989eae;
  1073. }
  1074. .bypostauthor > article .comment-meta img {
  1075. border-color: #666c7f;
  1076. }
  1077. .comment-awaiting-moderation {
  1078. color: #666c7f;
  1079. }
  1080. .comment .reply {
  1081. display: block;
  1082. margin: 0;
  1083. }
  1084. .comment .reply a {
  1085. background: #1c1c1c;
  1086. border-top: 1px solid #33353d;
  1087. border-left: 1px solid #33353d;
  1088. border-top-left-radius: 7px;
  1089. color: #989eae;
  1090. display: block;
  1091. float: right;
  1092. font-size: 14px;
  1093. padding: 5px 10px;
  1094. }
  1095. .comment .reply a:hover,
  1096. .comment .reply a:focus,
  1097. .comment .reply a:active {
  1098. background-color: #202228;
  1099. border-color: #444855;
  1100. color: #cccfd7;
  1101. }
  1102.  
  1103.  
  1104. /* =Comment Form
  1105. -------------------------------------------------------------- */
  1106.  
  1107. #respond {
  1108. background: #111;
  1109. border: 1px solid #444855;
  1110. border-radius: 7px;
  1111. margin: 15px 0;
  1112. padding: 15px;
  1113. }
  1114. #respond form {
  1115. margin: 0;
  1116. }
  1117. #respond p {
  1118. margin: 0 0 15px;
  1119. }
  1120. #respond p.form-submit {
  1121. margin-bottom: 0;
  1122. }
  1123. #reply-title {
  1124. font-size: 22px;
  1125. font-weight: normal;
  1126. line-height: 1;
  1127. margin-top: 0;
  1128. margin-bottom: 7px;
  1129. }
  1130. .comment-notes,
  1131. .comment-notes a,
  1132. .logged-in-as,
  1133. .logged-in-as a {
  1134. color: #666c7f;
  1135. font-size: 14px;
  1136. font-style: italic;
  1137. }
  1138. #respond .form-allowed-tags {
  1139. background: #202228;
  1140. border: 1px solid #444855;
  1141. font-size: 12px;
  1142. margin: 15px 0;
  1143. padding: 7px;
  1144. }
  1145. .form-allowed-tags code {
  1146. background: transparent;
  1147. border-width: 0;
  1148. }
  1149. .required {
  1150. color: #d24d04;
  1151. }
  1152. #respond input,
  1153. #respond textarea {
  1154. background: #cccfd7;
  1155. border: 1px solid #444855;
  1156. font-size:14px;
  1157. padding: 3px 7px;
  1158. }
  1159. #respond input:focus,
  1160. #respond textarea:focus {
  1161. background: #eaecef;
  1162. }
  1163. #respond #submit {
  1164. background: #d24d04;
  1165. border: 1px solid #ff5a00;
  1166. border-radius: 5px;
  1167. color: #fff;
  1168. font-size: 14px;
  1169. margin: 0;
  1170. padding: 3px 5px;
  1171. text-shadow: #000 1px 1px 2px;
  1172. }
  1173. .comment-form-author,
  1174. .comment-form-url,
  1175. .comment-form-email {
  1176. clear: both;
  1177. padding-bottom: 3px;
  1178. }
  1179. .comment-form-author label,
  1180. .comment-form-url label,
  1181. .comment-form-email label {
  1182. float: left;
  1183. min-width: 6em;
  1184. }
  1185. .comment-form-author .required,
  1186. .comment-form-url .required,
  1187. .comment-form-email .required {
  1188. float: left;
  1189. width: 15px;
  1190. }
  1191. .comment-form-url input {
  1192. position: relative;
  1193. left: 15px;
  1194. }
  1195. .comment-form-comment label {
  1196. display: none;
  1197. }
  1198. .comment-form-comment textarea {
  1199. width: 97.5%;
  1200. height: 16em;
  1201. }
  1202. #cancel-comment-reply-link {
  1203. background: #d24d04;
  1204. border: 1px solid #ff5a00;
  1205. border-radius: 5px;
  1206. color: #fff;
  1207. cursor: pointer;
  1208. text-shadow: #000 1px 1px 2px;
  1209. font-size: 14px;
  1210. font-weight: normal;
  1211. padding: 2px 5px;
  1212. }
  1213.  
  1214.  
  1215. /* =General
  1216. -------------------------------------------------------------- */
  1217.  
  1218. .aligncenter,
  1219. div.aligncenter {
  1220. display: block;
  1221. margin-right: auto;
  1222. margin-left: auto;
  1223. }
  1224. .alignleft,
  1225. div.alignleft {
  1226. float: left;
  1227. margin: 5px 15px 15px 0;
  1228. }
  1229. .alignright,
  1230. div.alignright {
  1231. float: right;
  1232. margin: 5px 0 15px 15px;
  1233. }
  1234. /* Captions */
  1235. #main div.wp-caption {
  1236. background-color: #202228;
  1237. border: 1px solid #444855;
  1238. border-bottom-right-radius: 6px;
  1239. border-bottom-left-radius: 6px;
  1240. padding: 15px 10px 10px;
  1241. max-width: 96.5%;
  1242. text-align: center;
  1243. }
  1244. #main div.wp-caption img {
  1245. max-width: 100%;
  1246. }
  1247. #main .wp-caption-text {
  1248. color: #989eae;
  1249. display: block;
  1250. font-size: 12px;
  1251. line-height: 1.4;
  1252. }
  1253. .assistive-text,
  1254. .screen-reader-text {
  1255. position: absolute !important;
  1256. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  1257. clip: rect(1px, 1px, 1px, 1px);
  1258. }
  1259. /* Search form */
  1260. #s {
  1261. background: #fff url( images/search.gif ) 100% -3px no-repeat;
  1262. border-width: 0;
  1263. color: #666c7f;
  1264. font-size: 14px;
  1265. padding: 3px 22px 3px 3px;
  1266. width: 200px;
  1267. }
  1268. #searchsubmit {
  1269. display: none;
  1270. }
  1271. .clear {
  1272. clear: both;
  1273. }
  1274.  
  1275.  
  1276. /* =IE 7 and IE 8
  1277. -------------------------------------------------------------- */
  1278.  
  1279. #ie7 #menu {
  1280. padding-bottom: 7px;
  1281. }
  1282. #ie7 #menu li:hover,
  1283. #ie8 #menu li:hover {
  1284. display: block;
  1285. z-index: 10;
  1286. }
  1287. #ie7 #menu ul ul a,
  1288. #ie8 #menu ul ul a {
  1289. background: #202228;
  1290. border-bottom-style: solid;
  1291. }
  1292.  
  1293.  
  1294. /* =Jetpack: Infinite Scroll
  1295. -------------------------------------------------------------- */
  1296. .infinite-scroll .infinite-wrap {
  1297. border-top: none;
  1298. padding: 0;
  1299. }
  1300. /**
  1301. * Elements to hide:
  1302. * (footer widgets, post navigation, regular footer)
  1303. */
  1304. .infinite-scroll #posts-nav,
  1305. .infinite-scroll.neverending #colophon {
  1306. display: none;
  1307. }
  1308. /* Adjust the footer container and handle for the dark color scheme */
  1309. .infinite-scroll .infinite-loader {
  1310. color: #fff;
  1311. }
  1312. .infinite-scroll #infinite-footer .container {
  1313. background: rgba(32,34,40, 0.9);
  1314. border-color: #444855;
  1315. }
  1316. .infinite-scroll #infinite-footer .blog-credits {
  1317. color: #989eae;
  1318. }
  1319. .infinite-scroll #infinite-footer .container a {
  1320. color: #cccfd7;
  1321. }
  1322. .infinite-scroll #infinite-footer .container a:hover {
  1323. color: #fff;
  1324. }
  1325. .infinite-scroll #infinite-handle span {
  1326. -webkit-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  1327. -moz-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  1328. background: #111;
  1329. border: 1px solid #444855;
  1330. border-radius: 7px;
  1331. box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  1332. display: inline-block;
  1333. padding: 1em 1.5em;
  1334. }
  1335. .infinite-scroll #infinite-handle span,
  1336. .infinite-scroll #infinite-handle span:before {
  1337. color: #989eae;
  1338. }
  1339. .infinite-scroll #infinite-handle span:hover,
  1340. .infinite-scroll #infinite-handle span:hover:before {
  1341. color: #fff;
  1342. }
  1343. /**
  1344. * Hooks to infinity-end body class to restore footer
  1345. */
  1346. .infinity-end.neverending #colophon {
  1347. display: block;
  1348. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement