API tools faq
paste
Advertisement
pteroisradiata

Nevermind The End

pteroisradiata
Aug 13th, 2015
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.01 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='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' 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="#000000" />
  43. <meta name="color:Text" content="#000000" />
  44. <meta name="color:Top Bar" content="#000000" />
  45. <meta name="color:Title" content="#FFFFFF" />
  46. <meta name="color:Post Background" content="#FFFFFF" />
  47. <meta name="color:Post Border" content="#000000" />
  48. <meta name="color:Sidebar Text" content="#FFFFFF" />
  49. <meta name="color:Side Title" content="#FFFFFF" />
  50. <meta name="color:Side Link" content="#FFFFFF" />
  51. <meta name="color:Side Link Hover" content="#ff5353" />
  52. <meta name="color:Description Background" content="#000000" />
  53. <meta name="color:Description Border" content="#FFFFFF" />
  54. <meta name="color:Side Icon Border" content="#FFFFFF" />
  55. <meta name="color:Custom Link Hover" content="#FFFFFF" />
  56. <meta name="color:Content Border" content="#FFFFFF" />
  57. <meta name="color:Link" content="#ff0011" />
  58. <meta name="color:Link Hover" content="#FFFFFF" />
  59. <meta name="color:scroll" content="#ff001e">
  60. <meta name="color:scroll bg" content="#FFFFFF">
  61. <meta name="color:Blockquote" content="#FFFFFF">
  62. <meta name="color:Pagination Background" content="#FFFFFF" />
  63.  
  64. <meta name="image:Background" content="https://40.media.tumblr.com/891b5b7e1adcca0dba469cc669ea5106/tumblr_inline_nsbq265bE31secggb_540.jpg" />
  65. <meta name="image:Side Icon" content="https://41.media.tumblr.com/bc781c5691db67c92d44aa1574f75879/tumblr_inline_nsbq1tGbss1secggb_540.jpg" />
  66. <meta name="image:Side Icon2" content="https://41.media.tumblr.com/bc781c5691db67c92d44aa1574f75879/tumblr_inline_nsbq1tGbss1secggb_540.jpg" />
  67. <meta name="image:Favicon" content="https://33.media.tumblr.com/b8293517ad03008bac11109dce79fc1a/tumblr_inline_nsbq7rHyPq1secggb_500.gif" />
  68. <meta name="image:Cursor" content="https://40.media.tumblr.com/34896db8ba8ddaaa627be180afc6ee0f/tumblr_inline_nsbqh2rbxX1secggb_540.png" />
  69. <meta name="image:Divider" content="http://33.media.tumblr.com/cd41688a08596e364c8172b70c95033f/tumblr_inline_nrcn3kBK661t78dpp_500.gif" />
  70.  
  71. <meta name="text:Description2" content="Nevermind The End" />
  72. <meta name="text:Font Size" content="13" />
  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="if:Link1" content="1" />
  82. <meta name="if:Link2" content="1" />
  83. <meta name="if:Link3" content="1" />
  84. <meta name="if:Link4" content="1" />
  85.  
  86. <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
  87.  
  88. <style>
  89. .tooltip{
  90. display: inline;
  91. position: relative;
  92. }
  93. #s-m-t-tooltip {
  94. max-width:300px; /*how big the tooltip can be at most*/
  95. border-radius: 0px; /*change your border radius*/
  96. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  97. margin:20px 7px -2px 20px; /*distance from word*/
  98. background-color:#ffffff; /*background color*/
  99. border:1px solid #E0E0E0; /*border info*/
  100. font-family: 'Permanent Marker', cursive;
  101. font-size:9px; /*tooltip font size*/
  102. letter-spacing:2px; /*tooltip letter spacing*/
  103. text-transform:uppercase; /*makes the tooltip title uppercase*/
  104. color:#000; /*tooltip font color*/
  105. z-index:999999999999999999999999999999999999;
  106. }
  107. </style>
  108.  
  109. <style type="text/css">
  110.  
  111. ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
  112. ::-webkit-scrollbar-thumb { background-color: {color:scroll}; -webkit-border-radius: 1ex; }
  113.  
  114. #body {
  115.  
  116. max-height:500px;
  117. background: {color:Background};
  118. background-image: url('{image:Background}');
  119. background-position:fixed;
  120. color:{color:Text};
  121. font-size:{Font Size};
  122. word-wrap: break-word
  123. background-attachment: fixed;
  124. font-family: 'Montserrat', sans-serif;
  125. }
  126.  
  127. a:link, a:active, a:visited {
  128. text-decoration: none;
  129. color: {color:Link};
  130. -webkit-transition: all 0.4s ease;
  131. transition: all 0.4s ease;
  132. -moz-transition: all 0.4s ease;
  133. -o-transition: all 0.4s ease;}
  134.  
  135. a:hover { color: {color:Link Hover};}
  136.  
  137.  
  138. a.class2, a.class2:link, a.class2:active, a.class2:visited {
  139. color: {color:Side Link};
  140. -webkit-transition: all 0.4s ease;
  141. transition: all 0.4s ease;
  142. -moz-transition: all 0.4s ease;
  143. -o-transition: all 0.4s ease;}
  144.  
  145. a.class2:hover { color: {color:Side Link Hover};}
  146.  
  147.  
  148. #topbar {
  149. overflow:hidden;
  150. margin-top:0px;
  151. margin-left:-10px;
  152. width:1358px;
  153. height:30px;
  154. color:{color:Title};
  155. background-color:{color:Top Bar};
  156. text-align:center;
  157. font-family: 'Permanent Marker', cursive;
  158. font-size:20px;
  159. padding:5px;
  160. }
  161.  
  162. #sidebar1 {
  163. position:fixed;
  164. margin-top:0px;
  165. margin-left:30px;
  166. width:210px;
  167. height:1000px;
  168. padding:20px;
  169. position:fixed;
  170. z-index:9999;
  171. }
  172.  
  173.  
  174. .image1 {
  175. width: 200px;
  176. height: 200px;
  177. margin-top:-10px;
  178. margin-left: -50px;
  179. position:fixed;
  180. background-image:url('{image:Side Icon}')
  181. border-radius: 100px;
  182. -webkit-border-radius: 100px;
  183. -moz-border-radius: 100px;
  184.  
  185. }
  186.  
  187. /* Push */
  188. @-webkit-keyframes hvr-push {
  189. 50% {
  190. -webkit-transform: scale(0.8);
  191. transform: scale(0.8);
  192. }
  193.  
  194. 100% {
  195. -webkit-transform: scale(1);
  196. transform: scale(1);
  197. }
  198. }
  199.  
  200. @keyframes hvr-push {
  201. 50% {
  202. -webkit-transform: scale(0.8);
  203. transform: scale(0.8);
  204. }
  205.  
  206. 100% {
  207. -webkit-transform: scale(1);
  208. transform: scale(1);
  209. }
  210. }
  211.  
  212. .hvr-push {
  213. display: inline-block;
  214. vertical-align: middle;
  215. -webkit-transform: translateZ(0);
  216. transform: translateZ(0);
  217. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  218. -webkit-backface-visibility: hidden;
  219. backface-visibility: hidden;
  220. -moz-osx-font-smoothing: grayscale;
  221. }
  222. .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  223. -webkit-animation-name: hvr-push;
  224. animation-name: hvr-push;
  225. -webkit-animation-duration: 0.3s;
  226. animation-duration: 0.3s;
  227. -webkit-animation-timing-function: linear;
  228. animation-timing-function: linear;
  229. -webkit-animation-iteration-count: 1;
  230. animation-iteration-count: 1;
  231. }
  232.  
  233.  
  234. .description1 {
  235. background-color:{color:Description Background};
  236. color:{color:Sidebar Text};
  237. padding:10px;
  238. margin-top:205px;
  239. margin-left:-35px;
  240. width:150px;
  241. max-height:50px;
  242. overflow-y:scroll;
  243. word-wrap: break-word;
  244. text-align:center;
  245. font-family: 'Montserrat', sans-serif;
  246. font-size:12px;
  247. }
  248.  
  249.  
  250. .pagination {
  251. background:{color:Pagination Background};
  252. color: {color:Sidebar Text};
  253. width: 150px;
  254. margin-left: -25px;
  255. margin-top: 10px;
  256. text-align: center;
  257. font-family: 'Montserrat', sans-serif;
  258. padding: 3px 0;
  259. }
  260.  
  261. .pagination a {
  262. color: {color:Sidebar Link};
  263. text-decoration: none;
  264. }
  265.  
  266. .pagination a:hover {
  267. color: {color:Sidebar Link Hover};
  268. }
  269.  
  270.  
  271. .credit {
  272. position:fixed;
  273. margin-left:1340px;
  274. margin-top:620px;
  275. } /* do not remove this or the credit image in the body!!! you may replace the pixel to better fit your theme but DO NOT REMOVE THE IMAGE OR THE LINK!!! */
  276.  
  277. #sidebar2 {
  278. position:fixed;
  279. margin-left:0px;
  280. margin-top:0px;
  281. }
  282.  
  283. .image2 {
  284. width: 200px;
  285. height: 200px;
  286. margin-top:300px;
  287. margin-left: 1150px;
  288. position:fixed;
  289. background-image:url('{image:Side Icon2}')
  290. border-radius: 100px;
  291. -webkit-border-radius: 100px;
  292. -moz-border-radius: 100px;
  293.  
  294. }
  295.  
  296. .description2 {
  297. background-color:{color:Description Background};
  298. color:{color:Sidebar Text};
  299. padding:10px;
  300. margin-top:220px;
  301. margin-left:1160px;
  302. width:150px;
  303. max-height:50px;
  304. overflow-y:scroll;
  305. word-wrap: break-word;
  306. text-align:center;
  307. font-family: 'Montserrat', sans-serif;
  308. font-size:12px;
  309. }
  310.  
  311.  
  312. #content {
  313. width: 700px;
  314. height:380px;
  315. overflow-y:scroll;
  316. border:5px solid {color:Content Border};
  317. margin: 90px 0 60px 320px;
  318. padding: 20px 0px;
  319. color: {color:Text};
  320. background-color:rgba(255, 255, 255, .6);
  321. }
  322.  
  323. #content blockquote {
  324. border-left: solid 2px {color:Blockquote};
  325. margin: 0;
  326. padding-left: 10px;
  327. }
  328.  
  329. img {
  330. border: 0;
  331. max-width: 100%;
  332. }
  333.  
  334. #content #posts {
  335. background-color: {color:Post Background};
  336. width: 500px;
  337. margin: 0 auto 50px;
  338. padding:20px;
  339. border:3px solid {color: Post Border};
  340. border-radius: 25px;
  341. }
  342.  
  343. #content #posts .title {
  344. font-size: 22px;
  345. }
  346.  
  347. #content #posts .text {
  348. font-family: 'Montserrat', sans-serif;
  349. font-size:{Font Size};
  350. }
  351.  
  352. #content #posts .askimg {
  353. margin-top:-10px;
  354. margin-left:-10px;
  355. height:30px;
  356. width:30px;
  357. border-radius:15px;
  358. -webkit-border-radius:15px;
  359. -moz-border-radius:15px;
  360. }
  361.  
  362. #content #posts #permalink {
  363. font-size:15px;
  364. margin-top:10px;
  365. text-align:center;
  366. font-family: 'Permanent Marker', cursive;
  367. }
  368.  
  369. #content #posts #tags {
  370. font-size:15px;
  371. text-align:center;
  372. font-family: 'Permanent Marker', cursive;
  373. }
  374.  
  375. .playerbuttonbg {
  376. position: absolute;
  377. left: 20px;
  378. top: 20px;
  379. width: 19px;
  380. height: 19px;
  381. background-color: #ffffff;
  382. padding: 10px;
  383. -webkit-border-radius: 40px;
  384. -moz-border-radius: 40px;
  385. border-radius: 40px;
  386. opacity: .4;
  387. filter: alpha(opacity=40);
  388. -moz-opacity: 0.4;
  389. -khtml-opacity: 0.4;
  390. transition: opacity .7s ease-in-out;
  391. -moz-transition: opacity .7s ease-in-out;
  392. -webkit-transition: opacity .7s ease-in-out;
  393. }
  394.  
  395. .playerbuttonbg:hover {
  396. opacity: 1;
  397. filter: alpha(opacity=100);
  398. -moz-opacity: 1;
  399. -khtml-opacity: 1;
  400. }
  401.  
  402. .newplayerbutton {
  403. position: relative;
  404. width: 19px;
  405. height: 19px;
  406. overflow: hidden;
  407. }
  408.  
  409. .playerbuttonhug {
  410. position: absolute;
  411. top: -18px;
  412. left: -7px;
  413. }
  414.  
  415. .tumblr_audio_player {
  416. height: 90px;
  417. width: 270px;
  418. -moz-transform: scale(0.60, 0.60);
  419. -webkit-transform: scale(0.60, 0.60);
  420. -o-transform: scale(0.60, 0.60);
  421. -ms-transform: scale(0.60, 0.60);
  422. transform: scale(0.60, 0.60);
  423. -moz-transform-origin: top left;
  424. -webkit-transform-origin: top left;
  425. -o-transform-origin: top left;
  426. -ms-transform-origin: top left;
  427. transform-origin: top left;
  428. }
  429.  
  430. .trackdetails {
  431. width: auto;
  432. border: 1px solid black;
  433. display:inline-block;
  434. margin-left: 90px;
  435. min-height: 85px;
  436. }
  437.  
  438. .audiowrapper {
  439. position: relative;
  440. display:inline-block;
  441. }
  442.  
  443. #bottombar {
  444. margin-top:-10px;
  445. margin-left:-10px;
  446. margin-bottom:0px;
  447. width:1358px;
  448. height:30px;
  449. color:{color:Title};
  450. background-color:{color:Top Bar};
  451. text-align:center;
  452. font-family: 'Permanent Marker', cursive;
  453. padding:5px;
  454. }
  455.  
  456.  
  457. </style>
  458.  
  459. </head>
  460. <body>
  461. <a href="http://pteroisradiata.tumblr.com/"><img class= "credit" src="http://41.media.tumblr.com/a91a8a468f7455de05a15380411b502f/tumblr_inline_nokveysQBO1ry72eo_75sq.png" /></a>
  462. <div id="body">
  463. <body background="{image:background}">
  464. </div>
  465. <div id="topbar"><center>{Title}</center></div>
  466. <div id="sidebar1">
  467. <img class="image1 hvr-push" src="{image:Side Icon}" />
  468. <div class="description1">{Description}</div>
  469. <div class="pagination">
  470. {block:PreviousPage}
  471. <a href="{PreviousPage}">◀</a>
  472. {/block:PreviousPage}
  473.  
  474. {block:JumpPagination length="5"}
  475. {block:CurrentPage}
  476. <span class="current_page">{PageNumber}</span>
  477. {/block:CurrentPage}
  478.  
  479. {block:JumpPage}
  480. <a class="jump_page" href="{URL}">{PageNumber}</a>
  481. {/block:JumpPage}
  482. {/block:JumpPagination}
  483.  
  484. {block:NextPage}
  485. <a href="{NextPage}">▶</a>
  486. {/block:NextPage}
  487. </div>
  488. </div></div></div>
  489.  
  490. <div id="sidebar2">
  491. <img class="image2 hvr-push" src="{image:Side Icon2}" />
  492. <div class="description2">{text:Description2}</div>
  493.  
  494. </div></div>
  495.  
  496.  
  497. <div id="content">
  498. {block:Posts}
  499. <div id="posts">
  500.  
  501. {block:Photo}
  502. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  503. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  504. {/block:Photo}
  505.  
  506. {block:Photoset}
  507. {Photoset-500}
  508. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  509. {/block:Photoset}
  510.  
  511. {block:Video}
  512. {Video-500}
  513. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  514. {/block:Video}
  515.  
  516. {block:Audio}
  517. {AudioPlayerBlack}
  518. <div class="text">~ {PlayCountWithLabel}</div>
  519. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  520. {/block:Audio}
  521.  
  522. {block:Quote}
  523. <div class="title">“{Quote}”</div>
  524. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  525. {/block:Quote}
  526.  
  527. {block:Text}
  528. {block:Title}<div class="title">{Title}</div>{/block:Title}
  529. <div class="text">{Body}</div>
  530. {/block:Text}
  531.  
  532. {block:Answer}
  533. <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
  534. <div class="title"><center>{Question}</center></div>
  535. <div class="text"><center>~ {Asker}</center></div>
  536. <div class="text">{Answer}</div>
  537. {/block:Answer}
  538.  
  539. {block:Chat}
  540. {block:Title}<div class="title">{Title}</div>{/block:Title}
  541. <div class="text">
  542. {block:Lines}
  543. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  544. {/block:Lines}
  545. </div> <!--text-->
  546. {/block:Chat}
  547.  
  548. {block:Link}
  549. <div class="title"><a href="{URL}">{Name}</a></div>
  550. {block:Description}
  551. <div class="text">{Description}</div>
  552. {/block:Description}
  553. {/block:Link}
  554.  
  555. <div id="permalink">
  556. <center><img src="{image:Divider}" /></center></p><a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
  557. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
  558. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  559. <a href=“{ReblogURL}” target=“_blank” class=“details” title="reblog?"><i class="fa fa-refresh"></i></a>
  560. </div>
  561. <div id="tags">
  562. {block:HasTags}<div id="tags">
  563. {block:Tags}
  564. <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
  565. {/block:Tags}
  566. </div>
  567. {/block:HasTags}
  568. </div>
  569.  
  570. </div> <!--posts-->
  571. {/block:Posts}
  572. </div>
  573.  
  574. <div id="bottombar"><center><a href="/" title="home" class="class2"><i class="fa fa-home"></i></a>
  575. <a href="/ask" title="ask" class="class2"><i class="fa fa-envelope"></i></a>
  576. <a href="/submit" title="submit" class="class2"><i class="fa fa-inbox"></i></a>
  577. {block:ifLink1}<a href="{text:Url1}" title="{text:Link1}" class="class2"><i class="fa fa-user"></i></a>{/block:ifLink1}
  578. {block:ifLink2}<a href="{text:Url2}" title="{text:Link2}" class="class2"><i class="fa fa-heart"></i></a>{block:ifLink2}
  579. {block:ifLink3}<a href="{text:Url3}" title="{text:Link3}" class="class2"><i class="fa fa-star"></i></a>{block:ifLink3}
  580. {block:ifLink4}<a href="{text:Url4}" title="{text:Link4}" class="class2"><i class="fa fa-leaf"></i></a>{block:ifLink4}</center></div><!--content-->
  581.  
  582.  
  583. </body>
  584.  
  585. </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!