API tools faq
paste
Advertisement
pteroisradiata

Kaikaina

pteroisradiata
Oct 10th, 2015
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  8.  
  9. <script>
  10.  
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:90,
  20.  
  21. tip_fade_speed:600,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30.  
  31. </script>
  32.  
  33. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  34.  
  35. <link href="css/hover.css" rel="stylesheet" media="all">
  36.  
  37. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  38. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  39.  
  40. <title>{Title} {PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{image:Favicon}" />
  41.  
  42. <meta name="color:Background" content="#FFFFFF" />
  43. <meta name="color:sidebar" content="#FFFFFF" />
  44. <meta name="color:Text" content="#000000" />
  45. <meta name="color:sidebar border" content="#3662ff" />
  46. <meta name="color:content border" content="#3662ff" />
  47. <meta name="color:image border" content="#3662ff" />
  48. <meta name="color:Post Border" content="#3662ff" />
  49. <meta name="color:Title" content="#000000" />
  50. <meta name="color:Description" content="#000000" />
  51. <meta name="color:content bg" content="#FFFFFF">
  52. <meta name="color:Posts" content="#FFFFFF" />
  53. <meta name="color:Link" content="#3662ff" />
  54. <meta name="color:Link Hover" content="#ffee00" />
  55. <meta name="color:scroll" content="#ffee00">
  56. <meta name="color:scroll bg" content="#3662ff">
  57. <meta name="color:Pagi BG" content="#ffee00">
  58. <meta name="color:Blockquote" content="#000000">
  59. <meta name="color:links bg" content="#FFFFFF" />
  60.  
  61. <meta name="image:Background" content="https://38.media.tumblr.com/ba8bc2d3c47c81ddda0f4a263c4839ad/tumblr_inline_nw0orybVRQ1secggb_500.gif" />
  62. <meta name="image:Favicon" content="https://38.media.tumblr.com/793324234a094f91bf3bceaefd17f175/tumblr_inline_nw0oql8hO81secggb_500.gif" />
  63. <meta name="image:Cursor" content="https://41.media.tumblr.com/c10b2b5f29534e2c55ec68d282b6e2ff/tumblr_inline_nw0orsOTNh1secggb_540.png" />
  64. <meta name="image:Divider" content="https://38.media.tumblr.com/a8efdf23da59efefa47915610e59276f/tumblr_inline_nw0oq713Jy1secggb_500.gif" />
  65. <meta name="image:image1" content="https://41.media.tumblr.com/d1e0c6efccbea83431091fe0be891a8b/tumblr_inline_nw0orfetiI1secggb_540.png" />
  66. <meta name="image:image2" content="https://40.media.tumblr.com/b1cc6b9502f8cbfc1b741b30153ecbdb/tumblr_inline_nw0orgWtks1secggb_540.png" />
  67. <meta name="image:image3" content="https://40.media.tumblr.com/eb5bfe32156d661b3df96fc130314458/tumblr_inline_nw0ordFXCi1secggb_540.png" />
  68. <meta name="image:image4" content="https://40.media.tumblr.com/f47b72d80777dfaea9ee57d85658618b/tumblr_inline_nw0ordtObA1secggb_540.png" />
  69.  
  70.  
  71. <meta name="text:Font Size" content="13" />
  72. <meta name="text:Nav Name" content="Navigation" />
  73. <meta name="text:Link1" content="Link1" />
  74. <meta name="text:Url1" content="" />
  75. <meta name="text:Link2" content="Link2" />
  76. <meta name="text:Url2" content="" />
  77. <meta name="text:Link3" content="Link3" />
  78. <meta name="text:Url3" content="" />
  79. <meta name="text:Link4" content="Link4" />
  80. <meta name="text:Url4" content="" />
  81. <meta name="text:Link5" content="Link5" />
  82. <meta name="text:Url5" content="" />
  83. <meta name="text:Link6" content="Link6" />
  84. <meta name="text:Url6" content="" />
  85.  
  86. <meta name="if:Link1" content="1" />
  87. <meta name="if:Link2" content="1" />
  88. <meta name="if:Link3" content="1" />
  89. <meta name="if:Link4" content="1" />
  90. <meta name="if:Link5" content="1" />
  91. <meta name="if:Link6" content="1" />
  92.  
  93. <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
  94.  
  95. <style>
  96. .tooltip{
  97. display: inline;
  98. position: relative;
  99. }
  100. #s-m-t-tooltip {
  101. max-width:300px; /*how big the tooltip can be at most*/
  102. border-radius: 0px; /*change your border radius*/
  103. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  104. margin:20px 7px -2px 20px; /*distance from word*/
  105. background-color:#ffffff; /*background color*/
  106. border:1px solid #E0E0E0; /*border info*/
  107. font-family: 'Bad Script', cursive;
  108. font-size:10px; /*tooltip font size*/
  109. letter-spacing:2px; /*tooltip letter spacing*/
  110. text-transform:uppercase; /*makes the tooltip title uppercase*/
  111. color:#000; /*tooltip font color*/
  112. z-index:999999999999999999999999999999999999;
  113. }
  114. </style>
  115.  
  116. <style type="text/css">
  117.  
  118. ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
  119. ::-webkit-scrollbar-thumb { background-color: {color:scroll}; }
  120.  
  121. body {
  122. background:{color:Background};
  123. background-image:url("{image:Background}");
  124. background-position:fixed;
  125. color:{color:Text};
  126. font-size:{text:Font Size}px;
  127. word-wrap: break-word;
  128. font-family: 'Raleway', sans-serif;
  129. }
  130.  
  131. a:link, a:active, a:visited {
  132. text-decoration: none;
  133. font-weight:bold;
  134. color: {color:Link};
  135. -webkit-transition: all 0.4s ease;
  136. transition: all 0.4s ease;
  137. -moz-transition: all 0.4s ease;
  138. -o-transition: all 0.4s ease;}
  139.  
  140. a:hover { color: {color:Link Hover};}
  141.  
  142. #sidebar {
  143. margin-top:505px;
  144. margin-left:150px;
  145. width:980px;
  146. height:100px;
  147. padding: 10px;
  148. position:fixed;
  149. z-index:999999999;
  150. background:{color:sidebar};
  151. border:3px {color:sidebar border} solid;
  152. }
  153.  
  154. .description {
  155. margin-top:0px;
  156. margin-left:360px;
  157. width:230px;
  158. max-height:80px;
  159. overflow-y:auto;
  160. text-align:center;
  161. color:{color:Description};
  162. font-family: 'Raleway', sans-serif;
  163. font-size:13px;
  164. position:fixed;
  165. }
  166.  
  167. .pagination {
  168. width: 150px;
  169. margin-left: 400px;
  170. margin-top: 88px;
  171. text-align: center;
  172. font-family: 'Raleway', sans-serif;
  173. padding: 3px 0;
  174. position:fixed;
  175. background: {color:Pagi BG}};
  176. color:{color:Description};
  177. }
  178.  
  179. .pagination a {
  180. color: {color:Link};
  181. text-decoration: none;
  182. }
  183.  
  184. .pagination a:hover {
  185. color: {color:Link Hover};
  186. }
  187.  
  188. #image1 {
  189. margin-left:95px;
  190. margin-top:10px;
  191. width:100px;
  192. height:100px;
  193. position:fixed;
  194. border:3px {color:image border} solid;
  195. border-radius:50px;
  196. z-index:999999999999999999999999;
  197. }
  198.  
  199. #image2 {
  200. margin-left:95px;
  201. margin-top:545px;
  202. width:100px;
  203. height:100px;
  204. position:fixed;
  205. border:3px {color:image border} solid;
  206. border-radius:50px;
  207. z-index:999999999999999999999999;
  208. }
  209.  
  210. #image3 {
  211. margin-left:1100px;
  212. margin-top:10px;
  213. width:100px;
  214. height:100px;
  215. position:fixed;
  216. border:3px {color:image border} solid;
  217. border-radius:50px;
  218. z-index:999999999999999999999999;
  219. }
  220.  
  221. #image4 {
  222. margin-left:1100px;
  223. margin-top:545px;
  224. width:100px;
  225. height:100px;
  226. position:fixed;
  227. border:3px {color:image border} solid;
  228. border-radius:50px;
  229. z-index:999999999999999999999999;
  230. }
  231.  
  232. #title{
  233. font-family: 'Bad Script', cursive;
  234. font-size:30px;
  235. margin-top:10px;
  236. margin-left:220px;
  237. position:fixed;
  238. z-index:999999999999999999999999999999999;
  239. color:{color:Title};
  240. }
  241.  
  242. #home {
  243. width:30px;
  244. height:30px;
  245. border-radius:50px;
  246. border:2px {color:content border} solid;
  247. margin-top:150px;
  248. margin-left:135px;
  249. position:fixed;
  250. text-align:center;
  251. font-size:25px;
  252. z-index:9999999999999999999;
  253. background:{color:links bg};
  254. }
  255.  
  256. #ask {
  257. width:30px;
  258. height:30px;
  259. border-radius:50px;
  260. border:2px {color:content border} solid;
  261. margin-top:190px;
  262. margin-left:135px;
  263. position:fixed;
  264. text-align:center;
  265. font-size:23px;
  266. z-index:999999999999999;
  267. background:{color:links bg};
  268. }
  269.  
  270. #submit {
  271. width:30px;
  272. height:30px;
  273. border-radius:50px;
  274. border:2px {color:content border} solid;
  275. margin-top:230px;
  276. margin-left:135px;
  277. position:fixed;
  278. text-align:center;
  279. font-size:25px;
  280. z-index:999999999999999;
  281. background:{color:links bg};
  282. }
  283.  
  284. #cuslink1 {
  285. width:30px;
  286. height:30px;
  287. border-radius:50px;
  288. border:2px {color:content border} solid;
  289. margin-top:270px;
  290. margin-left:135px;
  291. position:fixed;
  292. text-align:center;
  293. font-size:26px;
  294. z-index:999999999999999;
  295. background:{color:links bg};
  296. }
  297.  
  298. #cuslink2 {
  299. width:30px;
  300. height:30px;
  301. border-radius:50px;
  302. border:2px {color:content border} solid;
  303. margin-top:310px;
  304. margin-left:135px;
  305. position:fixed;
  306. text-align:center;
  307. font-size:26px;
  308. z-index:999999999999999;
  309. background:{color:links bg};
  310. }
  311.  
  312. #cuslink3 {
  313. width:30px;
  314. height:30px;
  315. border-radius:50px;
  316. border:2px {color:content border} solid;
  317. margin-top:350px;
  318. margin-left:135px;
  319. position:fixed;
  320. text-align:center;
  321. font-size:26px;
  322. z-index:999999999999999;
  323. background:{color:links bg};
  324. }
  325.  
  326. #cuslink4 {
  327. width:30px;
  328. height:30px;
  329. border-radius:50px;
  330. border:2px {color:content border} solid;
  331. margin-top:390px;
  332. margin-left:135px;
  333. position:fixed;
  334. text-align:center;
  335. font-size:26px;
  336. z-index:999999999999999;
  337. background:{color:links bg};
  338. }
  339.  
  340. #cuslink5 {
  341. width:30px;
  342. height:30px;
  343. border-radius:50px;
  344. border:2px {color:content border} solid;
  345. margin-top:430px;
  346. margin-left:135px;
  347. position:fixed;
  348. text-align:center;
  349. font-size:26px;
  350. z-index:999999999999999;
  351. background:{color:links bg};
  352. }
  353.  
  354. #content {
  355. width: 1000px;
  356. height:425px;
  357. margin: 35px 0px 0px 150px;
  358. padding: 20px 0px;
  359. color: {color:Text};
  360. background-color:{color:content bg};
  361. overflow-y:scroll;
  362. position:fixed;
  363. border:3px {color:content border} solid;
  364. }
  365.  
  366. #content blockquote {
  367. border-left: solid 2px {color:Blockquote};
  368. margin: 0;
  369. padding-left: 10px;
  370. }
  371.  
  372. img {
  373. border: 0;
  374. max-width: 100%;
  375. }
  376.  
  377. #content #posts {
  378. width: 500px;
  379. margin: 10px auto 50px;
  380. padding:20px;
  381. background:{color:Posts};
  382. border:3px {color:Post Border} solid;
  383.  
  384. }
  385.  
  386. #content #posts .title {
  387. font-size: 22px;
  388. }
  389.  
  390. #content #posts .text {
  391. font-family: 'Raleway', sans-serif;
  392. font-size:{text:Font Size}px;
  393. }
  394.  
  395. #content #posts .askimg {
  396. margin-top:-10px;
  397. margin-left:-10px;
  398. height:30px;
  399. width:30px;
  400. border-radius:15px;
  401. -webkit-border-radius:15px;
  402. -moz-border-radius:15px;
  403. }
  404.  
  405. #content #posts #permalink {
  406. font-size:15px;
  407. margin-top:10px;
  408. text-align:center;
  409. font-family: 'Bad Script', cursive;
  410. }
  411.  
  412. #content #posts #tags {
  413. font-size:12px;
  414. text-align:center;
  415. font-family: 'Bad Script', cursive;
  416. }
  417.  
  418. .playerbuttonbg {
  419. position: absolute;
  420. left: 20px;
  421. top: 20px;
  422. width: 19px;
  423. height: 19px;
  424. background-color: #ffffff;
  425. padding: 10px;
  426. -webkit-border-radius: 40px;
  427. -moz-border-radius: 40px;
  428. border-radius: 40px;
  429. opacity: .4;
  430. filter: alpha(opacity=40);
  431. -moz-opacity: 0.4;
  432. -khtml-opacity: 0.4;
  433. transition: opacity .7s ease-in-out;
  434. -moz-transition: opacity .7s ease-in-out;
  435. -webkit-transition: opacity .7s ease-in-out;
  436. }
  437.  
  438. .playerbuttonbg:hover {
  439. opacity: 1;
  440. filter: alpha(opacity=100);
  441. -moz-opacity: 1;
  442. -khtml-opacity: 1;
  443. }
  444.  
  445. .newplayerbutton {
  446. position: relative;
  447. width: 19px;
  448. height: 19px;
  449. overflow: hidden;
  450. }
  451.  
  452. .playerbuttonhug {
  453. position: absolute;
  454. top: -18px;
  455. left: -7px;
  456. }
  457.  
  458. .tumblr_audio_player {
  459. height: 90px;
  460. width: 470px;
  461. -moz-transform: scale(0.60, 0.60);
  462. -webkit-transform: scale(0.60, 0.60);
  463. -o-transform: scale(0.60, 0.60);
  464. -ms-transform: scale(0.60, 0.60);
  465. transform: scale(0.60, 0.60);
  466. -moz-transform-origin: top left;
  467. -webkit-transform-origin: top left;
  468. -o-transform-origin: top left;
  469. -ms-transform-origin: top left;
  470. transform-origin: top left;
  471. }
  472.  
  473. .trackdetails {
  474. width: auto;
  475. border: 1px solid black;
  476. display:inline-block;
  477. margin-left: 90px;
  478. min-height: 85px;
  479. }
  480.  
  481. .audiowrapper {
  482. position: relative;
  483. display:inline-block;
  484. }
  485.  
  486. </style>
  487.  
  488. </head>
  489. <body>
  490. <div id="title">{Title}</div>
  491. <div id="sidebar">
  492. <div class="description">{Description}</div>
  493. <div class="pagination">
  494. {block:PreviousPage}
  495. <a href="{PreviousPage}">Previous</a>
  496. {/block:PreviousPage}
  497.  
  498. {block:JumpPagination length="5"}
  499. {block:CurrentPage}
  500. <span class="current_page">{PageNumber}</span>
  501. {/block:CurrentPage}
  502.  
  503. {block:JumpPage}
  504. <a class="jump_page" href="{URL}">{PageNumber}</a>
  505. {/block:JumpPage}
  506. {/block:JumpPagination}
  507.  
  508. {block:NextPage}
  509. <a href="{NextPage}">Next</a>
  510. {/block:NextPage}
  511.  
  512. </div>
  513. </div>
  514. <div id="home">
  515. <a href="/" title="home" class="class2"><i class="fa fa-home"></a></i></div>
  516. <div id="ask">
  517. <a href="/ask" title="home" class="class2"><i class="fa fa-envelope"></a></i></div>
  518. <div id="submit">
  519. <a href="/submit" title="home" class="class2"><i class="fa fa-inbox"></a></i></div>
  520. <div id="cuslink1">
  521. {block:ifLink1}<a href="{text:URL1}" title="{text:Link1}"><i class="fa fa-star"></i></a>{/block:ifLink1}</div>
  522. <div id="cuslink2">
  523. {block:ifLink2}<a href="{text:URL2}" title="{text:Link2}"><i class="fa fa-star"></i></a>{/block:ifLink3}</div>
  524. <div id="cuslink3">
  525. {block:ifLink3}<a href="{text:URL3}" title="{text:Link3}"><i class="fa fa-star"></i></a>{/block:ifLink3}</div>
  526. <div id="cuslink4">
  527. {block:ifLink4}<a href="{text:URL4}" title="{text:Link4}"><i class="fa fa-star"></i></a>{/block:ifLink4}</div>
  528. <div id="cuslink5">
  529. {block:ifLink5}<a href="{text:URL5}" title="{text:Link5}"><i class="fa fa-star"></i></a>{/block:ifLink5}</div>
  530. <img src="{image:image1}" id="image1"/>
  531. <img src="{image:image2}" id="image2"/>
  532. <img src="{image:image3}" id="image3"/>
  533. <img src="{image:image4}" id="image4"/>
  534. <div id="content">
  535. {block:Posts}
  536. <div id="posts">
  537.  
  538. {block:Photo}
  539. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  540. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  541. {/block:Photo}
  542.  
  543. {block:Photoset}
  544. {Photoset-500}
  545. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  546. {/block:Photoset}
  547.  
  548. {block:Video}
  549. {Video-500}
  550. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  551. {/block:Video}
  552.  
  553. {block:Audio}
  554. {AudioPlayerBlack}
  555. <div class="text">~ {PlayCountWithLabel}</div>
  556. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  557. {/block:Audio}
  558.  
  559. {block:Quote}
  560. <div class="title">“{Quote}”</div>
  561. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  562. {/block:Quote}
  563.  
  564. {block:Text}
  565. {block:Title}<div class="title">{Title}</div>{/block:Title}
  566. <div class="text">{Body}</div>
  567. {/block:Text}
  568.  
  569. {block:Answer}
  570. <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
  571. <div class="title"><center>{Question}</center></div>
  572. <div class="text"><center>~ {Asker}</center></div>
  573. <div class="text">{Answer}</div>
  574. {/block:Answer}
  575.  
  576. {block:Chat}
  577. {block:Title}<div class="title">{Title}</div>{/block:Title}
  578. <div class="text">
  579. {block:Lines}
  580. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  581. {/block:Lines}
  582. </div> <!--text-->
  583. {/block:Chat}
  584.  
  585. {block:Link}
  586. <div class="title"><a href="{URL}">{Name}</a></div>
  587. {block:Description}
  588. <div class="text">{Description}</div>
  589. {/block:Description}
  590. {/block:Link}
  591.  
  592. <div id="permalink"><p><center><img src="{image:Divider}" /></center></p>
  593. <a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
  594. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
  595. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  596. <a href="{ReblogURL}" target="_blank" class="details" title="reblog?"><i class="fa fa-refresh"></i></a>
  597. </div>
  598. <div id="tags">
  599. {block:HasTags}<div id="tags">
  600. {block:Tags}
  601. <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
  602. {/block:Tags}
  603. </div>
  604. {/block:HasTags}
  605. </div>
  606.  
  607. </div> <!--posts-->
  608. {/block:Posts}
  609. </div> <!--content-->
  610. <a href="http://pteroisradiata.tumblr.com/">©</a>
  611. </body>
  612.  
  613. </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!