API tools faq
paste
Advertisement
hermionemessi

Theme 10

hermionemessi
Feb 5th, 2017
2,805
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--THEME 10 All Too Well by hermionegrangcr
  4.  
  5. THEME BLOG: grangersdesigns
  6.  
  7.  
  8. ♛ ♛ ♛
  9. ♛♛♛ ♛♛♛ ♛♛♛
  10. ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛
  11. ♛♛♛ ♥ G♚D ♥ ♛♛♛
  12. ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛
  13. ♛ ♛ ♛ ♛ ♛ ♛ ♛ © hermionegrangcr
  14.  
  15.  
  16. Important:
  17.  
  18. ♚ Basic rules apply (see https://hermionegrangcr.tumblr.com/rules)
  19.  
  20. ♚ This theme is optimised for Google Chrome and laptops of 13~15 in.
  21.  
  22. ♚ Tweak this to your preference as long as the credits remain intact.
  23.  
  24. ♚ If you encounter any issues or have any suggestions, please message me at https://grangersdesigns/faq
  25.  
  26. -->
  27. <head>
  28.  
  29. <meta charset="UTF-8" />
  30. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32.  
  33. <title>{Title}</title>
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}"/>
  37. {/block:Description}
  38.  
  39. <link rel="shortcut icon" href="{Favicon}">
  40.  
  41. <meta name="image:sidebar" content="https://static.tumblr.com/d0969d484613dddeaa37858ff409d517/xbvpdcx/5dHo1k18h/tumblr_static_2cevhqn6pl34ggs8k8wg0g848.jpg">
  42.  
  43. <meta name="color:highlight" content="#C4D0F5">
  44. <meta name="color:grad1" content="#fafafa">
  45. <meta name="color:grad2" content="#cdcdcd">
  46.  
  47. <meta name="if:unnested captions" content="">
  48. <meta name="if:infinite scroll" content="">
  49. <meta name="if:manual load" content="">
  50.  
  51. <meta name="select:background"content="simple_bg" title="simple">
  52. <meta name="select:background"content="grad_bg" title="gradient">
  53. <meta name="select:background"content="white_bg" title="white">
  54.  
  55.  
  56. <meta name="select:font size" content="12px" title="12px">
  57. <meta name="select:font size" content="11px" title="11px">
  58. <meta name="select:font size" content="10px" title="10px">
  59. <meta name="select:font size" content="9px" title="9px">
  60.  
  61.  
  62. <meta name="select:post width"content="post400"title="400px"/>
  63. <meta name="select:post width"content="post540"title="540px"/>
  64. <meta name="select:post width"content="post500"title="500px"/>
  65. <meta name="select:post width"content="post450"title="450px"/>
  66. <meta name="select:post width"content="post350"title="350px"/>
  67. <meta name="select:post width"content="post300"title="300px"/>
  68.  
  69. <meta name="select:post spacing" content="80px">
  70. <meta name="select:post spacing" content="70px">
  71. <meta name="select:post spacing" content="60px">
  72. <meta name="select:post spacing" content="50px">
  73. <meta name="select:post spacing" content="90px">
  74. <meta name="select:post spacing" content="100px">
  75. <meta name="select:post spacing" content="110px">
  76. <meta name="select:post spacing" content="120px">
  77.  
  78. <meta name="select:notes display" content="def_notes" title="default">
  79. <meta name="select:notes display" content="grid_notes" title="grid">
  80.  
  81.  
  82. <meta name="select:photoset gutter"content="5px"title="5px">
  83. <meta name="select:photoset gutter"content="10px"title="10px">
  84. <meta name="select:photoset gutter"content="2px"title="2px">
  85. <meta name="select:photoset gutter"content="1px"title="1px">
  86. <meta name="select:photoset gutter"content="0px"title="0px">
  87.  
  88. <meta name="text:Link1" content="Link1">
  89. <meta name="text:link1 URL" content="/">
  90. <meta name="text:Link2" content="Link2">
  91. <meta name="text:link2 URL" content="/">
  92. <meta name="text:Link3" content="Link3">
  93. <meta name="text:link3 URL" content="/">
  94.  
  95. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css' rel='stylesheet'type="text/css">
  98.  
  99.  
  100. <style type="text/css">
  101. *,
  102. *::before,
  103. *::after {
  104. box-sizing: inherit;
  105. -webkit-box-sizing: inherit;
  106. -moz-box-sizing: inherit;
  107. }
  108.  
  109. html {
  110. box-sizing: border-box;
  111. -webkit-box-sizing: border-box;
  112. -moz-box-sizing: border-box;
  113. }
  114.  
  115. html, body {height:100%;}
  116.  
  117. /*Tumblr Controls*/
  118. .iframe-controls--desktop{
  119. padding-right:10px !important;
  120. right:-35px !important;
  121. top:-5px !important;
  122. opacity:0;
  123. transform: scale(0.7);
  124. -webkit-transform: scale(0.7);
  125. -moz-transform: scale(0.7);
  126. -o-transform: scale(0.7);
  127. -ms-transform: scale(0.7);
  128. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  129. -webkit-transition: all 0.3s ease-in-out;
  130. transition:all 0.3s ease-in-out;
  131. box-sizing: content-box;
  132. -webkit-box-sizing: content-box;
  133. -moz-box-sizing: content-box;
  134.  
  135. }
  136. .iframe-controls--desktop:hover {
  137. opacity:0.6;
  138. -webkit-transition: all 0.3s ease-in-out;
  139. transition:all 0.3s ease-in-out;
  140. }
  141.  
  142. {block:permalinkpage}
  143. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  144. width: 500px!important;
  145. }
  146.  
  147. .iframe-controls--desktop {right:-70px!important;}
  148. {/block:permalinkpage}
  149.  
  150. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  151. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  152. @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  153. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  154.  
  155. /*hover controls*/
  156. #controlscog {
  157. z-index:50;
  158. position:fixed;
  159. top:10px;
  160. right:5px;
  161. background:transparent!important;
  162. }
  163.  
  164. ::-webkit-scrollbar {
  165. width:12px;
  166. background:inherit;
  167. }
  168.  
  169. ::-webkit-scrollbar:horizontal {display:none;}
  170.  
  171. ::-webkit-scrollbar-thumb { background-color: {color:highlight}; border:5px solid #f5f5f5; }
  172.  
  173.  
  174. body {
  175. color: #5f5f5f;
  176. font-size: {select:font size};
  177. line-height: 160%;
  178. font-family: 'cantarell', Arial, sans-serif;
  179. overflow-x:hidden;
  180. background-attachment:fixed;
  181. margin:0;
  182. -webkit-font-smoothing: antialiased;
  183. -moz-osx-font-smoothing: grayscale;
  184. }
  185.  
  186. body.simple_bg { background:#efefef;}
  187. body.white_bg {background:#fff;}
  188.  
  189. body.grad_bg {
  190. background: -webkit-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* Chrome 10+, Saf5.1+ */
  191. background: -moz-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* FF3.6+ */
  192. background: -ms-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* IE10 */
  193. background: -o-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* Opera 11.10+ */
  194. background: linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* W3C */
  195. }
  196.  
  197.  
  198. iframe, img:not(.lightbox-image), embed, object, video, pre, li, blockquote {max-width: 100% !important;}
  199.  
  200. a {
  201. text-decoration:none;
  202. color:#ababab;
  203. cursor:crosshair;
  204. -webkit-transition: all 0.3s ease-in-out;
  205. transition:all 0.3s ease-in-out;
  206. }
  207.  
  208. a:hover {
  209. color:{color:highlight};
  210. -webkit-transition: all 0.3s ease-in-out;
  211. transition:all 0.3s ease-in-out;
  212. }
  213.  
  214. pre {
  215. white-space: pre-wrap;
  216. white-space: -moz-pre-wrap;
  217. white-space: -pre-wrap;
  218. white-space: -o-pre-wrap;
  219. word-wrap: break-word;
  220. background:#f5f5f5;
  221. padding:5px;
  222. }
  223.  
  224. #s-m-t-tooltip{
  225. position:absolute;
  226. margin-top: 10px;
  227. z-index:9999999999;
  228. padding:2px 5px 2px 5px;
  229. max-width:500px;
  230. background: #fff;
  231. font-size:{select:font size};
  232. text-transform:uppercase;
  233. box-shadow: 1px 1px 3px #dfdfdf;
  234. }
  235.  
  236. #sidebar {
  237. background:#fff;
  238. border-right:1px solid #dfdfdf;
  239. top:0;
  240. left:0;
  241. position:fixed;
  242. z-index:10;
  243. width:400px;
  244. height:100%;
  245. display:flex;
  246. display:-webkit-flex;
  247. display:-moz-flex;
  248. display:-ms-flex;
  249. display: -webkit-box;
  250. align-items:center;
  251. -webkit-align-items:center;
  252. -moz-align-items:center;
  253. -ms-align-items:center;
  254. justify-content:center;
  255. -webkit-justify-content:center;
  256. -moz-justify-content:center;
  257. -ms-justify-content:center;
  258. -webkit-box-align: center;
  259. -webkit-box-pack:center;
  260. -webkit-transition: all 0.3s ease-in-out;
  261. transition:all 0.3s ease-in-out;
  262.  
  263. }
  264.  
  265. #sb {text-align:center;}
  266.  
  267. #sb > img {
  268. width:220px;
  269. height:220px;
  270. border-radius:5%;
  271. -webkit-border-radius:5%;
  272. -moz-border-radius:5%;
  273. display:block;
  274. margin: auto;
  275. -webkit-transition: all 0.3s ease-in-out;
  276. transition:all 0.3s ease-in-out;
  277. }
  278.  
  279. #sb > nav {
  280. width:300px;
  281. text-align:center;
  282. text-transform:uppercase;
  283. padding-bottom:8px;
  284. -webkit-transition: all 0.3s ease-in-out;
  285. transition:all 0.3s ease-in-out;
  286. }
  287.  
  288. #sb > nav a {
  289. margin:0 3px 0 3px;
  290. border-bottom:1px solid transparent;
  291. }
  292.  
  293. #sb > nav a:hover {
  294. border-bottom: 1px solid {color:highlight};
  295. }
  296.  
  297. #sb > nav a:first-of-type {margin-left:0;}
  298. #sb > nav a:last-of-type {margin-right:0;}
  299.  
  300. #sb .myinfo {
  301. margin:12px auto;
  302. width:220px;
  303. border-top:1px solid #dfdfdf;
  304. border-bottom:1px solid #dfdfdf;
  305. color:#898989;
  306. -webkit-transition: all 0.3s ease-in-out;
  307. transition:all 0.3s ease-in-out;
  308. }
  309.  
  310. .myinfo img {display:none;}
  311.  
  312. /*jump pag*/
  313. aside {
  314. margin:12px auto;
  315. {block:ifinfinitescroll}
  316. display:none;
  317. {/block:ifinfinitescroll}
  318. }
  319. aside * + * {margin:4px;}
  320.  
  321. /*other pg options*/
  322.  
  323. #infscr-loading {display:none !important;}
  324. .manual_cont {
  325. text-align:center;
  326. margin-top:calc(-{select:post spacing} / 2);
  327. margin-bottom:calc({select:post spacing} / 2);
  328. }
  329.  
  330. @media screen and (max-width: 1000px) {
  331. #sidebar {
  332. width:300px;
  333. -webkit-transition: all 0.3s ease-in-out;
  334. transition:all 0.3s ease-in-out;
  335. }
  336. #sb > img {
  337. width:180px;
  338. height:180px;
  339. -webkit-transition: all 0.3s ease-in-out;
  340. transition:all 0.3s ease-in-out;
  341. }
  342.  
  343. #sb > nav {
  344. width:220px;
  345. -webkit-transition: all 0.3s ease-in-out;
  346. transition:all 0.3s ease-in-out;
  347. }
  348.  
  349. #sb .myinfo {
  350. width:220px;
  351. -webkit-transition: all 0.3s ease-in-out;
  352. transition:all 0.3s ease-in-out;
  353. }
  354.  
  355. }
  356.  
  357. #entries {position:relative;}
  358. main {display:block;}
  359.  
  360. .post500 #entries {width:calc(100% - 500px); left:400px;}
  361. .post540 #entries {width:calc(100% - 540px); left:450px;}
  362. .post450 #entries {width:calc(100% - 450px); left:400px;}
  363. .post400 #entries {width:calc(100% - 400px); left:400px;}
  364. .post350 #entries {width:calc(100% - 350px); left:350px;}
  365. .post300 #entries {width:calc(100% - 300px); left:350px;}
  366.  
  367. article.posthold {margin:{select:post spacing} auto;}
  368.  
  369. {block:ifinfinitescroll}
  370. article.posthold {
  371. -webkit-animation:fadeIn ease-in 1s;
  372. -o-animation:fadeIn ease-in 1s;
  373. -moz-animation:fadeIn ease-in 1s;
  374. animation:fadeIn ease-in 1s;
  375. }
  376. {/block:ifinfinitescroll}
  377.  
  378. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  379. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  380. @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  381. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  382.  
  383. .post500 article.posthold {width:500px;}
  384. .post540 article.posthold {width:540px;}
  385. .post450 article.posthold {width:450px;}
  386. .post400 article.posthold {width:400px;}
  387. .post350 article.posthold {width:350px;}
  388. .post300 article.posthold {width:300px;}
  389.  
  390.  
  391. .posts {
  392. width:100%;
  393. background:#fff;
  394. padding:5px;
  395. border:1px solid #eaeaea;
  396. }
  397.  
  398. .white_bg .posts {border:none;padding:0;}
  399.  
  400.  
  401. .posts img {
  402. max-width:100%;
  403. height:auto;
  404. }
  405.  
  406. .posts img.photop {display:block;line-height:0;}
  407.  
  408. .posts video, .posts .tumblr_video_container {
  409. width: 100% !important;
  410. height: auto !important;
  411. }
  412.  
  413. .posts h1, .posts h2 {font-weight:400;}
  414.  
  415. .posts h1 {
  416. font-size:calc({select:font size} * 1.8);
  417. padding-left:calc(({select:font size} * 2)/3);
  418. padding-right:calc(({select:font size} * 2)/3);
  419. margin:{select:font size} 0 {select:font size} 0;
  420.  
  421. }
  422.  
  423. .posts h2 {
  424. font-size:calc({select:font size} * 1.4);
  425. margin:calc(({select:font size} * 2)/3) 0 calc(({select:font size} * 2)/3) 0;
  426. padding:0 calc({select:font size} / 2) 0 calc({select:font size} / 2);
  427. }
  428.  
  429. .white_bg .posts h1 {padding:0;}
  430.  
  431. .posts p:empty {display:none;}
  432.  
  433. .posts .captions {padding:0 calc(({select:font size} * 2)/3);text-align:justify;}
  434.  
  435. .white_bg .captions {padding:0;}
  436.  
  437. .defcap .captions a, .qsource a, span.action a, .tumblr_parent p a {border-bottom:1px solid #dfdfdf;}
  438. .defcap .captions a:hover, .qsource a:hover, span.action a:hover, .tumblr_parent p a:hover {border-bottom:1px solid {color:highlight};}
  439.  
  440. body:not(.unnested) .posts .captions *:not(.readmore_txt):not(h2) {vertical-align:inherit;font-size:inherit;font-style:inherit;}
  441.  
  442.  
  443. .posts ol, .posts ul {
  444. list-style: none;
  445. margin-top: 0;
  446. padding-left: 0;
  447. }
  448. .posts ol {
  449. list-style: decimal inside;
  450. }
  451.  
  452. .posts ul {
  453. list-style: circle inside;
  454. }
  455.  
  456. .posts li {margin-bottom:calc({select:font size} / 2);}
  457.  
  458. .posts ol ol,.posts ol ul, .posts ul ol,.posts ul ul {
  459. margin:{select:font size} 0 {select:font size} 0;
  460. }
  461.  
  462. .defcap blockquote {
  463. border-left: 1px solid {color:highlight};
  464. margin-left: 0;
  465. margin-right: 0;
  466. padding-left: {select:font size};
  467. }
  468.  
  469. .defcap blockquote *:last-child {
  470. margin-bottom: 0;
  471. }
  472.  
  473. .defcap blockquote > p:first-of-type {margin-top:0;}
  474.  
  475. .defcap blockquote blockquote {
  476. padding: 0 0 0 0;
  477. margin: 0 0 0 0;
  478. border-left:none;
  479.  
  480. }
  481.  
  482.  
  483. blockquote.tumblr_parent {
  484. max-width:100%;
  485. margin:0;
  486. }
  487.  
  488. .tumblr_parent blockquote {
  489. padding: 0 0 0 10px;
  490. margin: 0 0 0 0;
  491. border-left:1px {color:highlight} solid;
  492. }
  493.  
  494. .tumblr_parent blockquote div {margin:{select:font size} 0 {select:font size} 0;}
  495.  
  496.  
  497. .unnested blockquote.tumblr_parent *:not(i):not(b):not(em):not(strong):not(a) {vertical-align:middle;}
  498.  
  499.  
  500.  
  501. img.tumblr_avatar {border-radius:10%;margin-right:{select:font size};margin-top:calc({select:font size} / 2);margin-bottom:calc({select:font size} / 2);width:36px;height:36px;}
  502.  
  503. img.tumblr_avatar + a.tumblr_blog {font-weight:bold;vertical-align:middle;}
  504.  
  505. blockquote.tumblr_parent .captions.txtps p:first-child:not(:empty){margin-top:0;}
  506.  
  507.  
  508. /*links, asks, readmore*/
  509. div.linkp_cont, div.ask_cont, div.readmore_wrap {
  510. padding:calc(({select:font size} * 2)/3);
  511. padding-bottom:0;
  512. display:-webkit-box;
  513. display:-ms-flexbox;
  514. display:flex;
  515. -webkit-box-orient: horizontal;
  516. -webkit-box-direction: normal;
  517. -ms-flex-direction: row;
  518. flex-direction: row;
  519. -ms-flex-wrap: wrap;
  520. flex-wrap: wrap;
  521. -webkit-box-pack: justify;
  522. -ms-flex-pack: justify;
  523. justify-content: space-between;
  524. -ms-flex-line-pack: center;
  525. align-content: center;
  526. -webkit-box-align: center;
  527. -ms-flex-align: center;
  528. align-items: center;
  529. }
  530.  
  531. div.readmore_wrap {padding:calc({select:font size}/3);}
  532.  
  533. .readmore_wrap a {border-bottom:none !important;}
  534. .readmore_wrap h2 {font-size:calc({select:font size} * 1.2)}
  535.  
  536.  
  537. .white_bg div.linkp_cont, .white_bg div.ask_cont, .white_bg div.readmore_wrap {padding-left:0;padding-right:0;}
  538.  
  539. .unnested .linkp_cont, .unnested .ask_cont {margin-bottom:calc({select:font size} * (2/3));}
  540.  
  541. div.icon.icon--m {
  542. background: #f5f5f5;
  543. width:calc({select:font size} * 1.6 * 2);
  544. height:calc({select:font size} * 1.6 * 2);
  545. border-radius:50%;
  546. padding:4px;
  547. }
  548.  
  549.  
  550. .icon--m svg, .ask_cont .icon.icon--s svg {fill:#898989;}
  551.  
  552. .ask_cont .icon.icon--s {
  553. background:#f5f5f5;
  554. width:30px;
  555. height:30px;
  556. }
  557.  
  558. div.linktxt, div.sender, .readmore_txt {
  559. width:calc(100% - ((({select:font size} * 2)/3) + ({select:font size} * 1.6 * 2)));
  560. overflow:hidden;
  561. white-space:nowrap;
  562. text-overflow:ellipsis;
  563. }
  564.  
  565. .linktxt a, a.readmore {
  566. display:inline-block;
  567. position:relative;
  568. }
  569.  
  570. .linktxt a:after, a.readmore:after {
  571. content: '';
  572. display: block;
  573. height: 2px;
  574. margin-left:8px;
  575. width: 0;
  576. background: transparent;
  577. transition: width .5s ease, background-color .5s ease;
  578. }
  579.  
  580. a.readmore:after {height:1px;margin-left:6px;}
  581.  
  582. .linktxt a:hover:after, a.readmore:hover:after {
  583. width: calc(100% - 12px);
  584. background: {color:highlight};
  585. }
  586.  
  587. a.readmore:hover:after {
  588. width:calc(100% - 8px);
  589. }
  590.  
  591. /*ask*/
  592.  
  593. .sender {
  594. text-transform:uppercase;
  595. }
  596.  
  597.  
  598. .ask_q {
  599. width:100%;
  600. padding: calc(({select:font size} * 2)/3);
  601. padding-top:{select:font size};
  602. margin-top:{select:font size};
  603. border-top:1px solid #dfdfdf;
  604. }
  605.  
  606. .white_bg .ask_q {padding-left:0;padding-right:0;}
  607.  
  608.  
  609. /*quotes*/
  610.  
  611. h1.qshort, h1.qmedium, h1.qlong {font-style:italic;}
  612.  
  613. h1.qshort {line-height:140%;}
  614. h1.qmedium, h1.qlong {line-height:160%;}
  615.  
  616. h1.qmedium {font-size:calc({select:font size} * 1.5);}
  617.  
  618. h1.qlong {font-size:calc({select:font size} * 1.2);}
  619.  
  620. span.qsource {width:100%;padding:{select:font size};display:block;}
  621.  
  622. .white_bg span.qsource {padding-left:0;padding-right:0;}
  623.  
  624. /*lightbox*/
  625. #tumblr_lightbox,.tmblr-lightbox {background:#efefef!important;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }
  626.  
  627.  
  628. #tumblr_lightbox img,.tmblr-lightbox .vignette {
  629. opacity:0;
  630. -webkit-box-shadow:none!important;
  631. box-shadow:none!important;
  632. }
  633.  
  634. #tumblr_lightbox_center_image {
  635. opacity: 1!important;
  636. background-color: #fff!important;
  637. }
  638.  
  639. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:0.5!important;
  640. -webkit-transition: all 0.3s ease-in-out;
  641. transition:all 0.3s ease-in-out;
  642. }
  643.  
  644. #tumblr_lightbox_left_image:hover, #tumblr_lightbox_right_image:hover {
  645. opacity:1!important;
  646. -webkit-transition: all 0.3s ease-in-out;
  647. transition:all 0.3s ease-in-out;
  648. }
  649.  
  650.  
  651. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .tmblr-lightbox .lightbox-image {
  652. box-shadow: 0 0 0 transparent !important;
  653. }
  654.  
  655. #tumblr_lightbox img, #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .tmblr-lightbox .lightbox-image {
  656. border-radius:5px!important;
  657. -moz-border-radius: 5px!important;
  658. -webkit-border-radius: 5px!important;
  659. -o-border-radius: 5px!important;
  660. }
  661.  
  662.  
  663.  
  664. #tumblr_lightbox_caption,.tmblr-lightbox .lightbox-caption { visibility: hidden; }
  665.  
  666. /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
  667. .photo-slideshow .count-1 {
  668. margin-bottom:{select:photoset gutter}!important;
  669. }
  670.  
  671.  
  672. .photo-slideshow .count-2 {
  673. margin-left:{select:photoset gutter}!important;
  674. margin-bottom:{select:photoset gutter}!important;
  675. width:calc(50% - ({select:photoset gutter}/2))!important;
  676. }
  677.  
  678. .photo-slideshow .count-2:first-child {
  679. margin-left:0!important;
  680. }
  681.  
  682. .photo-slideshow .count-3 {
  683. margin-left:{select:photoset gutter}!important;
  684. margin-bottom:{select:photoset gutter}!important;
  685. width:calc((100% - (2 * {select:photoset gutter}))/3)!important;
  686. }
  687.  
  688. .photo-slideshow .count-3:first-child {
  689. margin-left:0!important;
  690. }
  691. .photo-slideshow {
  692. display:block!important;
  693. margin-bottom:calc(-({select:photoset gutter} - 3px));
  694. position:relative;
  695. width:100%;
  696. }
  697.  
  698. .defcap .photo-slideshow.processed {margin-bottom:0!important;}
  699.  
  700. .defcap .row:last-of-type .count-1{margin-bottom:0!important;}
  701.  
  702. .unnested .photo-slideshow.processed {margin-bottom:calc({select:font size} * (2/3)) !important;}
  703. /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
  704.  
  705. /*audio posts*/
  706. .flitwick {
  707. width:100%;
  708. display:flex;
  709. display:-webkit-flex;
  710. display:-moz-flex;
  711. display:-ms-flex;
  712. align-items:center;
  713. -webkit-align-items:center;
  714. -moz-align-items:center;
  715. -ms-align-items:center;
  716. display: -webkit-box;
  717. -webkit-box-align: center;
  718. position:relative;
  719. }
  720.  
  721. .unnested .flitwick {margin-bottom:calc({select:font size} * (2/3));}
  722.  
  723. .grammy {
  724. position:relative;
  725. margin-left:0;
  726. width:100px;
  727. height:100px;
  728. }
  729.  
  730. .post300 .grammy, .post350 .grammy {width:70px;height:70px;}
  731.  
  732. .mariah {
  733. position:absolute;
  734. background:#fff;
  735. z-index:10;
  736. opacity:0;
  737. text-align:center;
  738. width:80px;
  739. height:80px;
  740. margin-top:10px;
  741. margin-left:10px;
  742. -webkit-transition: all 0.3s ease-in-out;
  743. transition:all 0.3s ease-in-out;
  744. }
  745.  
  746. .post300 .mariah, .post350 .mariah {width:50px;height:50px;}
  747.  
  748. .mariah:hover {
  749. opacity:0.8;
  750. -webkit-transition: all 0.3s ease-in-out;
  751. transition:all 0.3s ease-in-out;
  752. }
  753.  
  754. .playbox {
  755. overflow:hidden;
  756. width:40px;
  757. height:40px;
  758. margin-top:25px;
  759. margin-left:20px;
  760. }
  761.  
  762. .post300 .playbox, .post350 .playbox {width:25px;height:25px;}
  763.  
  764.  
  765. .taylor {
  766. padding:0;
  767. margin-left:0px;
  768. background:#fafafa;
  769. display:flex;
  770. display:-webkit-flex;
  771. display:-moz-flex;
  772. display:-ms-flex;
  773. align-items:center;
  774. -webkit-align-items:center;
  775. -moz-align-items:center;
  776. -ms-align-items:center;
  777. justify-content:center;
  778. -webkit-justify-content:center;
  779. -moz-justify-content:center;
  780. -ms-justify-content:center;
  781. display: -webkit-box;
  782. -webkit-box-align: center;
  783. -webkit-box-pack:center;
  784. width:calc(100% - 100px);
  785. height:100px;
  786. }
  787.  
  788. .post300 .taylor, .post350 .taylor {width:calc(100% - 70px);height:70px;}
  789.  
  790. .swift {
  791. font-weight:normal;
  792. text-overflow: ellipsis;
  793. white-space: nowrap;
  794. overflow:hidden;
  795. max-width:calc(100% - 50px);
  796. line-height:2;
  797. }
  798.  
  799. .post300 .swift, .post350 .swift {line-height:1.75;}
  800.  
  801.  
  802.  
  803. .swift b {
  804. font-weight:bold;
  805. }
  806.  
  807. /*index footer*/
  808. .in-footer {
  809. width:100%;
  810. margin-top:12px;
  811. display:-webkit-box;
  812. display:-ms-flexbox;
  813. display:flex;
  814. -webkit-box-orient: horizontal;
  815. -webkit-box-direction: normal;
  816. -ms-flex-direction: row;
  817. flex-direction: row;
  818. -ms-flex-wrap: wrap;
  819. flex-wrap: wrap;
  820. -webkit-box-pack: justify;
  821. -ms-flex-pack: justify;
  822. justify-content: space-between;
  823. -ms-flex-line-pack: center;
  824. align-content: center;
  825. -webkit-box-align: center;
  826. -ms-flex-align: center;
  827. align-items: center;
  828. }
  829.  
  830. div.icon.icon--s {
  831. width:24px;
  832. height:24px;
  833. padding:4px;
  834. background:{color:highlight};
  835. border-radius:50%;
  836. position:relative;
  837. overflow:hidden;
  838.  
  839. }
  840.  
  841. .icon--s svg.icon__cnt {fill:#fff;}
  842.  
  843. .pbasic {margin-top:-5px;}
  844.  
  845. .pbasic > * {vertical-align:middle;}
  846.  
  847. .pbasic span {padding-left:4px;}
  848.  
  849. .pbasic span a {color:inherit;}
  850. .pbasic span a:hover {color:{color:highlight};}
  851.  
  852. a.rblink {position:absolute;width:100%;height:100%;top:0;left:0;}
  853.  
  854. .soc div.icon.icon--s:hover {background:#fff;}
  855.  
  856. .soc div.icon.icon--s:hover svg.icon__cnt {
  857. fill:{color:highlight};
  858. }
  859.  
  860. /* class for the Tumblr Like Button iframe */
  861. .like_button {
  862. position: absolute;
  863. cursor:pointer;
  864. top: 0;
  865. left: 0;
  866. right: 0;
  867. bottom: 0;
  868. width: 100%;
  869. height: 100%;
  870. opacity: 0;
  871. z-index: 3;
  872. }
  873. /* Force iframe to fill button */
  874. .like_button iframe {
  875. width: 100% !important;
  876. height: 100% !important;
  877. }
  878.  
  879. .likedb {background:#fff;}
  880.  
  881. .like_button.liked + svg.icon__cnt {
  882. fill: red!important;
  883. }
  884.  
  885. .tags {
  886. {block:indexpage}
  887. display:none;
  888. {/block:indexpage}
  889. font-size:90%;
  890. width:100%;
  891. margin-top:calc({select:font size} / 2);
  892. font-style:italic;
  893. word-wrap:break-word;
  894. }
  895.  
  896. a.togglet {margin-left:calc({select:font size} * 2);color:inherit;}
  897.  
  898. a.togglet:hover, a.togglet:focus, a.togglet:active {color:{color:highlight};}
  899.  
  900. .tags a {
  901. display:inline;
  902. margin-right:calc({select:font size} / 2);
  903. }
  904.  
  905.  
  906. /*permanotes displays*/
  907. .viasrc {
  908. font-size:90%;
  909. width:100%;
  910. margin-top:calc({select:font size});
  911. line-height:140%;
  912. }
  913.  
  914. /*def notes*/
  915.  
  916. h1.notehead {font-size:140%;margin:calc({select:font size}) 0 calc({select:font size} * 1.5) 0 !important;}
  917.  
  918. .def_notes .postnotes ol.notes {list-style:none;margin:0;padding-left:5px;}
  919.  
  920. .def_notes .postnotes ol.notes li.note {
  921. display:flex;
  922. display:-webkit-flex;
  923. display:-moz-flex;
  924. display:-ms-flex;
  925. align-items:center;
  926. -webkit-align-items:center;
  927. -moz-align-items:center;
  928. -ms-align-items:center;
  929. margin:16px 0 16px 0;
  930. }
  931.  
  932. .def_notes .postnotes ol.notes li.note:first-of-type {margin-top:8px;}
  933.  
  934. .def_notes .postnotes li.note:last-of-type {margin-bottom:8px;}
  935.  
  936. .def_notes .postnotes ol.notes li.note a.avatar_frame {height:48px;margin-right:16px;}
  937.  
  938.  
  939. .def_notes .postnotes ol.notes li.note img.avatar {
  940. border-radius:5%;
  941. width:48px;
  942. height:48px;
  943. opacity:1;
  944. -webkit-transition: all 0.3s ease-in-out;
  945. transition:all 0.3s ease-in-out;
  946. }
  947.  
  948. .def_notes .postnotes ol.notes li.note img.avatar:hover {
  949. opacity:0.7;
  950. -webkit-transition: all 0.3s ease-in-out;
  951. transition:all 0.3s ease-in-out;
  952. }
  953.  
  954. .def_notes .postnotes ol.notes li.note span.action {word-wrap: break-word;max-width:calc(100% - 70px);}
  955.  
  956. .def_notes .postnotes li.with_commentary blockquote {
  957. display:none;
  958. }
  959.  
  960. .def_notes .postnotes ol.notes li.note.more_notes_link_container {background:transparent;margin-top:2em;padding:10px;text-transform:uppercase; letter-spacing:1.2px;line-height:160%;text-align:center;margin-bottom:8px;}
  961.  
  962. .def_notes li.more_notes_link_container a, .grid_notes li.more_notes_link_container a {
  963. margin:auto;
  964. cursor:help;
  965. border-bottom:1px solid #dfdfdf;
  966. -webkit-transition: all 0.3s ease-in-out;
  967. transition:all 0.3s ease-in-out;
  968. }
  969.  
  970. .def_notes li.more_notes_link_container a:hover, .grid_notes li.more_notes_link_container a:hover{
  971. color:{color:highlight};
  972. border-bottom:1px solid {color:highlight};
  973. -webkit-transition: all 0.3s ease-in-out;
  974. transition:all 0.3s ease-in-out;
  975. }
  976.  
  977. /*Grid notes*/
  978. .grid_notes .postnotes *{ margin:0; padding:0; }
  979.  
  980. .grid_notes .postnotes { text-align: center; }
  981.  
  982. .grid_notes ol.notes {margin-top:1em;}
  983.  
  984. .grid_notes .postnotes li{ list-style-type:none; display:inline-block; width:32px; height:32px; margin:5px; overflow:hidden; }
  985.  
  986. .grid_notes .postnotes img{ width:32px; height:32px; border-radius:5%;}
  987.  
  988. .grid_notes li.more_notes_link_container{
  989. width:100%!important;
  990. }
  991.  
  992. /*PLEASE DO NOT ALTER OR COVER THE CREDIT, THANKS! C: */
  993. #leo {
  994.  
  995. font-family: Arial, Sans-Serif;
  996. text-transform:uppercase;
  997. text-align:center;
  998. z-index:99;
  999. box-sizing:content-box;
  1000. -webkit-box-sizing:content-box;
  1001. -moz-box-sizing:content-box;
  1002.  
  1003. }
  1004.  
  1005. #leo a {
  1006. z-index:99;
  1007. position:fixed;
  1008. font-size:12px;
  1009. line-height:16px;
  1010. width:18px;
  1011. height:18px;
  1012. font-weight:300;
  1013. bottom:12px;
  1014. right:5px;
  1015. color:#000;
  1016. background:rgba(255,255,255,0.4);
  1017. padding:5px;
  1018. transition: all 1s ease-in-out;
  1019. -webkit-transition: all 1s ease-in-out;
  1020. -o-transition: all 1s ease-in-out;
  1021. -moz-transition: all 1s ease-in-out;
  1022. box-sizing:content-box;
  1023. -webkit-box-sizing:content-box;
  1024. -moz-box-sizing:content-box;
  1025. }
  1026.  
  1027. #leo a:hover {
  1028. background-color:rgba(0,0,0,1);
  1029. color:#fff;
  1030. border-radius:50%;
  1031. -webkit-animation: hermione 1s; /* Chrome, Safari, Opera */
  1032. -moz-animation: hermione 1s;
  1033. -o-animation: hermione 1s;
  1034. animation: hermione 1s;
  1035. animation-timing-function: ease-in-out;
  1036. -webkit-animation-timing-function: ease-in-out;
  1037. -moz-animation-timing-function: ease-in-out;
  1038. -o-animation-timing-function: ease-in-out;
  1039.  
  1040. -moz-transform: rotate(720deg); /* IE 9 */
  1041. -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
  1042. transform: rotate(720deg);
  1043.  
  1044. transition: all 1s ease-in-out;
  1045. -webkit-transition: all 1s ease-in-out;
  1046. -o-transition: all 1s ease-in-out;
  1047. -moz-transition: all 1s ease-in-out;
  1048.  
  1049.  
  1050. }
  1051.  
  1052. @-webkit-keyframes hermione {
  1053. 0% {color:#000;}
  1054. 25% {color:#ACE4EA;}
  1055. 50% {color:#FFFBDD;}
  1056. 75% {color:#ACE4EA;}
  1057. 100% {color:#fff;}
  1058. }
  1059. @-moz-keyframes hermione {
  1060. 0% {color:#000;}
  1061. 25% {color:#ACE4EA;}
  1062. 50% {color:#FFFBDD;}
  1063. 75% {color:#ACE4EA;}
  1064. 100% {color:#fff;}
  1065. }
  1066. @-o-keyframes hermione {
  1067. 0% {color:#000;}
  1068. 25% {color:#ACE4EA;}
  1069. 50% {color:#FFFBDD;}
  1070. 75% {color:#ACE4EA;}
  1071. 100% {color:#fff;}
  1072. }
  1073.  
  1074. @keyframes hermione {
  1075. 0% {color:#000;}
  1076. 25% {color:#ACE4EA;}
  1077. 50% {color:#FFFBDD;}
  1078. 75% {color:#ACE4EA;}
  1079. 100% {color:#fff;}
  1080. }
  1081. /*END OF CREDIT*/
  1082.  
  1083. </style>
  1084.  
  1085. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  1086. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1087. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1088.  
  1089.  
  1090.  
  1091. <script>
  1092. $(document).ready(function() {
  1093.  
  1094. $('.photo-slideshow').pxuPhotoset({
  1095. lightbox: true,
  1096. rounded: false,
  1097. gutter: '0px',
  1098. borderRadius: '0px',
  1099. photoset: '.photo-slideshow',
  1100. photoWrap: '.photo-data',
  1101. photo: '.pxu-photo'
  1102. });
  1103.  
  1104. });
  1105.  
  1106. </script>
  1107.  
  1108. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1109.  
  1110. <script>
  1111.  
  1112. $(function(){ $('.unnested .posts').unnest({
  1113. yourCaption: ".captions", //your caption selector, the div wrapping
  1114. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  1115. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  1116. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1117. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  1118. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  1119. usernameColon: false //if turned to false, removes the colon at the end of usernames
  1120. }); });
  1121.  
  1122. </script>
  1123.  
  1124. <link rel="stylesheet" href="https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.css">
  1125.  
  1126. {block:indexpage}
  1127. {block:ifinfinitescroll}
  1128. <script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  1129.  
  1130. <script>
  1131.  
  1132. // Infinite Scroll
  1133. $(function() {
  1134.  
  1135. var $container = $('main');
  1136. $container.infinitescroll({
  1137.  
  1138. loading: {
  1139. finishedMsg: "<em>No more posts</em>",
  1140. img: null,
  1141. msg: null,
  1142. msgText: "<em>Loading posts...</em>",
  1143. {block:ifmanualload}
  1144. finished: function () {$('.append').text('Load More'); },
  1145. {/block:ifmanualload}
  1146.  
  1147. },
  1148.  
  1149. navSelector : 'aside',
  1150. nextSelector : 'aside a:last',
  1151. itemSelector : 'article.posthold',
  1152. {block:ifmanualload}
  1153. errorCallback: function () {$('.append').fadeOut();},
  1154. {/block:ifmanualload}
  1155. bufferPx : 600,
  1156.  
  1157. },
  1158.  
  1159. function( newElements ) {
  1160. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1161. lightbox: true,
  1162. rounded: true,
  1163. gutter: '0px',
  1164. borderRadius: '0px',
  1165. photoset: '.photo-slideshow',
  1166. photoWrap: '.photo-data',
  1167. photo: '.pxu-photo'
  1168. });
  1169.  
  1170. var $newElems = $(newElements);
  1171. var $newElemsIDs = $newElems.map(function(){
  1172. return this.id;
  1173. }).get();
  1174. console.log($newElems, $newElemsIDs);
  1175. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1176.  
  1177. {block:ifunnestedcaptions}
  1178. $newElems.unnest({
  1179.  
  1180. yourCaption: ".captions",
  1181. wrapName: ".tumblr_parent",
  1182. newCaptionUsername: false,
  1183. originalPostCaptionUsername: false,
  1184. tumblrAvatars: true,
  1185. tumblrAvatarClass: ".tumblr_avatar",
  1186. usernameColon: false
  1187.  
  1188. });
  1189.  
  1190. {/block:ifunnestedcaptions}
  1191.  
  1192. $( newElements ).find('.togglet').click(function(){
  1193.  
  1194. $(this).closest('.posthold').find('div.tags').slideToggle();
  1195. $(this).text( $(this).text() == 'Hide' ? "Show" : "Hide");
  1196. });
  1197.  
  1198. });
  1199.  
  1200. {block:ifmanualload}
  1201. $container.infinitescroll('unbind');
  1202. $('.append').on('click', function(e) {
  1203. e.preventDefault();
  1204. $container.infinitescroll('retrieve');
  1205. });
  1206. {/block:ifmanualload}
  1207. });
  1208. </script>
  1209. {/block:ifinfinitescroll}
  1210. {/block:indexpage}
  1211.  
  1212. </head>
  1213. <body class="{select:post width} {block:ifnotunnestedcaptions}defcap{/block:ifnotunnestedcaptions} {block:ifunnestedcaptions}unnested{/block:ifunnestedcaptions} {select:notes display} {select:background}">
  1214.  
  1215. <div id="controlscog" class="icon icon--ei-gear icon--s">
  1216. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 34c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm0-16c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z"/><path d="M27.7 44h-5.4l-1.5-4.6c-1-.3-2-.7-2.9-1.2l-4.4 2.2-3.8-3.8 2.2-4.4c-.5-.9-.9-1.9-1.2-2.9L6 27.7v-5.4l4.6-1.5c.3-1 .7-2 1.2-2.9l-2.2-4.4 3.8-3.8 4.4 2.2c.9-.5 1.9-.9 2.9-1.2L22.3 6h5.4l1.5 4.6c1 .3 2 .7 2.9 1.2l4.4-2.2 3.8 3.8-2.2 4.4c.5.9.9 1.9 1.2 2.9l4.6 1.5v5.4l-4.6 1.5c-.3 1-.7 2-1.2 2.9l2.2 4.4-3.8 3.8-4.4-2.2c-.9.5-1.9.9-2.9 1.2L27.7 44zm-4-2h2.6l1.4-4.3.5-.1c1.2-.3 2.3-.8 3.4-1.4l.5-.3 4 2 1.8-1.8-2-4 .3-.5c.6-1 1.1-2.2 1.4-3.4l.1-.5 4.3-1.4v-2.6l-4.3-1.4-.1-.5c-.3-1.2-.8-2.3-1.4-3.4l-.3-.5 2-4-1.8-1.8-4 2-.5-.3c-1.1-.6-2.2-1.1-3.4-1.4l-.5-.1L26.3 8h-2.6l-1.4 4.3-.5.1c-1.2.3-2.3.8-3.4 1.4l-.5.3-4-2-1.8 1.8 2 4-.3.5c-.6 1-1.1 2.2-1.4 3.4l-.1.5L8 23.7v2.6l4.3 1.4.1.5c.3 1.2.8 2.3 1.4 3.4l.3.5-2 4 1.8 1.8 4-2 .5.3c1.1.6 2.2 1.1 3.4 1.4l.5.1 1.4 4.3z"/></svg>
  1217. </div>
  1218.  
  1219. <div id="sidebar">
  1220. <div id="sb">
  1221.  
  1222. <nav>
  1223. <a href="/">home</a>
  1224. <a href="/ask">ask</a>
  1225. <a href="{text:link1 URL}">{text:link1}</a>
  1226. <a href="{text:link2 URL}">{text:link2}</a>
  1227. <a href="{text:link3 URL}">{text:link3}</a>
  1228. </nav>
  1229.  
  1230. <img src="{image:sidebar}">
  1231.  
  1232. {block:Description}
  1233. <div class="myinfo">
  1234. <p>{Description}</p>
  1235. </div>
  1236. {/block:Description}
  1237.  
  1238. {block:Pagination}
  1239. {block:IndexPage}
  1240. <!--PAGINATION-->
  1241.  
  1242. <aside>
  1243. {block:PreviousPage}
  1244. <a href="{PreviousPage}">&laquo;</a>
  1245. {/block:PreviousPage}
  1246.  
  1247. {block:JumpPagination length="5"}
  1248.  
  1249. {block:CurrentPage}
  1250. <span class="currentpg">{PageNumber}</span>
  1251. {/block:CurrentPage}
  1252.  
  1253. {block:JumpPage}
  1254. <a href="{URL}">{PageNumber}</a>
  1255. {/block:JumpPage}
  1256.  
  1257. {/block:JumpPagination}
  1258.  
  1259.  
  1260. {block:NextPage}
  1261. <a href="{NextPage}">&raquo;</a>
  1262. {/block:NextPage}
  1263.  
  1264. </aside>
  1265.  
  1266. {/block:IndexPage}
  1267. {/block:Pagination}
  1268.  
  1269. </div>
  1270. </div>
  1271.  
  1272. <section id="entries">
  1273. <main>
  1274. {block:posts}
  1275. <article class="posthold"id="{PostID}">
  1276. <div class="posts">
  1277. {block:Photo}
  1278. {LinkOpenTag}
  1279. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1280. <img class="photop" src="{PhotoURL-500}" width="100%" height="auto">
  1281. </a>
  1282. {LinkCloseTag}
  1283.  
  1284. {block:Caption}
  1285. <div class="captions">{Caption}
  1286.  
  1287. {block:More}
  1288. <div class="readmore_wrap">
  1289.  
  1290. <div class="icon icon--ei-plus icon--m">
  1291. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1292. </div>
  1293. <div class="readmore_txt">
  1294. <a href="{Permalink}" class="readmore">
  1295. <h2>Read More</h2>
  1296. </a>
  1297. </div>
  1298. </div>
  1299. {/block:More}
  1300.  
  1301. </div>
  1302. {/block:Caption}
  1303. {/block:Photo}
  1304.  
  1305.  
  1306. {block:Photoset}
  1307. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1308.  
  1309. {block:Photos}
  1310. <div class="photo-data">
  1311. <div class="pxu-photo">
  1312. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1313. </div>
  1314. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1315. </div>
  1316. {/block:Photos}
  1317.  
  1318. </div>
  1319.  
  1320. {block:Caption}<div class="captions">{Caption}
  1321.  
  1322. {block:More}
  1323. <div class="readmore_wrap">
  1324.  
  1325. <div class="icon icon--ei-plus icon--m">
  1326. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1327. </div>
  1328. <div class="readmore_txt">
  1329. <a href="{Permalink}" class="readmore">
  1330. <h2>Read More</h2>
  1331. </a>
  1332. </div>
  1333. </div>
  1334. {/block:More}
  1335.  
  1336. </div>{/block:Caption}
  1337. {/block:Photoset}
  1338.  
  1339.  
  1340. {block:Text}
  1341. {block:Title}<h1>{Title}</h1>{/block:Title}
  1342. <div class="captions">
  1343. {Body}
  1344. {block:More}
  1345. <div class="readmore_wrap">
  1346.  
  1347. <div class="icon icon--ei-plus icon--m">
  1348. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1349. </div>
  1350. <div class="readmore_txt">
  1351. <a href="{Permalink}" class="readmore">
  1352. <h2>Read More</h2>
  1353. </a>
  1354. </div>
  1355. </div>
  1356. {/block:More}
  1357. </div>
  1358. {/block:Text}
  1359.  
  1360. {block:Answer}
  1361. <div class="ask_cont">
  1362. <div class="icon icon--ei-envelope icon--s ">
  1363. <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path opacity=".9" d="M31.796 24.244l9.97 9.97-1.415 1.414-9.97-9.97z"/><path opacity=".9" d="M18.278 24.287l1.414 1.414-9.9 9.9-1.414-1.41z"/><path d="M25 29.9c-1.5 0-3.1-.6-4.2-1.8L8.3 15.7l1.4-1.4 12.5 12.5c1.6 1.6 4.1 1.6 5.7 0l12.5-12.5 1.4 1.4-12.6 12.5c-1.1 1.1-2.7 1.7-4.2 1.7z"/><path d="M39 38H11c-1.7 0-3-1.3-3-3V15c0-1.7 1.3-3 3-3h28c1.7 0 3 1.3 3 3v20c0 1.7-1.3 3-3 3zM11 14c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h28c.6 0 1-.4 1-1V15c0-.6-.4-1-1-1H11z"/></svg>
  1364. </div>
  1365. <div class="sender">{Asker} asked:</div>
  1366. </div>
  1367. <div class="ask_q">
  1368. {Question}
  1369. </div>
  1370. <div class="captions">
  1371. {Answer}
  1372. {block:More}
  1373. <div class="readmore_wrap">
  1374.  
  1375. <div class="icon icon--ei-plus icon--m">
  1376. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1377. </div>
  1378. <div class="readmore_txt">
  1379. <a href="{Permalink}" class="readmore">
  1380. <h2>Read More</h2>
  1381. </a>
  1382. </div>
  1383. </div>
  1384. {/block:More}
  1385. </div>
  1386.  
  1387. {/block:Answer}
  1388.  
  1389. {block:Quote}
  1390. <h1 class="q{length}">"{Quote}"</h1>
  1391.  
  1392. {block:Source}<span class="qsource">{Source}</span>{/block:Source}
  1393. {/block:Quote}
  1394.  
  1395. {block:Chat}
  1396. {block:Title}<h1>{Title}</h1>{/block:Title}
  1397. <div class="captions">
  1398. {block:Lines}<p>
  1399. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1400. </p>{/block:Lines}
  1401.  
  1402. </div>
  1403. {/block:Chat}
  1404.  
  1405. {block:Link}
  1406. <div class="linkp_cont">
  1407. <div class="icon icon--ei-link icon--m ">
  1408. <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M24 30.2c0 .2.1.5.1.8 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-2.8 0-5.1-2.3-5.1-5.1 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5.3 0 .5 0 .8.1l1.5-1.5c-.7-.3-1.5-.4-2.3-.4-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 3.8 3.1 6.9 6.9 6.9 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-.8-.1-1.6-.4-2.3L24 30.2z"/><path d="M33 10.1c-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 .8.1 1.6.4 2.3l1.5-1.5c0-.2-.1-.5-.1-.8 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5 2.8 0 5.1 2.3 5.1 5.1 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-.3 0-.5 0-.8-.1l-1.5 1.5c.7.3 1.5.4 2.3.4 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-3.8-3.1-6.9-6.9-6.9z"/><path d="M20 31c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l10-10c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-10 10c-.2.2-.4.3-.7.3z"/></svg>
  1409. </div>
  1410. <div class="linktxt">
  1411. <a href="{URL}"><h1>{Name}</h1></a>
  1412. </div>
  1413. </div>
  1414. {block:Description}
  1415. <div class="captions">
  1416. {Description}
  1417. {block:More}
  1418. <div class="readmore_wrap">
  1419.  
  1420. <div class="icon icon--ei-plus icon--m">
  1421. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1422. </div>
  1423. <div class="readmore_txt">
  1424. <a href="{Permalink}" class="readmore">
  1425. <h2>Read More</h2>
  1426. </a>
  1427. </div>
  1428. </div>
  1429. {/block:More}
  1430. </div>
  1431. {/block:Description}
  1432. {/block:Link}
  1433.  
  1434. {block:Video}
  1435. {Video-500}
  1436. {block:Caption}<div class="captions">{Caption}
  1437. {block:More}
  1438. <div class="readmore_wrap">
  1439.  
  1440. <div class="icon icon--ei-plus icon--m">
  1441. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1442. </div>
  1443. <div class="readmore_txt">
  1444. <a href="{Permalink}" class="readmore">
  1445. <h2>Read More</h2>
  1446. </a>
  1447. </div>
  1448. </div>
  1449. {/block:More}
  1450. </div>{/block:Caption}
  1451. {/block:Video}
  1452.  
  1453. {block:Audio}
  1454. <div class="flitwick">
  1455.  
  1456. <div class="mariah">
  1457. <div class="playbox">{AudioPlayerWhite}</div>
  1458. </div>
  1459.  
  1460. <div class="grammy">
  1461. <img src="https://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" style="position:absolute;" width="100" height="100" />
  1462. {block:AlbumArt}
  1463. <img src="{AlbumArtURL}" style="position:absolute;">
  1464. {/block:AlbumArt}
  1465. </div>
  1466.  
  1467.  
  1468. <div class="taylor">
  1469. <div class="swift">
  1470. {block:TrackName}
  1471. <b>Song:</b> {TrackName}
  1472. {/block:TrackName}<br>
  1473.  
  1474. {block:Artist}
  1475. <b>Artist:</b> {Artist}
  1476. {/block:Artist}<br>
  1477.  
  1478. {block:Album}
  1479. <b>Album:</b> {Album}
  1480. {/block:Album}
  1481.  
  1482. </div>
  1483. </div>
  1484.  
  1485. </div>
  1486. {block:Caption}
  1487. <div class="captions">{Caption}
  1488. {block:More}
  1489. <div class="readmore_wrap">
  1490.  
  1491. <div class="icon icon--ei-plus icon--m">
  1492. <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>
  1493. </div>
  1494. <div class="readmore_txt">
  1495. <a href="{Permalink}" class="readmore">
  1496. <h2>Read More</h2>
  1497. </a>
  1498. </div>
  1499. </div>
  1500. {/block:More}
  1501. </div>
  1502. {/block:Caption}
  1503. {/block:Audio}
  1504. </div>
  1505.  
  1506. {block:date}
  1507. <!-- {block:NoRebloggedFrom}
  1508. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1509. {/block:NoRebloggedFrom} -->
  1510.  
  1511. {block:ContentSource}<!-- {SourceURL}
  1512. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1513. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1514. {/block:ContentSource}
  1515. <div class="in-footer">
  1516.  
  1517. <div class="pinfo">
  1518. <div class="pbasic">
  1519. <div class="icon icon--ei-clock icon--s">
  1520. <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M30.3 33.7L24 27.4V16h2v10.6l5.7 5.7z"/></svg>
  1521.  
  1522. </div>
  1523. <span>
  1524. <a title="{TimeAgo}" href="{Permalink}">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix}</a>
  1525. </span>
  1526.  
  1527. {block:indexpage}
  1528. {block:HasTags}
  1529. <a class="togglet {PostID}">Tags</a>
  1530. {/block:HasTags}
  1531. {/block:indexpage}
  1532.  
  1533. </div>
  1534.  
  1535.  
  1536. </div>
  1537.  
  1538. <div class="soc">
  1539. <div class="icon icon--ei-redo icon--s ">
  1540. <a class="rblink" href="{ReblogURL}"></a>
  1541. <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 38c-7.2 0-13-5.8-13-13s5.8-13 13-13c5.4 0 10.1 3.4 11.9 8.7l-1.9.7c-1.5-4.6-5.4-7.4-10-7.4-6.1 0-11 4.9-11 11s4.9 11 11 11c4.3 0 8.2-2.5 10-6.4l1.8.8C34.7 35 30.1 38 25 38z"/><path d="M38 22h-8v-2h6v-6h2z"/></svg>
  1542. </div>
  1543. <div class="icon icon--ei-heart icon--s ">
  1544. {LikeButton size="12"}
  1545. <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 39.7l-.6-.5C11.5 28.7 8 25 8 19c0-5 4-9 9-9 4.1 0 6.4 2.3 8 4.1 1.6-1.8 3.9-4.1 8-4.1 5 0 9 4 9 9 0 6-3.5 9.7-16.4 20.2l-.6.5zM17 12c-3.9 0-7 3.1-7 7 0 5.1 3.2 8.5 15 18.1 11.8-9.6 15-13 15-18.1 0-3.9-3.1-7-7-7-3.5 0-5.4 2.1-6.9 3.8L25 17.1l-1.1-1.3C22.4 14.1 20.5 12 17 12z"/></svg>
  1546. </div>
  1547. </div>
  1548. </div>
  1549.  
  1550.  
  1551. {block:HasTags}
  1552. <div class="tags {postID}">
  1553. {block:Tags}
  1554. <a href="{TagURL}">#{Tag}</a>
  1555. {/block:Tags}
  1556. </div>
  1557. {/block:HasTags}
  1558.  
  1559. {block:permalinkpage}
  1560. {block:RebloggedFrom}
  1561.  
  1562. <div class="viasrc">
  1563. via: <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>
  1564.  
  1565. {block:ContentSource}
  1566. <br>src: <a href="{SourceURL}" target="_blank">{ReblogRootName}</a>
  1567. {/block:ContentSource}
  1568. </div>
  1569. {/block:RebloggedFrom}
  1570.  
  1571. {/block:permalinkpage}
  1572.  
  1573. {/block:date}
  1574. </article>
  1575.  
  1576. {block:permalinkpage}
  1577. {block:NoteCount}
  1578.  
  1579. <article class="posthold postnotes">
  1580. <div class="posts">
  1581. <h1 class="notehead">{NoteCountWithLabel}</h1>
  1582. {block:PostNotes}{PostNotes-64}{/block:PostNotes} </div>
  1583. </article>
  1584. {/block:NoteCount}
  1585. {/block:permalinkpage}
  1586.  
  1587. {/block:posts}
  1588. </main>
  1589. {block:IndexPage}
  1590.  
  1591. {block:ifinfinitescroll}
  1592. {block:ifmanualload}
  1593. {block:Pagination}
  1594.  
  1595. <div class="manual_cont">
  1596. <a class="append">Load More</a>
  1597. </div>
  1598. {/block:Pagination}
  1599. {/block:ifmanualload}
  1600. {/block:ifinfinitescroll}
  1601.  
  1602. {/block:Indexpage}
  1603. </section>
  1604.  
  1605. <!--PLEASE DO NOT ALTER OR COVER THE CREDIT-->
  1606. <div id="leo">
  1607. <a class="a-link" href="https://hermionegrangcr.tumblr.com">♚</a>
  1608. </div>
  1609. <!--END OF CREDIT-->
  1610.  
  1611. <!--Tooltips. It's placed here bc it's only compatible to jQuery 1.7-->
  1612. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1613.  
  1614. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1615.  
  1616. <script>
  1617. jQuery.noConflict();
  1618. (function($){
  1619.  
  1620. $(document).ready(function(){
  1621.  
  1622. $("a[title],img[title],[title]").style_my_tooltips({
  1623.  
  1624. tip_follows_cursor:true,
  1625.  
  1626. tip_delay_time:30,
  1627.  
  1628. tip_fade_speed:300,
  1629.  
  1630. attribute:"title"
  1631.  
  1632. });
  1633.  
  1634. });
  1635.  
  1636. })(jQuery);
  1637. </script>
  1638. <!--Tooltips-->
  1639.  
  1640. {block:indexpage}
  1641. {block:posts}
  1642. <script>
  1643. $(document).ready(function(){
  1644. $('a.togglet.{PostID}').click(function(e){
  1645. e.preventDefault();
  1646. $('div.tags.{PostID}').slideToggle();
  1647. $(this).text( $(this).text() == 'Hide' ? "Show" : "Hide");
  1648. });
  1649.  
  1650. });
  1651. </script>
  1652. {/block:posts}
  1653. {/block:indexpage}
  1654.  
  1655.  
  1656. </body>
  1657. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!