API tools faq
paste
berry1890

thm26Recovery

berry1890
Apr 3rd, 2020
3,575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.46 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. <meta name="color:Background" content="#f7f7f7" />
  17. <meta name="color:BlockquoteBackground" content="#757272" />
  18. <meta name="color:BlockquoteBorder" content="#767b84" />
  19. <meta name="color:BlockquoteLink" content="#444444" />
  20. <meta name="color:BlockquoteText" content="#000000" />
  21. <meta name="color:BlogTitle" content="#ffffff" />
  22. <meta name="color:BlogTitleBackground" content="#f7f7f7"/>
  23. <meta name="color:BottomBar" content="#ffffff" />
  24. <meta name="color:BottomBarBorder" content="#dc8989" />
  25. <meta name="color:DescAccent" content="#f3c9c9" />
  26. <meta name="color:DescAccentBody" content="#dc8989" />
  27. <meta name="color:DescBold" content="#97c5e0" />
  28. <meta name="color:DescFirstWord" content="#ffffff" />
  29. <meta name="color:DescFirstWordBackground" content="#dc8989" />
  30. <meta name="color:DescItalic" content="#f2992e" />
  31. <meta name="color:DescLink" content="#45966e" />
  32. <meta name="color:DescText" content="#dc8989" />
  33. <meta name="color:EntryBackground" content="#ffffff" />
  34. <meta name="color:EntryBold" content="#dc8989" />
  35. <meta name="color:EntryItalic" content="#bad8eb" />
  36. <meta name="color:EntryLikeButton" content="#ffffff" />
  37. <meta name="color:EntryLink" content="#bbe5b7" />
  38. <meta name="color:EntryReblogButton" content="#ffffff" />
  39. <meta name="color:EntryText" content="#707070" />
  40. <meta name="color:Link1" content="#bad8eb" />
  41. <meta name="color:Link2" content="#ffb1cc" />
  42. <meta name="color:Link3" content="#ffef99" />
  43. <meta name="color:Link4" content="#bbe5b7" />
  44. <meta name="color:Link5" content="#dccbe7" />
  45. <meta name="color:Link6" content="#f0bfb3" />
  46. <meta name="color:Link7" content="#b0b7ea" />
  47. <meta name="color:Link8" content="#fad6ab" />
  48. <meta name="color:NaviBackground" content="#dc8989"/>
  49. <meta name="color:NaviText" content="#ffffff"/>
  50. <meta name="color:PermaBackground" content="#f0b2b2" />
  51. <meta name="color:PermaLink" content="#ffffff" />
  52. <meta name="color:PermaText" content="#ffffff" />
  53. <meta name="color:PostTitle" content="#dc8989" />
  54. <meta name="color:QuotationMark" content="#dc8989" />
  55.  
  56.  
  57.  
  58.  
  59. <meta name="if:500Posts" content="0" />
  60. <meta name="if:540Posts" content="1" />
  61. <meta name="if:FadingPhoto" content="0" />
  62. <meta name="if:InfiniteScrolling" content="0" />
  63. <meta name="if:Monochrome" content="0" />
  64. <meta name="if:MultipleColumnPosts" content="0" />
  65. <meta name="if:MusicPlayer" content="1" />
  66. <meta name="if:ShowCaptions" content="1">
  67. <meta name="if:ShowTags" content="1" />
  68.  
  69.  
  70. <meta name="image:Background" content=""/>
  71. <meta name="image:CornerImage" content="" />
  72. <meta name="image:SidebarImage" content="https://66.media.tumblr.com/f7436fdeb5a1feec60ac35a27998b487/aadaccd37154b72c-7e/s250x400/69eb7be162f1e296a838f8bf9ede2e434d0153dc.png"/>
  73.  
  74.  
  75. <meta name="text:Background Repeat" content="repeat"/>
  76. <meta name="text:MusicCode" content="Music Code Here"/>
  77.  
  78. <meta name="text:LinkTitle1" content="/"/>
  79. <meta name="text:LinkURL1" content="/"/>
  80. <meta name="text:LinkTitle2" content="/"/>
  81. <meta name="text:LinkURL2" content="/"/>
  82. <meta name="text:LinkTitle3" content="/"/>
  83. <meta name="text:LinkURL3" content="/"/>
  84. <meta name="text:LinkTitle4" content="/"/>
  85. <meta name="text:LinkURL4" content="/"/>
  86. <meta name="text:LinkTitle5" content="/"/>
  87. <meta name="text:LinkURL5" content="/"/>
  88. <meta name="text:LinkTitle6" content="/"/>
  89. <meta name="text:LinkURL6" content="/"/>
  90. <meta name="text:LinkTitle7" content="/"/>
  91. <meta name="text:LinkURL7" content="/"/>
  92. <meta name="text:LinkTitle8" content="/"/>
  93. <meta name="text:LinkURL8" content="/"/>
  94.  
  95.  
  96.  
  97.  
  98. <head>
  99.  
  100.  
  101. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/j4Dnukz0h/stylesheet.css" />
  102. <link href="https://fonts.googleapis.com/css?family=Arima+Madurai:300,400,700,900" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800" rel="stylesheet">
  104. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/N2wo9dw61/academic_gabo_grealn.css" />
  105. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/dDeo9cebd/ostrich_prosto_govern.css" />
  106. <link href="https://fonts.googleapis.com/css?family=Great+Vibes&amp;subset=latin-ext" rel="stylesheet">
  107. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/N2wo9dw61/academic_gabo_grealn.css" />
  108.  
  109.  
  110. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  111.  
  112.  
  113.  
  114. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  115. <title>{Title}</title>
  116. <link rel="shortcut icon" href="{Favicon}">
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125. body {
  126. background-image: url('{image:background}');
  127. background-color: {color:background};
  128. background-attachment: fixed;
  129. background-repeat: {text:Background Repeat};
  130. color: {color:entrytext};
  131. margin: 0;
  132. }
  133.  
  134.  
  135.  
  136. ::-webkit-scrollbar-thumb {
  137. background-color: {color:desctext};
  138. height: 5px;
  139. width: 8px;
  140. }
  141.  
  142. ::-webkit-scrollbar {
  143. height: 5px;
  144. width: 8px;
  145. background-color: {color:sidebarbackground};
  146. }
  147.  
  148. a{
  149. color: #ffffff;
  150. text-decoration: none;
  151. -webkit-transition: all 0.5s linear;
  152. -moz-transition: all 0.5s linear;
  153. -o-transition: all 0.5s linear;
  154. }
  155.  
  156.  
  157.  
  158. .linkholder{
  159. float:left;
  160. width:60px;
  161. text-align:left;
  162. }
  163.  
  164. .linkholderlinks{
  165. float:left;
  166. width:280px;
  167. position:absolute;
  168. }
  169.  
  170. .linkholderlinks,.linkholder a{
  171. font: 11px 'Arima Madurai', sans-serif;
  172. display:block;
  173. width:280px;
  174. padding:2px 0px 2px 2px;
  175. letter-spacing:0.6px;
  176. font-weight:bold;
  177. border-bottom: 1px solid ;
  178. background-color:{color:BottomBar};
  179. border-right: 18px solid ;
  180. margin-bottom:2px;
  181. text-shadow:10px 0px transparent, -10px 0px transparent;
  182. -webkit-transition: all 1s ease;
  183. -moz-transition: all 1s ease;
  184. -o-transition: all 1s ease
  185. }
  186.  
  187. .txt{
  188. display:inline-block;
  189. float:right;
  190. margin-right:3px;
  191. font-family:calibri;
  192. font-size:13px;
  193.  
  194. }
  195.  
  196. .linkholderlinks,.linkholder a:hover{
  197. color: {color:Linkstext};
  198. width:350px;
  199. text-shadow:0px 0px {color:Linkstext}, -0px 0px {color:Linkstext};
  200. }
  201.  
  202.  
  203. .btm{
  204. position:fixed;
  205. height:100px;
  206. background:{color:BottomBar};
  207. bottom:0px;
  208. left:0px;
  209. right:0px;
  210. z-index:9998;
  211. border-top:10px solid {color:BottomBarBorder};
  212. }
  213.  
  214.  
  215. #sidebar{
  216. position: fixed;
  217. overflow:visible;
  218. left: 50px;
  219. height:250px;
  220. bottom:0px;
  221. width: 300px;
  222. text-align: right;
  223. z-index:999999999;
  224. background:{color:BottomBar};
  225. }
  226.  
  227. #sidebary{
  228. position: fixed;
  229. overflow:visible;
  230. left: 40px;
  231. height:240px;
  232. bottom:0px;
  233. width: 300px;
  234. text-align: right;
  235. z-index:7;
  236. border:10px solid {color:BottomBarBorder};
  237. border-top:0px;
  238. }
  239.  
  240. #sidebarx{
  241. width: 220px;
  242. float:left;
  243. margin-left:10px;
  244. }
  245.  
  246. #sidebarx img{
  247. margin: 0px 0px 5px 0px;
  248. width: 200px;
  249. height:200px;
  250. border:10px solid {color:BottomBar};
  251. }
  252.  
  253.  
  254.  
  255.  
  256. #descbox{
  257. width: 450px;
  258. height:100px;
  259. display: table;
  260. margin-left:400px;
  261. color: {color:desctext};
  262. font-family: 'gabo_driveregular';
  263. font-size: 11px;
  264. letter-spacing:0.5px;
  265. float:left;
  266. text-align:left;
  267. }
  268.  
  269. #descbox p{
  270. width:450px;
  271. text-align:justify;
  272. display: table-cell;
  273. vertical-align: middle;
  274. }
  275.  
  276.  
  277. #descbox a{
  278. color: {color:desclink};
  279. }
  280.  
  281. #descbox b,strong{
  282. color: {color:descbold};
  283. }
  284.  
  285. #descbox i,em{
  286. color: {color:descitalic};
  287. }
  288.  
  289. .t1{
  290. display:block;
  291. float:left;
  292. margin-top:0px;
  293. margin-left:40px;
  294. font-family: Donegal One,serif;
  295. font-size: 100px;
  296. line-height:80px;
  297. color:{color:DescAccentBody};
  298. text-shadow: 8px 0.8px {color:DescAccent}, -8px 0.8px {color:DescAccent};
  299. }
  300.  
  301. .t2 img{
  302. display:block;
  303. float:left;
  304. margin-top:25px;
  305. margin-left:25px;
  306. width:40px;
  307. height:40px;
  308. border:5px solid {color:DescAccent};
  309. }
  310.  
  311. .first-word{
  312. padding:2px 5px 2px 5px;
  313. background-color:{color:descfirstwordbackground};
  314. color:{color:descfirstword};
  315. display:inline-block;
  316. float:left;
  317. border:3px double {color:descfirstword};
  318. font-size:20px;
  319. font-family: 'ostrich_sansheavy';
  320. margin-right: 3px;
  321. margin-bottom: -3px;
  322. letter-spacing:1px;
  323. }
  324.  
  325.  
  326. #navibox{
  327. text-align:center;
  328. display: inline-block;
  329. margin:-31px 10px 0px 0px;
  330. float:right;
  331. position:relative;
  332. width:200px;
  333. }
  334.  
  335.  
  336. #navibox a{
  337. text-transform: none;
  338. display: block;
  339. width: 25%;
  340. float:left;
  341. text-align: center;
  342. font-family: 'gabo_driveregular';
  343. letter-spacing:0.4px;
  344. font-size: 11px;
  345. padding:2px 0px 2px 0px;
  346. color: {color:navitext};
  347. background:{color:navibackground};
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -o-transition: all 0.5s ease-in-out;
  351. }
  352.  
  353.  
  354. #navibox a:hover{
  355. color: {color:navibackground};
  356. background-color: {color:navitext};
  357. }
  358.  
  359.  
  360.  
  361.  
  362. #titlebox{
  363. display: inline-block;
  364. font-size: 12px;
  365. line-height:12px;
  366. font-family: 'haymakerregular';
  367. width: 290px;
  368. padding:5px;
  369. text-align: center;
  370. margin:0px 0px 5px 0px;
  371. color: {color:blogtitle};
  372. background-color: {color:BottomBarBorder};
  373. -webkit-transition: all 0.5s ease-in-out;
  374. -moz-transition: all 0.5s ease-in-out;
  375. -o-transition: all 0.5s ease-in-out;
  376. }
  377.  
  378. #titlebox a{
  379. color: {color:blogtitle};
  380. -webkit-transition: all 0.5s ease-in-out;
  381. -moz-transition: all 0.5s ease-in-out;
  382. -o-transition: all 0.5s ease-in-out;
  383. }
  384.  
  385.  
  386. #titlebox a:hover{
  387. color: {color:blogtitlehover};
  388. }
  389.  
  390.  
  391.  
  392.  
  393. #pagi{
  394. display:table;
  395. float:left;
  396. width:300px;
  397. height:100px;
  398. margin-left:25px;
  399. font-size: 11px;
  400. text-align:center;
  401. font-family: 'gabo_driveregular';
  402. }
  403.  
  404. #pagi a{
  405. color: {color:desctext};
  406. margin-left:10px;
  407. }
  408.  
  409. #pagi p{
  410. display: table-cell;
  411. vertical-align: middle;
  412. }
  413.  
  414. .jump_page {
  415. font-family: 'gabo_driveregular';
  416. font-size:15px;
  417. text-decoration:none;
  418. }
  419.  
  420.  
  421.  
  422. .current_page, .jump_page:hover {
  423. color: {color:desctext};
  424. font-family: 'gabo_driveregular';
  425. font-size:15px;
  426. text-decoration:none;
  427. }
  428.  
  429.  
  430. .holdxx{
  431. left:540px;
  432. right:0px;
  433. {block:ifMultipleColumnPosts}
  434. left:400px;
  435. right:50px;
  436. {/block:ifMultipleColumnPosts}
  437. top:0px;
  438. bottom:0px;
  439. padding-left:50px;
  440. position:absolute;
  441. text-align:center;
  442. z-index:7;
  443. }
  444.  
  445.  
  446. #posts{
  447. {block:ifNotMultipleColumnPosts}
  448. {block:IndexPage}
  449. {block:if500Posts}width: 530px;{/block:if500Posts}
  450. {block:ifNot500Posts}
  451. width: 430px;
  452. {block:if540Posts}width: 570px;{/block:if540Posts}
  453. {/block:ifNot500Posts}
  454. {/block:IndexPage}
  455. {/block:ifNotMultipleColumnPosts}
  456.  
  457. {block:ifMultipleColumnPosts}
  458. {block:IndexPage}
  459. margin-left: auto;
  460. margin-right: auto;
  461. {/block:IndexPage}
  462. {/block:ifMultipleColumnPosts}
  463.  
  464. {block:PermalinkPage}
  465. {block:if500Posts}width: 530px;{/block:if500Posts}
  466. {block:ifNot500Posts}
  467. width: 430px;
  468. {block:if540Posts}width: 570px;{/block:if540Posts}
  469. {/block:ifNot500Posts}
  470. {/block:PermalinkPage}
  471.  
  472. margin-bottom: 100px;
  473. position:relative;
  474. margin-top:60px;
  475. }
  476.  
  477.  
  478.  
  479. img.center {
  480. display: block;
  481. margin-left: auto;
  482. margin-right: auto;
  483. }
  484.  
  485.  
  486.  
  487. .entryholder{
  488. text-align: left;
  489. margin-bottom: 70px;
  490.  
  491. {block:ifNotMultipleColumnPosts}
  492. {block:IndexPage}
  493. {block:if500Posts}width: 540px;{/block:if500Posts}
  494. {block:ifNot500Posts}
  495. width: 440px;
  496. {block:if540Posts}width: 580px;{/block:if540Posts}
  497. {/block:ifNot500Posts}
  498. {/block:IndexPage}
  499. {/block:ifNotMultipleColumnPosts}
  500.  
  501. {block:ifMultipleColumnPosts}
  502. {block:IndexPage}
  503. float: left;
  504. width:290px;
  505. margin-bottom: 50px;
  506. margin-right:50px;
  507. {/block:IndexPage}
  508. {/block:ifMultipleColumnPosts}
  509.  
  510. {block:PermalinkPage}
  511. {block:if500Posts}width: 540px;{/block:if500Posts}
  512. {block:ifNot500Posts}
  513. width: 440px;
  514. padding-bottom:5px;
  515. {block:if540Posts}width: 580px;{/block:if540Posts}
  516. {/block:ifNot500Posts}
  517. {/block:PermalinkPage}
  518.  
  519.  
  520. -webkit-transition: all 0.9s ease;
  521. -moz-transition: all 0.9s ease;
  522. -o-transition: all 0.9s ease;
  523. position:relative;
  524.  
  525. }
  526.  
  527.  
  528. .entry{
  529.  
  530. text-align: left;
  531. padding: 20px;
  532.  
  533. {block:ifNotMultipleColumnPosts}
  534. {block:IndexPage}
  535. {block:if500Posts}width: 500px;{/block:if500Posts}
  536. {block:ifNot500Posts}
  537. width: 400px;
  538. {block:if540Posts}width: 540px;{/block:if540Posts}
  539. {/block:ifNot500Posts}
  540. {/block:IndexPage}
  541. {/block:ifNotMultipleColumnPosts}
  542.  
  543. {block:ifMultipleColumnPosts}
  544. {block:IndexPage}
  545. float: left;
  546. width:250px;
  547. {/block:IndexPage}
  548. {/block:ifMultipleColumnPosts}
  549.  
  550. {block:PermalinkPage}
  551. {block:if500Posts}width: 500px;{/block:if500Posts}
  552. {block:ifNot500Posts}
  553. width: 400px;
  554. {block:if540Posts}width: 540px;{/block:if540Posts}
  555. {/block:ifNot500Posts}
  556. {/block:PermalinkPage}
  557.  
  558. font-family: calibri;
  559. font-size: 10px;
  560. letter-spacing:1px;
  561. overflow: hidden;
  562. background-color: {color:EntryBackground};
  563. color: {color:entrytext};
  564. -webkit-transition: all 0.9s ease;
  565. -moz-transition: all 0.9s ease;
  566. -o-transition: all 0.9s ease;
  567. position:relative;
  568. }
  569.  
  570. .entry img{
  571. opacity: 0.8;
  572.  
  573. {block:ifNotMultipleColumnPosts}
  574. {block:IndexPage}
  575. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  576. {block:ifNot500Posts}
  577. max-width: 400px;
  578. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  579. {/block:ifNot500Posts}
  580. {/block:IndexPage}
  581. {/block:ifNotMultipleColumnPosts}
  582.  
  583. {block:ifMultipleColumnPosts}
  584. {block:IndexPage}
  585. max-width: 250px;
  586. {/block:IndexPage}
  587. {/block:ifMultipleColumnPosts}
  588.  
  589. {block:PermalinkPage}
  590. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  591. {block:ifNot500Posts}
  592. max-width: 400px;
  593. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  594. {/block:ifNot500Posts}
  595. {/block:PermalinkPage}
  596.  
  597. {block:ifMonochrome}
  598. 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+ */
  599. filter: gray; /* IE6-9 */
  600. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  601. -webkit-transition: all 0.7s linear;
  602. -moz-transition: all 0.7s linear;
  603. -o-transition: all 0.7s linear;
  604. {/block:ifMonochrome}
  605. }
  606.  
  607.  
  608.  
  609.  
  610. {block:ifMonochrome}
  611. .mono{
  612. 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+ */
  613. filter: gray; /* IE6-9 */
  614. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  615. -webkit-transition: all 0.7s linear;
  616. -moz-transition: all 0.7s linear;
  617. -o-transition: all 0.7s linear;
  618. }
  619.  
  620.  
  621. .mono, .entry img:hover{
  622. filter: none;
  623. -webkit-filter: grayscale(0%);
  624. }
  625.  
  626. {/block:ifMonochrome}
  627.  
  628.  
  629. .entry b, strong{
  630. color: {color:EntryBold};
  631. }
  632.  
  633. .entry i, em{
  634. color: {color:EntryItalic};
  635. }
  636.  
  637. .entry a{
  638. color: {color:EntryLink};
  639. text-decoration: none;
  640. }
  641.  
  642. .entry h1{
  643. font-family: consolas;
  644. text-transform: uppercase;
  645. font-size: 15px;
  646. font-weight: 20px;
  647. letter-spacing: 1px;
  648. }
  649.  
  650. .entry h1 a{
  651. color: {color:EntryLink};
  652. }
  653.  
  654.  
  655.  
  656.  
  657. blockquote{
  658. border-left: 4px solid {color:blockquoteborder};
  659. font-size: 11px;
  660. padding-left:10px;
  661. padding-right: 4px;
  662. margin:5px;
  663. text-align:justify;
  664. }
  665.  
  666.  
  667. .entry blockquote img{
  668. max-width: 90%;
  669. height:auto;
  670. margin-left: 3px;
  671. }
  672.  
  673. blockquote img{
  674. max-width: 90%;
  675. height:auto;
  676. margin-left: 3px;
  677. }
  678.  
  679.  
  680. .entry pre{
  681. word-wrap:break-word;
  682. white-space: pre-wrap;
  683. word-break:break-all;
  684. font-family:courier new;
  685. font-size:11px;
  686. padding:5px;
  687. letter-spacing:0px;
  688. background-color:{color:blockquotebackground};
  689. color:{color:blockquotetext};
  690. }
  691.  
  692.  
  693. .entry pre a{
  694. color:{color:BlockquoteLink};
  695. }
  696.  
  697.  
  698. .entry blockquote pre{
  699. background-color:{color:blockquotebackground};
  700. color:{color:blockquotetext};
  701. font-size:10px;
  702. font-family:courier new;
  703. width:93%;
  704. margin:5px;
  705. display:block;
  706. word-wrap:break-word;
  707. white-space: pre-wrap;
  708. word-break:break-all;
  709. }
  710.  
  711.  
  712. .entry blockquote pre a{
  713. color:{color:BlockquoteLink};
  714. }
  715.  
  716.  
  717.  
  718. #perma{
  719.  
  720. {block:ifNotMultipleColumnPosts}
  721. {block:IndexPage}
  722. {block:if500Posts}width: 520px;{/block:if500Posts}
  723. {block:ifNot500Posts}
  724. width: 420px;
  725. {block:if540Posts}width: 560px;{/block:if540Posts}
  726. {/block:ifNot500Posts}
  727. {/block:IndexPage}
  728. {/block:ifNotMultipleColumnPosts}
  729.  
  730. {block:ifMultipleColumnPosts}
  731. {block:IndexPage}
  732. width: 270px;
  733. {/block:IndexPage}
  734. {/block:ifMultipleColumnPosts}
  735.  
  736. margin: 0px 0px 0px 0px;
  737. padding:10px;
  738. background-color:{color:PermaBackground};
  739. display:inline-block;
  740. font-family:calibri;
  741. font-size:10px;
  742. letter-spacing:1px;
  743. }
  744.  
  745. #perma a{
  746. color: {color:PermaLink};
  747. font-style: none;
  748. }
  749.  
  750. #perma a:hover {
  751. color: {color:PermaLinkHover};
  752. font-style: none;
  753. }
  754.  
  755. x{
  756. font-size: 12px;
  757. color: {color:permatext};
  758. }
  759.  
  760.  
  761.  
  762.  
  763. .permalink {
  764. font-family: cambria;
  765. font-size: 10px;
  766. color: {color:entrytext};
  767. text-transform: uppercase;
  768. text-align: center;
  769. {block:if500Posts}width: 494px;{/block:if500Posts}
  770. {block:ifNot500Posts}
  771. width: 394px;
  772. {block:if540Posts}width: 534px;{/block:if540Posts}
  773. {/block:ifNot500Posts}
  774. margin-top: 20px;
  775. padding:10px;
  776. margin-bottom: 10px;
  777. margin-left: -10px;
  778. float: left;
  779. background-color: {color:entrybackground};
  780. }
  781.  
  782. .permalink b {
  783. color: {color:EntryBold};
  784. font-weight: normal;
  785. }
  786.  
  787. #date {
  788. color: {color:entrytext};
  789. }
  790.  
  791. .permalink a {
  792. color: {color:EntryLink};
  793. text-decoration: none;
  794. }
  795.  
  796.  
  797.  
  798. .title{
  799. color: {color:posttitle};
  800. padding-top: 5px;
  801. padding-bottom: 5px;
  802. font-size: 25px;
  803. margin-bottom:10px;
  804. font-family: 'gabo_driveregular';
  805. line-height: 24px;
  806. text-align: center;
  807. border-bottom: 1px {color:entrytext} solid;
  808. }
  809.  
  810. .title2{
  811. color: {color:PostTitle};
  812. padding:20px;
  813. font-size: 24px;
  814. margin-bottom:10px;
  815. display:block;
  816. text-transform: none;
  817. text-align: center;
  818. font-family: 'gabo_driveregular';
  819. background-color: {color:posttitlebackground};
  820. border:1px solid {color:posttitle};
  821. -webkit-transition: all 0.5s linear;
  822. -moz-transition: all 0.5s linear;
  823. -o-transition: all 0.5s linear;
  824. }
  825.  
  826.  
  827. .title2 a{
  828. color: {color:PostTitle};
  829. width:100%;
  830. display:block;
  831. text-decoration:none;
  832. }
  833.  
  834. .title2 z{
  835. color: {color:PostTitle};
  836. font-size:11px;
  837. font-family:calibri;
  838. width:100%;
  839. text-decoration:underline;
  840. display:block;
  841. word-wrap:break-word;
  842. white-space: pre-wrap;
  843. word-break:break-all;
  844. }
  845.  
  846.  
  847. .title2 a:hover{
  848. color: {color:PostTitle};
  849. }
  850.  
  851.  
  852. .arrow-down {
  853. margin-top:-5px;
  854. display:block;
  855. margin-left:20px;
  856. width:0px;
  857. height:0px;
  858. border-left:10px solid transparent;
  859. border-right:10px solid transparent;
  860. border-top:15px solid {color:entrytext};
  861. font-size:0px;
  862. line-height:0px;
  863. }
  864.  
  865.  
  866. .ask {
  867. display:inline-block;
  868. padding:1px;
  869. width:100%;
  870. font-size:11px;
  871. margin-left:0px;
  872. margin-top:0px;
  873. color:{color:entrytext};
  874. text-transform: none;
  875. }
  876.  
  877. .askx{
  878. width: 50px;
  879. height:50px;
  880. margin-top:0px;
  881. margin-right:10px;
  882. border:1px solid {color:entrytext};
  883. display:block;
  884. float:left;
  885. text-align:center;
  886. }
  887.  
  888. .askx img {
  889. width: 50px;
  890. height:50px;
  891. }
  892.  
  893. .asky {
  894. text-transform:uppercase;
  895. margin-top:5px;
  896. font-size:10px;
  897. display:block;
  898. float:left;
  899. padding:1px;
  900. border-bottom:1px dotted {color:entrytext};
  901. color:{color:entrytext};
  902. }
  903.  
  904.  
  905. .aska{
  906. display:block;
  907. margin-top:10px;
  908. padding-top:5px;
  909. border-top: 1px dashed {color:entrytext};
  910. }
  911.  
  912.  
  913.  
  914. #quote{
  915. color: {color:entrytext};
  916. padding: 15px;
  917. font: 200 15px 'Dosis', sans-serif;
  918. letter-spacing:0px;
  919. text-align:center;
  920. line-height: 15px;
  921. display:block;
  922. text-align:justify;
  923. }
  924.  
  925. #quotes{
  926. position:absolute;
  927. margin-left:-30px;
  928. margin-top:80px;
  929. font-size:200px;
  930. z-index:1;
  931. font-family:'Arima Madurai', sans-serif;
  932. color:{color:QuotationMark};
  933. }
  934.  
  935. #source {
  936. font-family: consolas;
  937. font-size:10px;
  938. display:block;
  939. padding:3px;
  940. text-align: center;
  941. margin-top: 10px;
  942. }
  943.  
  944.  
  945.  
  946. b,strong{
  947. color:{color:EntryBold};
  948. }
  949.  
  950.  
  951. i,em{
  952. color:{color:EntryItalic};
  953. }
  954.  
  955.  
  956. #source p{
  957. display:none;
  958. }
  959.  
  960. ol.notes {
  961. background-color:{color:entrybackground};
  962. font-family:tahoma;
  963. font-size:10px;
  964. padding-top:10px;
  965. border: 0px;
  966. padding-left:15px;
  967. margin-top:10px;
  968.  
  969. {block:if500Posts}width: 476px;{/block:if500Posts}
  970. {block:ifNot500Posts}
  971. width: 376px;
  972. {block:if540Posts}width: 516px;{/block:if540Posts}
  973. {/block:ifNot500Posts}
  974.  
  975.  
  976. {block:PermaLinkPage}
  977. {block:if500Posts}width: 476px;{/block:if500Posts}
  978. {block:ifNot500Posts}
  979. width: 376px;
  980. {block:if540Posts}width: 516px;{/block:if540Posts}
  981. {/block:ifNot500Posts}
  982. {/block:PermaLinkPage}
  983.  
  984. margin-left: 0px;
  985. list-style-type: none;
  986. }
  987.  
  988. ol.notes li.note {
  989. background: ;
  990. padding:5px;
  991. {block:if500Posts}width: 480px;{/block:if500Posts}
  992. {block:ifNot500Posts}
  993. width: 380px;
  994. {block:if540Posts}width: 520px;{/block:if540Posts}
  995. {/block:ifNot500Posts}
  996.  
  997.  
  998. {block:PermaLinkPage}
  999. {block:if500Posts}width: 480px;{/block:if500Posts}
  1000. {block:ifNot500Posts}
  1001. width: 380px;
  1002. {block:if540Posts}width: 520px;{/block:if540Posts}
  1003. {/block:ifNot500Posts}
  1004. {/block:PermaLinkPage}
  1005. letter-spacing: 0px;
  1006. text-align: left;
  1007. }
  1008.  
  1009. ol.notes li.note a{
  1010. color:{color:EntryLink};
  1011. background: ;
  1012. font-family:tahoma;
  1013. text-transform:none;
  1014. letter-spacing:0px;
  1015. font-size:10px;}
  1016.  
  1017. ol.notes li.note img.avatar {
  1018. vertical-align: -4px;
  1019. margin-right: 0px;
  1020. }
  1021.  
  1022. .playerbuttonbg {
  1023. position: absolute;
  1024. left: 0px;
  1025. right: 0px;
  1026. top:0px;
  1027. {block:ifMultipleColumnPosts}
  1028. height: 80px;
  1029. {/block:ifMultipleColumnPosts}
  1030. {block:ifNotMultipleColumnPosts}
  1031. height: 200px;
  1032. {/block:ifNotMultipleColumnPosts}
  1033. {block:permalinkpage}
  1034. height: 200px;
  1035. {/block:permalinkpage}
  1036. background-color: #000;
  1037. transition: opacity .7s ease-in-out;
  1038. -moz-transition: opacity .7s ease-in-out;
  1039. -webkit-transition: opacity .7s ease-in-out;
  1040. }
  1041.  
  1042.  
  1043.  
  1044. .newplayerbutton {
  1045. position: relative;
  1046. {block:ifMultipleColumnPosts}
  1047. height: 80px;
  1048. right:80px;
  1049. {/block:ifMultipleColumnPosts}
  1050. {block:ifNotMultipleColumnPosts}
  1051. height: 200px;
  1052. right:200px;
  1053. {/block:ifNotMultipleColumnPosts}
  1054. {block:permalinkpage}
  1055. height: 200px;
  1056. right:200px;
  1057. {/block:permalinkpage}
  1058. left:0px;
  1059. overflow: hidden;
  1060. }
  1061.  
  1062. .playerbuttonhug {
  1063. position: absolute;
  1064.  
  1065. }
  1066.  
  1067. .tumblr_audio_player {
  1068. width:40px;
  1069. {block:ifMultipleColumnPosts}
  1070. height: 80px;
  1071. {/block:ifMultipleColumnPosts}
  1072. {block:ifNotMultipleColumnPosts}
  1073. height: 200px;
  1074. {/block:ifNotMultipleColumnPosts}
  1075. {block:permalinkpage}
  1076. height: 200px;
  1077. {/block:permalinkpage}
  1078. left:0px;
  1079. }
  1080.  
  1081.  
  1082. .audioimgwrapper {
  1083. position: absolute;
  1084. right: 0px;
  1085. top: 0px;
  1086. overflow: hidden;
  1087. {block:ifMultipleColumnPosts}
  1088. width: 80px;
  1089. height: 80px;
  1090. {/block:ifMultipleColumnPosts}
  1091. {block:ifNotMultipleColumnPosts}
  1092. width: 200px;
  1093. height: 200px;
  1094. {/block:ifNotMultipleColumnPosts}
  1095. {block:permalinkpage}
  1096. width: 200px;
  1097. height: 200px;
  1098. {/block:permalinkpage}
  1099. z-index:97;
  1100. }
  1101.  
  1102. .audioimgwrapper img {
  1103. width: 100%;
  1104. height: auto;
  1105. position:absolute;
  1106. z-index:9px;
  1107. top:0px;
  1108. }
  1109.  
  1110.  
  1111. .audioimgwrapper3{
  1112. width: 100%;
  1113. height: 100%;
  1114. position:absolute;
  1115. z-index:9px;
  1116. background-color:#000;
  1117. opacity:1;
  1118. }
  1119.  
  1120. .audioimgwrapper2 img {
  1121. width: 100%;
  1122. height: auto;
  1123. position:absolute;
  1124. z-index:-2px;
  1125. top:0px;
  1126. }
  1127.  
  1128. .trackdetails {
  1129. left: 40px;
  1130. position:absolute;
  1131. {block:ifMultipleColumnPosts}
  1132. height: 80px;
  1133. width:130px;
  1134. {/block:ifMultipleColumnPosts}
  1135. {block:ifNotMultipleColumnPosts}
  1136. height: 200px;
  1137. width:300px;
  1138. {/block:ifNotMultipleColumnPosts}
  1139. {block:permalinkpage}
  1140. height: 200px;
  1141. width:300px;
  1142. {/block:permalinkpage}
  1143. text-align:center;
  1144. z-index:999;
  1145. display: table;
  1146. font-size:20px;
  1147. font-family: 'mohavebold';
  1148. color:{color:EntryBold};
  1149. }
  1150.  
  1151.  
  1152. .trackdetails p{
  1153. width:100%;
  1154. text-align:center;
  1155. display: table-cell;
  1156. vertical-align: middle;
  1157. }
  1158.  
  1159.  
  1160. .pc{
  1161. font-size:20px;
  1162. font-family: 'mohavebold';
  1163. color:{color:EntryAudioPlayCount};
  1164. line-height:1px;
  1165. }
  1166.  
  1167. .ann{
  1168. font-size:10px;
  1169. font-family: 'mohaveregular';
  1170. color:{color:EntryAudioTrackName};
  1171. line-height:1px;
  1172. }
  1173.  
  1174.  
  1175. .audiowrapper {
  1176. position:relative;
  1177. display:block;
  1178. width:100%;
  1179. {block:ifMultipleColumnPosts}
  1180. height: 80px;
  1181. {/block:ifMultipleColumnPosts}
  1182. {block:ifNotMultipleColumnPosts}
  1183. height: 200px;
  1184. {/block:ifNotMultipleColumnPosts}
  1185. {block:permalinkpage}
  1186. height: 200px;
  1187. {/block:permalinkpage}
  1188. }
  1189.  
  1190.  
  1191. .photo img{
  1192. display:block;
  1193. opacity: 0.7;
  1194. {block:iffadingphoto}
  1195. filter:alpha(opacity=70);
  1196. -moz-opacity: 0.7;
  1197. -webkit-transition: all 0.7s linear;
  1198. -moz-transition: all 0.7s linear;
  1199. -o-transition: all 0.7s linear;
  1200. {/block:iffadingphoto}
  1201.  
  1202. {block:ifMonochrome}
  1203. 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+ */
  1204. filter: gray; /* IE6-9 */
  1205. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  1206. -webkit-transition: all 0.7s linear;
  1207. -moz-transition: all 0.7s linear;
  1208. -o-transition: all 0.7s linear;
  1209. {/block:ifMonochrome}
  1210. }
  1211.  
  1212. .photo:hover img{
  1213.  
  1214. filter: none;
  1215. -webkit-filter: grayscale(0%);
  1216. }
  1217.  
  1218.  
  1219. .odd .line {
  1220. padding: 15px;
  1221. border-bottom:1px dotted {color:entrytext};
  1222. }
  1223. .even .line {
  1224. padding:15px;
  1225. margin-top:-1px;
  1226. border-top:1px dotted {color:entrytext};
  1227. }
  1228. .odd .name {
  1229. font-weight:bold;
  1230. padding:0px 5px 0px 5px;
  1231. display:inline-block;
  1232. background:{color:entrytext};
  1233. color:{color:entrybackground};
  1234. }
  1235. .even .name {
  1236. font-weight:bold;
  1237. padding:0px 5px 0px 5px;
  1238. display:inline-block;
  1239. background:{color:entrytext};
  1240. color:{color:entrybackground};
  1241. }
  1242.  
  1243.  
  1244. #musicboxx
  1245. {position:fixed;
  1246. background-color:{color:EntryBackground};
  1247. bottom:0px;
  1248. left:0px;
  1249. width:96px;
  1250. height:12px;
  1251. text-align:center;
  1252. padding:3px;
  1253. overflow:hidden;
  1254. opacity:0.3;
  1255. z-index:9999999;
  1256. -webkit-transition: opacity 0.5s ease-in-out;
  1257. -webkit-transition: all 0.5s ease-in-out;
  1258. -moz-transition: all 0.5s ease-in-out;
  1259. -o-transition: all 0.5s ease-in-out;
  1260. }
  1261.  
  1262. #musicboxx:hover
  1263. {opacity:1;
  1264. }
  1265.  
  1266. #insidebox
  1267. {height:11px;
  1268. -webkit-transition: opacity 0.5s ease-in-out;
  1269. -webkit-transition: all 0.5s ease-in-out;
  1270. -moz-transition: all 0.5s ease-in-out;
  1271. -o-transition: all 0.5s ease-in-out;
  1272. }
  1273.  
  1274. #playerbox
  1275. {margin-top:0px;
  1276. }
  1277. #musicboxx:hover #insidebox
  1278. {margin-top:-23px;
  1279. }
  1280.  
  1281.  
  1282.  
  1283. .tmblr-iframe {
  1284. right:3px !important;
  1285. top:0px !important;
  1286. position:fixed !important;
  1287. z-index:9999999;
  1288. opacity: 0.4;
  1289. -webkit-transition: all 0.4s ease-in-out;
  1290. -moz-transition: all 0.4s ease-in-out;
  1291. -o-transition: all 0.4s ease-in-out;
  1292. -ms-transition: all 0.4s ease-in-out;
  1293. transition: all 0.4s ease-in-out;
  1294. }
  1295. .tmblr-iframe:hover {
  1296. opacity: 1;
  1297. -webkit-transition: all 0.4s ease-in-out;
  1298. -moz-transition: all 0.4s ease-in-out;
  1299. -o-transition: all 0.4s ease-in-out;
  1300. -ms-transition: all 0.4s ease-in-out;
  1301. transition: all 0.4s ease-in-out;
  1302. }
  1303.  
  1304.  
  1305. .photo img { max-width: 100%; height: auto }
  1306.  
  1307. #pagination{
  1308. width:10;
  1309. left:0px;
  1310. bottom:0px;
  1311. position:absolute;
  1312. padding:5px 15px 0px 0px;
  1313. display:none;
  1314. }
  1315.  
  1316. /* =============================================================================
  1317. PXU Photoset Extended Styles
  1318. ========================================================================== */
  1319.  
  1320. .clearit:before, .clearit:after { content: ""; display: table; }
  1321. .clearit:after { clear: both; }
  1322. .clearit { *zoom: 1; }
  1323.  
  1324. /* Photoset */
  1325.  
  1326. .photo-slideshow {
  1327. visibility: hidden;
  1328. }
  1329.  
  1330. .photo-slideshow.processed {
  1331. visibility: visible;
  1332. }
  1333.  
  1334. .photo-slideshow .row {
  1335. clear: both;
  1336. width: 100%;
  1337. }
  1338.  
  1339. .photo-slideshow .pxu-photo {
  1340. display: block;
  1341. float: left;
  1342. margin-bottom: 0;
  1343. width: 100%;
  1344. overflow: hidden;
  1345. }
  1346.  
  1347. .photo-slideshow .pxu-photo img {
  1348. display: block;
  1349. }
  1350.  
  1351. .photo-slideshow.processed .pxu-photo img {
  1352. width: 100%;
  1353. height: auto;
  1354. }
  1355.  
  1356. .photo-slideshow .pxu-photo:first-child img {
  1357. margin-left: 0;
  1358. }
  1359.  
  1360. .photo-slideshow .count-1 {
  1361. width: 100%;
  1362. margin-bottom:4px;
  1363. }
  1364.  
  1365. .photo-slideshow .count-2 {
  1366. margin-bottom:4px;
  1367. }
  1368.  
  1369. .photo-slideshow .count-2:nth-child(1) {
  1370. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1371. {block:ifNotMultipleColumnPosts}
  1372. {block:if500Posts}width: 248px;{/block:if500Posts}
  1373. {block:ifNot500Posts}
  1374. width: 198px;
  1375. {block:if540Posts}width: 268px;{/block:if540Posts}
  1376. {/block:ifNot500Posts}
  1377. {/block:ifNotMultipleColumnPosts}
  1378. {block:PermalinkPage}
  1379. {block:if500Posts}width: 248px;{/block:if500Posts}
  1380. {block:ifNot500Posts}
  1381. width: 198px;
  1382. {block:if540Posts}width: 268px;{/block:if540Posts}
  1383. {/block:ifNot500Posts}
  1384. {/block:PermalinkPage}
  1385. }
  1386.  
  1387. .photo-slideshow .count-2:nth-child(2) {
  1388. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1389. {block:ifNotMultipleColumnPosts}
  1390. {block:if500Posts}width: 248px;{/block:if500Posts}
  1391. {block:ifNot500Posts}
  1392. width: 198px;
  1393. {block:if540Posts}width: 268px;{/block:if540Posts}
  1394. {/block:ifNot500Posts}
  1395. {/block:ifNotMultipleColumnPosts}
  1396. {block:PermalinkPage}
  1397. {block:if500Posts}width: 248px;{/block:if500Posts}
  1398. {block:ifNot500Posts}
  1399. width: 198px;
  1400. {block:if540Posts}width: 268px;{/block:if540Posts}
  1401. {/block:ifNot500Posts}
  1402. {/block:PermalinkPage}
  1403. margin-left:4px;
  1404. }
  1405.  
  1406. .photo-slideshow .count-3{
  1407. margin-bottom:4px;
  1408. }
  1409.  
  1410. .photo-slideshow .count-3:nth-child(1) {
  1411. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1412. {block:ifNotMultipleColumnPosts}
  1413. {block:if500Posts}width: 164px;{/block:if500Posts}
  1414. {block:ifNot500Posts}
  1415. width: 130.6666666666667px;
  1416. {block:if540Posts}width: 177px;{/block:if540Posts}
  1417. {/block:ifNot500Posts}
  1418. {/block:ifNotMultipleColumnPosts}
  1419. {block:PermalinkPage}
  1420. {block:if500Posts}width: 164px;{/block:if500Posts}
  1421. {block:ifNot500Posts}
  1422. width: 130.6666666666667px;
  1423. {block:if540Posts}width: 177px;{/block:if540Posts}
  1424. {/block:ifNot500Posts}
  1425. {/block:PermalinkPage}
  1426. }
  1427.  
  1428. .photo-slideshow .count-3:nth-child(2) {
  1429. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1430. {block:ifNotMultipleColumnPosts}
  1431. {block:if500Posts}width: 164px;{/block:if500Posts}
  1432. {block:ifNot500Posts}
  1433. width: 130.6666666666667px;
  1434. {block:if540Posts} width: 178px;{/block:if540Posts}
  1435. {/block:ifNot500Posts}
  1436. {/block:ifNotMultipleColumnPosts}
  1437. {block:PermalinkPage}
  1438. {block:if500Posts}width: 164px;{/block:if500Posts}
  1439. {block:ifNot500Posts}
  1440. width: 130.6666666666667px;
  1441. {block:if540Posts} width: 178px;{/block:if540Posts}
  1442. {/block:ifNot500Posts}
  1443. {/block:PermalinkPage}
  1444. margin-left:4px;
  1445. }
  1446.  
  1447. .photo-slideshow .count-3:nth-child(3) {
  1448. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1449. {block:ifNotMultipleColumnPosts}
  1450. {block:if500Posts}width: 164px;{/block:if500Posts}
  1451. {block:ifNot500Posts}
  1452. width: 130.6666666666667px;
  1453. {block:if540Posts}width: 177px;{/block:if540Posts}
  1454. {/block:ifNot500Posts}
  1455. {/block:ifNotMultipleColumnPosts}
  1456. {block:PermalinkPage}
  1457. {block:if500Posts}width: 164px;{/block:if500Posts}
  1458. {block:ifNot500Posts}
  1459. width: 130.6666666666667px;
  1460. {block:if540Posts}width: 177px;{/block:if540Posts}
  1461. {/block:ifNot500Posts}
  1462. {/block:PermalinkPage}
  1463. margin-left:4px;
  1464. }
  1465.  
  1466. .photo-slideshow .count-4 {
  1467. width: 25%;
  1468. margin-bottom:4px;
  1469. }
  1470.  
  1471. .photo-slideshow .count-5 {
  1472. width: 20%;
  1473. margin-bottom:4px;
  1474. }
  1475.  
  1476. .photo-slideshow .info {
  1477. display: none;
  1478. }
  1479.  
  1480. .tumblr-box {
  1481. display:block;
  1482. position:absolute;
  1483. top:0;
  1484. right:0;
  1485. bottom:0;
  1486. left:0;
  1487. z-index:1;
  1488. }
  1489.  
  1490. /* Icons for EXIF Data and Zoom */
  1491.  
  1492. .photo-data {
  1493. position: relative;
  1494. float: left;
  1495. }
  1496.  
  1497. .icons {
  1498. position: absolute;
  1499. top: 5px;
  1500. right: 5px;
  1501. width: 20px;
  1502. height: 66px;
  1503. text-indent: -9999px;
  1504. z-index: 999;
  1505. visibility: hidden;
  1506. }
  1507.  
  1508. .icons > span, .icons .tumblr-box span {
  1509. width: 20px;
  1510. height: 20px;
  1511. display: block;
  1512. margin-bottom: 2px;
  1513. cursor: pointer;
  1514. }
  1515.  
  1516. .zoom {
  1517. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  1518. }
  1519.  
  1520. .info {
  1521. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  1522. position: relative;
  1523. }
  1524.  
  1525. /* EXIF & CAPTION Data Tooltip */
  1526.  
  1527. .pxu-data {
  1528. position: absolute;
  1529. top: 30px;
  1530. left: -110px;
  1531. width: 240px;
  1532. background: #000;
  1533. background: rgba(0,0,0,.85);
  1534. color: #fff;
  1535. font-size: 12px;
  1536. line-height: 1.4;
  1537. text-indent: 0;
  1538. padding: 20px;
  1539. display: none;
  1540. opacity: 0;
  1541. filter: alpha(opacity = 0);
  1542. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1543.  
  1544. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  1545.  
  1546. -webkit-border-radius: 5px;
  1547. -moz-border-radius: 5px;
  1548. border-radius: 5px;
  1549.  
  1550. -webkit-box-sizing: border-box;
  1551. -moz-box-sizing: border-box;
  1552. box-sizing: border-box;
  1553.  
  1554. }
  1555.  
  1556. .pxu-caption {
  1557. margin-top: 0;
  1558. word-wrap: break-word;
  1559. }
  1560.  
  1561. .pxu-caption:before {
  1562. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  1563. opacity: 0.5;
  1564. filter: alpha(opacity = 50);
  1565. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1566. float: left;
  1567. margin-right: 5px;
  1568. }
  1569.  
  1570. .pxu-data.caption-only .pxu-caption {
  1571. margin-bottom: 0;
  1572. }
  1573.  
  1574. .pxu-data table {
  1575. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  1576. font-weight: bold;
  1577. width: 100%;
  1578. }
  1579.  
  1580. .pxu-data table tr {
  1581. width: 100%;
  1582. }
  1583.  
  1584. .pxu-data table tr td {
  1585. width: 50%;
  1586. font-weight: bold;
  1587. padding-bottom: 15px;
  1588. }
  1589.  
  1590. .pxu-data table tr:last-child td {
  1591. padding-bottom: 0;
  1592. }
  1593.  
  1594. .pxu-data .label {
  1595. color: #cccccc;
  1596. text-transform: uppercase;
  1597. font-size: 10px;
  1598. text-align: right;
  1599. padding-right: 12px;
  1600. font-weight: normal;
  1601. }
  1602.  
  1603. .arrow-down {
  1604. width: 0;
  1605. height: 0;
  1606. border-left: 10px solid transparent;
  1607. border-right: 10px solid transparent;
  1608.  
  1609. border-bottom: 10px solid rgba(0,0,0,0.85);
  1610.  
  1611. position: absolute;
  1612. top: -10px;
  1613. left: 110px;
  1614. }
  1615.  
  1616.  
  1617. #s-m-t-tooltip{
  1618. display:inline-block;
  1619. z-index:9999999999999999 !important;
  1620. margin:24px 14px 7px 12px;
  1621. padding:3px;
  1622. font-family:calibri;
  1623. font-size:10px;
  1624. background-color: {color:navitext};
  1625. color: {color:navibackground};
  1626. }
  1627.  
  1628. .reblog-button svg path {
  1629. fill: {color:entryreblogbutton};
  1630. }
  1631.  
  1632. .like { /* Make a parent element */
  1633. position: relative;
  1634. }
  1635. .like svg path { /* Select your color of choice */
  1636. fill: {color:entrylikebutton};
  1637. }
  1638. .like .like_button { /* Position like button above your custom one */
  1639. position: absolute;
  1640. top:-1px;
  1641. opacity: 0;
  1642. }
  1643. .like .like_button.liked { /* Keep the functionality active */
  1644. opacity: 1;
  1645. }
  1646.  
  1647. .likedivv{
  1648. display:block;
  1649. float:right;
  1650. width:12px;
  1651. height:12px;
  1652. margin-left:10px;
  1653. }
  1654.  
  1655. .rblkbutton{
  1656. display:block;
  1657. float:right;
  1658. width:60px;
  1659. }
  1660.  
  1661. </style>
  1662.  
  1663. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  1664.  
  1665. <script src="https://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
  1666. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  1667.  
  1668. {block:ifMultipleColumnPosts}
  1669.  
  1670. <script src="https://static.tumblr.com/uuxiawr/rxno98eql/jquery.masonry.js"></script>
  1671. <script src="https://static.tumblr.com/uuxiawr/Ok7o98er1/imagesloaded.pkgd.min.js"></script>
  1672. {/block:ifMultipleColumnPosts}
  1673.  
  1674.  
  1675.  
  1676. {block:ifInfiniteScrolling}
  1677. <script src="https://static.tumblr.com/uuxiawr/ry0o98esm/jquery.infinitescroll.min.js" type="text/javascript"></script>
  1678. {/block:ifInfiniteScrolling}
  1679.  
  1680.  
  1681. <script type="text/javascript">
  1682. $(document).ready(function() {
  1683. $('.photo-slideshow').pxuPhotoset({
  1684. lightbox:true,
  1685. rounded:false,
  1686. gutter:'0px',
  1687. borderRadius:'0px',
  1688. photoset:'.photo-slideshow',
  1689. photoWrap:'.photo-data',
  1690. photo:'.pxu-photo'
  1691. });
  1692. });
  1693. </script>
  1694.  
  1695.  
  1696. <script type="text/javascript">
  1697. $(document).ready(function(){
  1698. var node = $("#descbox p").contents().filter(function () { return this.nodeType == 3 }).first(),
  1699. text = node.text(),
  1700. first = text.slice(0, text.indexOf(" "));
  1701.  
  1702. if (!node.length)
  1703. return;
  1704.  
  1705. node[0].nodeValue = text.slice(first.length);
  1706. node.before('<span class="first-word">' + first + '</span>');
  1707. })();
  1708. </script>
  1709.  
  1710.  
  1711. <script>
  1712. (function($){
  1713. $(document).ready(function(){
  1714. $("[title]").style_my_tooltips({
  1715. tip_follows_cursor:true,
  1716. tip_delay_time:0,
  1717. tip_fade_speed:0,
  1718. attribute:"title"
  1719. });
  1720. });
  1721. })(jQuery);
  1722. </script>
  1723.  
  1724.  
  1725. {block:IndexPage}
  1726. {block:ifnotInfiniteScrolling}
  1727. <script type="text/javascript">
  1728. $(document).ready(function(){
  1729. var $posts = $(".entryholder");
  1730. var $postIDs = $posts.map(function(){
  1731. return this.id;
  1732. }).get();
  1733. console.log($posts, $postIDs);
  1734. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1735. });
  1736. </script>
  1737. {/block:ifnotInfiniteScrolling}
  1738.  
  1739.  
  1740.  
  1741.  
  1742. <script type="text/javascript">
  1743. {block:ifMultipleColumnPosts}
  1744. $(document).ready(function () {
  1745. $(".audioembed iframe").width(250);
  1746. });
  1747. {/block:ifMultipleColumnPosts}
  1748.  
  1749. {block:ifNotMultipleColumnPosts}
  1750. {block:if540Posts}
  1751. $(document).ready(function () {
  1752. $(".audioembed iframe").width(540);
  1753. });
  1754. {/block:if540Posts}
  1755. {/block:ifNotMultipleColumnPosts}
  1756.  
  1757. {block:PermalinkPage}
  1758. {block:if500Posts}
  1759. $(document).ready(function () {
  1760. $(".audioembed iframe").width(500);
  1761. });
  1762. {/block:if500Posts}
  1763. {block:ifNot500Posts}
  1764. $(document).ready(function () {
  1765. $(".audioembed iframe").width(400);
  1766. });
  1767. {block:if540Posts}
  1768. $(document).ready(function () {
  1769. $(".audioembed iframe").width(540);
  1770. });
  1771. {/block:if540Posts}
  1772. {/block:ifNot500Posts}
  1773. {/block:PermalinkPage}
  1774.  
  1775.  
  1776.  
  1777.  
  1778. </script>
  1779.  
  1780.  
  1781. <script type="text/javascript">
  1782. $(document).ready(function(){
  1783. // infinite scrolling
  1784. var $container = $('#posts');
  1785.  
  1786. {block:ifMultipleColumnPosts}
  1787. // masonry setup
  1788. $container.masonry({
  1789. itemSelector:".entryholder",
  1790. columnWidth : 0,
  1791. isFitWidth: true,
  1792. });
  1793. $container.imagesLoaded(function(){
  1794. $container.masonry();
  1795. });
  1796. {/block:ifMultipleColumnPosts}
  1797.  
  1798. $container.infinitescroll({
  1799. loadingImg:'',
  1800. loadingText:'<em></em>',
  1801. navSelector:'#pagination',
  1802. nextSelector:'#pagination a.next',
  1803. itemSelector:'.entryholder',
  1804. },
  1805. function(newElements){
  1806. // definitions
  1807. var $newElems = $(newElements);
  1808.  
  1809. {block:ifMultipleColumnPosts}
  1810. // masonry for infinite scroll
  1811. $newElems.imagesLoaded(function(){
  1812. $container.masonry("appended", $newElems);
  1813. });
  1814. {/block:ifMultipleColumnPosts}
  1815.  
  1816. $newElems.find('.photo-slideshow').pxuPhotoset({
  1817. lightbox:true,
  1818. rounded:false,
  1819. gutter:'0px',
  1820. borderRadius:'0px',
  1821. photoset:'.photo-slideshow',
  1822. photoWrap:'.photo-data',
  1823. photo:'.pxu-photo'
  1824. });
  1825. var $posts = $(".entryholder");
  1826. var $postIDs = $posts.map(function(){
  1827. return this.id;
  1828. }).get();
  1829. console.log($newElems, $postIDs);
  1830. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1831. resizeVideos();
  1832.  
  1833. });
  1834.  
  1835. })(jQuery);
  1836. </script>
  1837.  
  1838.  
  1839. {/block:IndexPage}
  1840.  
  1841.  
  1842.  
  1843.  
  1844. </head>
  1845.  
  1846.  
  1847. <body>
  1848.  
  1849.  
  1850.  
  1851.  
  1852. {block:indexpage}
  1853. {block:ifmusicplayer}
  1854.  
  1855. <div id="musicboxx">
  1856. <div id="insidebox">
  1857. <div id="musicpic"><img src="https://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
  1858. <div id="playerbox">{text:musiccode}</div>
  1859. </div><!--insidebox-->
  1860. </div><!--musicbox-->
  1861.  
  1862.  
  1863. {/block:ifmusicplayer}
  1864. {/block:indexpage}
  1865.  
  1866.  
  1867.  
  1868.  
  1869.  
  1870. <div class="btm">
  1871. <div id="descbox"><p>{Description}</p></div>
  1872. <div class="t1">}</div>
  1873. <div class="t2"><img src="{PortraitURL-96}"></div>
  1874.  
  1875. {block:IfNotInfiniteScrolling}
  1876. {block:indexpage}
  1877. <div id="pagi">
  1878. <p>
  1879. {block:Pagination}
  1880. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&#8592;</a>{/block:PreviousPage}
  1881. {block:JumpPagination length="5"}
  1882. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1883. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1884. {block:NextPage}<a href="{NextPage}" class="jump_page">&#8594;</a>{/block:NextPage}
  1885. {/block:Pagination}
  1886. </p>
  1887.  
  1888. </div>
  1889. {/block:indexpage}
  1890. {/block:IfNotInfiniteScrolling}
  1891.  
  1892. </div>
  1893. <div id="sidebary"></div>
  1894.  
  1895.  
  1896. <div id="sidebar">
  1897.  
  1898.  
  1899.  
  1900. <!--
  1901. <div style="display: table; height: 100%; #position: relative; z-index:999;">
  1902. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  1903. <div class="sidebar" style=" #position: relative; #top: -50%;">
  1904. -->
  1905.  
  1906.  
  1907. <div class="sidebar">
  1908. <div id="titlebox">
  1909. <a href="/">{Title}</a>
  1910. </div>
  1911.  
  1912. <div class="linkholder">
  1913.  
  1914.  
  1915. <a href="{text:LinkURL1}" title="{text:LinkTitle1}" style="color:{color:link1};border-color:{color:link1}">001.<div class="txt">{text:LinkTitle1}</div></a>
  1916.  
  1917.  
  1918. <a href="{text:LinkURL2}"title="{text:LinkTitle2}" style="color:{color:link2};border-color:{color:link2}">002.<div class="txt">{text:LinkTitle2}</div></a>
  1919.  
  1920.  
  1921. <a href="{text:LinkURL3}" title="{text:LinkTitle3}" style="color:{color:link3};border-color:{color:link3}">003.<div class="txt">{text:LinkTitle3}</div></a>
  1922.  
  1923.  
  1924. <a href="{text:LinkURL4}" title="{text:LinkTitle4}" style="color:{color:link4};border-color:{color:link4}">004.<div class="txt">{text:LinkTitle4}</div></a>
  1925.  
  1926.  
  1927. <a href="{text:LinkURL5}" title="{text:LinkTitle5}" style="color:{color:link5};border-color:{color:link5}">005.<div class="txt">{text:LinkTitle5}</div></a>
  1928.  
  1929.  
  1930. <a href="{text:LinkURL6}" title="{text:LinkTitle6}" style="color:{color:link6};border-color:{color:link6}">006.<div class="txt">{text:LinkTitle6}</div></a>
  1931.  
  1932.  
  1933. <a href="{text:LinkURL7}" title="{text:LinkTitle7}" style="color:{color:link7};border-color:{color:link7}">007.<div class="txt">{text:LinkTitle7}</div></a>
  1934.  
  1935.  
  1936. <a href="{text:LinkURL8}" title="{text:LinkTitle8}" style="color:{color:link8};border-color:{color:link8}">008.<div class="txt">{text:LinkTitle8}</div></a>
  1937.  
  1938.  
  1939. </div>
  1940.  
  1941.  
  1942. <div id="sidebarx">
  1943. <img src="{image:sidebarimage}">
  1944. <div id="navibox">
  1945. <a href="/" >Home</a>
  1946. <a href="/ask" >Message</a>
  1947. <a href="/archive" >Archive</a>
  1948. <a href="https://dianthus-s.tumblr.com/" >Theme</a>
  1949. </div>
  1950.  
  1951.  
  1952.  
  1953. </div>
  1954.  
  1955.  
  1956.  
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.  
  1964. </div>
  1965. <!--
  1966. </div>
  1967. </div>
  1968. </div>
  1969.  
  1970.  
  1971.  
  1972.  
  1973.  
  1974.  
  1975. -->
  1976.  
  1977.  
  1978. </div>
  1979.  
  1980.  
  1981. {block:Pagination}
  1982. <div id="pagination">
  1983. {block:PreviousPage}<a href="{PreviousPage}" class="prev hint--right" data-hint="back"><i class="ion-chevron-left"></i></a>{/block:PreviousPage}
  1984. {block:NextPage}<a href="{NextPage}" class="next hint--right" data-hint="forth"><i class="ion-chevron-right"></i></a>{/block:NextPage}
  1985. </div>
  1986. {/block:Pagination}
  1987.  
  1988.  
  1989.  
  1990.  
  1991. <div class="holdxx">
  1992.  
  1993. <div id="posts">
  1994.  
  1995. {block:Posts}
  1996.  
  1997. <div class="entryholder" id="{PostID}">
  1998.  
  1999. <div class="entry" >
  2000.  
  2001.  
  2002. {block:Text}
  2003. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  2004. {/block:Text}
  2005.  
  2006. {block:Photo}
  2007. {block:ifNotMultipleColumnPosts}
  2008. {block:IndexPage}
  2009. {LinkOpenTag}
  2010. {block:if500Posts}
  2011. <img src="{PhotoURL-HighRes}" class="center" style="min-width:500px">
  2012. {/block:if500Posts}
  2013. {block:ifNot500Posts}
  2014. {block:if540Posts}
  2015. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  2016. {/block:if540Posts}
  2017. {block:ifNot540Posts}
  2018. <img src="{PhotoURL-HighRes}" class="center" style="min-width:400px">
  2019. {/block:ifNot540Posts}
  2020. {/block:ifNot500Posts}
  2021. {LinkCloseTag}
  2022. {/block:IndexPage}
  2023. {/block:ifNotMultipleColumnPosts}
  2024.  
  2025.  
  2026. {block:ifMultipleColumnPosts}
  2027. {block:IndexPage}
  2028. {LinkOpenTag}
  2029. <img src="{PhotoURL-250}" class="center">
  2030. {LinkCloseTag}
  2031. {/block:IndexPage}
  2032. {/block:ifMultipleColumnPosts}
  2033.  
  2034.  
  2035. {block:PermalinkPage}
  2036. {LinkOpenTag}
  2037. {block:if500Posts}
  2038. <img src="{PhotoURL-HighRes}" class="center" style="min-width:500px">
  2039. {/block:if500Posts}
  2040. {block:ifNot500Posts}
  2041. {block:if540Posts}
  2042. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  2043. {/block:if540Posts}
  2044. {block:ifNot540Posts}
  2045. <img src="{PhotoURL-HighRes}" class="center" style="min-width:400px">
  2046. {/block:ifNot540Posts}
  2047. {/block:ifNot500Posts}
  2048. {LinkCloseTag}
  2049. {/block:PermalinkPage}
  2050.  
  2051.  
  2052. {block:IfShowCaptions}
  2053. {block:Caption}
  2054. {Caption}
  2055. {/block:Caption}
  2056. {/block:IfShowCaptions}
  2057. {block:IfNotShowCaptions}
  2058. {block:PermalinkPage}
  2059. {block:Caption}
  2060. {Caption}
  2061. {/block:Caption}
  2062. {/block:PermalinkPage}
  2063. {/block:IfNotShowCaptions}
  2064. {/block:Photo}
  2065.  
  2066.  
  2067.  
  2068. {block:Photoset}
  2069. <div class="photo">
  2070. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  2071. {block:Photos}
  2072. <div class="photo-data">
  2073. <div class="pxu-photo">
  2074. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  2075. </div>
  2076. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  2077. </div>
  2078. {/block:Photos}
  2079. </div>
  2080. </div><!--photo-->
  2081.  
  2082.  
  2083. {block:IfShowCaptions}
  2084. {block:Caption}
  2085. {Caption}
  2086. {/block:Caption}
  2087. {/block:IfShowCaptions}
  2088. {block:IfNotShowCaptions}
  2089. {block:PermalinkPage}
  2090. {block:Caption}
  2091. {Caption}
  2092. {/block:Caption}
  2093. {/block:PermalinkPage}
  2094. {/block:IfNotShowCaptions}
  2095. {/block:Photoset}
  2096.  
  2097.  
  2098. {block:Link}
  2099. <div class="title2">
  2100. <a href="{URL}" {Target}>{Name}</br>
  2101. <z>{URL}</z>
  2102. </a>
  2103. </div>
  2104. {block:Description}{Description}{/block:Description}
  2105. {/block:Link}
  2106.  
  2107.  
  2108. {block:Quote}
  2109.  
  2110. <div id="quote"><div id="quotes">“</div><div style="z-index:99;position:relative;">{Quote}</div></div>
  2111. {block:Source}
  2112. <div id="source"> —{Source}</div>
  2113.  
  2114. {block:ContentSource}
  2115. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2116. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2117. {/block:SourceLogo}
  2118. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2119. {/block:ContentSource}
  2120.  
  2121. {/block:Source}
  2122. {/block:Quote}
  2123.  
  2124.  
  2125. {block:Chat}
  2126. {block:Title}
  2127. <div class="title">{Title}</div>
  2128. {/block:Title}
  2129. {block:Lines}<div class="{Alt}">
  2130. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  2131. {/block:Lines}
  2132. {/block:Chat}
  2133.  
  2134.  
  2135.  
  2136. {block:audio}
  2137. <div class="audioembed">
  2138. <div style="height: 85px">{AudioEmbed-500}</div>
  2139. </div>
  2140. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  2141. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  2142. {Caption}
  2143. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  2144. {/block:audio}
  2145.  
  2146.  
  2147.  
  2148. {block:Video}
  2149. {block:ifNotMultipleColumnPosts}
  2150. {block:IndexPage}
  2151. {block:if500Posts}
  2152. {Video-500}
  2153. {/block:if500Posts}
  2154. {block:ifNot500Posts}
  2155. {block:if540Posts}
  2156. <center>
  2157. {Video-500}
  2158. </center>
  2159. {/block:if540Posts}
  2160. {block:ifNot540Posts}
  2161. {Video-400}
  2162. {/block:ifNot540Posts}
  2163. {/block:ifNot500Posts}
  2164. {/block:IndexPage}
  2165. {/block:ifNotMultipleColumnPosts}
  2166.  
  2167. {block:ifMultipleColumnPosts}
  2168. {block:IndexPage}
  2169. {Video-250}
  2170. {/block:IndexPage}
  2171. {/block:ifMultipleColumnPosts}
  2172.  
  2173. {block:PermalinkPage}
  2174. {block:if500Posts}
  2175. {Video-500}
  2176. {/block:if500Posts}
  2177. {block:ifNot500Posts}
  2178. {block:if540Posts}
  2179. <center>
  2180. {Video-500}
  2181. </center>
  2182. {/block:if540Posts}
  2183. {block:ifNot540Posts}
  2184. {Video-400}
  2185. {/block:ifNot540Posts}
  2186. {/block:ifNot500Posts}
  2187. {/block:PermalinkPage}
  2188.  
  2189.  
  2190. {block:IfShowCaptions}
  2191. {block:Caption}
  2192. {Caption}
  2193. {/block:Caption}
  2194. {/block:IfShowCaptions}
  2195. {block:IfNotShowCaptions}
  2196. {block:PermalinkPage}
  2197. {block:Caption}
  2198. {Caption}
  2199. {/block:Caption}
  2200. {/block:PermalinkPage}
  2201. {/block:IfNotShowCaptions}
  2202. {/block:Video}
  2203.  
  2204.  
  2205.  
  2206. {block:Answer}
  2207. <div class="ask">
  2208. <div class="askx"><img src="{AskerPortraitURL-64}" align="center"></div>
  2209. <div class="asky">{Asker} ASKED &rarr;</div></br></br>
  2210. {Question}
  2211. </div>
  2212. <div class="aska">{Answer}</div>
  2213. {/block:Answer}
  2214.  
  2215.  
  2216. {block:ContentSource}
  2217. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2218. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2219. {/block:SourceLogo}
  2220. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2221. {/block:ContentSource}
  2222.  
  2223.  
  2224. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2225.  
  2226.  
  2227. {block:PermalinkPage}
  2228. <div class="permalink">
  2229. <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}
  2230. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  2231. {block:PostNotes}
  2232. {PostNotes}
  2233. {/block:PostNotes}
  2234. </div>
  2235. {/block:PermalinkPage}
  2236.  
  2237. {block:IndexPage}
  2238. {block:IfShowTags}
  2239. {block:HasTags}
  2240. <div style="display:inline-block;width:100%;padding-top:5px;border-top:1px solid {color:entrytext};text-align:center;">
  2241. {block:Tags} #<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}
  2242. </div>
  2243. {/block:HasTags}
  2244. {/block:IfShowTags}
  2245. {/block:IndexPage}
  2246.  
  2247.  
  2248.  
  2249.  
  2250. </div>
  2251.  
  2252. {block:IndexPage}
  2253.  
  2254.  
  2255.  
  2256.  
  2257.  
  2258. <div id="perma">
  2259.  
  2260. <div style="display:inline-block;float:left">
  2261. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogRootURL}">Ori</a> .<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  2262. </div>
  2263.  
  2264.  
  2265. <div class="rblkbutton">
  2266.  
  2267. <div class="likedivv" style="margin-top:1px;">
  2268. <div class="reblog-button">
  2269. {ReblogButton size="11"}
  2270. </div>
  2271. </div>
  2272.  
  2273.  
  2274. <div class="likedivv">
  2275. <div class="like">
  2276. <svg width="12" height="12" viewBox="0 0 20 13" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000">
  2277. <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>
  2278. </svg>
  2279. {LikeButton size="13"}
  2280. </div>
  2281. </div>
  2282.  
  2283. </div>
  2284. </div>
  2285.  
  2286. {/block:IndexPage}
  2287.  
  2288. </div>
  2289.  
  2290. {/block:Posts}
  2291.  
  2292. </div>
  2293. </div>
  2294.  
  2295. <div>
  2296.  
  2297. <img src="{image:cornerimage}" style="position:fixed;
  2298. max-height: 100%;
  2299. max-width: 500px;
  2300. right:-20px;
  2301. bottom:-5px;
  2302. z-index:-9;
  2303. ">
  2304.  
  2305. </div>
  2306. </body>
  2307. </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!