API tools faq
paste
berry1890

thm18Hero

berry1890
Jun 25th, 2016
3,970
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8. don't remove the credit
  9. leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. ____________________________________
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:BlockquoteBorder" content="#275226" />
  21. <meta name="color:BlogTitle" content="#dfdfdf" />
  22. <meta name="color:BlogTitleAccent" content="#811f1f" />
  23. <meta name="color:BlogTitleAccentBody" content="#b58654" />
  24. <meta name="color:ChatEvenBackground" content="#ffffff" />
  25. <meta name="color:ChatEvenName" content="#000000" />
  26. <meta name="color:ChatEvenText" content="#222222" />
  27. <meta name="color:ChatOddBackground" content="#222222" />
  28. <meta name="color:ChatOddName" content="#ffffff" />
  29. <meta name="color:ChatOddText" content="#f6f6f6" />
  30. <meta name="color:DescBackground" content="#efefef" />
  31. <meta name="color:DescBold" content="#ae4b33"/>
  32. <meta name="color:DescItalic" content="#f2992e"/>
  33. <meta name="color:DescLink" content="#56bf4b"/>
  34. <meta name="color:DescText" content="#666666" />
  35. <meta name="color:EntryAudioPlayCount" content="#f1f1f1" />
  36. <meta name="color:EntryAudioTrackName" content="#f1f1f1" />
  37. <meta name="color:EntryBackground" content="#efefef" />
  38. <meta name="color:EntryBold" content="#ae4b33" />
  39. <meta name="color:EntryItalic" content="#f2992e" />
  40. <meta name="color:EntryLikeButton" content="#f2992e" />
  41. <meta name="color:EntryLink" content="#56bf4b" />
  42. <meta name="color:EntryReblogButton" content="#7bd4e7" />
  43. <meta name="color:EntryText" content="#444444" />
  44. <meta name="color:HeaderBackground" content="#222222" />
  45. <meta name="color:HeaderLinksText" content="#8d3c3c" />
  46. <meta name="color:HeaderTitle" content="#e89e8c" />
  47. <meta name="color:MusicPlayer" content="#f6f6f6" />
  48. <meta name="color:NaviLinkBackground" content="#1f1f1f"/>
  49. <meta name="color:NaviLinkText" content="#b58654"/>
  50. <meta name="color:PermaLink" content="#ff8f8f" />
  51. <meta name="color:PermaLinkBackground" content="#444444"/>
  52. <meta name="color:PermaText" content="#56bf4b" />
  53. <meta name="color:PostTitle" content="#811f1f" />
  54. <meta name="color:PostTitleBackground" content="#f0a0a0" />
  55.  
  56.  
  57. <meta name="if:InfiniteScrolling" content="0" />
  58. <meta name="if:ShowCaptions" content="1">
  59. <meta name="if:FadingPhoto" content="0" />
  60. <meta name="if:500Posts" content="0" />
  61. <meta name="if:540Posts" content="1" />
  62. <meta name="if:Monochrome" content="0" />
  63. <meta name="if:ShowTags" content="1" />
  64. <meta name="if:LeftBlogInfo" content="1" />
  65. <meta name="if:UpdatesInfo" content="1" />
  66. <meta name="if:BlogStatisticsInfo" content="1" />
  67. <meta name="if:CurrentInfo" content="1" />
  68. <meta name="if:MusicPlayer" content="0" />
  69.  
  70.  
  71. <meta name="image:BackgroundImage" content=""/>
  72. <meta name="image:DescBackgroundImage" content=""/>
  73. <meta name="image:HeaderImage" content="https://static.tumblr.com/uuxiawr/iEno9cpsw/ddd.png"/>
  74. <meta name="image:LeftBottomImage" content="" />
  75.  
  76.  
  77. <meta name="text:Background Repeat" content="repeat"/>
  78. <meta name="text:BlogStatisticsTitle" content="Statictics"/>
  79. <meta name="text:BlogStatisticsInfo" content="Your Statictics Here"/>
  80. <meta name="text:CurrentTitle" content="Currently"/>
  81. <meta name="text:CurrentInfo" content="Your Current Fandoms Here"/>
  82. <meta name="text:UpdatesTitle" content="Updates"/>
  83. <meta name="text:UpdatesInfo" content="Your Updates Here"/>
  84. <meta name="text:HeaderTitle" content="Header Title Here"/>
  85. <meta name="text:Music" content="Music Code Here"/>
  86.  
  87.  
  88. <meta name="text:Link1" content="" />
  89. <meta name="text:URL1" content="/"/>
  90. <meta name="text:Link2" content="" />
  91. <meta name="text:URL2" content="/"/>
  92. <meta name="text:Link3" content="" />
  93. <meta name="text:URL3" content="/"/>
  94. <meta name="text:Link4" content="" />
  95. <meta name="text:URL4" content="/"/>
  96. <meta name="text:Link5" content="" />
  97. <meta name="text:URL5" content="/"/>
  98. <meta name="text:Link6" content="" />
  99. <meta name="text:URL6" content="/"/>
  100. <meta name="text:Link7" content="" />
  101. <meta name="text:URL7" content="/"/>
  102. <meta name="text:Link8" content="" />
  103. <meta name="text:URL8" content="/"/>
  104.  
  105.  
  106.  
  107.  
  108. <head>
  109. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  110. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  111. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/voNo8zmxf/caviardreams.css" />
  112.  
  113. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/7ono98kkl/mohave_gluk.css" />
  114.  
  115. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/dDeo9cebd/ostrich_prosto_govern.css" />
  116.  
  117. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  119. <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  120. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  121.  
  122. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  123. <title>{Title}</title>
  124. <link rel="shortcut icon" href="{Favicon}">
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129.  
  130.  
  131.  
  132. @import url(https://weloveiconfonts.com/api/?family=fontawesome);
  133.  
  134. /* fontawesome */
  135. [class*="fontawesome-"]:before {
  136. font-family: 'FontAwesome', sans-serif;
  137. }
  138.  
  139.  
  140.  
  141. body {
  142. background-image: url('{image:backgroundimage}');
  143. background-color: {color:background};
  144. background-attachment: fixed;
  145. background-repeat: {text:Background Repeat};
  146. color: {color:EntryText};
  147. font-size: 10px;
  148. }
  149.  
  150.  
  151.  
  152.  
  153. @font-face {
  154. font-family: "tommaso";
  155. src: url('https://static.tumblr.com/7fjp0ap/L63mbsxdh/tommaso.otf');}
  156.  
  157.  
  158. ::-webkit-scrollbar-thumb {
  159. background-color: {color:desctext};
  160. height: 5px;
  161. width: 8px;
  162. }
  163.  
  164. ::-webkit-scrollbar {
  165. height: 5px;
  166. width: 8px;
  167. background-color: {color:SidebarBackground};
  168. }
  169.  
  170. a{
  171. color: #ffffff;
  172.  
  173. text-decoration: none;
  174. -webkit-transition: all 0.5s linear;
  175. -moz-transition: all 0.5s linear;
  176. -o-transition: all 0.5s linear;
  177. }
  178.  
  179.  
  180. .header{
  181. position:fixed;
  182. z-index:998;
  183. top:0;
  184. left:0;
  185. right:0;
  186. height:80px;
  187. background:{color:headerbackground};
  188. }
  189.  
  190.  
  191.  
  192. .container{
  193. {block:ifLeftBlogInfo}
  194. {block:if500Posts}width: 1100px;{/block:if500Posts}
  195. {block:ifNot500Posts}
  196. width: 1000px;
  197. {block:if540Posts}width: 1140px;{/block:if540Posts}
  198. {/block:ifNot500Posts}
  199. {/block:ifLeftBlogInfo}
  200. {block:ifnotLeftBlogInfo}
  201. {block:if500Posts}width: 830px;{/block:if500Posts}
  202. {block:ifNot500Posts}
  203. width: 730px;
  204. {block:if540Posts}width: 870px;{/block:if540Posts}
  205. {/block:ifNot500Posts}
  206. {/block:ifnotLeftBlogInfo}
  207. margin:80px auto 0px auto;
  208. padding-top:10px;
  209. }
  210.  
  211.  
  212.  
  213. .headercontainer{
  214. {block:ifLeftBlogInfo}
  215. {block:if500Posts}width: 1100px;{/block:if500Posts}
  216. {block:ifNot500Posts}
  217. width: 1000px;
  218. {block:if540Posts}width: 1140px;{/block:if540Posts}
  219. {/block:ifNot500Posts}
  220. {/block:ifLeftBlogInfo}
  221. {block:ifnotLeftBlogInfo}
  222. {block:if500Posts}width: 830px;{/block:if500Posts}
  223. {block:ifNot500Posts}
  224. width: 730px;
  225. {block:if540Posts}width: 870px;{/block:if540Posts}
  226. {/block:ifNot500Posts}
  227. {/block:ifnotLeftBlogInfo}
  228. margin:0px auto 0px auto;
  229. display:block;
  230. height:80px;
  231. }
  232.  
  233. .headerlinks{
  234. height:80px;
  235. display:table;
  236. margin:0px 0px 0px 330px;
  237. {block:if500Posts}width: 500px;{/block:if500Posts}
  238. {block:ifNot500Posts}
  239. width: 400px;
  240. {block:if540Posts}width: 540px;{/block:if540Posts}
  241. {/block:ifNot500Posts}
  242. }
  243.  
  244. .headerlinks p{
  245. display: table-cell;
  246. vertical-align: middle;
  247. text-align: center;
  248. }
  249.  
  250.  
  251. .headerlinks tstyl{
  252. font-family: 'ostrich_sansblack';
  253. font-size:13px;
  254. letter-spacing:1px;
  255. color:{color:HeaderTitle};
  256. width:100%;
  257. display:block;
  258. padding-bottom:2px;
  259. margin-bottom:3px;
  260. }
  261.  
  262. .headerlinks a{
  263. font-family: 'ostrich_sansheavy';
  264. text-decoration:none;
  265. font-size:10px;
  266. {block:ifnotheadertitle}
  267. font-size:12px;
  268. {/block:ifnotheadertitle}
  269. letter-spacing:1px;
  270. margin-right:5px;
  271. color:{color:HeaderLinksText};
  272. -webkit-transition: all 0.5s linear;
  273. -moz-transition: all 0.5s linear;
  274. -o-transition: all 0.5s linear;
  275. }
  276.  
  277.  
  278. .headerlinks a:hover{
  279. text-decoration:line-through;
  280. letter-spacing:2px;
  281. color:{color:HeaderLinksText};
  282. }
  283.  
  284.  
  285. #sidebar{
  286. display:block;
  287. float:left;
  288. width:120px;
  289. }
  290.  
  291. #sidebar img{
  292. margin:15px 0px;
  293. width:100px;
  294. height:100px;
  295. z-index:999;
  296. border:10px solid {color:headerbackground};
  297. -moz-border-radius: 80px 80px 80px 80px;
  298. -webkit-border-radius:80px 80px 80px 80px;
  299. border-radius: 80px 80px 80px 80px;
  300. background:{color:headerbackground};
  301. }
  302.  
  303.  
  304. .blogtitle{
  305. width:110px;
  306. padding-top:50px;
  307. height:80px;
  308. color:{color:blogtitle};
  309. text-align:center;
  310. font-family: 'mohavebold';
  311. font-size:16px;
  312. display:block;
  313. float:left;
  314. }
  315.  
  316. .bgt{
  317. bottom:0px;
  318. position:absolute;
  319. line-height:16px;
  320. text-align:left;
  321. width:110px;
  322. padding-bottom:5px
  323. }
  324.  
  325.  
  326. .t1{
  327. display:inline-block;
  328. font-family: Donegal One,serif;
  329. padding:0px 5px 4px 5px;
  330. font-size: 25px;
  331. color:{color:BlogTitleAccentBody};
  332. text-shadow: 2px 0.8px {color:BlogTitleAccent}, -2px 0.8px {color:BlogTitleAccent};
  333. }
  334.  
  335.  
  336. #leftsidebar{
  337. width:210px;
  338. position:fixed;
  339. margin:-10px 60px;
  340. z-index:997;
  341. }
  342.  
  343.  
  344. #leftbg{
  345. width:270px;
  346. position:fixed;
  347. margin:0px;
  348. top:0px;
  349. bottom:0px;
  350. z-index:-9;
  351. background-image: url('{image:LeftBottomImage}');
  352. background-size: 270px;
  353. background-repeat:no-repeat;
  354. background-position: bottom center;
  355. }
  356.  
  357.  
  358. #info{
  359. width:120px;
  360. padding:45px;
  361. display: block;
  362. text-align: justify;
  363. color: {color:desctext};
  364. font-family: arial;
  365. font-size: 10px;
  366. line-height:12px;
  367. background:{color:descbackground} url('{image:descbackgroundimage}') repeat;
  368. }
  369.  
  370. #info:hover{
  371. font-style:italic;
  372. }
  373.  
  374. #info a{
  375. color: {color:desclink};
  376. -webkit-transition: all 0.5s linear;
  377. -moz-transition: all 0.5s linear;
  378. -o-transition: all 0.5s linear;
  379. }
  380.  
  381. #info a:hover{
  382. color: {color:desclink};
  383. text-decoration:line-through;
  384. font-style:italic;
  385. }
  386.  
  387. #info b,strong{
  388. color: {color:descbold};
  389. }
  390.  
  391.  
  392. #info i,em{
  393. color: {color:descitalic};
  394. }
  395.  
  396.  
  397.  
  398. #navibox{
  399. width: 70px;
  400. display: block;
  401. float:left;
  402. margin:70px -63px;
  403. text-align: left;
  404. position:absolute;
  405. }
  406.  
  407. #navihold{
  408. width:70px;
  409. display:block;
  410. }
  411.  
  412. #navibox a{
  413. display:block;
  414. float:right;
  415. width:38px;
  416. margin:0px 5px 3px 0px;
  417. font-family:calibri;
  418. font-size:10px;
  419. letter-spacing:1px;
  420. padding:0px 3px ;
  421. border-right:5px solid {color:navilinktext};
  422. text-align:right;
  423. color: {color:navilinktext};
  424. background-color: {color:navilinkbackground};
  425. -webkit-transition: all 0.5s ease-in-out;
  426. -moz-transition: all 0.5s ease-in-out;
  427. -o-transition: all 0.5s ease-in-out;
  428. }
  429.  
  430.  
  431. #navihold:hover a{
  432. padding-right: 6px;
  433. }
  434.  
  435.  
  436. #navihold:hover #square{
  437. background: {color:navilinktext};
  438. border:3px solid {color:navilinkbackground};
  439. }
  440.  
  441.  
  442. #square{
  443. width:7px;
  444. height:7px;
  445. border:3px solid {color:navilinktext};
  446. display:block;
  447. float:right;
  448. background: {color:navilinkbackground};
  449. -webkit-transition: all 0.5s ease-in-out;
  450. -moz-transition: all 0.5s ease-in-out;
  451. -o-transition: all 0.5s ease-in-out;
  452. }
  453.  
  454.  
  455.  
  456. #rightsidebar{
  457. width:210px;
  458. position:fixed;
  459. top:80px;
  460. bottom:0;
  461. z-index:997;
  462. {block:if500Posts}margin-left: 890px;{/block:if500Posts}
  463. {block:ifNot500Posts}
  464. margin-left: 790px;
  465. {block:if540Posts}margin-left: 930px;{/block:if540Posts}
  466. {/block:ifNot500Posts}
  467. }
  468.  
  469. .bartitle{
  470. width:200px;
  471. padding:5px;
  472. display:block;
  473. margin-bottom:0px;
  474. background:{color:headerbackground};
  475. color:{color:blogtitle};
  476. font-family: 'mohavebold';
  477. font-size:13px;
  478. text-align:center;
  479. letter-spacing:1px;
  480. }
  481.  
  482.  
  483. .barss{
  484. display:block;
  485. padding:5px;
  486. width:200px;
  487. margin-bottom:20px;
  488. font-family: 'Montserrat', sans-serif;
  489. font-size:10px;
  490. color:{color:desctext};
  491. background:{color:descbackground};
  492. }
  493.  
  494.  
  495. .barss a{
  496. color: {color:desclink};
  497. -webkit-transition: all 0.5s linear;
  498. -moz-transition: all 0.5s linear;
  499. -o-transition: all 0.5s linear;
  500. }
  501.  
  502. .barss a:hover{
  503. color: {color:desclink};
  504. text-decoration:line-through;
  505. font-style:italic;
  506. }
  507.  
  508. .barss b,strong{
  509. color: {color:descbold};
  510. }
  511.  
  512.  
  513. .barss i,em{
  514. color: {color:descitalic};
  515. }
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523. #pagi{
  524. width:200px;
  525. margin-top:10px;
  526. padding:5px;
  527. font-size: 12px;
  528. text-align:center;
  529. display:inline-block;
  530. float:right;
  531. font-family: 'mohavebold';
  532. background:{color:descbackground} url('{image:descbackgroundimage}') repeat;
  533. }
  534.  
  535. #pagi a{
  536. color: {color:pagination};
  537. }
  538.  
  539.  
  540. .jump_page {
  541. padding: 2px;
  542. font-family: 'mohavebold';
  543. font-size:11px;
  544. text-decoration:none;
  545. color: {color:desctext};
  546. }
  547.  
  548.  
  549.  
  550. .current_page, .jump_page:hover {
  551. padding: 2px;
  552. color: {color:desclink};
  553. font-family: 'mohavebold';
  554. font-size:11px;
  555. text-decoration:none;
  556. }
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563. #posts{
  564. margin:0px 0px 30px 330px;
  565. {block:if500Posts}width: 500px;{/block:if500Posts}
  566. {block:ifNot500Posts}
  567. width: 400px;
  568. {block:if540Posts}width: 540px;{/block:if540Posts}
  569. {/block:ifNot500Posts}
  570. position:relative;
  571. }
  572.  
  573. img.center {
  574. display: block;
  575. margin-left: auto;
  576. margin-right: auto;
  577. }
  578.  
  579.  
  580. .entry{
  581. {block:if500Posts}width: 500px;{/block:if500Posts}
  582. {block:ifNot500Posts}
  583. width: 400px;
  584. {block:if540Posts}width: 540px;{/block:if540Posts}
  585. {/block:ifNot500Posts}
  586. text-align: left;
  587. padding:0px;
  588. margin-top: 50px;
  589. overflow: hidden;
  590. position:relative;
  591. color: {color:EntryText};
  592. }
  593.  
  594. .entrycaption{
  595. padding:10px;
  596. background-color: {color:entrybackground};
  597. font-family: 'Montserrat', sans-serif;
  598. font-size:10px;
  599. }
  600.  
  601. .entry img{
  602. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  603. {block:ifNot500Posts}
  604. max-width: 400px;
  605. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  606. {/block:ifNot500Posts}
  607.  
  608. {block:IndexPage}
  609. {block:ifFadingPhoto}
  610. opacity: 0.7;
  611. -webkit-transition: all 0.7s ease-in-out;
  612. -moz-transition: all 0.7s ease-in-out;
  613. -o-transition: all 0.7s ease-in-out;
  614. {/block:ifFadingPhoto}
  615.  
  616. {block:ifMonochrome}
  617. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  618. filter: gray; /* IE6-9 */
  619. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  620. -webkit-transition: all 0.7s linear;
  621. -moz-transition: all 0.7s linear;
  622. -o-transition: all 0.7s linear;
  623. {/block:ifMonochrome}
  624. {/block:IndexPage}
  625. }
  626.  
  627. .entry:hover img{
  628. opacity: 1;
  629. filter: none;
  630. -webkit-filter: grayscale(0%);
  631. }
  632.  
  633.  
  634. .entry b, strong{
  635. color: {color:EntryBold};
  636. }
  637.  
  638. .entry i, em{
  639. color: {color:EntryItalic};
  640. }
  641.  
  642. .entry a{
  643. color: {color:EntryLink};
  644. text-decoration: none;
  645. }
  646.  
  647. .entry a:hover{
  648. text-decoration: line-through;
  649. font-style:italic;
  650. }
  651.  
  652. .entry h1{
  653. font-family: consolas;
  654. text-transform: uppercase;
  655. font-size: 15px;
  656. font-weight: 20px;
  657. letter-spacing: 1px;
  658. }
  659.  
  660. .entry h1 a{
  661. color: {color:link};
  662. }
  663.  
  664. blockquote{
  665. border-left: 3px solid {color:blockquoteborder};
  666. padding:3px 4px 3px 10px;
  667. margin:5px;
  668. text-align:justify;
  669. }
  670.  
  671.  
  672. .entry blockquote img{
  673. max-width: 90%;
  674. margin-left: 3px;
  675. }
  676.  
  677. .entry pre{
  678. word-wrap:break-word;
  679. white-space: pre-wrap;
  680. word-break:break-all;
  681. padding:5px;
  682. letter-spacing:0px;
  683. }
  684.  
  685.  
  686. .entry blockquote pre{
  687. padding:5px;
  688. width:100%;
  689. word-wrap:break-word;
  690. white-space: pre-wrap;
  691. word-break:break-all;
  692. }
  693.  
  694.  
  695. #quote{
  696. font: normal 16px calibri;
  697. font-weight:normal;
  698. text-align:center;
  699. letter-spacing:-1px;
  700. padding:0px 30px 8px 30px;
  701. }
  702.  
  703. .quote2{
  704. position:absolute;
  705. margin-left:5px;
  706. margin-top:-10px;
  707. font-family: georgia,serif;
  708. font-size: 80px;
  709. color: {color:EntryText};
  710. {block:IfNot500Posts}
  711. margin-left:-3px;
  712. {block:If540Posts}
  713. margin-left:0px;
  714. {/block:If540Posts}
  715. {/block:IfNot500Posts}
  716. }
  717.  
  718.  
  719. .quote3{
  720. position:absolute;
  721. margin-left:450px;
  722. margin-top:-10px;
  723. font-family: georgia,serif;
  724. font-size: 80px;
  725. color: {color:EntryText};
  726. {block:IfNot500Posts}
  727. margin-left:350px;
  728. {block:If540Posts}
  729. margin-left:490px;
  730. {/block:If540Posts}
  731. {/block:IfNot500Posts}
  732. }
  733.  
  734.  
  735. .perma2{
  736. display:block;
  737. text-align:left;
  738. font-family: 'caviar_dreamsregular';
  739. font-size:11px;
  740. text-transform:uppercase;
  741. padding:15px;
  742. {block:if500Posts}width: 470px;{/block:if500Posts}
  743. {block:ifNot500Posts}
  744. width: 370px;
  745. {block:if540Posts}width: 510px;{/block:if540Posts}
  746. {/block:ifNot500Posts}
  747. background-color:{color:permalinkbackground};
  748. color:{color:permatext};
  749. }
  750.  
  751. .perma2 a{
  752. text-decoration:none;
  753. color:{color:permalink};
  754. -webkit-transition: all 0.7s linear;
  755. -moz-transition: all 0.7s linear;
  756. -o-transition: all 0.7s linear;
  757. }
  758.  
  759.  
  760. .perma2 a:hover{
  761. color:{color:link};
  762. }
  763.  
  764. .rblkbutton{
  765. display:block;
  766. float:right;
  767. width:60px;
  768. }
  769.  
  770.  
  771. .tagss{
  772. display:block;
  773. text-align:center;
  774. font-family: 'caviar_dreamsregular';
  775. font-size:9px;
  776. margin-top:10px;
  777. text-transform:uppercase;
  778. {block:if500Posts}width: 500px;{/block:if500Posts}
  779. {block:ifNot500Posts}
  780. width: 400px;
  781. {block:if540Posts}width: 540px;{/block:if540Posts}
  782. {/block:ifNot500Posts}
  783. }
  784.  
  785. .tagss a{
  786. text-decoration:none;
  787. background-color:{color:permalinkbackground};
  788. color:{color:permalink};
  789. display:block;
  790. float:left;
  791. padding:1px 3px 1px 3px;
  792. margin:0px 3px 3px 0px;
  793. -webkit-transition: all 0.7s linear;
  794. -moz-transition: all 0.7s linear;
  795. -o-transition: all 0.7s linear;
  796. }
  797.  
  798.  
  799. .tagss a:hover{
  800. text-decoration:line-through;
  801. font-style:italic;
  802. }
  803.  
  804. .permalink {
  805. font-family: cambria;
  806. font-size: 10px;
  807. color: {color:EntryText};
  808. text-transform: uppercase;
  809. text-align: center;
  810. {block:if500Posts}width: 494px;{/block:if500Posts}
  811. {block:ifNot500Posts}
  812. width: 394px;
  813. {block:if540Posts}width: 536px;{/block:if540Posts}
  814. {/block:ifNot500Posts}
  815. margin-top: 20px;
  816. padding:10px;
  817. margin-bottom: 10px;
  818. margin-left: -10px;
  819. float: left;
  820. background-color: {color:entrybackground};
  821. }
  822.  
  823. .permalink b {
  824. color: {color:Bold};
  825. font-weight: normal;
  826. }
  827.  
  828. #date {
  829. color: {color:EntryText};
  830. }
  831.  
  832. .permalink a {
  833. color: {color:Link};
  834. text-decoration: none;
  835. }
  836.  
  837.  
  838.  
  839. .title{
  840. color: {color:posttitle};
  841. background-color: {color:posttitlebackground};
  842. margin-bottom:10px;
  843. font-size: 18px;
  844. font-family: 'mohavebold';
  845. line-height: 18px;
  846. text-align: left;
  847. padding:10px;
  848. }
  849.  
  850.  
  851. .title2{
  852. color: {color:PostTitle};
  853. padding:20px;
  854. margin-bottom:10px;
  855. display:block;
  856. text-transform: none;
  857. text-align: left;
  858. font-size: 20px;
  859. font-family: 'mohavebold';
  860. background-color: {color:posttitlebackground};
  861. -webkit-transition: all 0.5s linear;
  862. -moz-transition: all 0.5s linear;
  863. -o-transition: all 0.5s linear;
  864. }
  865.  
  866.  
  867. .title2 a{
  868. color: {color:PostTitle};
  869. width:100%;
  870. display:block;
  871. text-decoration:none;
  872. }
  873.  
  874. .title2 z{
  875. color: {color:PostTitle};
  876. font-size:11px;
  877. font-family:calibri;
  878. width:100%;
  879. text-decoration:underline;
  880. display:block;
  881. }
  882.  
  883.  
  884. .title2 a:hover{
  885. color: {color:PostTitle};
  886. }
  887.  
  888.  
  889. .arrow-down2 {
  890. margin-top:-5px;
  891. display:block;
  892. margin-left:20px;
  893. width:0px;
  894. height:0px;
  895. border-left:10px solid transparent;
  896. border-right:10px solid transparent;
  897. border-top:15px solid {color:EntryText};
  898. font-size:0px;
  899. line-height:0px;
  900. }
  901.  
  902.  
  903. .ask {
  904. display:block;
  905. padding:10px;
  906. background-color:{color:EntryText};
  907. color:{color:entrybackground};
  908. text-transform: none;
  909. }
  910.  
  911.  
  912.  
  913. .askx img {
  914. max-width: 30px;
  915. display:block;
  916. margin-left:15px;
  917. margin-top:5px;
  918. -moz-border-radius: 30px 30px 30px 30px;
  919. -webkit-border-radius: 30px 30px 30px 30px;
  920. border-radius: 30px 30px 30px 30px;
  921. }
  922.  
  923. .asky {
  924. display:block;
  925. float:left;
  926. text-transform:uppercase;
  927. margin-top:13px;
  928. font-size:10px;
  929. margin-left:5px;
  930. }
  931.  
  932.  
  933. .aska{
  934. display:block;
  935. margin-top:50px;
  936. border-top: 1px solid {color:EntryText};
  937. }
  938.  
  939.  
  940. #source {
  941. font-family: consolas;
  942. font-size:7pt;
  943. text-align: right;
  944. margin-top: -5px;
  945. }
  946.  
  947. #source p{
  948. display:none;
  949. }
  950.  
  951.  
  952. ol.notes {
  953. background-color:{color:EntryBackground};
  954. font-family:tahoma;
  955. font-size:10px;
  956. padding-top:10px;
  957. border: 0px;
  958. padding-left:15px;
  959. margin-top:10px;
  960. {block:if500Posts}width:476px;{/block:if500Posts}
  961. {block:ifNot500Posts}
  962. width:376px;
  963. {block:if540Posts}width: 516px;{/block:if540Posts}
  964. {/block:ifNot500Posts}
  965. margin-left: 0px;
  966. list-style-type: none;}
  967.  
  968. ol.notes li.note {
  969. background: ;
  970. padding:5px;
  971. {block:if500Posts}width:480px;{/block:if500Posts}
  972. {block:ifNot500Posts}
  973. width:380px;
  974. {block:if540Posts}width: 520px;{/block:if540Posts}
  975. {/block:ifNot500Posts}
  976. letter-spacing: 0px;
  977. text-align: left;
  978. }
  979.  
  980. ol.notes li.note a{
  981. color:{color:Link};
  982. background: ;
  983. font-family:tahoma;
  984. text-transform:none;
  985. letter-spacing:0px;
  986. font-size:10px;}
  987.  
  988. ol.notes li.note img.avatar {
  989. vertical-align: -4px;
  990. margin-right: 0px;
  991. }
  992.  
  993.  
  994.  
  995. .odd .divider{
  996. width:100%;
  997. display:block;
  998. border-top: 1px dashed {color:PermaLinkBackground};
  999. padding-top:10px;
  1000. margin-top:-11px;
  1001. }
  1002.  
  1003. .even .divider{
  1004. width:100%;
  1005. display:block;
  1006. border-bottom: 1px dashed {color:PermaLinkBackground};
  1007. }
  1008.  
  1009. .odd .divider2{
  1010. width:100%;
  1011. display:inline-block;
  1012. }
  1013.  
  1014. .even .divider2{
  1015. width:100%;
  1016. display:inline-block;
  1017. margin-bottom:11px;
  1018. }
  1019.  
  1020. .odd .line {
  1021. background-color: {color:chatoddbackground};
  1022. padding: 3px;
  1023. margin-bottom:3px;
  1024. color:{color:chatoddtext};
  1025. -moz-border-radius: 30px 30px 30px 30px;
  1026. -webkit-border-radius: 30px 30px 30px 30px;
  1027. border-radius: 30px 30px 30px 30px;
  1028. padding:10px 20px 10px 20px;
  1029. max-width:70%;
  1030. float:right;
  1031. margin-right:30px;
  1032. }
  1033.  
  1034. .odd .triangle{
  1035. width: 0;
  1036. height: 0;
  1037. float:right;
  1038. margin:-5px 50px 5px 0px;
  1039. border-style: solid;
  1040. border-width: 0 15px 15px 0;
  1041. border-color: transparent {color:chatoddbackground} transparent transparent;
  1042. }
  1043.  
  1044. .even .line {
  1045. background-color: {color:ChatEvenBackground};
  1046. padding:3px;
  1047. margin-bottom:3px;
  1048. margin-top:10px;
  1049. color:{color:chateventext};
  1050. -moz-border-radius: 30px 30px 30px 30px;
  1051. -webkit-border-radius: 30px 30px 30px 30px;
  1052. border-radius: 30px 30px 30px 30px;
  1053. padding:10px 20px 10px 20px;
  1054. max-width:70%;
  1055. float:left;
  1056. margin-left:30px;
  1057. }
  1058.  
  1059. .even .triangle{
  1060. width: 0;
  1061. height: 0;
  1062. float:left;
  1063. margin:-5px 0px 5px 50px;
  1064. border-style: solid;
  1065. border-width: 15px 15px 0 0;
  1066. border-color: {color:ChatEvenBackground} transparent transparent transparent;
  1067. }
  1068.  
  1069. .odd .name {
  1070. color: {color:chatoddname};
  1071. padding: 3px;
  1072. }
  1073. .even .name {
  1074. color: {color:chatevenname};
  1075. padding: 3px;
  1076. }
  1077.  
  1078.  
  1079. #cornerplayer
  1080. {z-index:999;
  1081. background-color: {color:musicplayer};
  1082. width:50px;
  1083. height:50px;
  1084. border-radius:50px 0px 0px 0px;
  1085. -moz-border-radius:50px 0px 0px 0px;
  1086. position:fixed;
  1087. overflow:hidden;
  1088. bottom:0px;
  1089. right:0px;
  1090. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  1091.  
  1092. #cornericon
  1093. {margin-top:25px;
  1094. margin-bottom:20px;
  1095. margin-left:-5px;
  1096. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  1097.  
  1098. #cornerplayer:hover
  1099. {width:200px;
  1100. -moz-border-radius:0px;
  1101. border-radius:0px;}
  1102.  
  1103. #cornerplayer:hover #cornericon
  1104. {margin-top:10px;
  1105. margin-left:0px;
  1106. margin-bottom:4px;}
  1107.  
  1108.  
  1109. #s-m-t-tooltip{
  1110. display:inline-block;
  1111. z-index:9999999 !important;
  1112. margin:24px 14px 7px 12px;
  1113. padding:3px;
  1114. font-family:calibri;
  1115. font-size:10px;
  1116. background-color: {color:navilinkbackground};
  1117. color: {color:navilinktext};
  1118. }
  1119.  
  1120. .reblog-button svg path {
  1121. fill: {color:entryreblogbutton};
  1122. }
  1123.  
  1124. .like { /* Make a parent element */
  1125. position: relative;
  1126. }
  1127. .like svg path { /* Select your color of choice */
  1128. fill: {color:entrylikebutton};
  1129. }
  1130. .like .like_button { /* Position like button above your custom one */
  1131. position: absolute;
  1132. top: 0;
  1133. opacity: 0;
  1134. }
  1135. .like .like_button.liked { /* Keep the functionality active */
  1136. opacity: 1;
  1137. }
  1138.  
  1139. .likedivv{
  1140. display:block;
  1141. float:left;
  1142. width:20px;
  1143. height:20px;
  1144. margin-left:10px;
  1145. }
  1146.  
  1147. .photo img { max-width: 100%; height: auto }
  1148.  
  1149. #pagination{
  1150. width:10;
  1151. left:0px;
  1152. bottom:0px;
  1153. position:absolute;
  1154. padding:5px 15px 0px 0px;
  1155. display:none;
  1156. }
  1157.  
  1158. /* =============================================================================
  1159. PXU Photoset Extended Styles
  1160. ========================================================================== */
  1161.  
  1162. .clearit:before, .clearit:after { content: ""; display: table; }
  1163. .clearit:after { clear: both; }
  1164. .clearit { *zoom: 1; }
  1165.  
  1166. /* Photoset */
  1167.  
  1168. .photo-slideshow {
  1169. visibility: hidden;
  1170. }
  1171.  
  1172. .photo-slideshow.processed {
  1173. visibility: visible;
  1174. }
  1175.  
  1176. .photo-slideshow .row {
  1177. clear: both;
  1178. width: 100%;
  1179. }
  1180.  
  1181. .photo-slideshow .pxu-photo {
  1182. display: block;
  1183. float: left;
  1184. margin-bottom: 0;
  1185. width: 100%;
  1186. overflow: hidden;
  1187. }
  1188.  
  1189. .photo-slideshow .pxu-photo img {
  1190. display: block;
  1191. }
  1192.  
  1193. .photo-slideshow.processed .pxu-photo img {
  1194. width: 100%;
  1195. height: auto;
  1196. }
  1197.  
  1198. .photo-slideshow .pxu-photo:first-child img {
  1199. margin-left: 0;
  1200. }
  1201.  
  1202. .photo-slideshow .count-1 {
  1203. width: 100%;
  1204. margin-bottom:4px;
  1205. }
  1206.  
  1207. .photo-slideshow .count-2 {
  1208. margin-bottom:4px;
  1209. }
  1210.  
  1211. .photo-slideshow .count-2:nth-child(1) {
  1212. {block:if500Posts}width: 248px;{/block:if500Posts}
  1213. {block:ifNot500Posts}
  1214. width: 198px;
  1215. {block:if540Posts}width: 268px;{/block:if540Posts}
  1216. {/block:ifNot500Posts}
  1217. }
  1218.  
  1219. .photo-slideshow .count-2:nth-child(2) {
  1220. {block:if500Posts}width: 248px;{/block:if500Posts}
  1221. {block:ifNot500Posts}
  1222. width: 198px;
  1223. {block:if540Posts}width: 268px;{/block:if540Posts}
  1224. {/block:ifNot500Posts}
  1225. margin-left:4px;
  1226. }
  1227.  
  1228. .photo-slideshow .count-3{
  1229. margin-bottom:4px;
  1230. }
  1231.  
  1232. .photo-slideshow .count-3:nth-child(1) {
  1233. {block:if500Posts}width: 164px;{/block:if500Posts}
  1234. {block:ifNot500Posts}
  1235. width: 130.6666666666667px;
  1236. {block:if540Posts}width: 177px;{/block:if540Posts}
  1237. {/block:ifNot500Posts}
  1238. }
  1239.  
  1240. .photo-slideshow .count-3:nth-child(2) {
  1241. {block:if500Posts}width: 164px;{/block:if500Posts}
  1242. {block:ifNot500Posts}
  1243. width: 130.6666666666667px;
  1244. {block:if540Posts} width: 178px;{/block:if540Posts}
  1245. {/block:ifNot500Posts}
  1246. margin-left:4px;
  1247. }
  1248.  
  1249. .photo-slideshow .count-3:nth-child(3) {
  1250. {block:if500Posts}width: 164px;{/block:if500Posts}
  1251. {block:ifNot500Posts}
  1252. width: 130.6666666666667px;
  1253. {block:if540Posts}width: 177px;{/block:if540Posts}
  1254. {/block:ifNot500Posts}
  1255. margin-left:4px;
  1256. }
  1257.  
  1258. .photo-slideshow .count-4 {
  1259. width: 25%;
  1260. margin-bottom:4px;
  1261. }
  1262.  
  1263. .photo-slideshow .count-5 {
  1264. width: 20%;
  1265. margin-bottom:4px;
  1266. }
  1267.  
  1268. .photo-slideshow .info {
  1269. display: none;
  1270. }
  1271.  
  1272. .tumblr-box {
  1273. display:block;
  1274. position:absolute;
  1275. top:0;
  1276. right:0;
  1277. bottom:0;
  1278. left:0;
  1279. z-index:1;
  1280. }
  1281.  
  1282. /* Icons for EXIF Data and Zoom */
  1283.  
  1284. .photo-data {
  1285. position: relative;
  1286. float: left;
  1287. }
  1288.  
  1289. .icons {
  1290. position: absolute;
  1291. top: 5px;
  1292. right: 5px;
  1293. width: 20px;
  1294. height: 66px;
  1295. text-indent: -9999px;
  1296. z-index: 999;
  1297. visibility: hidden;
  1298. }
  1299.  
  1300. .icons > span, .icons .tumblr-box span {
  1301. width: 20px;
  1302. height: 20px;
  1303. display: block;
  1304. margin-bottom: 2px;
  1305. cursor: pointer;
  1306. }
  1307.  
  1308. .zoom {
  1309. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  1310. }
  1311.  
  1312. .info {
  1313. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  1314. position: relative;
  1315. }
  1316.  
  1317. /* EXIF & CAPTION Data Tooltip */
  1318.  
  1319. .pxu-data {
  1320. position: absolute;
  1321. top: 30px;
  1322. left: -110px;
  1323. width: 240px;
  1324. background: #000;
  1325. background: rgba(0,0,0,.85);
  1326. color: #fff;
  1327. font-size: 12px;
  1328. line-height: 1.4;
  1329. text-indent: 0;
  1330. padding: 20px;
  1331. display: none;
  1332. opacity: 0;
  1333. filter: alpha(opacity = 0);
  1334. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1335.  
  1336. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  1337.  
  1338. -webkit-border-radius: 5px;
  1339. -moz-border-radius: 5px;
  1340. border-radius: 5px;
  1341.  
  1342. -webkit-box-sizing: border-box;
  1343. -moz-box-sizing: border-box;
  1344. box-sizing: border-box;
  1345.  
  1346. }
  1347.  
  1348. .pxu-caption {
  1349. margin-top: 0;
  1350. word-wrap: break-word;
  1351. }
  1352.  
  1353. .pxu-caption:before {
  1354. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  1355. opacity: 0.5;
  1356. filter: alpha(opacity = 50);
  1357. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1358. float: left;
  1359. margin-right: 5px;
  1360. }
  1361.  
  1362. .pxu-data.caption-only .pxu-caption {
  1363. margin-bottom: 0;
  1364. }
  1365.  
  1366. .pxu-data table {
  1367. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  1368. font-weight: bold;
  1369. width: 100%;
  1370. }
  1371.  
  1372. .pxu-data table tr {
  1373. width: 100%;
  1374. }
  1375.  
  1376. .pxu-data table tr td {
  1377. width: 50%;
  1378. font-weight: bold;
  1379. padding-bottom: 15px;
  1380. }
  1381.  
  1382. .pxu-data table tr:last-child td {
  1383. padding-bottom: 0;
  1384. }
  1385.  
  1386. .pxu-data .label {
  1387. color: #cccccc;
  1388. text-transform: uppercase;
  1389. font-size: 10px;
  1390. text-align: right;
  1391. padding-right: 12px;
  1392. font-weight: normal;
  1393. }
  1394.  
  1395. .arrow-down {
  1396. width: 0;
  1397. height: 0;
  1398. border-left: 10px solid transparent;
  1399. border-right: 10px solid transparent;
  1400.  
  1401. border-bottom: 10px solid rgba(0,0,0,0.85);
  1402.  
  1403. position: absolute;
  1404. top: -10px;
  1405. left: 110px;
  1406. }
  1407.  
  1408.  
  1409. .tmblr-iframe {
  1410. right:3px !important;
  1411. position:fixed !important;
  1412. z-index:9999999999!important;
  1413. opacity: 0.4;
  1414. -webkit-transition: all 0.4s ease-in-out;
  1415. -moz-transition: all 0.4s ease-in-out;
  1416. -o-transition: all 0.4s ease-in-out;
  1417. -ms-transition: all 0.4s ease-in-out;
  1418. transition: all 0.4s ease-in-out;
  1419. }
  1420. .tmblr-iframe:hover {
  1421. opacity: 1;
  1422. -webkit-transition: all 0.4s ease-in-out;
  1423. -moz-transition: all 0.4s ease-in-out;
  1424. -o-transition: all 0.4s ease-in-out;
  1425. -ms-transition: all 0.4s ease-in-out;
  1426. transition: all 0.4s ease-in-out;
  1427. }
  1428.  
  1429.  
  1430. .playerbuttonbg {
  1431. position: absolute;
  1432. left: 0px;
  1433. right: 0px;
  1434. top:0px;
  1435. height: 200px;
  1436. background-color: #000;
  1437. transition: opacity .7s ease-in-out;
  1438. -moz-transition: opacity .7s ease-in-out;
  1439. -webkit-transition: opacity .7s ease-in-out;
  1440. }
  1441.  
  1442.  
  1443.  
  1444. .newplayerbutton {
  1445. position: relative;
  1446. height: 200px;
  1447. left:0px;
  1448. right:200px;
  1449. overflow: hidden;
  1450. }
  1451.  
  1452. .playerbuttonhug {
  1453. position: absolute;
  1454.  
  1455. }
  1456.  
  1457. .tumblr_audio_player {
  1458. width:40px;
  1459. height: 200px;
  1460. left:0px;
  1461. }
  1462.  
  1463.  
  1464. .audioimgwrapper {
  1465. position: absolute;
  1466. right: 0px;
  1467. top: 0px;
  1468. overflow: hidden;
  1469. width: 200px;
  1470. height: 200px;
  1471. z-index:97;
  1472. }
  1473.  
  1474. .audioimgwrapper img {
  1475. width: 100%;
  1476. height: auto;
  1477. position:absolute;
  1478. z-index:9px;
  1479. top:0px;
  1480. }
  1481.  
  1482.  
  1483. .audioimgwrapper3{
  1484. width: 100%;
  1485. height: 100%;
  1486. position:absolute;
  1487. z-index:9px;
  1488. background-color:#000;
  1489. opacity:1;
  1490. }
  1491.  
  1492. .audioimgwrapper2 img {
  1493. width: 100%;
  1494. height: auto;
  1495. position:absolute;
  1496. z-index:-2px;
  1497. top:0px;
  1498. }
  1499.  
  1500. .trackdetails {
  1501. left: 40px;
  1502. position:absolute;
  1503. height: 200px;
  1504. width:300px;
  1505. text-align:center;
  1506. z-index:999;
  1507. display: table;
  1508. font-size:20px;
  1509. font-family: 'mohavebold';
  1510. color:{color:EntryBold};
  1511. }
  1512.  
  1513.  
  1514. .trackdetails p{
  1515. width:100%;
  1516. text-align:center;
  1517. display: table-cell;
  1518. vertical-align: middle;
  1519. }
  1520.  
  1521.  
  1522. .pc{
  1523. font-size:20px;
  1524. font-family: 'mohavebold';
  1525. color:{color:EntryAudioPlayCount};
  1526. line-height:1px;
  1527. }
  1528.  
  1529. .ann{
  1530. font-size:10px;
  1531. font-family: 'mohaveregular';
  1532. color:{color:EntryAudioTrackName};
  1533. line-height:1px;
  1534. }
  1535.  
  1536.  
  1537. .audiowrapper {
  1538. position:relative;
  1539. display:block;
  1540. width:100%;
  1541. height: 200px;
  1542. }
  1543.  
  1544.  
  1545. .photo img{
  1546. display:block;
  1547. {block:iffadingphoto}
  1548. filter:alpha(opacity=70);
  1549. -moz-opacity: 0.7;
  1550. -webkit-transition: all 0.7s linear;
  1551. -moz-transition: all 0.7s linear;
  1552. -o-transition: all 0.7s linear;
  1553. {/block:iffadingphoto}
  1554.  
  1555. {block:ifMonochrome}
  1556. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  1557. filter: gray; /* IE6-9 */
  1558. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  1559. -webkit-transition: all 0.7s linear;
  1560. -moz-transition: all 0.7s linear;
  1561. -o-transition: all 0.7s linear;
  1562. {/block:ifMonochrome}
  1563. }
  1564.  
  1565. .photo:hover img{
  1566. opacity: 1;
  1567. filter: none;
  1568. -webkit-filter: grayscale(0%);
  1569. }
  1570.  
  1571.  
  1572. {CustomCSS}
  1573.  
  1574. </style>
  1575. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
  1576.  
  1577.  
  1578. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  1579.  
  1580.  
  1581. <script type="text/javascript">
  1582.  
  1583. $(document).ready(function() {
  1584. $('.photo-slideshow').pxuPhotoset({
  1585. lightbox:true,
  1586. rounded:false,
  1587. gutter:'0px',
  1588. borderRadius:'0px',
  1589. photoset:'.photo-slideshow',
  1590. photoWrap:'.photo-data',
  1591. photo:'.pxu-photo'
  1592. });
  1593. });
  1594. </script>
  1595.  
  1596. {block:IndexPage}
  1597.  
  1598. {block:ifnotInfiniteScrolling}
  1599. <script type="text/javascript">
  1600. $(document).ready(function(){
  1601. var $posts = $(".entry");
  1602. var $postIDs = $posts.map(function(){
  1603. return this.id;
  1604. }).get();
  1605. console.log($posts, $postIDs);
  1606. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1607. });
  1608. </script>
  1609. {/block:ifnotInfiniteScrolling}
  1610.  
  1611.  
  1612. {/block:IndexPage}
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620. </head>
  1621.  
  1622.  
  1623.  
  1624. <body>
  1625.  
  1626.  
  1627. {block:ifmusicplayer}<div id='cornerplayer'><center>
  1628. <div id='cornericon'><img src="https://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  1629. <div> {Text:Music} </div>
  1630. </center> </div><!--cornerplayer-->{/block:ifmusicplayer}
  1631.  
  1632. <div class="header">
  1633.  
  1634. <div class="headercontainer">
  1635. <div id="sidebar">
  1636. <img src="{image:HeaderImage}">
  1637. </div>
  1638.  
  1639. <div class="blogtitle"><div class="bgt">{title}<div class="t1">}</div></div></div>
  1640.  
  1641. <div class="headerlinks">
  1642.  
  1643. <p>
  1644.  
  1645. {block:ifheadertitle}
  1646. <tstyl><font style="border-bottom:1px solid {color:headertitle};padding:0px 4px 2px 4px;">{text:HeaderTitle}</font></tstyl>
  1647. {/block:ifheadertitle}
  1648.  
  1649. {block:ifLink1}<a href="{text:URL1}" id="navi">{text:Link1}</a>{/block:ifLink1}
  1650. {block:ifLink2}<a href="{text:URL2}" id="navi">{text:Link2}</a>{/block:ifLink2}
  1651. {block:ifLink3}<a href="{text:URL3}" id="navi">{text:Link3}</a>{/block:ifLink3}
  1652. {block:ifLink4}<a href="{text:URL4}" id="navi">{text:Link4}</a>{/block:ifLink4}
  1653. {block:ifLink5}<a href="{text:URL5}" id="navi">{text:Link5}</a>{/block:ifLink5}
  1654. {block:ifLink6}<a href="{text:URL6}" id="navi">{text:Link6}</a>{/block:ifLink6}
  1655. {block:ifLink7}<a href="{text:URL7}" id="navi">{text:Link7}</a>{/block:ifLink7}
  1656. {block:ifLink8}<a href="{text:URL8}" id="navi">{text:Link8}</a>{/block:ifLink8}
  1657.  
  1658. </p>
  1659.  
  1660. </div>
  1661.  
  1662.  
  1663. </div>
  1664.  
  1665. </div>
  1666.  
  1667.  
  1668.  
  1669.  
  1670. {block:Pagination}
  1671. <div id="pagination">
  1672. {block:PreviousPage}<a href="{PreviousPage}" class="prev hint--right" data-hint="back"><i class="ion-chevron-left"></i></a>{/block:PreviousPage}
  1673. {block:NextPage}<a href="{NextPage}" class="next hint--right" data-hint="forth"><i class="ion-chevron-right"></i></a>{/block:NextPage}
  1674. </div>
  1675. {/block:Pagination}
  1676.  
  1677.  
  1678.  
  1679. <div class="container">
  1680.  
  1681. <div id="leftbg"></div>
  1682.  
  1683.  
  1684. {block:ifLeftBlogInfo}
  1685. <div id="rightsidebar">
  1686.  
  1687. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999;">
  1688. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  1689. <div style=" #position: relative; #top: -50%;">
  1690.  
  1691. {block:ifupdatesinfo}
  1692. <div class="bartitle">{text:updatestitle}</div>
  1693. <div class="barss">
  1694. {text:updatesinfo}
  1695. </div>
  1696. {/block:ifupdatesinfo}
  1697.  
  1698. {block:ifBlogStatisticsInfo}
  1699. <div class="bartitle">{text:BlogStatisticsTitle}</div>
  1700. <div class="barss">
  1701. {text:BlogStatisticsInfo}
  1702. </div>
  1703. {/block:ifBlogStatisticsInfo}
  1704.  
  1705. {block:ifCurrentInfo}
  1706. <div class="bartitle">{text:CurrentTitle}</div>
  1707. <div class="barss">
  1708. {text:CurrentInfo}
  1709. </div>
  1710. {/block:ifCurrentInfo}
  1711.  
  1712. </div>
  1713. </div>
  1714. </div>
  1715.  
  1716. </div>
  1717. {/block:ifLeftBlogInfo}
  1718.  
  1719. <div id="leftsidebar">
  1720.  
  1721.  
  1722. <div id="navibox">
  1723. <div id="navihold">
  1724. <div id="square"></div> <a href="/">Home</a>
  1725. </div>
  1726. <div id="navihold">
  1727. <div id="square"></div> <a href="/ask">Ask</a>
  1728. </div>
  1729. <div id="navihold">
  1730. <div id="square"></div> <a href="/archive">Past</a>
  1731. </div>
  1732. <div id="navihold">
  1733. <div id="square"></div> <a href="https://dianthus-s.tumblr.com/">Theme</a>
  1734. </div>
  1735. </div>
  1736.  
  1737. <center>
  1738. <div id="info">{Description}</div>
  1739. </center>
  1740.  
  1741. {block:IfNotInfiniteScrolling}
  1742. {block:indexpage}
  1743. <div id="pagi">
  1744.  
  1745. {block:Pagination}
  1746. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">Back</a>{/block:PreviousPage}
  1747. {block:JumpPagination length="5"}
  1748. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1749. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1750. {block:NextPage}<a href="{NextPage}" class="jump_page">Next</a>{/block:NextPage}
  1751. {/block:Pagination}
  1752.  
  1753.  
  1754. </div>
  1755. {/block:indexpage}
  1756. {/block:IfNotInfiniteScrolling}
  1757.  
  1758. </div>
  1759.  
  1760.  
  1761. <div id="posts">
  1762. {block:Posts}
  1763.  
  1764. <div class="entry" id="{PostID}">
  1765.  
  1766. {block:indexpage}
  1767. <div class="perma2">
  1768. {block:Date}<a href="{Permalink}">{timeago}</a> {/block:Date}
  1769. ☉ <a href="{Permalink}" >{NoteCountWithLabel}</a>
  1770.  
  1771. <div class="rblkbutton">
  1772. <div class="likedivv">
  1773. <div class="reblog-button">
  1774. {ReblogButton size="16"}
  1775. </div>
  1776. </div>
  1777.  
  1778. <div class="likedivv">
  1779. <div class="like">
  1780. <svg width="16" height="16" viewBox="0 0 19 16" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000">
  1781. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  1782. </svg>
  1783. {LikeButton size="16"}
  1784. </div>
  1785. </div>
  1786. </div>
  1787.  
  1788.  
  1789. </div>
  1790. {/block:indexpage}
  1791.  
  1792.  
  1793.  
  1794. {block:Text}
  1795. <div class="entrycaption">
  1796. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1797. </div>
  1798. {/block:Text}
  1799.  
  1800. {block:Photo}
  1801. {block:If500Posts}
  1802. {LinkOpenTag}<div style="background-color:{color:entrybackground};"><img src="{PhotoURL-HighRes}" class="center"></div>{LinkCloseTag}
  1803. {/block:If500Posts}
  1804. {block:IfNot500Posts}
  1805. {block:IfNot540Posts}
  1806. {LinkOpenTag}<div style="background-color:{color:entrybackground};"><img src="{PhotoURL-HighRes}" class="center"></div>{LinkCloseTag}
  1807. {/block:IfNot540Posts}
  1808. {block:If540Posts}
  1809. {LinkOpenTag}<div style="background-color:{color:entrybackground};"><img style="min-width:540px;" src="{PhotoURL-HighRes}" class="center"></div>{LinkCloseTag}
  1810. {/block:If540Posts}
  1811. {/block:IfNot500Posts}
  1812. {block:IfShowCaptions}
  1813. {block:Caption}
  1814. <div class="entrycaption" >
  1815. {Caption}
  1816. </div>
  1817. {/block:Caption}
  1818. {/block:IfShowCaptions}
  1819. {block:IfNotShowCaptions}
  1820. {block:PermalinkPage}
  1821. {block:Caption}
  1822. <div class="entrycaption" >
  1823. {Caption}
  1824. </div>
  1825. {/block:Caption}
  1826. {/block:PermalinkPage}
  1827. {/block:IfNotShowCaptions}
  1828. {/block:Photo}
  1829.  
  1830. {block:Photoset}
  1831.  
  1832. <div class="photo">
  1833. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1834. {block:Photos}
  1835. <div class="photo-data">
  1836. <div class="pxu-photo">
  1837. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1838. </div>
  1839. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1840. </div>
  1841. {/block:Photos}
  1842. </div>
  1843. </div><!--photo-->
  1844.  
  1845.  
  1846. {block:IfShowCaptions}
  1847. {block:Caption}
  1848. <div class="entrycaption">
  1849. {Caption}
  1850. </div>
  1851. {/block:Caption}
  1852. {/block:IfShowCaptions}
  1853. {block:IfNotShowCaptions}
  1854. {block:PermalinkPage}
  1855. {block:Caption}
  1856. <div class="entrycaption">
  1857. {Caption}
  1858. </div>
  1859. {/block:Caption}
  1860. {/block:PermalinkPage}
  1861. {/block:IfNotShowCaptions}
  1862. {/block:Photoset}
  1863.  
  1864.  
  1865.  
  1866.  
  1867. {block:Link}
  1868. <div class="entrycaption">
  1869. <div class="title2">
  1870. <a href="{URL}" {Target}>{Name}</br>
  1871. <z>{URL}</z>
  1872. </a>
  1873. </div>
  1874. {block:Description}{Description}{/block:Description}
  1875. </div>
  1876. {/block:Link}
  1877.  
  1878.  
  1879.  
  1880.  
  1881. {block:Quote}
  1882. <div class="entrycaption">
  1883. <div class="quote2">“ </div>
  1884. <div class="quote3">&rdquo;</div>
  1885. <div id="quote">
  1886. {Quote}</div>
  1887. {block:Source}
  1888. <div id="source"> —{Source}</div>
  1889. {/block:Source}
  1890. </div>
  1891. {/block:Quote}
  1892.  
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899. {block:Chat}
  1900. <div class="entrycaption">
  1901. {block:Title}
  1902. <div class="title">{Title}</div>
  1903. {/block:Title}
  1904. {block:Lines}
  1905. <div class="{Alt}">
  1906. <div class="divider">
  1907. <div class="line">
  1908. {block:Label}
  1909. <span class="name">{Label}</span>
  1910. {/block:Label}
  1911. {Line}
  1912. </div>
  1913. </div>
  1914. <div class="divider2">
  1915. <div class="triangle"></div>
  1916. </div>
  1917. </div>
  1918. {/block:Lines}
  1919. </div>
  1920. {/block:Chat}
  1921.  
  1922.  
  1923.  
  1924. {block:Audio}
  1925. <div class="entrycaption">
  1926. <div class="audiowrapper">
  1927.  
  1928. <div class="audioimgwrapper">
  1929. <div class="audioimgwrapper2"><img src="https://static.tumblr.com/uuxiawr/MKPo9aacy/albumart.png"></div>
  1930.  
  1931.  
  1932. {block:AlbumArt}
  1933. <div class="audioimgwrapper3"></div>
  1934. <img src="{AlbumArtURL}">
  1935. {/block:AlbumArt}
  1936.  
  1937. </div>
  1938. <div class="playerbuttonbg">
  1939. <div class="newplayerbutton">
  1940. <div class="playerbuttonhug">
  1941.  
  1942. {AudioPlayerBlack}
  1943.  
  1944. </div>
  1945. </div>
  1946. </div>
  1947.  
  1948. <center>
  1949. <div class="trackdetails">
  1950.  
  1951.  
  1952. <p>
  1953. <font class="pc">{PlayCountWithLabel}</font>
  1954.  
  1955. <font class="ann" style="margin-top:5px;display:block;width:100%;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</font>
  1956. </p>
  1957.  
  1958.  
  1959. </div>
  1960. </center>
  1961. </div>
  1962. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1963. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1964. {Caption}
  1965. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1966. </div>
  1967. {/block:Audio}
  1968.  
  1969.  
  1970.  
  1971.  
  1972. {block:Video}
  1973. {block:If500Posts}{Video-500}{/block:If500Posts}
  1974. {block:IfNot500Posts}
  1975. {block:IfNot540Posts}
  1976. {Video-400}
  1977. {/block:IfNot540Posts}
  1978. {block:If540Posts}
  1979. {Video-500}
  1980. {/block:If540Posts}
  1981. {/block:IfNot500Posts}
  1982. <div class="entrycaption">
  1983. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1984. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1985. {Caption}
  1986. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1987. </div>
  1988. {/block:Video}
  1989.  
  1990.  
  1991.  
  1992.  
  1993. {block:Answer}
  1994. <div class="entrycaption">
  1995. <div class="ask">{Question}</div>
  1996. <div class="arrow-down2"></div>
  1997. <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
  1998. <div class="asky">{Asker}</div>
  1999. <div class="aska">{Answer}</div>
  2000. </div>
  2001. {/block:Answer}
  2002.  
  2003.  
  2004.  
  2005.  
  2006. {block:PermalinkPage}
  2007. <div class="entrycaption">
  2008. <div class="permalink">
  2009. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  2010. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  2011. {block:PostNotes}
  2012. {PostNotes}
  2013. {/block:PostNotes}
  2014. </div>
  2015. </div>
  2016. {/block:PermalinkPage}
  2017.  
  2018.  
  2019.  
  2020. {block:indexpage}
  2021. {block:IfShowTags}
  2022. {block:HasTags}
  2023. <div class="tagss">
  2024. {block:Tags}
  2025. <a href="/tagged/{Tag}">☉&nbsp;{Tag}</a>
  2026. {/block:Tags}
  2027. </div>
  2028. {/block:HasTags}
  2029. {/block:IfShowTags}
  2030. {/block:indexpage}
  2031.  
  2032.  
  2033.  
  2034.  
  2035. </div>
  2036.  
  2037. {block:ContentSource}
  2038. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2039. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2040. {/block:SourceLogo}
  2041. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2042. {/block:ContentSource}
  2043.  
  2044.  
  2045. <!--
  2046. {block:NoRebloggedFrom}
  2047. {block:RebloggedFrom}
  2048. {ReblogParentName}
  2049. {/block:RebloggedFrom}
  2050. {/block:NoRebloggedFrom}
  2051. -->
  2052.  
  2053. {/block:Posts}
  2054.  
  2055. </div>
  2056.  
  2057. </div>
  2058.  
  2059.  
  2060. {block:ifInfiniteScrolling}
  2061. <script src="https://static.tumblr.com/uuxiawr/f4eo90xh1/jquery.infinitescroll.min.js" type="text/javascript"></script>
  2062. <script type="text/javascript">
  2063. $(document).ready(function(){
  2064. // infinite scrolling
  2065. var $container = $('#posts');
  2066. $container.infinitescroll({
  2067. loadingImg:'',
  2068. loadingText:'<em></em>',
  2069. navSelector:'#pagination',
  2070. nextSelector:'#pagination a.next',
  2071. itemSelector:'.entry',
  2072. },
  2073. function(newElements){
  2074. // definitions
  2075. var $newElems = $(newElements);
  2076.  
  2077. $newElems.find('.photo-slideshow').pxuPhotoset({
  2078. lightbox:true,
  2079. rounded:false,
  2080. gutter:'0px',
  2081. borderRadius:'0px',
  2082. photoset:'.photo-slideshow',
  2083. photoWrap:'.photo-data',
  2084. photo:'.pxu-photo'
  2085. });
  2086. var $posts = $(".entry");
  2087. var $postIDs = $posts.map(function(){
  2088. return this.id;
  2089. }).get();
  2090. console.log($newElems, $postIDs);
  2091. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  2092. resizeVideos();
  2093.  
  2094. });
  2095.  
  2096. })(jQuery);
  2097. </script>
  2098. {/block:ifInfiniteScrolling}
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104. </body>
  2105. </html>
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!