Advertisement
Guest User

Untitled

a guest
Jan 5th, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.72 KB | None | 0 0
  1. zz/*
  2. Theme Name: Reddle
  3. Theme URI: https://wordpress.com/themes/reddle/
  4. Description: Everything about Reddle's minimal design elegantly adapts to how you want to use your blog and what you want to use it for. Want to use your blog for a simple one-column link blog? A two-column business site with a custom header and no posts? Reddle can do that too — and look good doing it too.
  5. Version: 1.3.5
  6. Author: Automattic
  7. Author URI: https://wordpress.com/themes/
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Text Domain: reddle
  11. Tags: custom-colors, red, white, one-column, right-sidebar, two-columns, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
  12.  
  13. Modification: Lera
  14. */
  15.  
  16. /* =Reset
  17. -------------------------------------------------------------- */
  18.  
  19. ol, ul {
  20. list-style: none;
  21. }
  22. table { /* tables still need 'cellspacing="0"' in the markup */
  23. border-collapse: separate;
  24. border-spacing: 0;
  25. }
  26. caption, th, td {
  27. font-weight: normal;
  28. text-align: left;
  29. }
  30. blockquote:before, blockquote:after,
  31. q:before, q:after {
  32. content: "";
  33. }
  34. blockquote, q {
  35. quotes: "" "";
  36. }
  37. a:focus {
  38. outline: thin dotted;
  39. }
  40. a:hover,
  41. a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  42. outline: 0;
  43. }
  44. a img {
  45. border: 0;
  46. }
  47.  
  48.  
  49. /* =Structure
  50. ----------------------------------------------- */
  51. #colophon {
  52. clear: both;
  53. background:#dcdcdc;
  54. text-align:center;
  55. }
  56.  
  57.  
  58. #colophon .centerwords {
  59. width:33%;
  60. position:relative;
  61. left:31%;
  62. }
  63. .widget-area {
  64. -webkit-box-sizing: border-box;
  65. -moz-box-sizing: border-box;
  66. -ms-box-sizing: border-box;
  67. box-sizing: border-box;
  68. }
  69.  
  70.  
  71. /* Two columns, content on the left */
  72. body.fluid.secondary,
  73. body.fixed.secondary {
  74. padding: 0 7%;
  75. }
  76. .secondary #primary {
  77.  
  78. width: 100%;
  79. }
  80. #main .widget-area .widget {
  81. margin: 0 0 0 24.202127659574%; /* This creates the column between the vertical rule and the widgets */
  82. }
  83.  
  84. /* Full-width */
  85. .error404 #page #content,
  86. .image-attachment #content {
  87. margin: 0 9.464285714286%;
  88. color:white;
  89. }
  90.  
  91. /* Alignment */
  92. .alignleft {
  93. display: inline;
  94. float: left;
  95. margin-top: .5em;
  96. margin-right: 1.615em;
  97. }
  98. .alignright {
  99. display: inline;
  100. float: right;
  101. margin-top: .5em;
  102. margin-left: 1.615em;
  103. }
  104. .aligncenter {
  105. clear: both;
  106. display: block;
  107. margin: .5em auto;
  108. }
  109.  
  110.  
  111. /* =Global
  112. ----------------------------------------------- */
  113.  
  114. body {
  115. background: gray;
  116. }
  117.  
  118. /* Headings */
  119. h1,h2,h3,h4,h5,h6 {
  120. clear: both;
  121. }
  122.  
  123.  
  124. hr {
  125. background-color: #ddd;
  126. border: 0;
  127. height: 1px;
  128. margin-bottom: 1.615em;
  129. }
  130.  
  131. /* Text elements */
  132. ul, ol {
  133. margin: 0 0 1.615em 3.23em;
  134. }
  135. ul {
  136. list-style: square;
  137. }
  138. ol {
  139. list-style: decimal;
  140. }
  141. ol ol {
  142. list-style: upper-alpha;
  143. }
  144. ol ol ol {
  145. list-style-type: decimal;
  146. }
  147. ol ol ol ol {
  148. list-style: lower-alpha;
  149. }
  150. ul ul, ol ol, ul ol, ol ul {
  151. margin-bottom: 0;
  152. margin-left: 1.615em;
  153. }
  154. dt {
  155. font-weight: bold;
  156. }
  157. dd {
  158. margin: 0 1.615em 1.615em;
  159. }
  160. dfn, cite, em, i {
  161. font-style: italic;
  162. }
  163. blockquote {
  164. color: #777;
  165. margin: 0 1.615em;
  166. }
  167. blockquote em, blockquote i, blockquote cite {
  168. }
  169. address {
  170. margin-bottom: 1.615em;
  171. }
  172. pre {
  173. background: #eee;
  174. font-family: "Courier 10 Pitch", Courier, monospace;
  175. font-size: 13px;
  176. font-size: 1.3rem;
  177. line-height: 1.615;
  178. margin-bottom: 1.93846153846154em;
  179. padding: 0.96923076923077em 1.93846153846154em;
  180. overflow-x: scroll;
  181. }
  182. code, kbd, tt, var {
  183. font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  184. }
  185. abbr, acronym {
  186. border-bottom: 1px dotted #666;
  187. cursor: help;
  188. }
  189. mark, ins {
  190. background: #fff9c0;
  191. text-decoration: none;
  192. }
  193. sup,
  194. sub {
  195. font-size: 75%;
  196. height: 0;
  197. line-height: 0;
  198. position: relative;
  199. vertical-align: baseline;
  200. }
  201. sup {
  202. bottom: 1ex;
  203. }
  204. sub {
  205. top: .5ex;
  206. }
  207. small {
  208. font-size: 75%;
  209. }
  210. figure {
  211. margin: 0;
  212. }
  213.  
  214. button,
  215. input,
  216. select,
  217. textarea {
  218. font-size: 100%; /* Corrects font size not being inherited in all browsers */
  219. margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  220. vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  221. *vertical-align: middle; /* Improves appearance and consistency in all browsers */
  222. }
  223. button,
  224. input {
  225. line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  226. *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
  227. }
  228. button,
  229. html input[type="button"],
  230. input[type="reset"],
  231. input[type="submit"] {
  232. cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  233. -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  234. }
  235. input[type="checkbox"],
  236. input[type="radio"] {
  237. box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  238. padding: 0; /* Addresses excess padding in IE8/9 */
  239. }
  240. input[type="search"] {
  241. -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  242. -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  243. -moz-box-sizing: content-box;
  244. box-sizing: content-box;
  245. }
  246. input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  247. -webkit-appearance: none;
  248. }
  249. button::-moz-focus-inner,
  250. input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  251. border: 0;
  252. padding: 0;
  253. }
  254. input[type=text],
  255. input[type=email],
  256. textarea {
  257. color: #777;
  258. border: 1px solid #ddd;
  259. }
  260. input[type=text]:focus,
  261. input[type=email]:focus,
  262. textarea:focus {
  263. color: #111;
  264. }
  265. textarea {
  266. overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  267. padding-left: 3px;
  268. vertical-align: top; /* Improves readability and alignment in all browsers */
  269. width: 98%;
  270. }
  271. input[type=text],
  272. input[type=email] {
  273. padding: 3px;
  274. }
  275.  
  276. /* Links */
  277. a {
  278. color: red;
  279. text-decoration: none;
  280. }
  281. a:visited {
  282. color: orange;
  283. }
  284. a:focus,
  285. a:active,
  286. a:hover {
  287. text-decoration: underline;
  288. }
  289.  
  290. /* Text meant only for screen readers */
  291. .assistive-text {
  292. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  293. clip: rect(1px, 1px, 1px, 1px);
  294. position: absolute !important;
  295. }
  296.  
  297. /* =Header
  298. ----------------------------------------------- */
  299.  
  300.  
  301. /* =Header
  302. ----------------------------------------------- */
  303.  
  304. #site-title {
  305. border-bottom: 1px solid #ddd;
  306. font-family: Georgia, "Bitstream Charter", serif;
  307. font-size: 21px;
  308. font-size: 300%;
  309. line-height: 1.15;
  310. padding: 0 2.954209748892% .275em;
  311. position:relative;
  312. }
  313. #site-title a:hover,
  314. #site-title a:focus,
  315. #site-title a:active {
  316. color: #000;
  317. text-decoration: none;
  318. }
  319. #site-description {
  320. color: #777;
  321. font-family: Verdana, sans-serif;
  322. font-size: 11px;
  323. font-size: 1.1rem;
  324. letter-spacing: 0.05em;
  325. line-height: 1.52727272727274;
  326. padding: 0.382em 0;
  327. text-transform: uppercase;
  328. }
  329.  
  330.  
  331. /* =Menu
  332. ----------------------------------------------- */
  333.  
  334. #access {
  335. background: #000;
  336. clear: both;
  337. display: block;
  338. float: left;
  339. margin: 0 auto 3.23em;
  340. width: 100%;
  341. }
  342. #access .menu-toggle {
  343. background: transparent;
  344. border: 0;
  345. color: #eee;
  346. display: none;
  347. line-height: 3.23em;
  348. margin: 0 auto;
  349. padding: 0 28px;
  350. width: 100%;
  351. }
  352. #access ul {
  353. list-style: none;
  354. margin: 0;
  355. padding-left: 0;
  356. }
  357. #access li {
  358. float: left;
  359. position: relative;
  360. }
  361. #access a {
  362. color: #eee;
  363. border-bottom: .375em solid #444;
  364. display: block;
  365. line-height: 3.23em;
  366. margin: 0 1px 0 0;
  367. padding: 0 28px;
  368. text-decoration: none;
  369. }
  370. #access ul ul {
  371. background: #b12930;
  372. border-top: 1px solid #a41c23;
  373. -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  374. -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  375. box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  376. display: none;
  377. float: left;
  378. position: absolute;
  379. top: 3.5em;
  380. left: 0;
  381. z-index: 99999;
  382. }
  383. #access ul ul ul {
  384. left: 100%;
  385. top: 0;
  386. }
  387. #access ul ul a {
  388. border: none;
  389. color: #ffe8ef;
  390. margin: 0;
  391. padding: 0 28px;
  392. width: 200px;
  393. height: auto;
  394. }
  395. #access ul ul li {
  396. border-bottom: 1px solid #a41c23;
  397. }
  398. #access li:hover > a {
  399. border-color: #b12930;
  400. color: #fff;
  401. }
  402. #access ul ul :hover > a {
  403. background: #ac242b;
  404. color: #fff;
  405. }
  406. #access ul ul a:hover {
  407. }
  408. #access ul li:hover > ul {
  409. display: block;
  410. }
  411. #access li.current_page_item a,
  412. #access li.current-menu-item a {
  413. border-color: #b12930;
  414. }
  415.  
  416. #access .menu-toggle,
  417. #access.toggled ul {
  418. display: block;
  419. }
  420. #access li {
  421. float: none;
  422. }
  423. #access ul ul {
  424. background: transparent !important;
  425. border-top: 0;
  426. -webkit-box-shadow: none;
  427. -moz-box-shadow: none;
  428. box-shadow: none;
  429. float: none;
  430. left: auto;
  431. margin-left: 28px;
  432. position: relative;
  433. right: auto;
  434. top: auto;
  435. }
  436. #access ul ul a {
  437. box-sizing: border-box;
  438. color: #eee;
  439. width: 100%;
  440. }
  441. #access ul ul a:hover,
  442. #access ul ul :hover > a {
  443. background: transparent !important;
  444. color: #eee;
  445. }
  446. #access ul ul li {
  447. border-bottom-color: #444;
  448. }
  449. #access ul ul ul {
  450. border-top: 1px solid #444;
  451. left: auto;
  452. right: auto;
  453. }
  454. #access.toggled .nav-menu {
  455. border-top: .375em solid #444;
  456. }
  457.  
  458.  
  459. .page-header {
  460. margin: 0 0 3.23em;
  461. }
  462.  
  463. /* =Content
  464. ----------------------------------------------- */
  465.  
  466. .page-title {
  467. color: #777;
  468. font-family: Verdana, serif;
  469. font-size: 11px;
  470. font-size: 1.1rem;
  471. font-weight: normal;
  472. letter-spacing: 0.05em;
  473. line-height: 1.52727272727274;
  474. text-transform: uppercase;
  475. }
  476. .page-title span {
  477. }
  478. .taxonomy-description {
  479. margin: 1.615em 0 0;
  480. }
  481.  
  482. .hentry {
  483.  
  484. background:white;
  485. position:relative;
  486. font-size:123%;
  487. height:31em;
  488. overflow:hidden;
  489. display:inline-block;
  490.  
  491. }
  492.  
  493.  
  494. .single,
  495. .entry-title figure {
  496. margin-bottom:16%;
  497. position:absolute;
  498. bottom:76%;
  499. height:0;
  500. z-index:-1;
  501. }
  502.  
  503. .single,
  504. .entry-title figure {
  505. width:100%;
  506. }
  507.  
  508. .hentry object {
  509. width:100%;
  510. height:720px;
  511. }
  512.  
  513. .hentry video {
  514. height:720px;
  515. width:100%;
  516. }
  517.  
  518.  
  519.  
  520.  
  521. .musicahentry .hentry {
  522. background:white;
  523. width:56%;
  524. font-size:124%;
  525. height:31em;
  526. overflow:hidden;
  527. float:left;
  528. }
  529.  
  530. .musicahentry .hentry h1 {
  531. font-size:343%;
  532. position: absolute;
  533. bottom:8%;
  534.  
  535. }
  536.  
  537. .musicahentry .hentry h1 a {
  538. color:#ff82ab;
  539. transition:ease 0.6s;
  540. }
  541.  
  542. .musicahentry .hentry h1 a:hover {
  543. text-decoration:none;
  544. transition:ease 0.6s;
  545. opacity:.96;
  546. }
  547.  
  548.  
  549.  
  550. .cienciahentry .hentry {
  551. background:white;
  552. width:44%;
  553. font-size:124%;
  554. height:17em;
  555. overflow:hidden;
  556. clear:right;
  557. display:inline-block;
  558. }
  559.  
  560. .cienciahentry .hentry h1 {
  561. font-size:243%;
  562. position: absolute;
  563. bottom:8%;
  564.  
  565. }
  566.  
  567. .cienciahentry .hentry h1 a {
  568. color:orange;
  569. transition:ease 0.6s;
  570. }
  571.  
  572. .cienciahentry .hentry h1 a:hover {
  573. text-decoration:none;
  574. transition:ease 0.6s;
  575. opacity:.96;
  576. }
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583. .suitenewshentry .hentry {
  584. background:white;
  585. width:44%;
  586. font-size:124%;
  587. height:14em;
  588. overflow:hidden;
  589. clear:right;
  590. display:inline-block;
  591. }
  592.  
  593. .suitenewshentry .hentry h1 {
  594. font-size:243%;
  595. position: absolute;
  596. bottom:8%;
  597.  
  598. }
  599.  
  600. .suitenewshentry .hentry h1 a {
  601. color:green;
  602. transition:ease 0.6s;
  603. }
  604.  
  605. .suitenewshentry .hentry h1 a:hover {
  606. text-decoration:none;
  607. transition:ease 0.6s;
  608. opacity:.96;
  609. }
  610.  
  611.  
  612.  
  613.  
  614. .suitehentry .hentry {
  615. background:white;
  616. width:100%;
  617. font-size:124%;
  618. height:31em;
  619. overflow:hidden;
  620. clear:right;
  621. display:inline-block;
  622. }
  623.  
  624. .suitehentry .hentry h1 {
  625. font-size:243%;
  626. position: absolute;
  627. bottom:8%;
  628.  
  629. }
  630.  
  631. .suitehentry .hentry h1 a {
  632. color:#836fff;
  633. transition:ease 0.6s;
  634. }
  635.  
  636. .suitehentry .hentry h1 a:hover {
  637. text-decoration:none;
  638. transition:ease 0.6s;
  639. opacity:.96;
  640. }
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648. .seriehentry .hentry {
  649. background:white;
  650. width:100%;
  651. font-size:124%;
  652. height:31em;
  653. overflow:hidden;
  654. display:inline-block;
  655. }
  656.  
  657. .seriehentry .hentry h1 {
  658. font-size:363%;
  659. position: absolute;
  660. bottom:8%;
  661.  
  662. }
  663.  
  664. .seriehentry .hentry h1 a {
  665. color:#ff83fa;
  666. transition:ease 0.6s;
  667. }
  668.  
  669. .seriehentry .hentry h1 a:hover {
  670. text-decoration:none;
  671. transition:ease 0.6s;
  672. opacity:.96;
  673. }
  674.  
  675.  
  676.  
  677.  
  678. .dublagemhentry .hentry {
  679. background:white;
  680. width:100%;
  681. font-size:124%;
  682. height:31em;
  683. overflow:hidden;
  684. display:inline-block;
  685. clear:left;
  686. }
  687.  
  688. .dublagemhentry .hentry h1 {
  689. font-size:363%;
  690. position: absolute;
  691. bottom:8%;
  692.  
  693. }
  694.  
  695. .dublagemhentry .hentry h1 a {
  696. color:#ff6363;
  697. transition:ease 0.6s;
  698. }
  699.  
  700. .dublagemhentry .hentry h1 a:hover {
  701. text-decoration:none;
  702. transition:ease 0.6s;
  703. opacity:.96;
  704. }
  705.  
  706.  
  707.  
  708.  
  709. .filmehentry .hentry {
  710. background:white;
  711. width:100%;
  712. font-size:124%;
  713. height:31em;
  714. overflow:hidden;
  715. display:inline-block;
  716. clear:left;
  717. }
  718.  
  719. .filmehentry .hentry h1 {
  720. font-size:363%;
  721. position: absolute;
  722. bottom:8%;
  723.  
  724. }
  725.  
  726. .filmehentry .hentry h1 a {
  727. color:#ff82ab;
  728. transition:ease 0.6s;
  729. }
  730.  
  731. .filmehentry .hentry h1 a:hover {
  732. text-decoration:none;
  733. transition:ease 0.6s;
  734. opacity:.96;
  735. }
  736.  
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747. .animacaohentry .hentry {
  748. background:white;
  749. width:76%;
  750. font-size:124%;
  751. height:31em;
  752. overflow:hidden;
  753. display:inline-block;
  754. clear:left;
  755. }
  756.  
  757. .animacaohentry .hentry h1 {
  758. font-size:363%;
  759. position: absolute;
  760. bottom:8%;
  761.  
  762. }
  763.  
  764. .animacaohentry .hentry h1 a {
  765. color:#ff7f00;
  766. transition:ease 0.6s;
  767. }
  768.  
  769. .animacaohentry .hentry h1 a:hover {
  770. text-decoration:none;
  771. transition:ease 0.6s;
  772. opacity:.96;
  773. }
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793. .category-musica .hentry {
  794. background:white;
  795. width:100%;
  796. font-size:93%;
  797. height:31em;
  798. overflow:hidden;
  799. }
  800.  
  801. .category-ciencia .hentry {
  802. background:white;
  803. width:100%;
  804. font-size:93%;
  805. height:31em;
  806. overflow:hidden;
  807.  
  808. }
  809.  
  810.  
  811.  
  812. .category-humor .hentry {
  813. background:white;
  814. width:100%;
  815. font-size:93%;
  816. height:31em;
  817. overflow:hidden;
  818. }
  819.  
  820.  
  821. .category-suite .hentry {
  822. background:white;
  823. width:100%;
  824. font-size:93%;
  825. height:31em;
  826. overflow:hidden;
  827. }
  828.  
  829.  
  830. .category-animacao .hentry {
  831. background:white;
  832. width:100%;
  833. font-size:93%;
  834. height:31em;
  835. overflow:hidden;
  836. }
  837.  
  838.  
  839.  
  840. .category-filme .hentry {
  841. background:white;
  842. width:100%;
  843. font-size:93%;
  844. height:31em;
  845. overflow:hidden;
  846. }
  847.  
  848.  
  849.  
  850. .category-serie .hentry {
  851. background:white;
  852. width:100%;
  853. font-size:63%;
  854. height:31em;
  855. overflow:hidden;
  856. }
  857.  
  858.  
  859.  
  860.  
  861. .single .hentry,
  862. .page .hentry {
  863. width:96%;
  864. left:3%;
  865. background:white;
  866. position:relative;
  867. height:auto;
  868. margin-top:26%;
  869.  
  870. }
  871.  
  872.  
  873. .category-musica .hentry .entry-title {
  874. font-family: Georgia, "Bitstream Charter", serif;
  875. font-size: 392%;
  876. }
  877.  
  878. .category-ciencia .hentry .entry-title {
  879. font-family: Georgia, "Bitstream Charter", serif;
  880. font-size: 392%;
  881. }
  882.  
  883.  
  884.  
  885. .category-humor .hentry .entry-title {
  886. font-family: Georgia, "Bitstream Charter", serif;
  887. font-size: 392%;
  888. }
  889.  
  890.  
  891. .category-suite .hentry .entry-title {
  892. font-family: Georgia, "Bitstream Charter", serif;
  893. font-size: 392%;
  894. }
  895.  
  896.  
  897. .category-animacao .hentry .entry-title {
  898. font-family: Georgia, "Bitstream Charter", serif;
  899. font-size: 392%;
  900. }
  901.  
  902.  
  903.  
  904. .category-serie .hentry .entry-title {
  905. font-family: Georgia, "Bitstream Charter", serif;
  906. font-size: 392%;
  907. }
  908.  
  909.  
  910.  
  911.  
  912. .category-filme .hentry .entry-title {
  913. font-family: Georgia, "Bitstream Charter", serif;
  914. font-size: 392%;
  915. }
  916.  
  917.  
  918.  
  919.  
  920. .category-musica .hentry .entry-title a {
  921. color: #ff82ab;
  922. }
  923.  
  924.  
  925. .category-ciencia .entry-title a {
  926. color: orange;
  927. }
  928.  
  929. .category-humor .hentry .entry-title a {
  930. color: #cfcfcf;
  931. }
  932.  
  933.  
  934.  
  935. .category-suite .hentry .entry-title a {
  936. color: #836fff;
  937. }
  938.  
  939.  
  940.  
  941. .category-animacao .hentry .entry-title a {
  942. color: #ff7f00;
  943. }
  944.  
  945.  
  946. .category-serie .hentry .entry-title a {
  947. color: #ff83fa;
  948. }
  949.  
  950.  
  951.  
  952.  
  953. .category-filme .hentry .entry-title a {
  954. color: #8b795e;
  955. }
  956.  
  957.  
  958.  
  959.  
  960. .category-musica .archive-title {
  961. color: #ff82ab;
  962. margin-left:11%;
  963. font-size:383%;
  964. padding:11%;
  965. }
  966.  
  967. .category-ciencia .archive-title {
  968. color: orange;
  969. margin-left:11%;
  970. font-size:383%;
  971. padding:11%;
  972. }
  973.  
  974.  
  975.  
  976. .category-humor .archive-title {
  977. color: #cfcfcf;
  978. margin-left:11%;
  979. font-size:383%;
  980. padding:11%;
  981. animation:humorate 1s;
  982. transform:rotate(-11deg);
  983.  
  984. }
  985.  
  986.  
  987. @keyframes humorate {
  988. 0%{
  989. transform:rotate(0deg);
  990. }
  991. 5% { background: -webkit-gradient( linear, left top, right top, color-stop(0.03, #ffddaa), color-stop(0.22, #FF00FF), color-stop(0.1, #FF00FF), color-stop(0.3, #FF3030), color-stop(0.5, #FF69B4),color-stop(0.3, #ff0000), color-stop(0.1, #ee11bb), color-stop(0.1, #8A2BE2), color-stop(0.3, #00FFFF) ) text;
  992. color:transparent;
  993. transform:rotate(0deg);
  994. }
  995. 10% { background: -webkit-gradient( linear, left top, right top, color-stop(0.13, #ffddaa), color-stop(0.32, #FF00FF), color-stop(0.2, #FF00FF), color-stop(0.5, #FF3030), color-stop(0.3, #FF69B4),color-stop(0.13, #ff0000), color-stop(0.3, #ee11bb), color-stop(0.16, #8A2BE2), color-stop(0.11, #00FFFF) ) text;
  996. color:transparent;
  997. transform:rotate(0deg);
  998. }
  999. 15% { background: -webkit-gradient( linear, left top, right top, color-stop(0.61, #ffddaa), color-stop(0.53, #FF00FF), color-stop(0.31, #FF00FF), color-stop(0.11, #FF3030), color-stop(0.33, #FF69B4),color-stop(0.1, #ff0000), color-stop(0.73, #ee11bb), color-stop(0.4, #8A2BE2), color-stop(0.6, #00FFFF) ) text;
  1000. color:transparent;
  1001. transform:rotate(0deg);
  1002. }
  1003.  
  1004. 20% { background: -webkit-gradient( linear, left top, right top, color-stop(0.13, #ffddaa), color-stop(0.12, #FF00FF), color-stop(0.11, #FF00FF), color-stop(0.3, #FF3030), color-stop(0.5, #FF69B4),color-stop(0.23, #ff0000), color-stop(0.31, #ee11bb), color-stop(0.21, #8A2BE2), color-stop(0.34, #00FFFF) ) text;
  1005. color:transparent;
  1006. transform:rotate(0deg);
  1007. }
  1008. 25% {
  1009. background: -webkit-gradient( linear, left top, right top, color-stop(0.3, #ffddaa), color-stop(0.1, #FF00FF), color-stop(0.5, #FF00FF), color-stop(0.2, #FF3030), color-stop(0.4, #FF69B4),color-stop(0.5, #ff0000), color-stop(0.3, #ee11bb), color-stop(0.5, #8A2BE2), color-stop(0.2, #00FFFF) ) text;
  1010. color:transparent;
  1011. transform:rotate(0deg);
  1012. }
  1013. 30% {
  1014. background: -webkit-gradient( linear, left top, right top, color-stop(0.5, #ffddaa), color-stop(0.6, #FF00FF), color-stop(0.41, #FF00FF), color-stop(0.6, #FF3030), color-stop(0.1, #FF69B4),color-stop(0.4, #ff0000), color-stop(0.43, #ee11bb), color-stop(0.31, #8A2BE2), color-stop(0.73, #00FFFF) ) text;
  1015. color:transparent;
  1016. transform:rotate(0deg);
  1017. }
  1018.  
  1019. 35% { background: -webkit-gradient( linear, left top, right top, color-stop(0.13, #ffddaa), color-stop(0.62, #FF00FF), color-stop(0.31, #FF00FF), color-stop(0.26, #FF3030), color-stop(0.14, #FF69B4),color-stop(0.52, #ff0000), color-stop(0.17, #ee11bb), color-stop(0.31, #8A2BE2), color-stop(0.13, #00FFFF) ) text;
  1020. color:transparent;
  1021. transform:rotate(0deg);
  1022. }
  1023.  
  1024. 40% { background: -webkit-gradient( linear, left top, right top, color-stop(0.33, #ffddaa), color-stop(0.62, #FF00FF), color-stop(0.4, #FF00FF), color-stop(0.1, #FF3030), color-stop(0.3, #FF69B4),color-stop(0.53, #ff0000), color-stop(0.3, #ee11bb), color-stop(0.6, #8A2BE2), color-stop(0.7, #00FFFF) ) text;
  1025. color:transparent;
  1026. transform:rotate(0deg);
  1027. }
  1028.  
  1029. 45% { background: -webkit-gradient( linear, left top, right top, color-stop(0.83, #ffddaa), color-stop(0.322, #FF00FF), color-stop(0.41, #FF00FF), color-stop(0.93, #FF3030), color-stop(0.45, #FF69B4),color-stop(0.13, #ff0000), color-stop(0.61, #ee11bb), color-stop(0.31, #8A2BE2), color-stop(0.93, #00FFFF) ) text;
  1030. color:transparent;
  1031. transform:rotate(0deg);
  1032. }
  1033.  
  1034. 50% { background: -webkit-gradient( linear, left top, right top, color-stop(0.103, #ffddaa), color-stop(0.322, #FF00FF), color-stop(0.21, #FF00FF), color-stop(0.53, #FF3030), color-stop(0.25, #FF69B4),color-stop(0.63, #ff0000), color-stop(0.41, #ee11bb), color-stop(0.12, #8A2BE2), color-stop(0.43, #00FFFF) ) text;
  1035. color:transparent;
  1036. }
  1037.  
  1038.  
  1039.  
  1040.  
  1041. }
  1042.  
  1043.  
  1044.  
  1045.  
  1046. .category-suite .archive-title {
  1047. color: #836fff;
  1048. margin-left:11%;
  1049. font-size:383%;
  1050. padding:11%;
  1051. }
  1052.  
  1053.  
  1054. .category-animacao .archive-title {
  1055. color: #ff7f00;
  1056. margin-left:11%;
  1057. font-size:383%;
  1058. padding:11%;
  1059. }
  1060.  
  1061.  
  1062.  
  1063. .category-filme .archive-title {
  1064. color: #8b4726;
  1065. margin-left:11%;
  1066. font-size:383%;
  1067. padding:11%;
  1068. }
  1069.  
  1070.  
  1071.  
  1072. .category-serie .archive-title {
  1073. color: #ff83fa;
  1074. margin-left:11%;
  1075. font-size:383%;
  1076. padding:11%;
  1077. }
  1078.  
  1079.  
  1080. .category-musica .hentry p {
  1081. font-size:130%;
  1082. }
  1083.  
  1084. .category-ciencia .hentry p {
  1085. font-size:130%;
  1086. }
  1087.  
  1088.  
  1089. .category-suite .hentry p {
  1090. font-size:130%;
  1091. }
  1092.  
  1093.  
  1094. .category-filme .hentry p {
  1095. font-size:130%;
  1096. }
  1097.  
  1098.  
  1099. .category-serie .hentry p {
  1100. font-size:130%;
  1101. }
  1102.  
  1103.  
  1104. .category-animacao .hentry p {
  1105. font-size:130%;
  1106. }
  1107.  
  1108.  
  1109. .single
  1110. .category-musica .entry-title {
  1111. color: #ff82ab;
  1112. }
  1113.  
  1114.  
  1115. .single
  1116. .category-ciencia .entry-title {
  1117. color: orange;
  1118. }
  1119.  
  1120. .single
  1121. .category-humor .entry-title {
  1122. color: #cfcfcf;
  1123. }
  1124.  
  1125.  
  1126. .single
  1127. .category-suite .entry-title {
  1128. color: #836fff;
  1129. }
  1130.  
  1131.  
  1132.  
  1133. .single
  1134. .category-filme .entry-title {
  1135. color: #8b795e;
  1136. }
  1137.  
  1138.  
  1139. .single
  1140. .category-serie .entry-title {
  1141. color: #ff83fa;
  1142. }
  1143.  
  1144. .single
  1145. .category-animacao .entry-title {
  1146. color: #ff7f00;
  1147. }
  1148.  
  1149.  
  1150.  
  1151.  
  1152. .entry-title {
  1153. font-family: Georgia, "Bitstream Charter", serif;
  1154. font-size: 433%;
  1155. position: absolute;
  1156. bottom:6%;
  1157.  
  1158. }
  1159.  
  1160.  
  1161. @media only screen and (orientation: portrait) {
  1162. /* For mobile phones: */
  1163. .hentry p {
  1164. font-size:183%;
  1165.  
  1166. }
  1167.  
  1168. }
  1169.  
  1170.  
  1171. .single
  1172. .entry-title {
  1173. margin-bottom:36%;
  1174. position:relative;
  1175. font-family: Georgia, "Bitstream Charter", serif;
  1176. font-size: 313%;
  1177. z-index:1;
  1178.  
  1179. }
  1180. .entry-title a {
  1181. color: #FF6500;
  1182. }
  1183. .entry-title a:hover,
  1184. .entry-title a:focus,
  1185. .entry-title a:active {
  1186. color: #FF6500;
  1187. text-decoration: none;
  1188. }
  1189. .entry-meta abbr {
  1190. border: none;
  1191. cursor: text;
  1192. }
  1193. .byline {
  1194. font-style: italic;
  1195. }
  1196. .byline a {
  1197. border-bottom: 1px solid #ddd;
  1198. color: #777;
  1199. }
  1200. .single-author .byline {
  1201. display: none;
  1202. }
  1203. .byline a:hover,
  1204. .byline a:focus,
  1205. .byline a:active {
  1206. border-color: #b12930;
  1207. color: #b12930;
  1208. text-decoration: none;
  1209. }
  1210. .entry-header .sep {
  1211. color: #ccc;
  1212. }
  1213.  
  1214.  
  1215.  
  1216. .entry-header .entry-meta {
  1217. color: #777;
  1218. font-size: 12px;
  1219. line-height: 2.1;
  1220.  
  1221. }
  1222. .entry-header .entry-date {
  1223. font-size: 11px;
  1224. letter-spacing: 0.05em;
  1225. text-transform: uppercase;
  1226. }
  1227. .entry-header .entry-date a,
  1228. .entry-header .entry-date a:visited {
  1229. color: red;
  1230. text-decoration: none;
  1231. }
  1232. .entry-content,
  1233. .entry-summary {
  1234. margin: 0.8075em 0 0 0;
  1235. }
  1236. .entry-content h1 {
  1237. border-bottom: 1px solid #ddd;
  1238. padding-bottom: 1.05em;
  1239. }
  1240. .entry-content blockquote {
  1241. position: relative;
  1242. }
  1243. .entry-content blockquote:before {
  1244. color: #111;
  1245. content: '“';
  1246. font-family: Georgia, "Bitstream Charter", serif;
  1247. font-size: 94px;
  1248. font-size: 9.4rem;
  1249. line-height: 1;
  1250. position: absolute;
  1251. top: -.15em;
  1252. left: -.67em;
  1253. }
  1254. .post-password-required input[type="password"] {
  1255. margin: 1.615em 0;
  1256. width: 100%;
  1257. }
  1258. .page-link {
  1259. clear: both;
  1260. margin: 0 0 1.615em;
  1261. word-spacing: 0.5em;
  1262. }
  1263. .page-link b {
  1264. color: #111;
  1265. }
  1266. .page-link a {
  1267. }
  1268. footer.entry-meta {
  1269. clear: both;
  1270. padding: .5em 0;
  1271. }
  1272. .taxonomy-links,
  1273. .edit-link {
  1274. background: #eee;
  1275. color: #777;
  1276. display: table;
  1277. font-size: 12px;
  1278. font-size: 1.2rem;
  1279. line-height: 2.1;
  1280. margin: 1px 0 0;
  1281. padding: 0 .75em;
  1282. }
  1283. .taxonomy-links + .taxonomy-links {
  1284. margin-top: 1px;
  1285. }
  1286. .taxonomy-links a,
  1287. .edit-link a {
  1288. color: #444;
  1289. font-style: italic;
  1290. }
  1291. .taxonomy-links a:hover,
  1292. .taxonomy-links a:focus,
  1293. .taxonomy-links a:active {
  1294. color: #b12930;
  1295. text-decoration: none;
  1296. }
  1297. .edit-link a:hover,
  1298. .edit-link a:focus,
  1299. .edit-link a:active {
  1300. color: #b12930;
  1301. text-decoration: none;
  1302. }
  1303. .comments-link {
  1304. font-family: Georgia, "Bitstream Charter", serif;
  1305. font-size: 111%;
  1306. font-style: italic;
  1307. line-height: 1.4;
  1308. margin: 0;
  1309. position: absolute;
  1310. top: -.05em;
  1311. right: 1.315em;
  1312. }
  1313.  
  1314. .category-musica .comments-link {
  1315. font-family: Georgia, "Bitstream Charter", serif;
  1316. font-size: 78%;
  1317. font-style: italic;
  1318. line-height: 1.4;
  1319. position: absolute;
  1320. }
  1321.  
  1322.  
  1323.  
  1324. .category-filme .comments-link {
  1325. font-family: Georgia, "Bitstream Charter", serif;
  1326. font-size: 78%;
  1327. font-style: italic;
  1328. line-height: 1.4;
  1329. position: absolute;
  1330. }
  1331.  
  1332.  
  1333. .category-serie .comments-link {
  1334. font-family: Georgia, "Bitstream Charter", serif;
  1335. font-size: 78%;
  1336. font-style: italic;
  1337. line-height: 1.4;
  1338. position: absolute;
  1339. }
  1340.  
  1341.  
  1342.  
  1343. .comments-link a {
  1344. background: #eee;
  1345. color: #777;
  1346. display: inline-block;
  1347. min-width: 2em;
  1348. padding: 0.05em .1em;
  1349. text-align: center;
  1350. }
  1351. .comments-link a:before {
  1352. border-color: transparent transparent transparent #eee;
  1353. border-style: solid;
  1354. border-width: 0px 10px 10px 10px;
  1355. content: '';
  1356. position: absolute;
  1357. bottom: -10px;
  1358. left: .3em;
  1359. }
  1360. .comments-link a:hover,
  1361. .comments-link a:focus,
  1362. .comments-link a:active {
  1363. background: #b12930;
  1364. color: #fff;
  1365. text-decoration: none;
  1366. }
  1367. .comments-link a:hover:before,
  1368. .comments-link a:focus,
  1369. .comments-link a:active {
  1370. border-color: transparent transparent transparent #b12930;
  1371. }
  1372. .no-reply {
  1373. visibility: hidden;
  1374. }
  1375.  
  1376.  
  1377. /* =Infinite Scroll
  1378.  
  1379. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  1380. .infinity-end.neverending #colophon {
  1381. display: block;
  1382. }
  1383.  
  1384. #infinite-footer .blog-info a {
  1385. color: #b12930;
  1386. font-family: Georgia, "Bitstream Charter", serif;
  1387. }
  1388.  
  1389. /* Datestamps */
  1390. .permalink .sep,
  1391. .permalink-sep {
  1392. display: none;
  1393. }
  1394. footer .permalink,
  1395. #content footer .permalink {
  1396. color: gray;
  1397. font-family: Georgia, "Bitstream Charter", serif;
  1398. font-style: italic;
  1399.  
  1400. left:2%;
  1401. position:relative;
  1402. width:100%;
  1403. max-width:66%;
  1404. }
  1405. .secondary footer .permalink {
  1406. left: -24.090909090909%; /* and position it on the edge of the fluid page */
  1407. }
  1408. footer .permalink .month {
  1409. font-size: 116%;
  1410. padding: 0 0 0;
  1411. display:inline;
  1412. }
  1413. footer .permalink .day {
  1414. display: inline;
  1415. font-size: 116%;
  1416. padding: 2% 2% 0;
  1417. }
  1418. footer .permalink:hover,
  1419. footer .permalink:focus,
  1420. footer .permalink:active {
  1421. color: #b12930;
  1422. color: #fff;
  1423. text-decoration: none;
  1424. }
  1425. /*.logged-in .permalink {
  1426. display: none;
  1427. }*/
  1428.  
  1429. /* Sticky Posts */
  1430. .sticky .footer .permalink,
  1431. .sticky .entry-meta {
  1432. display: none;
  1433. }
  1434. .sticky {
  1435. border: 1px solid #ddd;
  1436. padding: 1.615em 1.615em 0;
  1437. }
  1438.  
  1439. /* Featured Image */
  1440. .entry-image {
  1441. background: #000;
  1442. margin: 0 0 1.615em;
  1443. overflow: hidden;
  1444. }
  1445. .entry-image img{
  1446. display: block;
  1447. margin: 0 auto;
  1448. max-width: 100%;
  1449. }
  1450.  
  1451. /* Format-Aside */
  1452. .indexed .format-aside .entry-title {
  1453. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  1454. clip: rect(1px, 1px, 1px, 1px);
  1455. position: absolute !important;
  1456. }
  1457. .indexed .format-aside .entry-header {
  1458. display: none;
  1459. }
  1460. .indexed .format-aside .entry-content {
  1461. }
  1462. .indexed .format-aside .comments-link {
  1463. display: none;
  1464. }
  1465. .indexed .format-aside .taxonomy-links {
  1466. display: none;
  1467. }
  1468.  
  1469.  
  1470. /* Format-Image */
  1471. .indexed .format-image .entry-header,
  1472. .indexed .format-image .entry-summary {
  1473. background: #000;
  1474. color: #eee;
  1475. }
  1476. .indexed .format-image .entry-image {
  1477. margin: 0;
  1478. }
  1479. .indexed .format-image .entry-image img {
  1480. padding: 0 0 0.9em;
  1481. }
  1482. .indexed .format-image .entry-header {
  1483.  
  1484. }
  1485. .indexed .format-image a:hover,
  1486. .indexed .format-image a:focus,
  1487. .indexed .format-image a:active {
  1488. color: #eee;
  1489. }
  1490. .indexed .format-image .comments-link {
  1491. top: .7em;
  1492. }
  1493. .indexed .format-image .entry-summary {
  1494. margin: 0;
  1495. padding: 1.615em;
  1496. }
  1497. .indexed .format-image .entry-summary p {
  1498. margin: 0;
  1499. }
  1500. .indexed .format-image footer.entry-meta {
  1501. padding: 0;
  1502. }
  1503. .indexed .format-image .taxonomy-links,
  1504. .indexed .format-image .edit-link {
  1505. background: #000;
  1506. margin-top: 1px;
  1507. }
  1508. .indexed .format-image .taxonomy-links a,
  1509. .indexed .format-image .edit-link a {
  1510. color: #aaa;
  1511. }
  1512. .indexed .format-image .taxonomy-links a:hover,
  1513. .indexed .format-image .taxonomy-links a:focus,
  1514. .indexed .format-image .taxonomy-links a:active,
  1515. .indexed .format-image .edit-link a:hover,
  1516. .indexed .format-image .edit-link a:focus,
  1517. .indexed .format-image .edit-link a:active {
  1518. color: #eee;
  1519. }
  1520.  
  1521. /* Error 404 */
  1522. .error404 .entry-content {
  1523. margin: 1.615em 0 6.46em;
  1524. color:orange;
  1525. }
  1526. .error404 h1 {
  1527. color:white;
  1528. }
  1529. .error404 .entry-content #s {
  1530. font-size: 16px;
  1531. width: 100%;
  1532. }
  1533. .error404 .entry-content #searchsubmit {
  1534. display: none;
  1535. }
  1536.  
  1537.  
  1538. /* =Attachments
  1539. ----------------------------------------------- */
  1540.  
  1541. .image-attachment div.entry-meta {
  1542. float: left;
  1543. }
  1544. .image-attachment nav {
  1545. float: right;
  1546. margin: 0 0 1.615em;
  1547. }
  1548. #page .image-attachment #content nav a {
  1549. font-family: Verdana, sans-serif;
  1550. font-size: 13px;
  1551. font-size: 1.3rem;
  1552. font-style: normal;
  1553. line-height: 1.615;
  1554. }
  1555. .image-attachment .entry-attachment {
  1556. clear: both;
  1557. }
  1558. .image-attachment .entry-attachment img {
  1559. display: block;
  1560. height: auto;
  1561. margin: 0 auto 0.875em;
  1562. }
  1563.  
  1564.  
  1565. /* =Media
  1566. ----------------------------------------------- */
  1567.  
  1568.  
  1569. #masthead:after {
  1570. content: '';
  1571. clear: both;
  1572. display: table;
  1573. }
  1574.  
  1575.  
  1576. .wp-caption {
  1577. border: 1px solid #ddd;
  1578. max-width: 99.6%;
  1579. }
  1580. .wp-caption.aligncenter,
  1581. .wp-caption.alignleft,
  1582. .wp-caption.alignright {
  1583. margin-bottom: 1.615em;
  1584. }
  1585. .wp-caption img {
  1586. display: block;
  1587. margin: 1.2% auto 0;
  1588. max-width: 100%;
  1589. text-align:center;
  1590. }
  1591. .wp-caption-text {
  1592. color: #777;
  1593. font-size: 10px;
  1594. text-align: center;
  1595. }
  1596. .wp-caption .wp-caption-text {
  1597. margin: 0.8075em 0;
  1598. }
  1599. #content .gallery {
  1600. margin-bottom: 1.615em;
  1601. }
  1602. #content .gallery dd {
  1603. margin: 0;
  1604. }
  1605. #content .gallery-columns-4 .gallery-item {
  1606. }
  1607. #content .gallery-columns-4 .gallery-item img {
  1608. }
  1609. .gallery-caption {
  1610. }
  1611.  
  1612. /* Make sure embeds and iframes fit their containers */
  1613. embed,
  1614. iframe,
  1615. object {
  1616. max-width: 100%;
  1617. }
  1618.  
  1619.  
  1620. /* =Navigation
  1621. -------------------------------------------------------------- */
  1622.  
  1623. #content nav {
  1624. margin: 0 0 3.23em;
  1625. overflow: hidden;
  1626. }
  1627. #content nav a {
  1628. font-family: Georgia,"Bitstream Charter",serif;
  1629. font-size: 16px;
  1630. font-size: 1.6rem;
  1631. font-style: italic;
  1632. line-height: 1.3125;
  1633. }
  1634. #nav-above {
  1635. display: none;
  1636. }
  1637. .paged #nav-above {
  1638. display: block;
  1639. }
  1640.  
  1641.  
  1642. /* =Widgets
  1643. ----------------------------------------------- */
  1644.  
  1645. #secondary {
  1646. position: relative;
  1647. margin-bottom: 3.6em;
  1648. }
  1649. .widget-area {
  1650. font-size: 12px;
  1651. font-size: 1.2rem;
  1652. overflow: hidden;
  1653. }
  1654. #main .widget-area .widget + .widget {
  1655. margin-top: 1.615em;
  1656. }
  1657. .widget-title {
  1658. color: #777;
  1659. font-family: Verdana, sans-serif;
  1660. font-size: 11px;
  1661. font-size: 1.1rem;
  1662. letter-spacing: 0.05em;
  1663. line-height: 1.9091;
  1664. text-transform: uppercase;
  1665. }
  1666. .widget > ul {
  1667. margin: 0 0 0 1.1em;
  1668. }
  1669. .widget-title a {
  1670. }
  1671. .widget li a {
  1672. }
  1673.  
  1674. /* Primary Sidebar */
  1675. #secondary {
  1676. border-left: 1px solid #ddd;
  1677. }
  1678. /* Secondary Sidebar */
  1679. #tertiary {
  1680. border-left: 1px solid transparent; /* The optional secondary sidebar gets a little more minimal with a little less attention drawn to it */
  1681. }
  1682. #tertiary .widget {
  1683. }
  1684.  
  1685. /* Search Widget */
  1686. .widget_search {
  1687. margin-bottom: 1.615em;
  1688. }
  1689.  
  1690. /* Tag Cloud Widget */
  1691. .widget_tag_cloud {
  1692. line-height: 1.35;
  1693. margin-bottom: 1.615em;
  1694. }
  1695. .widget_tag_cloud a {
  1696. }
  1697.  
  1698. /* Calendar Widget */
  1699. #wp-calendar {
  1700. margin: 0 0 1.615em;
  1701. width: 100%;
  1702. }
  1703. #wp-calendar caption {
  1704. color: #777;
  1705. padding: 0.45em 0;
  1706. text-align: center;
  1707. }
  1708. #wp-calendar thead th {
  1709. font-weight: bold;
  1710. text-align: center;
  1711. }
  1712. #wp-calendar tbody td {
  1713. background: #eee;
  1714. border: 1px solid #fff;
  1715. color: #777;
  1716. padding: 0.45em 0;
  1717. text-align: center;
  1718. }
  1719. #wp-calendar tbody .pad {
  1720. background: none;
  1721. }
  1722. #wp-calendar tfoot td {
  1723. padding: 0.45em 0 0;
  1724. }
  1725. #wp-calendar tfoot #next {
  1726. text-align: right;
  1727. }
  1728.  
  1729.  
  1730. /* =Comments
  1731. ----------------------------------------------- */
  1732.  
  1733. #comments-title {
  1734. color: #777;
  1735. font-family: Verdana, sans-serif;
  1736. font-size: 11px;
  1737. font-size: 1.1rem;
  1738. letter-spacing: 0.05em;
  1739. line-height: 1.9091;
  1740. text-transform: uppercase;
  1741. }
  1742. .commentlist,
  1743. .commentlist .children {
  1744. list-style: none;
  1745. margin: 0;
  1746. position:relative;
  1747. }
  1748. .commentlist {
  1749. padding: 3.23em 0 0;
  1750. }
  1751. .comment {
  1752. margin: 0 0 3.23em;
  1753. position: relative;
  1754. }
  1755. .comment + .comment {
  1756. border-top: 1px dashed #ddd;
  1757. padding: 3.23em 0 0;
  1758. }
  1759. .comment .avatar,
  1760. .image-attachment .commentlist > .comment .avatar {
  1761. border-radius: 50%;
  1762. margin: 4px 0 0 -23px; /* Shuffle over half it's fixed width */
  1763. position: absolute;
  1764. top: -1.2em;
  1765. left: -11.674008810573%; /* and position it on the edge of the fluid page */
  1766. }
  1767. .comment .comment-author:before,
  1768. .image-attachment .commentlist > .comment .comment-author:before { /* Webkit won't correctly round the corners of images so we'll add another element behind our avatars with CSS */
  1769. background: #000;
  1770. border-radius: 50%;
  1771. content: '';
  1772. display: block;
  1773. margin: 0 0 0 -27px; /* Shuffle over half it's fixed width */
  1774. position: absolute;
  1775. top: -1.2em;
  1776. left: -11.674008810573%; /* and position it on the edge of the fluid page */
  1777. width: 55px;
  1778. height: 55px;
  1779. }
  1780. .secondary .comment .avatar,
  1781. .secondary .comment-author:before {
  1782. left: -24.090909090909%; /* and position it on the edge of the fluid page */
  1783. }
  1784. .comment .comment-author .fn {
  1785. font-family: Georgia, "Bitstream Charter", serif;
  1786. font-size: 20px;
  1787. font-size: 2rem;
  1788. line-height: 1.05;
  1789. margin-bottom: 0.15em;
  1790. font-style: normal;
  1791. }
  1792. .comment-meta {
  1793. color: #777;
  1794. font-size: 12px;
  1795. font-size: 1.2rem;
  1796. line-height: 2.1;
  1797. }
  1798. .comment-time {
  1799. color: #777;
  1800. font-size: 11px;
  1801. font-size: 1.1rem;
  1802. letter-spacing: 0.05em;
  1803. text-transform: uppercase;
  1804. }
  1805. .comment-time:before {
  1806. content: '— ';
  1807. }
  1808. .comment-time:hover,
  1809. .comment-time:focus,
  1810. .comment-time:active {
  1811. color: #b12930;
  1812. text-decoration: none;
  1813. }
  1814. .comment-content {
  1815. margin: 0.8075em 0 0;
  1816. }
  1817. .pingback {
  1818. border: 1px dashed #ddd;
  1819. border-width: 1px 0;
  1820. margin: 0 0 3.23em;
  1821. padding: 2.4225em 0 0.8075em;
  1822. }
  1823. .pingback + .pingback {
  1824. border-top: none;
  1825. margin-top: -3.23em;
  1826. }
  1827. .reply {
  1828. }
  1829. .nocomments {
  1830. color: #777777;
  1831. font-size: 11px;
  1832. font-size: 1.1rem;
  1833. letter-spacing: 0.05em;
  1834. margin: 0 0 3.9em;
  1835. text-transform: uppercase;
  1836. }
  1837. .nocomments:before {
  1838. content: "— ";
  1839. }
  1840.  
  1841. /* Child comments */
  1842. .commentlist .children {
  1843. border-top: 1px dashed #ddd;
  1844. padding: 3.23em 0 0 0;
  1845. }
  1846. .commentlist .children .children {
  1847. padding-left: 37px;
  1848. }
  1849. #content .children .comment .avatar {
  1850. margin: 2px 0 0 2px;
  1851. top: -.25em;
  1852. left: 0;
  1853. }
  1854. .commentlist .children .comment > footer,
  1855. .commentlist .children .comment-content,
  1856. .commentlist .children .reply {
  1857. margin-left: 52px;
  1858. }
  1859.  
  1860. /* Post author highlighting */
  1861. .bypostauthor > .comment .fn {
  1862. font-style: italic;
  1863. }
  1864.  
  1865. /* Comment form */
  1866. #respond {
  1867. border-top: 1px dashed #ddd;
  1868. padding: 3.23em 0 1.615em;
  1869. }
  1870. .children
  1871. #reply-title {
  1872. color: #111;
  1873. font-family: Georgia, "Bitstream Charter", serif;
  1874. font-size: 20px;
  1875. font-size: 2rem;
  1876. line-height: 1.05;
  1877. margin-bottom: 0.15em;
  1878. font-style: normal;
  1879. }
  1880. #respond p {
  1881. position: relative;
  1882. }
  1883.  
  1884. .comment-notes,
  1885. .logged-in-as {
  1886. margin-top: 1.615em;
  1887. }
  1888. #respond input[type="text"] {
  1889. float: left;
  1890. margin-right: 1em;
  1891. }
  1892. .comment-form-comment label {
  1893. display: none;
  1894. }
  1895. #respond textarea {
  1896. margin-bottom: -1.2em;
  1897. }
  1898. .form-allowed-tags {
  1899. font-size: 11px;
  1900. color: #777;
  1901. }
  1902. .form-allowed-tags code {
  1903. font-size: 10px;
  1904. }
  1905.  
  1906.  
  1907. /* =Footer
  1908. ----------------------------------------------- */
  1909.  
  1910. #supplementary {
  1911. border-bottom: 1px solid #ddd;
  1912. margin: 0 0 1.615em;
  1913. padding: 0 9.464285714286% 3.23em;
  1914. overflow: hidden;
  1915. }
  1916.  
  1917. /* Two Footer Widget Areas */
  1918. #supplementary.two .widget-area {
  1919. float: left;
  1920. margin-right: 3.083700440529%;
  1921. width: 48.458149779736%;
  1922. }
  1923. #supplementary.two .widget-area + .widget-area {
  1924. margin-right: 0;
  1925. }
  1926.  
  1927. /* Three Footer Widget Areas */
  1928. #supplementary.three .widget-area {
  1929. float: left;
  1930. margin-right: 3.083700440529%;
  1931. width: 31.277533039648%;
  1932. }
  1933. #supplementary.three .widget-area + .widget-area + .widget-area {
  1934. margin-right: 0;
  1935. }
  1936.  
  1937. #site-info {
  1938. color: #777777;
  1939. font-family: Verdana,sans-serif;
  1940. font-size: 12px;
  1941. font-size: 1.2rem;
  1942. line-height: 1.75;
  1943. padding: 1.615em 9.464285714286%;
  1944. text-align: center;
  1945. }
  1946. img#wpstats {
  1947. background: #fff;
  1948. border-radius: 50%;
  1949. display: block;
  1950. margin: 0 auto 1.615em;
  1951. padding: 3px;
  1952. }
  1953.  
  1954.  
  1955.  
  1956.  
  1957. /* =WP.com
  1958. ----------------------------------------------- */
  1959.  
  1960. .widget_authors > ul {
  1961. list-style: none;
  1962. margin: 0;
  1963. }
  1964. .widget_authors > ul ul {
  1965. margin-bottom: 1.615em;
  1966. }
  1967. .widget_recent_comments td {
  1968. vertical-align: middle;
  1969. }
  1970. #page #flickr_badge_wrapper {
  1971. border: none;
  1972. }
  1973. .comment .comment-likes {
  1974. margin: 0 0 1.615em;
  1975. }
  1976.  
  1977. .theblogmenu {
  1978. position:relative;
  1979. left:16%;
  1980. width:63%;
  1981. }
  1982.  
  1983. .theblogmenu ul {
  1984. list-style:none;
  1985. margin:0;
  1986. padding:0;
  1987. }
  1988.  
  1989. .theblogmenu ul:before,.theblogmenu ul:after {
  1990. content:"";
  1991. display:table;
  1992. }
  1993. .theblogmenu ul:after {
  1994. clear:both;
  1995. }
  1996. .theblogmenu ul > li {
  1997. float:left;
  1998. position:relative;
  1999. }
  2000. .theblogmenu a {
  2001. display:block;
  2002. padding:10px 20px;
  2003. line-height:1.2em;
  2004. text-decoration:none;
  2005. font-weight:bold;
  2006. color: #ffbc69;
  2007.  
  2008. font-size:233%;
  2009. }
  2010. .theblogmenu a:hover {
  2011. text-decoration:none;
  2012. background:#595959;
  2013. }
  2014. .theblogmenu li ul {
  2015. background:rgba(130,130,130,0.86);
  2016. position:absolute;
  2017. left:0;
  2018. top:64px;
  2019. z-index:1;
  2020. }
  2021. .theblogmenu li ul li {
  2022. width:200px;
  2023. overflow:hidden;
  2024. height:0;
  2025. transition:all 200ms ease-in;
  2026. }
  2027. .theblogmenu li ul a {
  2028. border:none;
  2029. }
  2030. .theblogmenu li ul a:hover {
  2031. background:rgba(255,181,197,0.2);
  2032. }
  2033.  
  2034. .theblogmenu ul > li:hover ul li {
  2035. height:56px;
  2036. font-size:63%;
  2037. }
  2038.  
  2039.  
  2040.  
  2041. #social {
  2042. padding:5px;
  2043. position:relative;
  2044.  
  2045. }
  2046.  
  2047. #social img {
  2048. position:relative;
  2049. max-width:11%;
  2050. }
  2051.  
  2052. #commenth6 {
  2053. position:relative;
  2054. color:gray;
  2055. width:500px;
  2056. font-size:70%;
  2057. }
  2058.  
  2059. #share {
  2060. width:100%;
  2061. }
  2062.  
  2063. #share a img {
  2064. width:11%;
  2065. position:relative;
  2066. left:3%;
  2067. }
  2068.  
  2069. .entry-title .featured h1 {
  2070. color:gray;
  2071. }
  2072.  
  2073.  
  2074. .subtitle {
  2075. color:#b0b0b0;
  2076. font-size:96%;
  2077. }
  2078.  
  2079.  
  2080.  
  2081.  
  2082.  
  2083. #adssuite {
  2084. margin-left:34%;
  2085. display:inline-block;
  2086.  
  2087. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement