API tools faq
paste
Advertisement
feiinho

Surface 0.0.3 Theme by blinkanditsover

feiinho
Apr 2nd, 2014
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7. <!--
  8.  
  9. .o88o. by blinkanditsover
  10.  
  11. 888 `"
  12.  
  13. .oooo.o oooo oooo oooo d8b o888oo .oooo. .ooooo. .ooooo.
  14.  
  15. d88( "8 `888 `888 `888""8P 888 `P )88b d88' `"Y8 d88' `88b
  16.  
  17. `"Y88b. 888 888 888 888 .oP"888 888 888ooo888
  18.  
  19. o. )88b 888 888 888 888 d8( 888 888 .o8 888 .o
  20.  
  21. 8""888P' `V88V"V8P' d888b o888o `Y888""8o `Y8bod8P' `Y8bod8P'
  22.  
  23.  
  24.  
  25.  
  26.  
  27. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  28.  
  29. Surface 0.0.3 Theme by blinkanditsover
  30.  
  31. Premium Tumblr Theme
  32.  
  33. http://themecloud.co/themes/surface
  34.  
  35. Support: themecloud.co | @theme_cloud
  36.  
  37.  
  38.  
  39. Changelog:
  40.  
  41. Infinite scroll loading image added 31/12/12
  42.  
  43. Track label/artist spacing 31/12/12
  44.  
  45. Infinite scroll improvement 01/01/13
  46.  
  47. Optional show blog title and change title style 04/01/13
  48.  
  49. Option to fix the header 04/01/13
  50.  
  51. Google Analytics installed 04/01/13
  52.  
  53. Tags added 04/01/13
  54.  
  55. iPad Optimized 06/01/13
  56.  
  57. Search fixed 03/02/13
  58.  
  59. Gif bug fixed 03/02/13
  60.  
  61. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  62.  
  63.  
  64.  
  65.  
  66.  
  67. -->
  68.  
  69.  
  70.  
  71. <meta name="color:Links" content="#32bee2"/>
  72.  
  73. <meta name="color:Links Hover" content="#333333"/>
  74.  
  75. <meta name="color:Music player" content="#32bee2"/>
  76.  
  77. <meta name="color:Text" content="#333333"/>
  78.  
  79. <meta name="color:Post Background" content="#FFFFFF"/>
  80.  
  81. <meta name="color:Post Controls Border" content="#e9e6e6"/>
  82.  
  83. <meta name="color:Post Control Hover" content="#F5F5F5"/>
  84.  
  85. <meta name="color:Post Control Text" content="#979696"/>
  86.  
  87. <meta name="color:Blog Title hover" content="#000000"/>
  88.  
  89. <meta name="color:Blog Title" content="#FFFFFF"/>
  90.  
  91. <meta name="color:Post Title" content="#000000"/>
  92.  
  93. <meta name="color:Background" content="#eeeeee"/>
  94.  
  95. <meta name="color:Header Color" content="#000000"/>
  96.  
  97. <meta name="color:Header Links" content="#FFFFFF"/>
  98.  
  99. <meta name="color:Tag Color" content="#3A87AD"/>
  100.  
  101. <meta name="color:Tag Text Color" content="#FFFFFF"/>
  102.  
  103. <meta name="if:Fix Header" content="0"/>
  104.  
  105. <meta name="if:Blog Title A" content="1"/>
  106.  
  107. <meta name="if:Blog Title B" content="0"/>
  108.  
  109. <meta name="if:Show Audio Title" content="1"/>
  110.  
  111. <meta name="if:Show Captions on Home Page" content="1"/>
  112.  
  113. <meta name="if:Show Post Controls" content="1"/>
  114.  
  115. <meta name="if:Show Note Count" content="1"/>
  116.  
  117. <meta name="if:Show Tags" content="0"/>
  118.  
  119. <meta name="if:Shadows" content="1"/>
  120.  
  121. <meta name="if:Show Search" content="1"/>
  122.  
  123.  
  124.  
  125. <meta name="if:Archive Link" content="1"/>
  126.  
  127. <meta name="if:RSS Link" content="1"/>
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135. <meta name="image:Background" content="http://static.tumblr.com/e277634ab545119b5154f07ded6e07ae/ssdtkch/Rosmfnyqm/tumblr_static_extra_clean_paper.png"/>
  136.  
  137. <meta name="image:Header" content=""/>
  138.  
  139. <meta name="image:Logo" content=""/>
  140.  
  141.  
  142.  
  143.  
  144.  
  145. <meta name="text:Facebook username" content=""/>
  146.  
  147. <meta name="text:Twitter username" content=""/>
  148.  
  149. <meta name="text:Dribbble username" content=""/>
  150.  
  151. <meta name="text:Youtube username" content=""/>
  152.  
  153. <meta name="text:Flickr username" content=""/>
  154.  
  155. <meta name="text:Vimeo username" content=""/>
  156.  
  157. <meta name="text:Skype username" content=""/>
  158.  
  159. <meta name="text:Analytics Tracking ID" content=""/>
  160.  
  161.  
  162.  
  163. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
  164.  
  165.  
  166.  
  167.  
  168.  
  169. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  170.  
  171.  
  172.  
  173. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  174.  
  175. <title>{Title}</title>
  176.  
  177. <style>
  178.  
  179. @import url(http://static.tumblr.com/jw8fmba/Arxm3bwmu/socialico.css);
  180.  
  181. @import url(http://fonts.googleapis.com/css?family=PT+Sans);
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189. </style>
  190.  
  191. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/47bmfqrsj/core.css
  192.  
  193. ">
  194.  
  195. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/BRqmfqrru/surface.css
  196.  
  197. ">
  198.  
  199. <link rel="stylesheet" href="http://static.tumblr.com/ssdtkch/UNNmfqrtd/perma.css
  200.  
  201. ">
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209. <style>
  210.  
  211.  
  212.  
  213. body{
  214.  
  215. word-wrap: break-word;
  216.  
  217. overflow-x:hidden;
  218.  
  219. font-family: 'PT Sans', sans-serif;
  220.  
  221.  
  222.  
  223.  
  224.  
  225. }
  226.  
  227.  
  228.  
  229. .top_bar_left {
  230.  
  231. height: auto !important;
  232.  
  233. float: left;
  234.  
  235. margin-right: 20px;
  236.  
  237. margin-top: 0px;
  238.  
  239. {block:ifnotlogoimage}bottom: 35px;
  240.  
  241. {/block:ifnotlogoimage}
  242.  
  243. {block:iflogoimage}bottom: 25px;
  244.  
  245. {/block:iflogoimage}
  246.  
  247. position: absolute;
  248.  
  249. }
  250.  
  251.  
  252.  
  253.  
  254.  
  255. .highlight .caption p {font-size:14px !important;}
  256.  
  257. .highlight .caption{font-size:14px !important;}
  258.  
  259.  
  260.  
  261. .pictos:hover{background-color:{color:post control hover};}
  262.  
  263.  
  264.  
  265.  
  266.  
  267. .black .tc_posts {
  268.  
  269.  
  270.  
  271.  
  272.  
  273. background-color:red !important;}
  274.  
  275.  
  276.  
  277. .caption p{
  278.  
  279. font-size:13px;
  280.  
  281. line-height:1.7em;
  282.  
  283. }
  284.  
  285.  
  286.  
  287. #tc_post_perma .caption p {
  288.  
  289. margin-left:20px;
  290.  
  291. margin-right:20px;
  292.  
  293.  
  294.  
  295. }
  296.  
  297. .splitter_line
  298.  
  299. {
  300.  
  301. width:304px;
  302.  
  303. }
  304.  
  305. #tc_post_perma .splitter_line{width:700px;}
  306.  
  307. .highlight .splitter_line{width:630px;}
  308.  
  309. #tc_post_perma .caption
  310.  
  311. {
  312.  
  313. margin-bottom:20px;
  314.  
  315. margin-top:20px;
  316.  
  317. }
  318.  
  319. #tc_post_perma blockquote
  320.  
  321. {
  322.  
  323. margin-left: 22px !important;
  324.  
  325. color:{color:text};
  326.  
  327. }
  328.  
  329. #tc_post_perma blockquote p
  330.  
  331. {
  332.  
  333. margin-left: 10px !important;
  334.  
  335. }
  336.  
  337.  
  338.  
  339. .note blockquote
  340.  
  341. {
  342.  
  343. border-left:none !important;
  344.  
  345. }
  346.  
  347. {block:permalinkpage}
  348.  
  349. #perma_controls
  350.  
  351. {
  352.  
  353. display:none;
  354.  
  355. }
  356.  
  357. {block:permalinkpage}
  358.  
  359.  
  360.  
  361. .social_icons{
  362.  
  363. color:{color:header links} !important;
  364.  
  365. }
  366.  
  367.  
  368.  
  369.  
  370.  
  371. .logo{
  372.  
  373. border-bottom:0px;
  374.  
  375. max-height:170px;
  376.  
  377. }
  378.  
  379.  
  380.  
  381. .logo:hover{
  382.  
  383. border-bottom:0px;
  384.  
  385. }
  386.  
  387.  
  388.  
  389. @-moz-document url-prefix() { .social_icons { display: none !important; } }
  390.  
  391. .face:hover{
  392.  
  393. color:#3b5998 !important;
  394.  
  395. }
  396.  
  397. .twit:hover{
  398.  
  399. color:#00bcf5 !important;
  400.  
  401. }
  402.  
  403. .drib:hover{
  404.  
  405. color:#f05c93 !important;
  406.  
  407. }
  408.  
  409. .you:hover{
  410.  
  411. color:#c4302b !important;
  412.  
  413. }
  414.  
  415. .vimeo:hover{
  416.  
  417. color:#44bbff !important;
  418.  
  419. }
  420.  
  421. .skype:hover{
  422.  
  423. color:#23c8f3 !important;
  424.  
  425. }
  426.  
  427. .google:hover{
  428.  
  429. color:#d03b25 !important;
  430.  
  431. }
  432.  
  433. .flickr:hover{
  434.  
  435. color:#ff0084 !important;
  436.  
  437. }
  438.  
  439.  
  440.  
  441. .rss:hover{
  442.  
  443. color:#f94600 !important;
  444.  
  445. border-bottom:0px;
  446.  
  447. }
  448.  
  449.  
  450.  
  451. body
  452.  
  453. {
  454.  
  455. background-image:url({image:background});
  456.  
  457. overflow-x:hidden;
  458.  
  459. }
  460.  
  461.  
  462.  
  463. .top_bar
  464.  
  465. {
  466.  
  467.  
  468.  
  469.  
  470.  
  471. background:url({image:header}) top center repeat;
  472.  
  473. background-color:{color:Header Color};
  474.  
  475. }
  476.  
  477.  
  478.  
  479.  
  480.  
  481. a.blog_title{
  482.  
  483. color:{color:blogtitle} !important;
  484.  
  485. border:1px solid {color:blog title};
  486.  
  487.  
  488.  
  489. }
  490.  
  491.  
  492.  
  493. a.blog_title:hover
  494.  
  495. {
  496.  
  497. color:{color:blog title hover} !important;
  498.  
  499. border:1px solid {color:blog title};
  500.  
  501. background-color:{color:blog title};
  502.  
  503. }
  504.  
  505.  
  506.  
  507. a.blog_title_b{
  508.  
  509. color:{color:blogtitle} !important;
  510.  
  511. border-bottom:none !important;
  512.  
  513. }
  514.  
  515. a.blog_title_b:hover{
  516.  
  517. color:{color:blogtitle} !important;
  518.  
  519. border-bottom:none !important;
  520.  
  521. }
  522.  
  523.  
  524.  
  525.  
  526.  
  527. .blog_title_b {
  528.  
  529. font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  530.  
  531. font-weight: 300;
  532.  
  533. float: left;
  534.  
  535. color: white !important;
  536.  
  537. font-size: 19px;
  538.  
  539. text-transform: uppercase;
  540.  
  541. letter-spacing: 5px;
  542.  
  543.  
  544.  
  545. }
  546.  
  547.  
  548.  
  549. .top_bar_right
  550.  
  551. {
  552.  
  553. color:#FFFFFF;
  554.  
  555. }
  556.  
  557.  
  558.  
  559. #tc_posts_container
  560.  
  561. {
  562.  
  563. background-image:url({image:background});
  564.  
  565. background-color:{color:background};
  566.  
  567.  
  568.  
  569. }
  570.  
  571.  
  572.  
  573. #lightbox_perma
  574.  
  575. {
  576.  
  577. width:auto !important;
  578.  
  579. top:243px;
  580.  
  581. margin-left:auto;
  582.  
  583. margin-right:auto;
  584.  
  585. position:absolute;
  586.  
  587. left:50%;
  588.  
  589. margin-left:-351px;
  590.  
  591. z-index:500;
  592.  
  593. background-color:#FFFFFF !important;
  594.  
  595. display:none;
  596.  
  597. margin-bottom:40px;
  598.  
  599. }
  600.  
  601. #darkbox
  602.  
  603. {
  604.  
  605. width:100%;
  606.  
  607. height:100%;
  608.  
  609. background-color:#000000 !important;
  610.  
  611. opacity:1;
  612.  
  613. z-index:400 !important;
  614.  
  615. position:fixed;
  616.  
  617. top:0;
  618.  
  619. left:0;
  620.  
  621. display:none;
  622.  
  623. }
  624.  
  625. #purchase_theme2
  626.  
  627. {
  628.  
  629. top:20px !important;
  630.  
  631. }
  632.  
  633. a.btn{
  634.  
  635. position:fixed;
  636.  
  637. z-index:9;
  638.  
  639. top:46px;right:15px;
  640.  
  641. white-space:nowrap;
  642.  
  643. outline:0;
  644.  
  645. text-decoration:none;
  646.  
  647. cursor:pointer;
  648.  
  649. overflow:hidden;
  650.  
  651. text-overflow:ellipsis;
  652.  
  653. font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  654.  
  655. height:20px;
  656.  
  657. padding:0 5px;
  658.  
  659. -webkit-font-smoothing:antialiased;
  660.  
  661. -webkit-user-select:none;
  662.  
  663. -moz-user-select:none;
  664.  
  665. -ms-user-select:none;
  666.  
  667. user-select:none;
  668.  
  669. -webkit-box-sizing:border-box;
  670.  
  671. -moz-box-sizing:border-box;
  672.  
  673. -ms-box-sizing:border-box;
  674.  
  675. -o-box-sizing:border-box;
  676.  
  677. box-sizing:border-box;
  678.  
  679. -webkit-transition-property:padding;
  680.  
  681. -moz-transition-property:padding;
  682.  
  683. -ms-transition-property:padding;
  684.  
  685. -o-transition-property:padding;
  686.  
  687. transition-property:padding;
  688.  
  689. -webkit-transition-duration:.1s;
  690.  
  691. -moz-transition-duration:.1s;
  692.  
  693. -ms-transition-duration:.1s;
  694.  
  695. -o-transition-duration:.1s;
  696.  
  697. transition-duration:.1s;
  698.  
  699. -webkit-transition-timing-function:ease;
  700.  
  701. -moz-transition-timing-function:ease;
  702.  
  703. -ms-transition-timing-function:ease;
  704.  
  705. -o-transition-timing-function:ease;
  706.  
  707. transition-timing-function:ease
  708.  
  709. }
  710.  
  711.  
  712.  
  713. .btn{
  714.  
  715. color:#fff;
  716.  
  717. border:1px solid rgba(0,0,0,0.18);
  718.  
  719. background:rgba(0,0,0,0.38);
  720.  
  721. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  722.  
  723. }
  724.  
  725.  
  726.  
  727. a.btn,a.btn:hover{
  728.  
  729. color:white!important;
  730.  
  731. border-bottom:0px;
  732.  
  733. }
  734.  
  735.  
  736.  
  737. .btn{
  738.  
  739. margin-bottom:5px;
  740.  
  741. color:#fff;
  742.  
  743. border:1px solid rgba(0,0,0,0.18);
  744.  
  745. background:rgba(0,0,0,0.38);
  746.  
  747. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  748.  
  749. -webkit-border-radius:2px;
  750.  
  751. -moz-border-radius:2px;
  752.  
  753. border-radius:2px;
  754.  
  755. }
  756.  
  757.  
  758.  
  759. .btn:hover::after,.btn:focus::after{
  760.  
  761. background:rgba(255,255,255,0.09);
  762.  
  763. color:white}
  764.  
  765.  
  766.  
  767. .btn:active::after{
  768.  
  769. background:rgba(255,255,255,0.18) color:white}
  770.  
  771.  
  772.  
  773. .btn_label.show{display:block}
  774.  
  775.  
  776.  
  777. .btn::after{
  778.  
  779. position:absolute;
  780.  
  781. top:0;
  782.  
  783. right:0;
  784.  
  785. bottom:0;
  786.  
  787. left:0;
  788.  
  789. content:'';
  790.  
  791. -webkit-border-radius:inherit;
  792.  
  793. -moz-border-radius:inherit;
  794.  
  795. border-radius:inherit
  796.  
  797. }
  798.  
  799.  
  800.  
  801. .btn.icon::before{
  802.  
  803. display:block;
  804.  
  805. content:'';
  806.  
  807. position:absolute;
  808.  
  809. top:0;
  810.  
  811. left:0;
  812.  
  813. bottom:0;
  814.  
  815. width:20px;
  816.  
  817. border-radius:inherit;
  818.  
  819. background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat
  820.  
  821. }
  822.  
  823.  
  824.  
  825. .btn.theme::before{
  826.  
  827. background-position:0 -0px}
  828.  
  829.  
  830.  
  831. .btn img{width:15px}
  832.  
  833.  
  834.  
  835. .btn.icon{padding-left:20px}
  836.  
  837.  
  838.  
  839. .btn:active::after {
  840.  
  841. background:rgba(255,255,255,0.18)}
  842.  
  843.  
  844.  
  845. .clear {clear: both;}
  846.  
  847.  
  848.  
  849. #pagination {display: none;}
  850.  
  851. </style>
  852.  
  853.  
  854.  
  855. <!-- END ESCAPE CSS CORE-->
  856.  
  857.  
  858.  
  859.  
  860.  
  861. <style>
  862.  
  863. ::selection { background:{color:links}; color:{color:post background}; /* Safari and Opera */ }
  864.  
  865. ::-moz-selection { background:{color:links}; color:{color:post background}; /* Firefox */ }
  866.  
  867.  
  868.  
  869. a{
  870.  
  871. color:{color:Links};
  872.  
  873. border-bottom: 1px dotted {color:Links Border};
  874.  
  875. }
  876.  
  877. a:hover{color:{color:Links Hover} !important;}
  878.  
  879. blockquote{
  880.  
  881. border-left: 1px solid {color:post controls border};
  882.  
  883. }
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895. #menu_links li a {
  896.  
  897.  
  898.  
  899. border-bottom:1px solid {color:Sidebar Border};
  900.  
  901. color: {color:Sidebar Links};
  902.  
  903. border-left:0px solid {color:Links};
  904.  
  905.  
  906.  
  907. }
  908.  
  909. #menu_links li:first-child a{
  910.  
  911. border-top:1px solid{color:Sidebar Border};
  912.  
  913. }
  914.  
  915. #menu_links a:hover{
  916.  
  917. color: {color:Sidebar Links} !important;
  918.  
  919. }
  920.  
  921.  
  922.  
  923. .tc_posts{
  924.  
  925. {block:IndexPage}
  926.  
  927. width: 304px;
  928.  
  929. {/block:IndexPage}
  930.  
  931. background-color: {color:Post Background};
  932.  
  933.  
  934.  
  935. }
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943. {block:IndexPage}
  944.  
  945. .kanes_shadow:hover{
  946.  
  947.  
  948.  
  949.  
  950.  
  951. }
  952.  
  953. {/block:IndexPage}
  954.  
  955.  
  956.  
  957. /* text, link, quote posts */
  958.  
  959.  
  960.  
  961.  
  962.  
  963. .padding-title{
  964.  
  965. padding: 0px;
  966.  
  967. }
  968.  
  969.  
  970.  
  971.  
  972.  
  973. a.linkTitle{
  974.  
  975. color:{color:Post Title} !important;
  976.  
  977. border:0;
  978.  
  979. }
  980.  
  981. a.linkTitle:hover{
  982.  
  983. color:{color:Post Title} !important;
  984.  
  985. }
  986.  
  987.  
  988.  
  989. h2.title{
  990.  
  991. position:relative;
  992.  
  993. color: {color:Post Title};
  994.  
  995. font-size: 1.6em;
  996.  
  997. line-height: 1.3em;
  998.  
  999. padding: 15px 15px 0px 15px;
  1000.  
  1001. margin-top: 0px;
  1002.  
  1003. -webkit-border-top-left-radius: 2px;
  1004.  
  1005. -webkit-border-top-right-radius: 2px;
  1006.  
  1007. -moz-border-radius-topleft: 2px;
  1008.  
  1009. -moz-border-radius-topright: 2px;
  1010.  
  1011. border-top-left-radius: 2px;
  1012.  
  1013. border-top-right-radius: 2px;
  1014.  
  1015. }
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021. h2.link a{
  1022.  
  1023. color: {color:Post Title};
  1024.  
  1025. border-bottom: 0;
  1026.  
  1027. }
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033. #tc_post_perma .chat
  1034.  
  1035. {
  1036.  
  1037. font-size:0.8em;
  1038.  
  1039. }
  1040.  
  1041. ul.chat li{
  1042.  
  1043. padding:0px 6px 0px 6px;
  1044.  
  1045.  
  1046.  
  1047. }
  1048.  
  1049. .even .label{color:{color:links};font-size:14px; padding-right:4px;font-weight:bold;}
  1050.  
  1051. .odd .label{color:{color:text}; font-size:14px; padding-right:4px; font-weight:bold;}
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059. ul.chat li .splitter_line{
  1060.  
  1061. margin-top:10px;
  1062.  
  1063. margin-bottom:10px;
  1064.  
  1065. }
  1066.  
  1067.  
  1068.  
  1069. ul.chat li:first-child
  1070.  
  1071. {margin-top:10px;}
  1072.  
  1073.  
  1074.  
  1075. ul.chat li:last-child
  1076.  
  1077. {margin-bottom:10px;}
  1078.  
  1079.  
  1080.  
  1081. ul.chat li:first-child .splitter_line
  1082.  
  1083. {display:none;
  1084.  
  1085. margin-top:10px;}
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091. .permalink_links{
  1092.  
  1093. text-align:left;
  1094.  
  1095. margin-bottom: 7px;
  1096.  
  1097. margin-left: 10px;
  1098.  
  1099. margin-right: 10px;
  1100.  
  1101.  
  1102.  
  1103. color:{color:post control text};
  1104.  
  1105. bottom: 0px;
  1106.  
  1107. }
  1108.  
  1109. .permalink_links a{
  1110.  
  1111. text-transform: uppercase;
  1112.  
  1113. font-size:0.8em;
  1114.  
  1115. border-bottom: none;
  1116.  
  1117. color:{color:post control text};
  1118.  
  1119. font-weight: bold;
  1120.  
  1121. letter-spacing: 1px
  1122.  
  1123. }
  1124.  
  1125.  
  1126.  
  1127. .trackLabel{color:{color:Links} !important;
  1128.  
  1129. margin-right:20px;
  1130.  
  1131. }
  1132.  
  1133.  
  1134.  
  1135. /* photo post */
  1136.  
  1137.  
  1138.  
  1139. .permalink_links a, .prevNext{
  1140.  
  1141. text-transform: uppercase;
  1142.  
  1143. font-size:0.8em;
  1144.  
  1145. border-bottom: none;
  1146.  
  1147. color:{color:post control text};
  1148.  
  1149. font-weight: bold;
  1150.  
  1151. letter-spacing: 1px
  1152.  
  1153. }
  1154.  
  1155. .tc_post_controls{
  1156.  
  1157. position:absolute;
  1158.  
  1159. top: 0px;
  1160.  
  1161. left: 0px;
  1162.  
  1163. width:100%;
  1164.  
  1165. height:100%;
  1166.  
  1167. opacity: 0;
  1168.  
  1169. filter:alpha(opacity=0);
  1170.  
  1171. box-shadow: inset 0 0 75px black;
  1172.  
  1173. -webkit-transition: opacity 0.4s ease-out;
  1174.  
  1175. -moz-transition: opacity 0.4s ease-out;
  1176.  
  1177. transition: opacity 0.4s ease-out;
  1178.  
  1179. -o-transition: opacity 0.4s ease-out;
  1180.  
  1181.  
  1182.  
  1183. }
  1184.  
  1185. .tc_post_controls_background{
  1186.  
  1187. position:absolute;
  1188.  
  1189. width:100%;
  1190.  
  1191. height:100%;
  1192.  
  1193. top:0px;
  1194.  
  1195. left:0px;
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201. opacity: 0.8;
  1202.  
  1203. filter:alpha(opacity=80);
  1204.  
  1205. z-index: 100;
  1206.  
  1207. }
  1208.  
  1209.  
  1210.  
  1211. #tc_posts_container{
  1212.  
  1213.  
  1214.  
  1215. -webkit-box-shadow:0 -5px 10px rgba(0, 0, 0, 0.1);
  1216.  
  1217. box-shadow:0 -5px 10px rgba(0, 0, 0, 0.1);
  1218.  
  1219. }
  1220.  
  1221. {block:ifnotshadows}
  1222.  
  1223. .kanes_shadow{
  1224.  
  1225.  
  1226.  
  1227. -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0) !important;
  1228.  
  1229. box-shadow:0 0px 0px rgba(0, 0, 0, 0.0) !important;
  1230.  
  1231. }
  1232.  
  1233.  
  1234.  
  1235. {/block:ifnotshadows}
  1236.  
  1237.  
  1238.  
  1239. {block:ifshadows}
  1240.  
  1241. .kanes_shadow{
  1242.  
  1243.  
  1244.  
  1245. -webkit-box-shadow:0 0px 5px rgba(0, 0, 0, 0) !important;
  1246.  
  1247. box-shadow:0 0px 3px rgba(0, 0, 0, 0.1) !important;
  1248.  
  1249. }
  1250.  
  1251.  
  1252.  
  1253. {/block:ifshadows}
  1254.  
  1255.  
  1256.  
  1257. .tc_post_controls_container a:first-child{margin-left:0px;}
  1258.  
  1259.  
  1260.  
  1261. .tc_post_controls_container a.heart_icon:hover{
  1262.  
  1263. color:#c4302b !important;
  1264.  
  1265. }
  1266.  
  1267.  
  1268.  
  1269. .tc_posts:hover .tc_post_controls{
  1270.  
  1271. opacity: 1;
  1272.  
  1273. filter:alpha(opacity=100);
  1274.  
  1275. }
  1276.  
  1277.  
  1278.  
  1279. .tc_posts:hover .tc_post_controls_container{
  1280.  
  1281. opacity: 1;
  1282.  
  1283. filter:alpha(opacity=100);
  1284.  
  1285. top: 50%;
  1286.  
  1287. }
  1288.  
  1289. .tc_post_controls_container a{
  1290.  
  1291. position:relative;
  1292.  
  1293. color:{color:Post Title};
  1294.  
  1295. display: inline-block;
  1296.  
  1297. font-size: 1.6em;
  1298.  
  1299. background-color: {color:Post Title Background};
  1300.  
  1301. height: 40px;
  1302.  
  1303. width: 40px;
  1304.  
  1305. margin-left:5px;
  1306.  
  1307. line-height:40px;
  1308.  
  1309. -moz-border-radius: 20px;
  1310.  
  1311. -webkit-border-radius: 20px;
  1312.  
  1313. border-radius: 20px;
  1314.  
  1315. border-bottom: 0 !important;
  1316.  
  1317. z-index: 103;
  1318.  
  1319. }
  1320.  
  1321.  
  1322.  
  1323. .tc_post_controls_container a:hover{
  1324.  
  1325. color:{color:Post Title}!important;
  1326.  
  1327. }
  1328.  
  1329. .tc_post_controls_container{
  1330.  
  1331. color:#fff;
  1332.  
  1333. position: absolute;
  1334.  
  1335. top: 80%;
  1336.  
  1337. margin-top: -21px;
  1338.  
  1339. text-align: center;
  1340.  
  1341. left: 50%;
  1342.  
  1343. margin-left: -71px;
  1344.  
  1345. -webkit-transition: all 0.3s ease;
  1346.  
  1347. -moz-transition: all 0.3s ease;
  1348.  
  1349. transition: all 0.3s ease;
  1350.  
  1351. -o-transition: all 0.3s ease;
  1352.  
  1353. z-index: 101;
  1354.  
  1355. }
  1356.  
  1357. /* audio post */
  1358.  
  1359. .audioplayerout{
  1360.  
  1361. background-color: {color:Music player};
  1362.  
  1363. -webkit-border-radius: 50px;
  1364.  
  1365. -moz-border-radius: 50px;
  1366.  
  1367. border-radius: 50px;
  1368.  
  1369. position:absolute;
  1370.  
  1371. {block:IfShowAudioTitle}
  1372.  
  1373. right: 12px;
  1374.  
  1375. top: 12px;
  1376.  
  1377. {/block:IfShowAudioTitle}
  1378.  
  1379. {block:IfNotShowAudioTitle}
  1380.  
  1381. left: 50%;
  1382.  
  1383. margin-left: -21px;
  1384.  
  1385. top: 50%;
  1386.  
  1387. margin-top: -21px;
  1388.  
  1389. {/block:IfNotShowAudioTitle}
  1390.  
  1391. }
  1392.  
  1393.  
  1394.  
  1395. .artistLabel{color: {color:Post Title Background}; font-size: 1.4em; text-overflow: ellipsis !important; /* will make [...] at the end */
  1396.  
  1397. width: 20px !important; /* change to your preferences */
  1398.  
  1399. white-space: nowrap !important; /* paragraph to one line */
  1400.  
  1401. overflow:hidden !important; }
  1402.  
  1403.  
  1404.  
  1405. .tracklabel{-overflow: ellipsis !important; /* will make [...] at the end */
  1406.  
  1407. width: 20px !important; /* change to your preferences */
  1408.  
  1409. white-space: nowrap !important; /* paragraph to one line */
  1410.  
  1411. overflow:hidden !important; }
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417. .caption_audio div.borderTop{
  1418.  
  1419. padding-top:10px;
  1420.  
  1421. border-top:1px solid {color:Post Controls Border};
  1422.  
  1423. }
  1424.  
  1425.  
  1426.  
  1427. .caption{
  1428.  
  1429. color:{color:text};
  1430.  
  1431. }
  1432.  
  1433.  
  1434.  
  1435. .caption iframe
  1436.  
  1437. {
  1438.  
  1439. width: 100% !important;
  1440.  
  1441. height: auto !important;
  1442.  
  1443. }
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449. /* CAPTION HTML ELEMS */
  1450.  
  1451.  
  1452.  
  1453. {block:indexpage}
  1454.  
  1455. .caption h1{font-size: 1.5em; margin: 0px 0px;line-height: 1.4em;}
  1456.  
  1457. .caption h2{font-size: 1.2em; margin: 0px 0px; line-height: 1.3em;}
  1458.  
  1459. .caption h3{font-size: 1em; line-height: 1.2em;}
  1460.  
  1461. .caption h4{font-size: 1em;}
  1462.  
  1463. .caption h5{font-size: 1em;}
  1464.  
  1465. .caption h6{font-size: 1em;}
  1466.  
  1467. {/block:indexpage}
  1468.  
  1469.  
  1470.  
  1471. .caption img{
  1472.  
  1473. margin:0px auto;
  1474.  
  1475. height:auto;
  1476.  
  1477. {block:IndexPage}
  1478.  
  1479.  
  1480.  
  1481. max-width: 284px;
  1482.  
  1483. width:expression(document.body.clientWidth > 284? "284px": "auto" );
  1484.  
  1485. {/block:IndexPage}
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493. }
  1494.  
  1495. .tc_post_perma.caption img{
  1496.  
  1497. max-width: 490px;
  1498.  
  1499. width:expression(document.body.clientWidth > 500? "500px": "auto" );
  1500.  
  1501. }
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507. /* video post */
  1508.  
  1509.  
  1510.  
  1511. .videoPost{
  1512.  
  1513. overflow:hidden;
  1514.  
  1515. background-color:#000000;
  1516.  
  1517. {block:IndexPage}
  1518.  
  1519. width: 304px;
  1520.  
  1521. {/block:IndexPage}
  1522.  
  1523.  
  1524.  
  1525. }
  1526.  
  1527. .spotify_audio_player
  1528.  
  1529. {
  1530.  
  1531. width:100% !important;
  1532.  
  1533. height:80px !important;
  1534.  
  1535. }
  1536.  
  1537. .tumblr_video_container
  1538.  
  1539. {
  1540.  
  1541. margin-left:auto !important;
  1542.  
  1543. margin-right:auto !important;
  1544.  
  1545. height:auto !important;
  1546.  
  1547. }
  1548.  
  1549. {block:permalink}
  1550.  
  1551. .tumblr_video_container
  1552.  
  1553. {
  1554.  
  1555. display:none;
  1556.  
  1557. }
  1558.  
  1559. {/block:permalink}
  1560.  
  1561. .tumblr_video_player
  1562.  
  1563. {
  1564.  
  1565. height:auto;
  1566.  
  1567. }
  1568.  
  1569. .videoPost embed, .videoPost iframe{
  1570.  
  1571. width:100%;
  1572.  
  1573. }
  1574.  
  1575.  
  1576.  
  1577. .highlight .videoPost{width:100% !important;}
  1578.  
  1579. .videoPost .video_large
  1580.  
  1581. {
  1582.  
  1583. display:none;
  1584.  
  1585. }
  1586.  
  1587. .videoPost .video_small
  1588.  
  1589. {
  1590.  
  1591. display:block;
  1592.  
  1593. }
  1594.  
  1595. .highlight .videoPost .video_large
  1596.  
  1597. {
  1598.  
  1599. display:block;
  1600.  
  1601. }
  1602.  
  1603. .highlight .videoPost .video_small
  1604.  
  1605. {
  1606.  
  1607. display:none;
  1608.  
  1609. }
  1610.  
  1611.  
  1612.  
  1613. /* answer post */
  1614.  
  1615.  
  1616.  
  1617. .askerIcon{
  1618.  
  1619. padding-left: 5px;
  1620.  
  1621. padding-bottom: 7px;
  1622.  
  1623. margin-bottom: 5px;
  1624.  
  1625. }
  1626.  
  1627. .askerIcon img{vertical-align:middle;}
  1628.  
  1629. .askerIcon span{
  1630.  
  1631. margin-left: 4px;
  1632.  
  1633. font-size: 0.9em;
  1634.  
  1635. color: {color:Text};
  1636.  
  1637. }
  1638.  
  1639. .askerIcon span a{
  1640.  
  1641. color: {color:Text};
  1642.  
  1643. border:0px;
  1644.  
  1645. }
  1646.  
  1647.  
  1648.  
  1649. /* photoset post */
  1650.  
  1651.  
  1652.  
  1653. .photosetCircle:hover{
  1654.  
  1655. background-color: {color:Post Background} !important;
  1656.  
  1657. }
  1658.  
  1659.  
  1660.  
  1661. {block:IfNotPhotosetAsSlider}
  1662.  
  1663. .photoSet{
  1664.  
  1665. {block:IndexPage}
  1666.  
  1667. width: 294px;
  1668.  
  1669. {/block:IndexPage}
  1670.  
  1671. //overflow:hidden;
  1672.  
  1673. margin:3px auto 0px;
  1674.  
  1675. }
  1676.  
  1677. {/block:IfNotPhotosetAsSlider}
  1678.  
  1679.  
  1680.  
  1681. .tc_post_perma.photoSet{
  1682.  
  1683. width: 500px;
  1684.  
  1685. margin: 3px auto -3px;
  1686.  
  1687. }
  1688.  
  1689. #tc_post_perma .tc_photo
  1690.  
  1691. {
  1692.  
  1693. margin-bottom:-5px;
  1694.  
  1695. }
  1696.  
  1697.  
  1698.  
  1699. .tc_caption_bubble_display{
  1700.  
  1701. color:{color:text};
  1702.  
  1703. position:relative;
  1704.  
  1705. padding:15px;
  1706.  
  1707. padding-top:10px;
  1708.  
  1709. z-index:299;
  1710.  
  1711. margin-top: -8px;
  1712.  
  1713. background-color: {color:Post Background};
  1714.  
  1715.  
  1716.  
  1717. /* fix bottom corners */
  1718.  
  1719. -webkit-border-bottom-right-radius: 5px;
  1720.  
  1721. -webkit-border-bottom-left-radius: 5px;
  1722.  
  1723. -moz-border-radius-bottomright: 5px;
  1724.  
  1725. -moz-border-radius-bottomleft: 5px;
  1726.  
  1727. border-bottom-right-radius: 5px;
  1728.  
  1729. border-bottom-left-radius: 5px;
  1730.  
  1731.  
  1732.  
  1733. }
  1734.  
  1735.  
  1736.  
  1737. .photolowres
  1738.  
  1739. {
  1740.  
  1741. display:block;
  1742.  
  1743. }
  1744.  
  1745.  
  1746.  
  1747. .photohires
  1748.  
  1749. {
  1750.  
  1751. display:none;
  1752.  
  1753. }
  1754.  
  1755.  
  1756.  
  1757. .highlight .photoset{margin-top:1px;}
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763. .highlight .photolowres
  1764.  
  1765. {
  1766.  
  1767. display:none;
  1768.  
  1769. }
  1770.  
  1771.  
  1772.  
  1773. .highlight .photohires
  1774.  
  1775. {
  1776.  
  1777. display:block;
  1778.  
  1779. }
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785. .indexTags{position:absolute;bottom:0px;}
  1786.  
  1787. .indexTags a.atag{margin-right: 10px;color:{color:Text}!important;border:0;}
  1788.  
  1789.  
  1790.  
  1791.  
  1792.  
  1793. #pagin{display: none;}
  1794.  
  1795.  
  1796.  
  1797. #infscr-loading{
  1798.  
  1799. bottom: 30px;
  1800.  
  1801. position: fixed;
  1802.  
  1803. left: 115px;
  1804.  
  1805. width:43px;
  1806.  
  1807. height:20px;
  1808.  
  1809. }
  1810.  
  1811. #infscr-loading div{
  1812.  
  1813. display: none !important;
  1814.  
  1815. visibility: hidden !important;
  1816.  
  1817. opacity: 0 !important;
  1818.  
  1819. }
  1820.  
  1821.  
  1822.  
  1823. .highlightcaption{display:none;z-index: 299;}
  1824.  
  1825.  
  1826.  
  1827.  
  1828.  
  1829.  
  1830.  
  1831.  
  1832.  
  1833. /* permalink notes */
  1834.  
  1835.  
  1836.  
  1837. h4{font-weight: bold;font-size:1.3em;}
  1838.  
  1839. .prevNext{
  1840.  
  1841. border:0;
  1842.  
  1843. color:{color:Text};
  1844.  
  1845. }
  1846.  
  1847.  
  1848.  
  1849. .tags{color:{color:Links Hover};}
  1850.  
  1851.  
  1852.  
  1853. .perma_notes {width:100%;}
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859. .more_notes_link{
  1860.  
  1861. color:{color:Links};
  1862.  
  1863. margin-left:20px;
  1864.  
  1865. margin-right:20px;
  1866.  
  1867. }
  1868.  
  1869.  
  1870.  
  1871. .more_notes_link_container{
  1872.  
  1873. margin:0;
  1874.  
  1875. padding:0;
  1876.  
  1877. height:30px;
  1878.  
  1879. list-style:none;
  1880.  
  1881. border:none;
  1882.  
  1883. float:left;
  1884.  
  1885. margin-right:4px;
  1886.  
  1887. margin-bottom:4px;
  1888.  
  1889. color:{color:Post Title};
  1890.  
  1891. border-bottom:none !important;
  1892.  
  1893. }
  1894.  
  1895.  
  1896.  
  1897. .quote_icon{
  1898.  
  1899. position:relative;
  1900.  
  1901. font-size:75px;
  1902.  
  1903. width:20px;
  1904.  
  1905. height:20px;
  1906.  
  1907. opacity:0.2;
  1908.  
  1909. font-weight:600;
  1910.  
  1911. padding-right:20px;
  1912.  
  1913.  
  1914.  
  1915. }
  1916.  
  1917.  
  1918.  
  1919. .quoteIcon1{
  1920.  
  1921. top:18px;
  1922.  
  1923. }
  1924.  
  1925.  
  1926.  
  1927.  
  1928.  
  1929. .linkIcon{
  1930.  
  1931. bottom: 0;
  1932.  
  1933. font-size: 6em;
  1934.  
  1935. height: 65px;
  1936.  
  1937. overflow: hidden;
  1938.  
  1939. position: absolute;
  1940.  
  1941. right: 0;
  1942.  
  1943. width: 80px;
  1944.  
  1945. z-index: 0;
  1946.  
  1947. opacity: 0.2;
  1948.  
  1949. }
  1950.  
  1951. .linkIcon span{
  1952.  
  1953. position: absolute;
  1954.  
  1955. left: 0px;
  1956.  
  1957. bottom: 0px;
  1958.  
  1959. }
  1960.  
  1961.  
  1962.  
  1963.  
  1964.  
  1965. .note more_notes_link_container li a{color:{color:Sidebar Links};}
  1966.  
  1967. .perma_notes blockquote{display:none;}
  1968.  
  1969.  
  1970.  
  1971. .tipsy {padding: 5px; font-size: 10px;}
  1972.  
  1973. .tipsy-inner {
  1974.  
  1975. padding: 5px 8px 4px 8px;
  1976.  
  1977. background-color: {color:Post Title Background};
  1978.  
  1979. color: {color:Post Title};
  1980.  
  1981. max-width: 200px;
  1982.  
  1983. width:expression(document.body.clientWidth > 200? "200px": "auto" );
  1984.  
  1985. text-align: center;
  1986.  
  1987. }
  1988.  
  1989. .tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;}
  1990.  
  1991. .tipsy-north {background-position: top center;}
  1992.  
  1993. .tipsy-south {background-position: bottom center;}
  1994.  
  1995. .tipsy-east {background-position: right center;}
  1996.  
  1997. .tipsy-west {background-position: left center;}
  1998.  
  1999.  
  2000.  
  2001. {block:IfDisqusID}
  2002.  
  2003. /* disqus */
  2004.  
  2005. #dsq-global-toolbar{margin-top:0px !important;}
  2006.  
  2007. .dsq-reply{margin-top: 10px !important;}
  2008.  
  2009. .dsq-comment:first-child{margin-bottom:0px !important;}
  2010.  
  2011. #dsq-footer{display:none;}
  2012.  
  2013. .post-content .post-message p{font-size: 0.9em !important;}
  2014.  
  2015. {/block:IfDisqusID}
  2016.  
  2017. #pagin {
  2018.  
  2019. margin:0;
  2020.  
  2021. margin-left: 65px;
  2022.  
  2023. padding: 0;
  2024.  
  2025. list-style: none;
  2026.  
  2027. margin-left:290px;
  2028.  
  2029. padding-top:40px;
  2030.  
  2031. padding-bottom:40px;
  2032.  
  2033. margin-bottom:40px;
  2034.  
  2035. }
  2036.  
  2037.  
  2038.  
  2039. #pagin li {
  2040.  
  2041. float: left;
  2042.  
  2043. margin-right: 10px;
  2044.  
  2045. }
  2046.  
  2047.  
  2048.  
  2049. #pagin li a {
  2050.  
  2051. display: block;
  2052.  
  2053. text-decoration: none;
  2054.  
  2055. color: {color:pagination};
  2056.  
  2057. border:1px dotted {color:pagination};
  2058.  
  2059. font: bold 15px Arial, sans-serif;
  2060.  
  2061. padding: 10px 16px;
  2062.  
  2063.  
  2064.  
  2065. -webkit-border-radius: 3px;
  2066.  
  2067. -moz-border-radius: 3px;
  2068.  
  2069. border-radius: 3px;
  2070.  
  2071. text-decoration:none !important;
  2072.  
  2073.  
  2074.  
  2075. }
  2076.  
  2077.  
  2078.  
  2079. #pagin li a.current {
  2080.  
  2081. color: white;
  2082.  
  2083. background-color:{color:pagination};
  2084.  
  2085. border:1px solid {color:pagination};
  2086.  
  2087.  
  2088.  
  2089. }
  2090.  
  2091.  
  2092.  
  2093. #pagin li a:hover {
  2094.  
  2095. text-decoration:none !important;
  2096.  
  2097. color: {color:pagination} !important;
  2098.  
  2099. }
  2100.  
  2101.  
  2102.  
  2103. #pagin li a:active,#pagin li a.current:active {
  2104.  
  2105.  
  2106.  
  2107. }
  2108.  
  2109.  
  2110.  
  2111. #pagin li a.current:hover {
  2112.  
  2113. text-decoration:none !important;
  2114.  
  2115. color: {color:Post Title} !important;
  2116.  
  2117. }
  2118.  
  2119.  
  2120.  
  2121. .hide{
  2122.  
  2123.  
  2124.  
  2125. }
  2126.  
  2127.  
  2128.  
  2129. #gifLoad{
  2130.  
  2131. position:absolute;
  2132.  
  2133. left:300px;
  2134.  
  2135. top: 50px;
  2136.  
  2137. }
  2138.  
  2139.  
  2140.  
  2141. #back-top{
  2142.  
  2143. position:fixed;
  2144.  
  2145. right:15px;
  2146.  
  2147. bottom:0px;
  2148.  
  2149. height:20px;
  2150.  
  2151. width:40px;
  2152.  
  2153. background-color:{color:Post Title Background};
  2154.  
  2155. padding-top:5px;
  2156.  
  2157. color:white;
  2158.  
  2159. z-index:3000;
  2160.  
  2161. display:none;
  2162.  
  2163. text-decoration:none !important;
  2164.  
  2165. border:none !important;
  2166.  
  2167. }
  2168.  
  2169.  
  2170.  
  2171. #back-top a{
  2172.  
  2173. display:block;
  2174.  
  2175. cursor:pointer;
  2176.  
  2177. text-align:center;
  2178.  
  2179. color:{color:post title};
  2180.  
  2181. font-family:verdana, sans serif;
  2182.  
  2183. text-decoration:none !important;
  2184.  
  2185. border:none !important;
  2186.  
  2187. }
  2188.  
  2189.  
  2190.  
  2191. #back-top a:hover {
  2192.  
  2193. text-decoration:none !important;
  2194.  
  2195. border:none !important;
  2196.  
  2197. color:{color:post title} !important;
  2198.  
  2199. }
  2200.  
  2201.  
  2202.  
  2203. /*++++++++++ .highlightposts ++++++++++*/
  2204.  
  2205. {block:IfNot1Column}
  2206.  
  2207.  
  2208.  
  2209. .tc_posts.highlight{
  2210.  
  2211. width: 621px;
  2212.  
  2213. float:left;
  2214.  
  2215. }
  2216.  
  2217.  
  2218.  
  2219. /* highlight audio */
  2220.  
  2221.  
  2222.  
  2223. /* if not audio album image */
  2224.  
  2225. .tc_posts.highlight.audioPost .audioplayercontainer,
  2226.  
  2227. .tc_posts.highlight.audioPost .audioHighlight,
  2228.  
  2229. .tc_posts.highlight.audioPost .audioimage{width:100%}
  2230.  
  2231.  
  2232.  
  2233. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  2234.  
  2235. margin:0px;
  2236.  
  2237. padding: 0px 10px 10px 10px;
  2238.  
  2239. width: 96%;
  2240.  
  2241. }
  2242.  
  2243.  
  2244.  
  2245. /* if audio album image */
  2246.  
  2247. .tc_posts.highlight.audioPost.albumYep .audioplayercontainer,
  2248.  
  2249. .tc_posts.highlight.audioPost.albumYep .audioHighlight,
  2250.  
  2251. .tc_posts.highlight.audioPost.albumYep .audioimage{
  2252.  
  2253. width: 268px;
  2254.  
  2255. width: 310px;
  2256.  
  2257. float:left;
  2258.  
  2259. }
  2260.  
  2261.  
  2262.  
  2263. .tc_posts.highlight.audioPost.albumYep .permalink_links{
  2264.  
  2265. float:left;
  2266.  
  2267. margin:0px;
  2268.  
  2269. padding: 0px 10px 10px 10px;
  2270.  
  2271. width: 294px;
  2272.  
  2273. }
  2274.  
  2275.  
  2276.  
  2277. .tc_posts.highlight.audioPost .audioHighlight .tc_caption_bubble_display{margin-top:10px !important;
  2278.  
  2279. margin-left:10px !important;
  2280.  
  2281. }
  2282.  
  2283.  
  2284.  
  2285. .tc_posts.highlight.audioPost.albumYep .audioimage{margin-bottom:3px;}
  2286.  
  2287.  
  2288.  
  2289. /* highlight video */
  2290.  
  2291.  
  2292.  
  2293. .tc_posts.highlight .videoPost iframe,
  2294.  
  2295. .tc_posts.highlight .videoPost embed{
  2296.  
  2297.  
  2298.  
  2299.  
  2300.  
  2301. }
  2302.  
  2303.  
  2304.  
  2305. {/block:IfNot1Column}
  2306.  
  2307.  
  2308.  
  2309. #circleG{
  2310.  
  2311. width:46.666666666666664px;
  2312.  
  2313. position:absolute;
  2314.  
  2315. left:300px;
  2316.  
  2317. top: 50px;
  2318.  
  2319. }
  2320.  
  2321.  
  2322.  
  2323. .circleG{
  2324.  
  2325. background-color:#FFFFFF;
  2326.  
  2327. float:left;
  2328.  
  2329. height:10px;
  2330.  
  2331. margin-left:5px;
  2332.  
  2333. width:10px;
  2334.  
  2335. -webkit-animation-name:bounce_circleG;
  2336.  
  2337. -webkit-border-radius:7px;
  2338.  
  2339. -webkit-animation-duration:1.9500000000000002s;
  2340.  
  2341. -webkit-animation-iteration-count:infinite;
  2342.  
  2343. -webkit-animation-direction:linear;
  2344.  
  2345. -moz-animation-name:bounce_circleG;
  2346.  
  2347. -moz-border-radius:7px;
  2348.  
  2349. -moz-animation-duration:1.9500000000000002s;
  2350.  
  2351. -moz-animation-iteration-count:infinite;
  2352.  
  2353. -moz-animation-direction:linear;
  2354.  
  2355. opacity:0.3;
  2356.  
  2357. -o-animation-name:bounce_circleG;
  2358.  
  2359. border-radius:7px;
  2360.  
  2361. -o-animation-duration:1.9500000000000002s;
  2362.  
  2363. -o-animation-iteration-count:infinite;
  2364.  
  2365. -o-animation-direction:linear;
  2366.  
  2367. -ms-animation-name:bounce_circleG;
  2368.  
  2369. -ms-animation-duration:1.9500000000000002s;
  2370.  
  2371. -ms-animation-iteration-count:infinite;
  2372.  
  2373. -ms-animation-direction:linear;
  2374.  
  2375. opacity:0.3}
  2376.  
  2377.  
  2378.  
  2379. #circleG_1{
  2380.  
  2381. -webkit-animation-delay:0.39s;
  2382.  
  2383. -moz-animation-delay:0.39s;
  2384.  
  2385. -o-animation-delay:0.39s;
  2386.  
  2387. -ms-animation-delay:0.39s;
  2388.  
  2389. }
  2390.  
  2391.  
  2392.  
  2393. #circleG_2{
  2394.  
  2395. -webkit-animation-delay:0.91s;
  2396.  
  2397. -moz-animation-delay:0.91s;
  2398.  
  2399. -o-animation-delay:0.91s;
  2400.  
  2401. -ms-animation-delay:0.91s;
  2402.  
  2403. }
  2404.  
  2405.  
  2406.  
  2407. #circleG_3{
  2408.  
  2409. -webkit-animation-delay:1.17s;
  2410.  
  2411. -moz-animation-delay:1.17s;
  2412.  
  2413. -o-animation-delay:1.17s;
  2414.  
  2415. -ms-animation-delay:1.17s;
  2416.  
  2417. }
  2418.  
  2419.  
  2420.  
  2421. .permalink_links2
  2422.  
  2423. {
  2424.  
  2425. font-size:1.2em;
  2426.  
  2427.  
  2428.  
  2429. color:{color:post control text} !important;
  2430.  
  2431.  
  2432.  
  2433. }
  2434.  
  2435. .splitter_line
  2436.  
  2437. {
  2438.  
  2439.  
  2440.  
  2441. }
  2442.  
  2443.  
  2444.  
  2445. .permalink_links2 a{
  2446.  
  2447. text-transform: uppercase;
  2448.  
  2449. font-size:0.8em;
  2450.  
  2451. border-bottom: none;
  2452.  
  2453. color:{color:post control text} !important;
  2454.  
  2455. font-weight: bold;
  2456.  
  2457. letter-spacing: 1px;
  2458.  
  2459. text-decoration:none !important;
  2460.  
  2461.  
  2462.  
  2463. }
  2464.  
  2465. .permalink_links2 a:hover{
  2466.  
  2467.  
  2468.  
  2469. color:{color:post control text} ;
  2470.  
  2471. text-decoration:none !important;
  2472.  
  2473. }
  2474.  
  2475. .permalink_links2 a:visited{
  2476.  
  2477.  
  2478.  
  2479. color:{color:post control text} !important;
  2480.  
  2481. text-decoration:none !important;
  2482.  
  2483. }
  2484.  
  2485.  
  2486.  
  2487. #nav{
  2488.  
  2489. float:right;
  2490.  
  2491. }
  2492.  
  2493.  
  2494.  
  2495. #nav a{
  2496.  
  2497. display:block;
  2498.  
  2499. float:left;
  2500.  
  2501. margin-left:30px;
  2502.  
  2503. color:{color:header links};
  2504.  
  2505. text-transform:uppercase;
  2506.  
  2507. line-height:32px;
  2508.  
  2509. border-bottom:none;
  2510.  
  2511. font-size:11px;
  2512.  
  2513. border:none;
  2514.  
  2515. letter-spacing:2px;
  2516.  
  2517.  
  2518.  
  2519. }
  2520.  
  2521.  
  2522.  
  2523. #nav a:hover{
  2524.  
  2525. text-decoration:none;
  2526.  
  2527. color:{color:Links Hover};
  2528.  
  2529. }
  2530.  
  2531.  
  2532.  
  2533.  
  2534.  
  2535. #headerOuterSlideContainer {
  2536.  
  2537. position: fixed;
  2538.  
  2539. z-index:200;
  2540.  
  2541. bottom:-50px;
  2542.  
  2543. width:100%;
  2544.  
  2545. opacity:0.99;
  2546.  
  2547. background: black;
  2548.  
  2549.  
  2550.  
  2551. }
  2552.  
  2553. #headerSlideContainer {
  2554.  
  2555. z-index:200;
  2556.  
  2557. margin-left:auto;
  2558.  
  2559. margin-right:auto;
  2560.  
  2561. background: black;
  2562.  
  2563. opacity:0.99;
  2564.  
  2565.  
  2566.  
  2567.  
  2568.  
  2569. }
  2570.  
  2571. #headerSlideContent {
  2572.  
  2573. width: 100%;
  2574.  
  2575. height: 50px;
  2576.  
  2577. margin: 0 auto;
  2578.  
  2579. color: white;
  2580.  
  2581. opacity:0.99;
  2582.  
  2583.  
  2584.  
  2585. }
  2586.  
  2587.  
  2588.  
  2589. {block:IfShowcaptionsonhomepage}
  2590.  
  2591. .photosetYep
  2592.  
  2593. {
  2594.  
  2595. background-color:white !important;
  2596.  
  2597. }
  2598.  
  2599.  
  2600.  
  2601. {/block:IfShowcaptionsonhomepage}
  2602.  
  2603.  
  2604.  
  2605.  
  2606.  
  2607. {block:IfShowPostControls}
  2608.  
  2609. .photosetYep
  2610.  
  2611. {
  2612.  
  2613. background-color:white !important;
  2614.  
  2615. }
  2616.  
  2617.  
  2618.  
  2619. {/block:IfShowPostControls}
  2620.  
  2621.  
  2622.  
  2623.  
  2624.  
  2625. @-webkit-keyframes bounce_circleG{
  2626.  
  2627. 0%{
  2628.  
  2629. opacity:0.3}
  2630.  
  2631.  
  2632.  
  2633. 50%{
  2634.  
  2635. opacity:1;
  2636.  
  2637. background-color:#000000}
  2638.  
  2639.  
  2640.  
  2641. 100%{
  2642.  
  2643. opacity:0.3}
  2644.  
  2645.  
  2646.  
  2647. }
  2648.  
  2649.  
  2650.  
  2651. @-moz-keyframes bounce_circleG{
  2652.  
  2653. 0%{
  2654.  
  2655. opacity:0.3}
  2656.  
  2657.  
  2658.  
  2659. 50%{
  2660.  
  2661. opacity:1;
  2662.  
  2663. background-color:#000000}
  2664.  
  2665.  
  2666.  
  2667. 100%{
  2668.  
  2669. opacity:0.3}
  2670.  
  2671.  
  2672.  
  2673. }
  2674.  
  2675.  
  2676.  
  2677. @-o-keyframes bounce_circleG{
  2678.  
  2679. 0%{
  2680.  
  2681. opacity:0.3}
  2682.  
  2683.  
  2684.  
  2685. 50%{
  2686.  
  2687. opacity:1;
  2688.  
  2689. background-color:#000000}
  2690.  
  2691.  
  2692.  
  2693. 100%{
  2694.  
  2695. opacity:0.3}
  2696.  
  2697.  
  2698.  
  2699. }
  2700.  
  2701.  
  2702.  
  2703. @-ms-keyframes bounce_circleG{
  2704.  
  2705. 0%{
  2706.  
  2707. opacity:0.3}
  2708.  
  2709.  
  2710.  
  2711. 50%{
  2712.  
  2713. opacity:1;
  2714.  
  2715. background-color:#000000}
  2716.  
  2717.  
  2718.  
  2719. 100%{
  2720.  
  2721. opacity:0.3}
  2722.  
  2723.  
  2724.  
  2725.  
  2726.  
  2727. </style>
  2728.  
  2729. <style>
  2730.  
  2731. .sharethis {
  2732.  
  2733. position: absolute;
  2734.  
  2735. background: #FFFFFF;
  2736.  
  2737. color: #fff;
  2738.  
  2739. visibility: hidden;
  2740.  
  2741. opacity: 0;
  2742.  
  2743. width: 204px;
  2744.  
  2745. margin-left: -82px;
  2746.  
  2747. z-index:300;
  2748.  
  2749. }
  2750.  
  2751. .sharethis:before {
  2752.  
  2753. content: "";
  2754.  
  2755. position: absolute;
  2756.  
  2757. top: -18px;
  2758.  
  2759. left: 89px;
  2760.  
  2761. border: 10px solid transparent;
  2762.  
  2763. border-bottom-color: #FFFFFF;
  2764.  
  2765. display: block;
  2766.  
  2767. width: 0;
  2768.  
  2769.  
  2770.  
  2771. }
  2772.  
  2773. .share_block a {
  2774.  
  2775. font-family: "socialicoregular";
  2776.  
  2777. font-size: 0 !important;
  2778.  
  2779. margin-left: 0px;
  2780.  
  2781. color:#FFFFFF !important;
  2782.  
  2783. }
  2784.  
  2785. .share:hover .sharethis {
  2786.  
  2787. visibility
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!