API tools faq
paste
chellescodes

WONDER THEME CSS - WITHOUT DYNAMIC HOVER EFFECTS ON POSTS

chellescodes
Sep 17th, 2017
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.96 KB | None | 0 0
raw download clone embed print report
  1. blockquote {
  2. line-height:11px;
  3. }
  4.  
  5. ul {
  6. list-style:none;
  7. text-align:left!important;
  8. padding-left:0;
  9. }
  10.  
  11. h1 {
  12. font-family: Roboto, Arial;
  13. font-size:12px;
  14. }
  15. h1 {
  16. font-family: ;
  17. font-size:11px;
  18. }
  19.  
  20.  
  21. li {
  22. position:relative;
  23. padding-left:45px;
  24. line-height:12px;
  25. }
  26.  
  27. ul li:before {
  28. position:absolute;
  29. left:30px;
  30. vertical-align:baseline!important;
  31. font-family: "FontAwesome";
  32. content:'\f096';
  33. -moz-transition-duration:0.4s;
  34. -webkit-transition-duration:0.4s;
  35. -o-transition-duration:0.4s;
  36.  
  37. }
  38.  
  39. ul li:hover:before {
  40. color:{color:accent1};
  41. position:absolute;
  42. left:30px;
  43. vertical-align:baseline!important;
  44. font-family: "FontAwesome";
  45. content:'\f046';
  46. -moz-transition-duration:0.4s;
  47. -webkit-transition-duration:0.4s;
  48. -o-transition-duration:0.4s;
  49. }
  50.  
  51.  
  52.  
  53. body {
  54.  
  55. background:{color:background};
  56. font-smoothing:always;
  57. -webkit-font-smoothing: antialiased;
  58. -moz-osx-font-smoothing: grayscale;
  59. color:{color:text};
  60. font-family:Roboto, Arial;
  61. font-size:11px;
  62. font-weight:400;
  63. text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  64. margin:0;
  65. text-align:left;
  66. line-height:15px;
  67.  
  68.  
  69. }
  70.  
  71. a {
  72. font-weight:400;
  73. color:{color:link};
  74. -moz-transition-duration:0.4s;
  75. -webkit-transition-duration:0.4s;
  76. -o-transition-duration:0.4s;
  77. text-decoration:none;
  78.  
  79. }
  80.  
  81. a:hover {
  82. color:{color:accent1};
  83.  
  84. -moz-transition-duration:0.4s;
  85. -webkit-transition-duration:0.4s;
  86. -o-transition-duration:0.4s;
  87. }
  88.  
  89. img {
  90. opacity:1;
  91. border:none;
  92. text-decoration:none;
  93. }
  94.  
  95. small {
  96. font-size:10px;
  97. }
  98.  
  99. big {
  100. font-size:10px;
  101. }
  102.  
  103. b {
  104. font-weight:500;
  105. }
  106.  
  107.  
  108. ::selection {
  109. background:{color:accent2};
  110. color:{color:post background};
  111. }
  112.  
  113. a::-moz-selection {
  114. color:{color:accent1};
  115. }
  116.  
  117. ::-moz-selection {
  118. background:{color:accent2};
  119. color:{color:post background};
  120. }
  121.  
  122.  
  123. a::selection {
  124. color:{color:accent1};
  125. }
  126.  
  127.  
  128.  
  129.  
  130. .tooltip{
  131. display: inline;
  132. position: relative;
  133. }
  134.  
  135. #s-m-t-tooltip {
  136. max-width:300px;
  137. background-color:{color:post background};
  138. font-size:80%;
  139. text-transform:uppercase;
  140. letter-spacing:1px;
  141. font-family:Roboto, Arial;
  142. padding:5px 5px 5px 5px;
  143. border:1px solid {color:border};
  144. color: {color:text};
  145. margin:20px 0px 0px 20px;
  146. z-index:9999999999999999999999;
  147. border-radius:5px;
  148.  
  149. }
  150.  
  151.  
  152. ::-webkit-scrollbar {
  153. width: 10px; /** width of total scrollbar **/
  154. background: {color:accent1};
  155. background:linear-gradient( to bottom, {color:accent1}, {color:accent2});
  156. background: -webkit-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  157. background: -o-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  158. background: -moz-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  159.  
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb {
  163. background: {color:post background};
  164. border:1px solid {color:border};
  165. width:10px;
  166.  
  167. background-clip: content-box;
  168. }
  169.  
  170.  
  171.  
  172.  
  173. #title, #title2 {
  174. font-size:14px;
  175. font-family: Roboto, Arial;
  176. font-weight:500;
  177. border:1px solid {color:titleborder}!important;
  178. font-size:85%;
  179. text-transform:uppercase;
  180. letter-spacing:1px;
  181. color:{color:text};
  182. background:{color:titlebg};
  183. line-height:18px;
  184. -webkit-transform: perspective(1px) translateZ(0);
  185. transform: perspective(1px) translateZ(0);
  186. margin-bottom:10px;
  187. padding:10px 10px 10px 10px;
  188. text-align:center;
  189. }
  190.  
  191.  
  192. #title a, #title2 a {
  193. color:{color:accent1};
  194. }
  195.  
  196.  
  197.  
  198. #title2 {
  199. width: 700px;
  200. font-size:80%;
  201. margin-left:-10px;
  202. text-transform:uppercase;
  203. letter-spacing:1px;
  204. height: 13px;
  205. line-height: 13px;
  206. text-align:left;
  207. }
  208.  
  209. #maincontent {
  210.  
  211. text-align: center;
  212.  
  213. }
  214.  
  215.  
  216. #title {
  217. line-height:11px;
  218. font-variant:small-caps;
  219. }
  220.  
  221.  
  222.  
  223. #toptitle #title:before {
  224. border-top-left-radius: 5px;
  225. border-top-right-radius: 5px;
  226. }
  227.  
  228.  
  229.  
  230.  
  231. #top {
  232. width:100%;
  233. display:hidden;
  234. position:fixed;
  235. top:0;
  236. left:0;
  237. float:right;
  238. z-index:999998;
  239. height:50px;
  240.  
  241. }
  242.  
  243. #alltoplink {
  244. margin-left:-5px;
  245.  
  246. }
  247.  
  248. #toplinks {
  249.  
  250. font-size:15px;
  251. color:{color:accent1};
  252. float:right;
  253. padding-right:-5px;
  254. margin-right:12px;
  255. margin-top:13px;
  256. font-family:Roboto, Arial;
  257. cursor:pointer;
  258. -moz-transition-duration:0.4s;
  259. -webkit-transition-duration:0.4s;
  260. -o-transition-duration:0.4s;
  261. text-decoration:none;
  262. }
  263.  
  264. #toplinks:hover {
  265. color:{color:accent2};
  266. float:right;
  267. font-weight:900;
  268. -moz-transition-duration:0.4s;
  269. -webkit-transition-duration:0.4s;
  270. -o-transition-duration:0.4s;
  271.  
  272. }
  273.  
  274. #toplinks a {
  275. color:{color:accent1};
  276. }
  277.  
  278. #toplinks a:hover {
  279. color:{color:accent2}!important;
  280. }
  281.  
  282. .searchbox {
  283. font-size:10px;;
  284.  
  285. font-family:Roboto, Arial;
  286.  
  287.  
  288. height:auto;
  289. margin-top:0px;
  290. margin-right:-10px;
  291. font-weight:900;
  292. }
  293.  
  294. .searchbox input:hover {
  295. color:{color:post background};
  296. -moz-transition-duration:0.4s;
  297. -webkit-transition-duration:0.4s;
  298. -o-transition-duration:0.4s;
  299.  
  300. }
  301.  
  302. .searchbox input{
  303. background:transparent;
  304. text-align:right;
  305. height:auto;
  306. font-size:80%;
  307. margin-right:-10px;
  308. text-transform:uppercase;
  309. letter-spacing:1px;
  310. line-height:12px;
  311. margin-top:-5px;
  312. font-family:Roboto, Arial;
  313. border:0px;
  314. color: {color:text};
  315. outline:none;
  316. width:50px;
  317. border-radius:25px;
  318. -moz-transition-duration:0.4s;
  319. -webkit-transition-duration:0.4s;
  320. -o-transition-duration:0.4s;
  321.  
  322. }
  323.  
  324. .searchbox input:hover {
  325. background-color: {color: background};
  326. }
  327.  
  328.  
  329.  
  330.  
  331. #pagi {
  332. width:100%;
  333. position:inherit;
  334. text-align:center;
  335. display:inline-block;
  336. margin-top:5px;
  337.  
  338.  
  339.  
  340. }
  341.  
  342. #pagi a {
  343.  
  344. margin-top:-5px;
  345. padding-right:6px;
  346. border-radius:5px;
  347. height:15px;
  348. width:15px;
  349. text-align:center;
  350. line-height:15px;
  351.  
  352.  
  353. }
  354.  
  355.  
  356.  
  357. #pagi i {
  358.  
  359. text-align:center;
  360. border:1px solid {color:border};
  361. padding:5px 5px 5px 5px;
  362. border-radius:5px;
  363. transition: background 0.2s linear;
  364.  
  365. }
  366.  
  367.  
  368. #pagi a:hover i {
  369. background-color:{color:accent1};
  370. background-color:linear-gradient( to left, {color:accent1}, {color:accent2});
  371. background-color: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  372. background-color: -o-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  373. background-color: -moz-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  374. transition: background 0.2s linear;
  375. }
  376.  
  377.  
  378.  
  379.  
  380.  
  381. #pagi a:hover {
  382. color:{color:post background};
  383.  
  384. }
  385.  
  386.  
  387.  
  388. #controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  389. animation: fadein 2s;
  390. margin-top:10px;
  391. opacity:.5!important;
  392. position:fixed!important;
  393. right:118px!important;
  394. z-index:999999999999999!important;
  395. display:none;
  396. -webkit-animation: fadein 2s;
  397. -moz-animation: fadein 2s;
  398. -ms-animation: fadein 2s;
  399. -o-animation: fadein 2s;
  400. }
  401.  
  402.  
  403. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  404. margin-top:-3px;
  405. }
  406. @keyframes fadein {
  407. from { opacity: 0; }
  408. to { opacity: 1; }
  409. }
  410.  
  411. @-moz-keyframes fadein {
  412. from { opacity: 0; }
  413. to { opacity: 1; }
  414. }
  415.  
  416. @-webkit-keyframes fadein {
  417. from { opacity: 0; }
  418. to { opacity: 1; }
  419. }
  420.  
  421. @-ms-keyframes fadein {
  422. from { opacity: 0; }
  423. to { opacity: 1; }
  424. }
  425.  
  426. @-o-keyframes fadein {
  427. from { opacity: 0; }
  428. to { opacity: 1; }
  429. }
  430.  
  431.  
  432.  
  433.  
  434. #sidebar {
  435. left:0;
  436. text-align:left;
  437. position:fixed;
  438. padding:0px 0px 0px 0px;
  439. height:100%;
  440. border-right:1px solid {color:border};
  441. width:300px;
  442. background:{color:post background};
  443. }
  444.  
  445.  
  446. #imgwidth {
  447. width:100%;
  448. text-align:center;
  449. }
  450.  
  451.  
  452. #imgcontain {
  453. border-radius:50%;
  454. width:150px;
  455. height:150px;
  456. overflow:hidden;
  457. margin: 0 auto;
  458. margin-top:125px;
  459. {block:ifShowColorBlock}
  460. margin-top:-85px;
  461. {/block:ifShowColorBlock}
  462. text-align:center;
  463. padding:6px 6px 6px 6px;
  464. background:{color:accent1};
  465. background:linear-gradient( to left, {color:accent1}, {color:accent2});
  466. background: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  467. background: -o-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  468. background: -moz-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  469. -webkit-transform: perspective(1px) translateZ(0);
  470. transform: perspective(1px) translateZ(0);
  471. -webkit-transition-property: color;
  472. transition-property: color;
  473. -webkit-transition-duration: 0.5s;
  474. transition-duration: 0.5s;
  475.  
  476. }
  477.  
  478. #imgcontain:before {
  479. content: "";
  480. position: absolute;
  481. z-index: -1;
  482. top: 0;
  483. left: 0;
  484. right: 0;
  485. bottom: 0;
  486. border-radius:50%;
  487. overflow:hidden;
  488. background: {color:text};
  489.  
  490. -webkit-transform: scaleX(0);
  491. transform: scaleX(0);
  492. -webkit-transform-origin: 0 50%;
  493. transform-origin: 0 50%;
  494. -webkit-transition-property: transform;
  495. transition-property: transform;
  496. -webkit-transition-duration: 0.5s;
  497. transition-duration: 0.5s;
  498. -webkit-transition-timing-function: ease-out;
  499. transition-timing-function: ease-out;
  500. }
  501. #imgcontain:hover, #imgcontain:focus, #imgcontain:active {
  502. color: white;
  503. }
  504. #imgcontain:hover:before, #imgcontain:focus:before, #imgcontain:active:before {
  505. -webkit-transform: scaleX(1);
  506. transform: scaleX(1);
  507. }
  508.  
  509.  
  510. #colorblock {
  511. top:0;
  512. left:0;
  513. width:100%;
  514. height:200px;
  515. background:{color:accent1};
  516. {block:ifGradientColorblock}
  517. border-bottom:1px solid {color:border};
  518. background:linear-gradient( to left, {color:accent1}, {color:accent2});
  519. background: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  520. background: -o-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  521. background: -moz-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  522. {/block:ifGradientColorblock}
  523. }
  524.  
  525.  
  526.  
  527. #sidebar img {
  528. width:150px;
  529. height:150px;
  530. text-align:center;
  531. margin-left:-3px;
  532. margin-top:-3px;
  533. border:3px solid {color:post background};
  534. border-radius:50%;
  535. }
  536.  
  537.  
  538. #blogtitle {
  539.  
  540. height:15px;
  541. letter-spacing:{text:blog title spacing}px;
  542. text-align:center;
  543. color: {color:post background};
  544. line-height:20px;
  545. text-transform:uppercase;
  546. font-family: Roboto, Arial;
  547. font-size:10px;;
  548. margin-top:-2px;
  549. padding-top:10px;
  550. z-index:-1;
  551. -webkit-transition-property: color;
  552. transition-property: color;
  553. -webkit-transition-duration: 0.3s;
  554. transition-duration: 0.3s;
  555. -webkit-transform: perspective(1px) translateZ(0);
  556. transform: perspective(1px) translateZ(0);
  557. margin-top:225px;
  558. {block:ifShowSidebarImage}
  559. margin-top:-2px;
  560. {/block:ifShowSidebarImage}
  561. {block:ifShowColorblock}
  562. margin-top:-2px;
  563. {/block:ifShowColorblock}
  564.  
  565.  
  566. }
  567.  
  568. #blogtitle a {
  569. color: {color:accent2};
  570. font-family: 'YourFont', Roboto, Arial;
  571. font-size:20px;
  572. }
  573.  
  574.  
  575. #blogtitle a:hover, #blogtitle a:focus, #blogtitle a:active {
  576. color: {color:accent1};
  577. }
  578. #blogtitle a:hover:before, #blogtitle a:focus:before, #blogtitle a:active:before {
  579. -webkit-transform: scaleX(1);
  580. transform: scaleX(1);
  581. }
  582.  
  583.  
  584. .linkgroup {
  585. display:inline-block;
  586. padding-right:10px;
  587. z-index: -1;
  588. opacity: 1;
  589. }
  590.  
  591.  
  592. .linkgroup a {
  593. padding: 5px 5px 5px 5px;
  594. text-decoration: none;
  595. overflow:hidden;
  596.  
  597. }
  598.  
  599. .linkgroup i {
  600. line-height:20px;
  601. color: {color:accent1};
  602. }
  603.  
  604. .linkgroup a:hover {
  605. color:{color:accent2};
  606.  
  607. }
  608.  
  609. .linkgroup a:hover i{
  610. color:{color:accent2};
  611. font-size:20px;
  612. }
  613.  
  614.  
  615.  
  616. #links {
  617. margin-left:15%;
  618. margin-top:10px;
  619. text-align:left;
  620. width:100%;
  621. }
  622.  
  623. #thelinks a{
  624. display:inline-block;
  625. float:left;
  626. width:80px;
  627. color:{color:text};
  628. line-height:20px;
  629. height:20px;
  630. margin:5px 5px 5px 5px;
  631. font-size:70%;
  632. text-transform:uppercase;
  633. border-radius:5px;
  634. letter-spacing:1px;
  635. border: 1px solid {color:border};
  636. -o-transition:.5s;
  637. -ms-transition:.5s;
  638. -moz-transition:.5s;
  639. -webkit-transition:.5s;
  640.  
  641. }
  642.  
  643.  
  644. #thelinks a:before {
  645. content: "";
  646. position: absolute;
  647. z-index: -1;
  648. top: 0;
  649. left: 0;
  650. right: 0;
  651. bottom: 0;
  652. background:{color:accent1};
  653. background:linear-gradient( to left, {color:accent1}, {color:accent2});
  654. background: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  655. background: -o-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  656. background: -moz-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  657. -webkit-transform: scaleX(0);
  658. transform: scaleX(0);
  659. -webkit-transform-origin: 0 50%;
  660. transform-origin: 0 50%;
  661. -webkit-transition-property: transform;
  662. transition-property: transform;
  663. -webkit-transition-duration: 0.3s;
  664. transition-duration: 0.3s;
  665. -webkit-transition-timing-function: ease-out;
  666. transition-timing-function: ease-out;
  667. }
  668.  
  669. #thelinks a:hover, #thelinks a:focus, #thelinks a:active {
  670. color: {color:post background};
  671. }
  672. #thelinks a:hover:before, #thelinks a:focus:before, #thelinks a {
  673. -webkit-transform: scaleX(1);
  674. transform: scaleX(1);
  675. }
  676.  
  677. #thelinks a:hover {
  678. font-weight:bold;
  679. color:{color:post background};
  680. -o-transition:.5s;
  681. -ms-transition:.5s;
  682. -moz-transition:.5s;
  683. -webkit-transition:.5s;
  684. }
  685.  
  686.  
  687. #thelinks a:hover .searchbox input {
  688. font-weight:bold;
  689. color:{color:post background};
  690. }
  691.  
  692. #thelinks a:hover i {
  693. color:{color:post background};
  694. }
  695.  
  696. #thelinks i{
  697. color:{color:accent1};
  698. font-size:8px;
  699. }
  700.  
  701.  
  702. #thelinks i:hover {
  703. font-weight:400;
  704. color:{color:accent2};
  705. }
  706.  
  707.  
  708.  
  709. #description {
  710. width:calc(300px - 110px);
  711. padding-top:15px;
  712. padding-bottom:5px;
  713. font-size:11px;
  714. line-height:11px;
  715. margin:0 auto;
  716. width:{text:sidebar width}px;
  717. text-align:center;
  718. }
  719.  
  720. #description a {
  721. color:{color:link};
  722. }
  723.  
  724. #description a:hover {
  725. color:{color:accent1};
  726. }
  727.  
  728.  
  729.  
  730. #con {
  731. margin-left:400px;
  732. position:absolute;
  733. width:{text:post width}px;
  734. }
  735.  
  736.  
  737. .entries {
  738. opacity: 1;
  739. transition: 2s opacity;
  740. margin-top:50px;
  741.  
  742. -webkit-animation: fadein 2s;
  743. -moz-animation: fadein 2s;
  744. -ms-animation: fadein 2s;
  745. -o-animation: fadein 2s;
  746. animation: fadein 2s;
  747. }
  748.  
  749.  
  750.  
  751. .posts {
  752. padding-top:10px;
  753. text-align:center;
  754. width:{text:post width}px;
  755. max-width:{text:post width}px;
  756. margin-bottom:70px;
  757. text-align:left;
  758. font-size:11px;;
  759. font-weight:400;
  760. line-height:100%;
  761. letter-spacing:0px;
  762. color:{color:text};
  763. text-shadow:1px 1px 1px 1px rgba(0,0,0,0.005);
  764. overflow:hidden;
  765.  
  766.  
  767. }
  768.  
  769. .posts a {
  770. color:{color:link};
  771. font-weight:500;
  772. }
  773.  
  774. .posts a:hover {
  775. color:{color:accent1};
  776.  
  777. }
  778.  
  779. .posts img, .posts li, .posts blockquote {
  780. max-width:100%;
  781. height:auto;
  782. -webkit-animation: fadein 2s;
  783. -moz-animation: fadein 2s;
  784. -ms-animation: fadein 2s;
  785. -o-animation: fadein 2s;
  786. animation: fadein 2s;
  787. }
  788.  
  789.  
  790. .posts li {
  791. text-align:left;
  792. }
  793.  
  794.  
  795. #upperstuff {
  796. font-size:80%;
  797. letter-spacing:1px;
  798. text-align:center;
  799. background:none;
  800. text-transform:uppercase;
  801.  
  802. }
  803.  
  804.  
  805.  
  806.  
  807. #usericon {
  808. width:20px;
  809. height:20px;
  810. display:inline;
  811. padding-right:8px;
  812. margin-top:-5px;
  813. padding-bottom:0px;
  814. border-radius:100px;
  815. -webkit-transform: perspective(1px) translateZ(0);
  816. transform: perspective(1px) translateZ(0);
  817. -webkit-transition-property: color;
  818. transition-property: color;
  819. -webkit-transition-duration: 0.3s;
  820. transition-duration: 0.3s;
  821. overflow:hidden;
  822. }
  823.  
  824. #usericon img {
  825. width:20px;
  826. margin-left:5px;
  827. padding:2px 2px 2px 2px;
  828. }
  829.  
  830.  
  831.  
  832.  
  833. #topurl {
  834. text-align:center;
  835. margin-left:0px;
  836. margin-top:3px;
  837. padding-bottom:7px;
  838. -moz-transition-duration:0.4s;
  839. -webkit-transition-duration:0.4s;
  840. -o-transition-duration:0.4s;
  841.  
  842. }
  843.  
  844. .postsrc {
  845. width:100%;
  846. text-align:center;
  847.  
  848. }
  849.  
  850. .posts:hover #upperstuff {
  851. color:{color:accent1};
  852. }
  853.  
  854.  
  855. .posts:hover #upperstuff a{
  856. color:{color:accent1};
  857. }
  858.  
  859. .posts:hover #upperstuff a:hover {
  860. color:{color:accent2};
  861. }
  862.  
  863.  
  864. #itemsbelow {
  865. background:{color:post background};
  866. border:1px solid {color:border};
  867. max-width:100%;
  868. overflow:hidden;
  869. border-radius:5px;
  870.  
  871. }
  872.  
  873. .photo-slideshow {
  874. visibility: visible!important;
  875. }
  876.  
  877.  
  878. #postlink a{
  879. color:{color:accent1};
  880. }
  881.  
  882. #postlink a:hover{
  883. color:{color:accent2};
  884. }
  885.  
  886. .caption {
  887. text-align:center;
  888. width:{text:post width}px;
  889. padding-right:10px;
  890. padding-bottom:5px;
  891. overflow:hidden;
  892.  
  893.  
  894. }
  895.  
  896.  
  897. a.tumblr_blog {
  898. font-size:80%;
  899. letter-spacing:1px;
  900. text-decoration:underline;
  901. text-transform:uppercase;
  902. -moz-transition-duration:0.4s;
  903. -webkit-transition-duration:0.4s;
  904. -o-transition-duration:0.4s;
  905.  
  906. }
  907.  
  908. .tumblr_blog {
  909. text-align:center;
  910. }
  911.  
  912.  
  913. #titlequote {
  914. padding:10px 20px 10px 20px;
  915. text-align:center;
  916. font-size:12px;
  917. margin-left:-7px;
  918. line-height:17px;
  919. font-weight:400;
  920. }
  921.  
  922. #source {
  923. padding:0px 10px 10px 10px;
  924. margin-top:0px;
  925. text-align:center;
  926. margin-bottom:11px;
  927. font-size:80%;
  928. text-transform:uppercase;
  929. margin-left:0px;
  930. }
  931.  
  932. /*asks*/
  933.  
  934. .q {
  935. padding: 5px 10px 5px 20px;
  936. height:110%;
  937. font-size:11px;
  938. color:{color:text};
  939. border-left:1px solid {color:titleborder};
  940. border-right:1px solid {color:titleborder};
  941. margin-top:-10px;
  942. overflow:hidden;
  943. text-align:center;
  944. margin-left:-10px;
  945. }
  946.  
  947. .posts:hover #asker a:hover {
  948. color:{color:accent2};
  949.  
  950. }
  951.  
  952.  
  953. .chat ol {
  954. padding:0;
  955. list-style:none;
  956. }
  957.  
  958. .line {
  959. padding:0px 0;
  960. }
  961.  
  962. .label {
  963. font-weight:400;
  964. }
  965.  
  966. #video {
  967. top: -{text:post width}px;
  968. width:{text:post width}px;
  969. }
  970.  
  971.  
  972. #audio {
  973. height:50px;
  974. padding:0;
  975. padding-bottom:10px;
  976. }
  977.  
  978. #audio #title {
  979. line-height:20px;
  980. }
  981.  
  982. #audioplayer {
  983. width:30px;
  984. margin-top:15px;
  985. border-radius:{text:border radius}px;
  986. margin-left:15px;
  987. opacity:.5;
  988. overflow:hidden;
  989. position:absolute;
  990. vertical-align:top;
  991. z-index:999999;
  992. }
  993.  
  994. #albumart {
  995. position:absolute;
  996. z-index:1;
  997. vertical-align:top;
  998. width:61px;
  999. height:61px;
  1000. padding-top:-10px;
  1001. margin-top:1px;
  1002. }
  1003.  
  1004. #audioinfo {
  1005. text-align:center;
  1006. display:inline;
  1007. margin-top:10px;
  1008. }
  1009.  
  1010.  
  1011. #postinfo {
  1012.  
  1013. width:95%;
  1014. margin-top:-2px;
  1015. {block:Caption}
  1016. margin-top:4px;
  1017. {/block:Caption}
  1018. margin-left:0px;
  1019. font-size:11px;;
  1020. padding:6px 0px 0px 10px;
  1021. {block:HasTags}
  1022. padding:15px 10px 0px 0px;
  1023. {/block:HasTags}
  1024. border-top:1px solid {color:border};
  1025. display:inline-block;
  1026. padding-right:20px;
  1027. vertical-align:text-top;
  1028. {block:Answer}
  1029. margin-top:-10px!important;
  1030. {/block:Answer}
  1031. text-align:center;
  1032.  
  1033.  
  1034. }
  1035.  
  1036. #tags {
  1037. width:100%;
  1038. text-transform:none;
  1039. margin-left:-14px;
  1040. font-size:10px;;
  1041. padding-left:15px;
  1042. text-align:center;
  1043. padding-top:10px;
  1044. padding-bottom:10px;
  1045. }
  1046.  
  1047.  
  1048. #tags a {
  1049. color:{color:text};
  1050. margin-left:-3px;
  1051. font-weight:400;
  1052. padding-right:5px;
  1053.  
  1054. }
  1055.  
  1056. #tags a:hover {
  1057. color:{color:accent1};
  1058. }
  1059.  
  1060.  
  1061.  
  1062. .options {
  1063. text-transform:uppercase;
  1064. margin-right:-10px;
  1065. padding-right:10px;
  1066. font-size:80%;
  1067. {block:HasTags}
  1068. padding-bottom:12px;
  1069. {/block:HasTags}
  1070. }
  1071. .options a {
  1072. color:{color:link};
  1073. position:relative;
  1074. display:inline-block!important;
  1075. overflow:hidden;
  1076. padding:5px;
  1077. width:auto;
  1078. margin-top:0px;
  1079. border-radius:5px;
  1080. padding:5px 5px 5px 5px;
  1081. margin-right:10px;
  1082. height:13px;
  1083. }
  1084.  
  1085. .options i {
  1086. color:{color:accent2};
  1087. -moz-transition-duration:0.4s;
  1088. -webkit-transition-duration:0.4s;
  1089. -o-transition-duration:0.4s;
  1090. }
  1091.  
  1092. .like:hover i {
  1093. color:{color:accent1};
  1094. }
  1095.  
  1096. .options i:hover {
  1097. color:{color:accent1};
  1098. }
  1099. .options .reblog {
  1100. opacity:.93;
  1101. }
  1102.  
  1103. .like:hover {
  1104. color:{color:accent1};
  1105.  
  1106. }
  1107.  
  1108. .like:hover a {
  1109. color:{color:accent1};
  1110.  
  1111. }
  1112.  
  1113.  
  1114. .reblog:hover .fa-spin-hover {
  1115. -webkit-animation: fa-spin 2s infinite linear;
  1116. -moz-animation: fa-spin 2s infinite linear;
  1117. -o-animation: fa-spin 2s infinite linear;
  1118. animation: fa-spin 2s infinite linear;
  1119.  
  1120. }
  1121.  
  1122.  
  1123. .options a:hover, .options a:hover i {
  1124. color:{color:accent1};
  1125. }
  1126.  
  1127. .options:hover {
  1128. color:{color:accent1};
  1129. }
  1130.  
  1131. .options .like .liked + i {
  1132. color:#ec5a5a;
  1133. }
  1134.  
  1135.  
  1136. .options .like .like_button {
  1137. position:relative;
  1138. }
  1139. .options .like .like_button iframe {
  1140. position:absolute;
  1141. top:0;
  1142. left:0;
  1143. bottom:0;
  1144. right:0;
  1145. z-index:2;
  1146. opacity:0;
  1147. }
  1148.  
  1149.  
  1150. #l {
  1151. border-top:1px solid {color:border};
  1152. width:106%;
  1153. margin-left:-10px;
  1154. float:left;
  1155.  
  1156. }
  1157.  
  1158.  
  1159.  
  1160. .pagenotes {
  1161. {block:IndexPage}
  1162. display: none!important;
  1163. {/block:IndexPage}
  1164. width:{text:post width};
  1165. text-align:left;
  1166.  
  1167. }
  1168.  
  1169. .notes {
  1170. font-size:8px!important;
  1171. }
  1172.  
  1173. .pagenotes img {
  1174. display:none!important;
  1175. }
  1176.  
  1177. .pagenotes li {
  1178. list-style-type:none;
  1179. padding:2px 0px;
  1180. font-size:8px;
  1181. text-align:left;
  1182. margin:0 0 0 -40px;
  1183. }
  1184.  
  1185. #updates {
  1186. font-smoothing:always;
  1187. -webkit-font-smoothing: antialiased;
  1188. -moz-osx-font-smoothing: grayscale;
  1189. font-weight:400;
  1190. position:relative;
  1191. font-family:Roboto ;
  1192. right:20px;
  1193. width:50px;
  1194. height:10px;
  1195. top:0px;
  1196. z-index:999;
  1197. }
  1198.  
  1199.  
  1200. #updates a{
  1201. color:{color:accent1};
  1202. text-decoration:underline;
  1203. }
  1204.  
  1205.  
  1206.  
  1207. #updates:hover #updatescontent {
  1208.  
  1209. display:inline;
  1210. opacity:1;
  1211. -webkit-transition: all .5s ease-in-out;
  1212. -moz-transition: all .5s ease-in-out;
  1213. -o-transition: all .5s ease-in-out;
  1214. width: 125px;
  1215. border-radius:10px;
  1216. height:auto;
  1217.  
  1218. }
  1219.  
  1220.  
  1221.  
  1222. #updatescontent {
  1223. display:hidden;
  1224. line-height:10px;
  1225. font-size:10px;;
  1226. text-align:right;
  1227. width:125px;
  1228. top:30px;
  1229. color: {color:text};
  1230. right:12px;
  1231. position:fixed;
  1232. opacity:0;
  1233. -webkit-transition: all .5s ease-in-out;
  1234. -moz-transition: all .5s ease-in-out;
  1235. -o-transition: all .5s ease-in-out;
  1236.  
  1237. }
  1238.  
  1239.  
  1240. #updatestab {
  1241. font-size:80%;
  1242. text-transform:uppercase;
  1243. letter-spacing:1px;
  1244. width: 50px;
  1245. margin-left:20px;
  1246. font-weight:400;
  1247. margin-top:12px;
  1248. text-align: center;
  1249. padding:2px;
  1250. color:{color:text};
  1251. border-bottom:1px solid {color:border};
  1252. height: auto;
  1253. top:0px;
  1254. left:0px;
  1255. -webkit-transform: perspective(1px) translateZ(0);
  1256. transform: perspective(1px) translateZ(0);
  1257. }
  1258.  
  1259.  
  1260. #updatestab:before {
  1261. content: "";
  1262. position: absolute;
  1263. z-index: -1;
  1264. left: 0;
  1265. margin-top:20px;
  1266. right: 100%;
  1267. bottom: 0;
  1268. background: {color:accent1};
  1269. height: 2px;
  1270. -webkit-transition-property: right;
  1271. transition-property: right;
  1272. -webkit-transition-duration: 0.3s;
  1273. transition-duration: 0.3s;
  1274. -webkit-transition-timing-function: ease-out;
  1275. transition-timing-function: ease-out;
  1276. }
  1277.  
  1278. #updates:hover #updatestab:before, #updatestab:focus:before, #updatestab:active:before {
  1279. right: 0;
  1280.  
  1281. }
  1282.  
  1283.  
  1284.  
  1285. #credit {
  1286. width:20px;
  1287. position:fixed;
  1288. bottom:0;
  1289. right:10px;
  1290. float:right;
  1291. z-index:999998;
  1292. }
  1293.  
  1294. {CustomCSS}
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!