API tools faq
paste
Advertisement
kawaiibuu

Medora

kawaiibuu
Jan 13th, 2015
7,844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.77 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Medora theme
  4.  
  5. Theme created by Jubilee © http://softwaring.tumblr.com
  6. Download at http://jubileethemes.tumblr.com
  7.  
  8. All scripts © Jubilee besides infinite scrolling code © Cody Sherman
  9.  
  10. -->
  11. <!DOCTYPE HTML>
  12. <html><head>
  13. <meta charset="utf-8">
  14. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,200italic,300italic,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  17.  
  18. <a href="http://jubileethemes.tumblr.com" class="credit" title="theme credit" style="color: {color:borders};" target="_blank"><span class="entypo-heart-empty"></span></a>
  19.  
  20. <title>
  21. {block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}
  22. {block:SearchPage}{lang:Search results for SearchQuery} —
  23. {/block:SearchPage}
  24. {block:IndexPage}
  25. {Title}
  26. {/block:IndexPage}
  27. {block:PermalinkPage}
  28. {Title}
  29. {/block:PermalinkPage}
  30. </title>
  31.  
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37. <!-- infinite scroll jquery © Cody Sherman -->
  38. {block:ifinfinitescroll}
  39. <script type="text/javascript" src="http://static.tumblr.com/mqkrxog/gL0n98ljw/infinitescroll.js"></script>
  40. {/block:ifinfinitescroll}
  41.  
  42. {block:Hidden}
  43. <meta name="image:background" content=""/>
  44.  
  45. <meta name="color:background gradient 1" content="#F1E1D2"/>
  46. <meta name="color:background gradient 2" content="#dccbe7"/>
  47. <meta name="color:blogframe gradient 1" content="#eadcf2"/>
  48. <meta name="color:blogframe gradient 2" content="#F1E1D2"/>
  49. <meta name="color:borders" content="#FFF"/>
  50.  
  51. <meta name="color:text" content="#2B2B2B"/>
  52. <meta name="color:links" content="#2B2B2B"/>
  53. <meta name="color:links hover" content="#565656"/>
  54. <meta name="color:question text" content="#FFF"/>
  55. <meta name="color:question background" content="#E9CED2"/>
  56. <meta name="color:question reply text" content="#E9CED2"/>
  57. <meta name="color:question reply background" content="#FFF"/>
  58. <meta name="color:tooltip text" content="#2B2B2B"/>
  59. <meta name="color:tooltip background" content="#F1E1D2"/>
  60. <meta name="color:selected text" content="#E9CED2"/>
  61. <meta name="color:selected text background" content="#FFF"/>
  62.  
  63. <meta name="if:always show sidebar" content="0"/>
  64. <meta name="if:captions" content="1"/>
  65. <meta name="if:tags" content="1"/>
  66. <meta name="if:hover permalinks" content="1"/>
  67. <meta name="if:250px" content="0"/>
  68. <meta name="if:infinite scroll" content="0"/>
  69. <meta name="if:faded images" content="0"/>
  70. <meta name="if:gradient background" content="1"/>
  71.  
  72. <meta name="text:short title" content="???"/>
  73. <meta name="text:first link title" content=""/>
  74. <meta name="text:first link url" content=""/>
  75. <meta name="text:second link title" content=""/>
  76. <meta name="text:second link url" content=""/>
  77. <meta name="text:third link title" content=""/>
  78. <meta name="text:third link url" content=""/>
  79.  
  80. <meta name="select:bottom post margin" title="250px" content="250px"/>
  81. <meta name="select:bottom post margin" title="100px" content="100px"/>
  82. <meta name="select:bottom post margin" title="75px" content="75px"/>
  83. {/block:Hidden}
  84. <style>
  85. /* icon fonts - do not edit these! */
  86. @import url(http://weloveiconfonts.com/api/?family=entypo);
  87. [class*="entypo-"]:before {
  88. font-family: 'entypo', sans-serif;
  89. }
  90. /* theme controls */
  91. iframe#tumblr_controls {
  92. opacity: 0.4!important;
  93. top: -1.5px !important;
  94. margin: 0 0 0 0;
  95. right: 25px !important;
  96. position: fixed !important;
  97. padding: 0!important;
  98. -webkit-filter: invert(100%)!important; }
  99. /* body styling */
  100. body {
  101. font: 12px/1em 'Source Sans Pro', sans-serif;
  102. -webkit-font-smoothing: antialiased;
  103. -moz-osx-font-smoothing: grayscale;
  104. color: {color:text};
  105. cursor: default;
  106. {block:ifnotgradientbackground}
  107. background: {color:backhround gradient 1} url({image:background})center center fixed repeat; background-size:cover;
  108. {/block:ifnotgradientbackground}
  109. {block:ifgradientbackground}
  110. background: linear-gradient(270deg, {color:background gradient 1}, {color:background gradient 2});
  111. background-size: 400% 400%; background-attachment: fixed;
  112.  
  113. -webkit-animation: BG 30s ease infinite;
  114. -moz-animation: BG 30s ease infinite;
  115. animation: BG 30s ease infinite; {/block:ifgradientbackground} }
  116. /* links */
  117. a, a:visited {
  118. color: {color:links};
  119. text-decoration:none;
  120. cursor: pointer; }
  121. a:hover {
  122. color: {color:links hover}; }
  123. /* blockquotes and list */
  124. blockquote {
  125. margin: 20px 5px 5px;
  126. border-left: 1px solid transparent;
  127. padding: 0px 5px; }
  128. li {
  129. list-style: none; }
  130. /* main wrapper */
  131. #wrapper {
  132. {block:if250px}
  133. width:250px;
  134. {/block:if250px}
  135. {block:ifnot250px}
  136. width:400px;
  137. {/block:ifnot250px}
  138. margin: 75px auto; }
  139. /* posts */
  140. #post {
  141. {block:if250px}
  142. width:250px;
  143. {/block:if250px}
  144. {block:ifnot250px}
  145. width:400px;
  146. {/block:ifnot250px}
  147. margin: 25px 25px {block:IndexPage}{select:bottom post margin}{/block:IndexPage} 25px;
  148. position: relative; }
  149. #post img {
  150. width: 100%;
  151. {block:iffadedimages}
  152. opacity:0.75;
  153. -webkit-transition: all 0.5s ease-in-out;
  154. -moz-transition: all 0.5s ease-in-out;
  155. -ms-transition: all 0.5s ease-in-out;
  156. -o-transition: all 0.5s ease-in-out;
  157. transition: all 0.5s ease-in-out;
  158. {/block:iffadedimages} }
  159. {block:iffadedimages}
  160. #post:hover img {
  161. opacity: 1;
  162. -webkit-transition: all 0.5s ease-in-out;
  163. -moz-transition: all 0.5s ease-in-out;
  164. -ms-transition: all 0.5s ease-in-out;
  165. -o-transition: all 0.5s ease-in-out;
  166. transition: all 0.5s ease-in-out; }
  167. {/block:iffadedimages}
  168. /* theme elements - do not edit these! */
  169. .photoset-grid {
  170. {block:iffadedimages}
  171. opacity:0.75;
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -ms-transition: all 0.5s ease-in-out;
  175. -o-transition: all 0.5s ease-in-out;
  176. transition: all 0.5s ease-in-out;
  177. {/block:iffadedimages} }
  178. {block:iffadedimages}
  179. #post:hover .photoset-grid {
  180. opacity: 1;
  181. -webkit-transition: all 0.5s ease-in-out;
  182. -moz-transition: all 0.5s ease-in-out;
  183. -ms-transition: all 0.5s ease-in-out;
  184. -o-transition: all 0.5s ease-in-out;
  185. transition: all 0.5s ease-in-out; }
  186. {/block:iffadedimages}
  187. /* post titles */
  188. h2 {
  189. text-transform: uppercase;
  190. text-align: center;
  191. font: 18px 'Source Sans Pro', sans-serif;
  192. font-weight: 300;
  193. margin: 0 0 10px 0; }
  194. /* question stylings */
  195. .question {
  196. background: {color:question background};
  197. color: {color:question text};
  198. }
  199. .asker {
  200. text-transform: uppercase;
  201. font: 9px/2em consolas, sans-serif; letter-spacing: 2px;
  202. padding: 5px;
  203. margin: 5px 0px 0px;
  204. border-bottom: 1px solid {color:question text};
  205. color: {color:question text}; }
  206. .answerer {
  207. text-transform: uppercase;
  208. font: 9px/2em consolas, sans-serif; letter-spacing: 2px;
  209. padding: 5px;
  210. margin: 5px 0px 0px;
  211. border-bottom: 1px solid {color:question reply text};
  212. color: {color:question reply text}; }
  213. .answerer a {
  214. color: {color:question reply text};
  215. border: none; }
  216. .asker-question, .answerer-answer {
  217. text-align: justify;
  218. margin: 0px 0px 5px;
  219. padding: 10px 15px;
  220. border: 1px solid transparent;
  221. border-top: none; }
  222. .answererd {
  223. background: {color:question reply background};
  224. color: {color:question reply text}; }
  225. .answererd:before {
  226. content: "▲";
  227.  
  228. position:absolute;
  229. margin: -13px 10px;
  230. color: {color:question reply background};
  231. font-size: 18px; }
  232. /* chat labels */
  233. .label {
  234. text-transform: uppercase;
  235. text-align: center;
  236. margin-top: 10px;
  237. margin-bottom: 5px; }
  238. /* like and reblog buttons */
  239. .likedd, .reblogd {
  240. position: absolute;
  241. margin-top: 5px; }
  242. .likedd {
  243. cursor: pointer!important;
  244. {block:if250px}
  245. margin-left: 216px;
  246. {/block:if250px}
  247. {block:ifnot250px}
  248. margin-left: 376px;
  249. {/block:ifnot250px} }
  250. /* link caption stylings */
  251. .caption .tumblr_blog {
  252. border-bottom:1px solid {color:borders};
  253. padding: 5px; }
  254. .caption .tumblr_blog:before {
  255. content: "▼";
  256. position:absolute;
  257. margin: 17px 5px;
  258. color: {color:borders};
  259. font-size: 12px; }
  260. /* permalink stylings */
  261. .permalinks {
  262. position:absolute;
  263. margin-top: 5px;
  264.  
  265. font: 10px Helvetica; letter-spacing: 1px;
  266. text-transform: uppercase;
  267.  
  268. {block:ifhoverpermalinks}
  269. opacity: 0;
  270. {/block:ifhoverpermalinks}
  271. {block:if250px}
  272. width:251px;
  273. {/block:if250px}
  274. {block:ifnot250px}
  275. width:400px;
  276. {/block:ifnot250px}
  277.  
  278. -webkit-transition: all 1s ease-in-out;
  279. -moz-transition: all 1s ease-in-out;
  280. -ms-transition: all 1s ease-in-out;
  281. -o-transition: all 1s ease-in-out;
  282. transition: all 1s ease-in-out; }
  283. #post:hover .permalinks {
  284. opacity: 1;
  285.  
  286. -webkit-transition: all 0.5s ease-in-out;
  287. -moz-transition: all 0.5s ease-in-out;
  288. -ms-transition: all 0.5s ease-in-out;
  289. -o-transition: all 0.5s ease-in-out;
  290. transition: all 0.5s ease-in-out; }
  291. .permalink {
  292. margin-top: 5px;
  293. padding: 0px 5px;
  294. text-align: right;
  295. border-top: 1px solid {color:borders}; }
  296. /* tags */
  297. .tags {
  298. position:absolute;
  299. margin-top: 10px;
  300. {block:if250px}
  301. margin-left: 63px;
  302. width: 125px;
  303. {/block:if250px}
  304. {block:ifnot250px}
  305. margin-left: 100px;
  306. width: 200px;
  307. {/block:ifnot250px}
  308. {block:ifnottags}
  309. display:none;
  310. {/block:ifnottags}
  311. text-align: center;
  312. height: 15px; overflow: hidden; }
  313. .caption {
  314. {block:ifnotcaptions}
  315. display:none;
  316. {/block:ifnotcaptions}
  317. }
  318. /* audio padding */
  319. .audiod {
  320. background: white;
  321. color: black;
  322. padding: 5px;
  323. }
  324. /* tooltip styling */
  325. .ui-tooltip {
  326. z-index: 1000000;
  327. position: absolute; }
  328. .ui-tooltip-content {
  329. max-width: 225px;
  330. margin: 5px 15px;
  331. padding: 2.5px 10px;
  332. border: 1px solid {color:borders};
  333. background: {color:tooltip background};
  334. color: {color:tooltip text};
  335. font: 9px/2em consolas, sans-serif;
  336. text-transform: uppercase;
  337. letter-spacing: 2px;
  338. -webkit-border-radius: 5px;
  339. -webkit-border-top-left-radius: 0;
  340. -moz-border-radius: 5px;
  341. -moz-border-radius-topleft: 0;
  342. border-radius: 5px;
  343. border-top-left-radius: 0; }
  344. /* please do not edit the below */
  345. .credit {
  346. position:fixed;
  347. font-size: 16px;
  348. top: 31px; right: 35px; }
  349. @-webkit-keyframes BG {
  350. 0%{background-position:0% 50%}
  351. 50%{background-position:100% 50%}
  352. 100%{background-position:0% 50%} }
  353. @-moz-keyframes BG {
  354. 0%{background-position:0% 50%}
  355. 50%{background-position:100% 50%}
  356. 100%{background-position:0% 50%} }
  357. @keyframes BG {
  358. 0%{background-position:0% 50%}
  359. 50%{background-position:100% 50%}
  360. 100%{background-position:0% 50%} }
  361. @-webkit-keyframes BF {
  362. 0%{background-position:0% 50%}
  363. 50%{background-position:100% 50%}
  364. 100%{background-position:0% 50%} }
  365. @-moz-keyframes BF {
  366. 0%{background-position:0% 50%}
  367. 50%{background-position:100% 50%}
  368. 100%{background-position:0% 50%} }
  369. @keyframes BF {
  370. 0%{background-position:0% 50%}
  371. 50%{background-position:100% 50%}
  372. 100%{background-position:0% 50%} }
  373. /* text selection */
  374. ::selection {
  375. background: {color:selected text background};
  376. color: {color:selected text}; }
  377. ::-moz-selection {
  378. background: {color:selected text background};
  379. color: {color:selected text}; }
  380. ::-webkit-selection {
  381. background: {color:selected text background};
  382. color: {color:selected text}; }
  383. /* blog frame */
  384. #t, #b, #r, #l {
  385. background: linear-gradient(270deg, {color:blogframe gradient 1}, {color:blogframe gradient 2});
  386. background-size: 400% 400%; background-attachment: fixed;
  387.  
  388. -webkit-animation: BF 30s ease infinite;
  389. -moz-animation: BF 30s ease infinite;
  390. animation: BF 30s ease infinite;
  391.  
  392. width: 25px;
  393. height: 100%;
  394.  
  395. position:fixed;
  396. z-index: 1000; }
  397. #t {
  398. top: 0px;
  399. left: 0px;
  400. width: 100%;
  401. height: 25px;
  402. border-bottom: 1px solid {color:borders}; }
  403. #b {
  404. bottom: 0px;
  405. left: 0px;
  406. width: 100%;
  407. height: 25px;
  408. border-top: 1px solid {color:borders}; }
  409. #r {
  410. right: 0px;
  411. top: 25px;
  412. height: calc(100% - 50px);
  413. border-left: 1px solid {color:borders}; }
  414. #l {
  415. left: 0px;
  416. top: 25px;
  417. height: calc(100% - 50px);
  418. border-right: 1px solid {color:borders}; }
  419. /* main sidebar */
  420. #sidebar {
  421. position:fixed;
  422. top: 13px;
  423. left: 35px;
  424.  
  425. padding: 15px;
  426. width: 200px;
  427. text-align: justify;
  428. text-transform: uppercase;
  429. font: 12px; }
  430. /* main title */
  431. #sidebar h1 {
  432. font: 32px Helvetica;
  433. font-weight: 300;
  434. color: {color:borders};
  435. margin-top: 9px;
  436. float: right; }
  437. /* pop up sidebar */
  438. .about {
  439. position:fixed;
  440. left: 35px;
  441. top: 75px;
  442.  
  443. {block:ifnotalwaysshowsidebar}
  444. display:none;
  445. {/block:ifnotalwaysshowsidebar}
  446.  
  447. text-align: left;
  448. padding: 10px;
  449. width: 175px; }
  450. /* pop up links */
  451. .navig a {
  452. color: {color:borders}; }
  453. .navig {
  454. position:fixed;
  455. bottom: 35px;
  456. left: 35px;
  457. z-index: 1000;
  458. padding: 0px;
  459.  
  460. width:400px;
  461. -webkit-transition: all 0.5s ease-in-out;
  462. -moz-transition: all 0.5s ease-in-out;
  463. -ms-transition: all 0.5s ease-in-out;
  464. -o-transition: all 0.5s ease-in-out;
  465. transition: all 0.5s ease-in-out; }
  466. /* actual links */
  467. .home, .ask, .cu1, .cu2, .cu3, .index, .cred {
  468. {block:ifnotalwaysshowsidebar}
  469. display:none;
  470. {/block:ifnotalwaysshowsidebar} }
  471. .navig li {
  472. list-style:none;
  473. text-transform: uppercase;
  474. display: inline-block;
  475. margin-left: 10px;
  476.  
  477. -webkit-transition: all 0.5s ease-in-out;
  478. -moz-transition: all 0.5s ease-in-out;
  479. -ms-transition: all 0.5s ease-in-out;
  480. -o-transition: all 0.5s ease-in-out;
  481. transition: all 0.5s ease-in-out; }
  482. .navig:hover li {
  483. opacity: 0.25;
  484. -webkit-transition: all 0.5s ease-in-out;
  485. -moz-transition: all 0.5s ease-in-out;
  486. -ms-transition: all 0.5s ease-in-out;
  487. -o-transition: all 0.5s ease-in-out;
  488. transition: all 0.5s ease-in-out; }
  489. .navig li:hover {
  490. opacity: 1;
  491.  
  492. -webkit-transition: all 0.5s ease-in-out;
  493. -moz-transition: all 0.5s ease-in-out;
  494. -ms-transition: all 0.5s ease-in-out;
  495. -o-transition: all 0.5s ease-in-out;
  496. transition: all 0.5s ease-in-out; }
  497. /* button stylings - leave this alone! */
  498. button { display: inline-block; margin-top: 19px; z-index: 9999999999; border: none; outline:none; background: none; } button span { display: block; } .lines-button {padding: 0px; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; /* */ } .lines-button:hover { opacity: 1; } .lines-button:active { transition: 0; } .lines { display: inline-block; width: 2rem; height: 3px; background: {color:borders}; transition: 0.3s; position: relative; } .lines:before, .lines:after { display: inline-block; width: 2rem; height: 3px; background: {color:borders}; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; } .lines:before { top: .51rem; } .lines:after { top: -.51rem; } .pagenotes img { display:none; } .lines-button.x.close .lines { background: transparent; } .lines-button.x.close .lines:before, .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2rem; } .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
  499. /* tag page title */
  500. .tagpage {
  501. position:absolute;
  502. margin-top: 15px;
  503. }
  504. .tagpage h2 {
  505. font-size: 14px;
  506. }
  507. /* permalink page stylings */
  508. .pagenotes, .pagenotes img {
  509. display:none; }
  510. .pagenotes li {
  511. border-bottom: 1px solid {color:borders};
  512. padding: 5px 10px; margin-left: -20px; }
  513. .pagenotes li:nth-child(even) {
  514. background: rgba({RGBcolor:borders},0.25); }
  515. .pagenotes li:last-child {
  516. border-bottom: 1px solid transparent; }
  517. .pstyle {
  518. text-transform: uppercase;
  519. font: 9px/2em Helvetica, sans-serif;
  520. letter-spacing:1px;
  521. margin-top: 5px;
  522. border-top: 1px solid {color:borders};
  523. padding: 5px 0px; }
  524. .pstyle span {
  525. margin-right: 10px;
  526. margin-left: 5px; }
  527.  
  528. /*custom css*/
  529. {CustomCSS}
  530. </style></head>
  531. <body>
  532. <div id="t"></div><div id="b"></div><div id="r"></div><div id="l"></div>
  533. <div id="sidebar">
  534. <h1><a href="/" style="color:{color:borders}; text-shadow:none; text-decoration:none; ">{text:short title}</a></h1>
  535. {block:ifnotalwaysshowsidebar}
  536. <button type="button" role="button" aria-label="Toggle Navigation" class="lines-button x"><span class="lines"></span></button>
  537. {/block:ifnotalwaysshowsidebar}
  538. </div>
  539. {block:ifalwaysshowsidebar}
  540. <img src="{PortraitURL-30}" style="position:fixed; border-radius: 100%; margin-left: 45px; margin-top: -35px; "/>
  541. {/block:ifalwaysshowsidebar}
  542. <div class="about">
  543. <div class="navig">
  544. <a href="/" class="home"><li>refresh</li></a>
  545. <a href="/ask" class="ask"><li>contact</li></a>
  546. <a href="/archive" class="index" target="_blank"><li>index</li></a>
  547. <a href="http://jubileethemes.tumblr.com" class="cred" target="_blank"><li>credit</li></a>
  548. {block:iffirstlinktitle}<a href="{text:first link url}" class="cu1"><li>{text:first link title}</li></a>{/block:iffirstlinktitle}
  549. {block:ifsecondlinktitle}<a href="{text:second link url}" class="cu2" ><li>{text:second link title}</li></a>{/block:ifsecondlinktitle}
  550. {block:ifthirdlinktitle}<a href="{text:third link url}" class="cu3" ><li>{text:third link title}</li></a>{/block:ifthirdlinktitle}
  551. </div>
  552. <h2>{title}</h2>
  553. {description}
  554. {block:TagPage}
  555. <div class="tagpage">
  556. <h2>{lang:Posts tagged Tag}</h2>
  557. </div>
  558. {/block:TagPage}
  559. </div>
  560.  
  561. <div id="wrapper"><div class="autopagerize_page_element">
  562. {block:Posts}
  563. <!-- the area below removes the VIA and SOURCES of posts -->
  564. {block:ContentSource}
  565. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  566. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  567. {/block:SourceLogo}
  568. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  569. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  570. <div id="post">
  571.  
  572. {block:Text}
  573. {block:Title}
  574. <h2>{Title}</h2>
  575. {/block:Title}
  576. <div class="body">
  577. {Body}
  578. </div>
  579. {block:More}
  580. {/block:More}
  581. {/block:Text}
  582.  
  583. {block:Photo}
  584. {block:IndexPage}
  585. <a href="{Permalink}" style="border-bottom:none; background:none; margin-bottom: -4px;">
  586. {/block:IndexPage}
  587. {block:PermalinkPage}
  588. {LinkOpenTag}
  589. {/block:PermalinkPage}
  590.  
  591. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  592.  
  593. {block:PermalinkPage}
  594. {LinkCloseTag}
  595. {/block:PermalinkPage}
  596. {block:IndexPage}
  597. </a>
  598. {/block:IndexPage}
  599.  
  600. {block:Caption}
  601. <div class="caption">{Caption}</div>
  602. {/block:Caption}
  603. {/block:Photo}
  604.  
  605. {block:Panorama}
  606. {LinkOpenTag}
  607. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  608. {LinkCloseTag}
  609.  
  610. {block:Caption}
  611. <div class="caption">{Caption}</div>
  612. {/block:Caption}
  613. {/block:Panorama}
  614.  
  615. {block:Quote}
  616. <h2 style="font-size: 14px;">{Quote}</h2>
  617. {block:Source}
  618. <div class="body" style="text-align: right;">
  619. &mdash; {Source}
  620. </div>
  621. {/block:Source}
  622. {/block:Quote}
  623.  
  624. {block:Link}
  625. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  626.  
  627. {block:Description}
  628. {Description}
  629. {/block:Description}
  630. {/block:Link}
  631.  
  632. {block:Chat}
  633. {block:Title}
  634. <h2>{Title}</h2>
  635. {/block:Title}
  636.  
  637. {block:Lines}
  638. <li class="{Alt} user_{UserNumber}" style="list-style:none;">
  639. {block:Label}
  640. <div class="label">{Label}</div>
  641. {/block:Label}
  642. {Line}
  643. </li>
  644. {/block:Lines}
  645. {/block:Chat}
  646.  
  647. {block:Video}
  648. {Video-400}
  649.  
  650. {block:Caption}
  651. <div class="caption">{Caption}</div>
  652. {/block:Caption}
  653. {/block:Video}
  654.  
  655. {block:Audio}
  656. <div class="audiod">
  657. {block:AlbumArt}
  658. <img src="{AlbumArtURL}"
  659. style="width: 55px; height: 55px; background: #efefef; margin-right: 5px; margin-bottom: -4px;"/>
  660. {/block:AlbumArt}
  661. <div style="width: 100px; overflow: hidden; position:absolute; margin-top: -40px; margin-left:55px;">{AudioPlayerWhite}</div>
  662. </div>
  663. {block:TrackName}
  664. <div class="audiod" style="margin-top: 5px;">
  665. {TrackName} <span class="entypo-note" style="float: right;"></span>
  666. </div>
  667. {/block:TrackName}
  668. {block:Artist}
  669. <div class="audiod" style="margin-top: 5px;">
  670. {Artist} <span class="entypo-palette" style="float: right;"></span>
  671. </div>
  672. {/block:Artist}
  673. {block:PlayCount}
  674. <div class="audiod" style="margin-top: 5px;">
  675. {PlayCountWithLabel} <span class="entypo-note-beamed" style="float: right;"></span>
  676. </div>
  677. {/block:PlayCount}
  678.  
  679. {block:Caption}
  680. <div class="caption">{Caption}</div>
  681. {/block:Caption}
  682. {/block:Audio}
  683.  
  684. {block:Answer}
  685. <div class="question">
  686. <div class="asker">
  687. {lang:Asker asked}
  688. </div>
  689.  
  690. <div class="asker-question">
  691. {Question}
  692. </div>
  693. </div>
  694.  
  695. <div class="answererd">
  696. {block:Answerer}
  697. <div class="answerer">
  698. {Answerer} {lang:Replies}
  699. </div>
  700. <div class="answerer-answer">
  701. {Answer}
  702. </div>
  703. {/block:Answerer}
  704.  
  705. <div style="padding: 10px;">{Replies}</div>
  706. </div>
  707. {/block:Answer}
  708.  
  709. {block:Photoset}
  710. <div class="photoset-grid" data-layout="{PhotosetLayout}">
  711. {block:PermalinkPage}
  712. {LinkOpenTag}
  713. {/block:PermalinkPage}
  714. {block:Photos}
  715. <img src="{PhotoURL-500}"
  716. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  717. {block:Caption}alt="{Caption}"{/block:Caption} />
  718. {/block:Photos}
  719. {block:PermalinkPage}
  720. {LinkCloseTag}
  721. {/block:PermalinkPage}
  722. </div>
  723.  
  724. {block:Caption}
  725. <div class="caption">{Caption}</div>
  726. {/block:Caption}
  727. {/block:Photoset}
  728.  
  729.  
  730. {block:IndexPage}
  731. {block:date}
  732. <div class="permalinks">
  733. <a href="{Permalink}" title="{TimeAgo}" style="float:right">{ShortMonth} {DayofMonth}</a>
  734. <a href="{Permalink}" title="{lang:This post has NoteCount notes}">{NoteCount} N</a>
  735. {block:HasTags}
  736. <div class="tags">
  737. {block:Tags}<a href="{TagURL}" target="blank" title="see more posts tagged {Tag}">#{Tag}</a> {/block:Tags}
  738. </div>
  739. {/block:HasTags}
  740. <div class="permalink">
  741. <div class="likedd">
  742. {LikeButton size="15"}</div>
  743. <div class="reblogd">
  744. {ReblogButton size="15"}
  745. </div>
  746. </div></div>
  747. {/block:date}
  748. {/block:IndexPage}
  749. {block:PermalinkPage}
  750. <div class="pstyle">
  751. <li style="list-style:none;"><span class="entypo-back-in-time" style="margin-right: 11px;"></span>{TimeAgo} on {Month} {DayofMonth}{DayofMonthSuffix} {Year}</li>
  752. <li style="list-style:none;"><span class="entypo-chart-line"></span>{NoteCountWithLabel}</li>
  753. {block:HasTags}
  754. <li style="list-style:none;"><span class="entypo-flag"></span>{block:Tags}<a href="{TagURL}" title="see more posts tagged {Tag}">#{Tag}</a>{/block:Tags}</li>
  755. {/block:HasTags}
  756. {block:RebloggedFrom}
  757. <li style="list-style:none;"><span class="entypo-link" style="margin-right: 12px;"></span><a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  758. <li style="list-style:none;"><span class="entypo-location" style="margin-right: 16px;"></span><a href="{ReblogRootURL}">{ReblogRootName}</a></li>{/block:RebloggedFrom}
  759. {block:PermalinkPagination}
  760. <div style="margin-top: 5px; border-top: 1px solid {color:borders}; padding: 5px 5px 0px 5px; text-align: left;">
  761. {block:PreviousPost}
  762. <a href="{PreviousPost}">
  763. {lang:Previous post}
  764. </a>
  765. {/block:PreviousPost}
  766.  
  767. {block:NextPost}
  768. <a href="{NextPost}" style="float: right;">
  769. {lang:Next post}
  770. </a>
  771. {/block:NextPost}
  772. </div>
  773. {/block:PermalinkPagination}
  774. {block:PostNotes}<div style="margin-top: 5px; border-top: 1px solid {color:borders}; padding-top: 5px; text-align: center;"><a class="notes" style="text-transform: uppercase;">{lang:show} {notecountwithlabel}</a></div> <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  775. </div>
  776. {/block:PermalinkPage}
  777. </div>
  778. {/block:Posts}
  779. <div style="margin-left: 40px; padding: 0px 0px 50px; text-transform:uppercase; font-style: italic; {block:ifinfinitescroll} display: none; {/block:ifinfinitescroll} {block:if250px} width:250px; {/block:if250px} {block:ifnot250px} width:400px; {/block:ifnot250px}">
  780. {block:IndexPage}
  781. <a href="http://jubileethemes.tumblr.com" style="float:right; {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}">THEME BY JUBILEE</a>{/block:IndexPage}
  782. {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">past</a> /{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">forward</a> {/block:NextPage}{/block:Pagination}</div></div></div></div></div></div>
  783. {block:ifinfinitescroll}<a href="http://jubileethemes.tumblr.com" style="position:fixed; bottom: 0px; left: 0px; padding: 5px;">THEME</a>{/block:ifinfinitescroll}
  784. </div> </div>
  785. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src="http://static.tumblr.com/mviqmwg/XyYn59y3a/jquery.photoset-grid.min.js"></script><script src="http://static.tumblr.com/mqkrxog/MwWni3hs1/jquery-ui_1_.js"></script>
  786. <script type="text/javascript">
  787. $(document).ready(function(){
  788. $("button").click(function(){
  789. $(".about").animate({opacity:"toggle"}, 400);
  790. $("a.home").animate({opacity:"toggle"}, 600);
  791. $("a.ask").animate({opacity:"toggle"}, 800);
  792. $("a.index").animate({opacity:"toggle"}, 1000);
  793. $("a.cred").animate({opacity:"toggle"}, 1200);
  794. $("a.cu1").animate({opacity:"toggle"}, 1400);
  795. $("a.cu2").animate({opacity:"toggle"}, 1600);
  796. $("a.cu3").animate({opacity:"toggle"}, 1800);
  797. }); // softwaring
  798. $("a.notes").click(function(){
  799. $(".pagenotes").animate({opacity:"toggle", height: "toggle"}, 300);
  800. });
  801. $('.photoset-grid').photosetGrid({
  802. rel: $('.photoset-grid').attr("data-id"),
  803. gutter: '1px',
  804.  
  805. onComplete: function(){
  806. $('.photoset-grid').css({
  807. 'visibility': 'visible'
  808. }); } }); });
  809. $(function() {
  810. $(document).tooltip({
  811. track:true
  812. }); });
  813. </script>
  814. <script>
  815. var anchor = document.querySelectorAll('button');
  816. [].forEach.call(anchor, function(anchor){
  817. var open = false;
  818. anchor.onclick = function(event){
  819. event.preventDefault();
  820. if(!open){
  821. this.classList.add('close');
  822. open = true;
  823. }
  824. else{
  825. this.classList.remove('close');
  826. open = false;
  827. }
  828. }
  829. });
  830. </script>
  831. </body>
  832. </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!