Advertisement
pteroisradiata

Tucker

Oct 7th, 2015
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.28 KB | None | 0 0
  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=Righteous' rel='stylesheet' type='text/css'>
  38. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  40.  
  41. <title>{Title} {PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{image:Favicon}" />
  42.  
  43. <meta name="color:Background" content="#FFFFFF" />
  44. <meta name="color:sidebar" content="#000000" />
  45. <meta name="color:Text" content="#000000" />
  46. <meta name="color:content border" content="#4c99ff" />
  47. <meta name="color:image border" content="#4c99ff" />
  48. <meta name="color:Post Border" content="#000000" />
  49. <meta name="color:Title" content="#FFFFFF" />
  50. <meta name="color:Description" content="#FFFFFF" />
  51. <meta name="color:content bg" content="#000000">
  52. <meta name="color:Posts" content="#FFFFFF" />
  53. <meta name="color:Link" content="#00ffc8" />
  54. <meta name="color:Link Hover" content="#4c99ff" />
  55. <meta name="color:scroll" content="#00ffc8">
  56. <meta name="color:scroll bg" content="#FFFFFF">
  57. <meta name="color:glow" content="#00ffc8">
  58. <meta name="color:Blockquote" content="#000000">
  59.  
  60. <meta name="image:Background" content="https://40.media.tumblr.com/ea568d43430e0f881680e5cdb622a1b3/tumblr_inline_nvvsqw1IuM1secggb_540.png" />
  61. <meta name="image:Favicon" content="https://36.media.tumblr.com/816c71de6fed82fcd5f9bffcd763a254/tumblr_inline_nvvsotFIhS1secggb_540.png" />
  62. <meta name="image:Cursor" content="https://40.media.tumblr.com/f2635f8b37acb7ff0e973670ae1b1dc4/tumblr_inline_nvvsoc7ybu1secggb_540.png" />
  63. <meta name="image:Divider" content="https://41.media.tumblr.com/b36e95032355ef4e0375b0b1838df3d3/tumblr_inline_nvvsocY6JK1secggb_540.png" />
  64. <meta name="image:profimage" content="https://36.media.tumblr.com/78a77f0cc5d385ed3ea077be777d47e2/tumblr_inline_nvvspjxRL51secggb_540.jpg" />
  65. <meta name="text:Font Size" content="13" />
  66. <meta name="text:Link1" content="Link1" />
  67. <meta name="text:Url1" content="" />
  68. <meta name="text:Link2" content="Link2" />
  69. <meta name="text:Url2" content="" />
  70. <meta name="text:Link3" content="Link3" />
  71. <meta name="text:Url3" content="" />
  72. <meta name="text:Link4" content="Link4" />
  73. <meta name="text:Url4" content="" />
  74.  
  75. <meta name="if:Link1" content="1" />
  76. <meta name="if:Link2" content="1" />
  77. <meta name="if:Link3" content="1" />
  78. <meta name="if:Link4" content="1" />
  79.  
  80. <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
  81.  
  82. <style>
  83. .tooltip{
  84. display: inline;
  85. position: relative;
  86. }
  87. #s-m-t-tooltip {
  88. max-width:300px; /*how big the tooltip can be at most*/
  89. border-radius: 0px; /*change your border radius*/
  90. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  91. margin:20px 7px -2px 20px; /*distance from word*/
  92. background-color:#ffffff; /*background color*/
  93. border:1px solid #E0E0E0; /*border info*/
  94. font-family: 'Poiret One', cursive;
  95. font-size:10px; /*tooltip font size*/
  96. letter-spacing:2px; /*tooltip letter spacing*/
  97. text-transform:uppercase; /*makes the tooltip title uppercase*/
  98. color:#000; /*tooltip font color*/
  99. z-index:999999999999999999999999999999999999;
  100. }
  101. </style>
  102.  
  103. <style type="text/css">
  104.  
  105. ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
  106. ::-webkit-scrollbar-thumb { background-color: {color:scroll}; }
  107.  
  108. body {
  109. background:{color:Background};
  110. background-image:url("{image:Background}");
  111. background-position:fixed;
  112. color:{color:Text};
  113. font-size:{text:Font Size}px;
  114. word-wrap: break-word;
  115. font-family: 'Raleway', sans-serif;
  116. }
  117.  
  118. a:link, a:active, a:visited {
  119. text-decoration: none;
  120. font-weight:bold;
  121. color: {color:Link};
  122. -webkit-transition: all 0.4s ease;
  123. transition: all 0.4s ease;
  124. -moz-transition: all 0.4s ease;
  125. -o-transition: all 0.4s ease;}
  126.  
  127. a:hover { color: {color:Link Hover};}
  128.  
  129. #sidebar {
  130. margin-top:110px;
  131. margin-left:50px;
  132. width:250px;
  133. height:400px;
  134. padding: 10px;
  135. position:fixed;
  136. z-index:999999999;
  137. background:{color:sidebar};
  138. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  139. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  140. box-shadow: 0px 0px 29px 3px {color:glow};
  141. }
  142.  
  143. .tit {
  144. margin-top:220px;
  145. margin-left:25px;
  146. width:250px;
  147. color: {color:Title};
  148. font-size:25px;
  149. font-family: 'Righteous', cursive;
  150. position:fixed;
  151. text-decoration:line-through;
  152. }
  153.  
  154. .description {
  155. margin-top:260px;
  156. margin-left:10px;
  157. width:230px;
  158. max-height:100px;
  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: 50px;
  170. margin-top: 380px;
  171. text-align: center;
  172. font-family: 'Raleway', sans-serif;
  173. padding: 3px 0;
  174. position:fixed;
  175. background: {color:borders};
  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. #profimage {
  189. margin-left:80px;
  190. margin-top:125px;
  191. width:200px;
  192. height:200px;
  193. position:fixed;
  194. border:3px {color:image border} solid;
  195. border-radius:100px;
  196. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  197. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  198. box-shadow: 0px 0px 29px 3px {color:glow};
  199. z-index:99999999999999999999999999999;
  200. }
  201.  
  202. #links {
  203. color:{color:links};
  204. text-align:center;
  205. font-size:12px;
  206. font-family: 'Righteous', cursive;
  207. text-transform:uppercase;
  208. background-color:{color:sidebar};
  209. position:fixed;
  210. opacity:0;
  211. margin-left:80px;
  212. margin-top:125px;
  213. width:200px;
  214. height:200px;
  215. border:3px {color:image border} solid;
  216. border-radius:100px;
  217. z-index:999999999999999999999999999999;
  218. -moz-transition-duration:1s;
  219. -webkit-transition-duration:1s;
  220. -o-transition-duration:1s;
  221. }
  222.  
  223. #links:hover {
  224. color:{color:links};
  225. font-size:12px;
  226. font-family: 'Righteous', cursive;
  227. text-align:center;
  228. text-transform:uppercase;
  229. background-color:{color:sidebar};
  230. opacity:1;
  231. margin-left:80px;
  232. margin-top:125px;
  233. width:200px;
  234. height:200px;
  235. border:3px {color:image border} solid;
  236. border-radius:100px;
  237. z-index:999999999999999999999999999999;
  238. -moz-transition-duration:1s;
  239. -webkit-transition-duration:1s;
  240. -o-transition-duration:1s;
  241. }
  242.  
  243. #line {
  244. width:25px;
  245. height:1000px;
  246. margin-top:-10px;
  247. margin-left:125px;
  248. background-color:{color:sidebar};
  249. position:fixed;
  250. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  251. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  252. box-shadow: 0px 0px 29px 3px {color:glow};
  253. }
  254.  
  255. #line2 {
  256. width:25px;
  257. height:1000px;
  258. margin-top:-10px;
  259. margin-left:220px;
  260. background-color:{color:sidebar};
  261. position:fixed;
  262. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  263. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  264. box-shadow: 0px 0px 29px 3px {color:glow};
  265. }
  266.  
  267. #content {
  268. width: 750px;
  269. height:500px;
  270. margin: 75px 0px 0px 450px;
  271. padding: 20px 0px;
  272. color: {color:Text};
  273. background-color:{color:content bg};
  274. overflow-y:scroll;
  275. position:fixed;
  276. border:3px {color:content border} solid;
  277. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  278. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  279. box-shadow: 0px 0px 29px 3px {color:glow};
  280.  
  281. }
  282.  
  283. #content blockquote {
  284. border-left: solid 2px {color:Blockquote};
  285. margin: 0;
  286. padding-left: 10px;
  287. }
  288.  
  289. img {
  290. border: 0;
  291. max-width: 100%;
  292. }
  293.  
  294. #content #posts {
  295. width: 500px;
  296. margin: 10px auto 50px;
  297. padding:20px;
  298. background:{color:Posts};
  299. -webkit-box-shadow: 0px 0px 29px 3px {color:glow};
  300. -moz-box-shadow: 0px 0px 29px 3px {color:glow};
  301. box-shadow: 0px 0px 29px 3px {color:glow};
  302.  
  303. }
  304.  
  305. #content #posts .title {
  306. font-size: 22px;
  307. }
  308.  
  309. #content #posts .text {
  310. font-family: 'Raleway', sans-serif;
  311. font-size:{text:Font Size}px;
  312. }
  313.  
  314. #content #posts .askimg {
  315. margin-top:-10px;
  316. margin-left:-10px;
  317. height:30px;
  318. width:30px;
  319. border-radius:15px;
  320. -webkit-border-radius:15px;
  321. -moz-border-radius:15px;
  322. }
  323.  
  324. #content #posts #permalink {
  325. font-size:15px;
  326. margin-top:10px;
  327. text-align:center;
  328. font-family: 'Raleway', sans-serif;
  329. }
  330.  
  331. #content #posts #tags {
  332. font-size:12px;
  333. text-align:center;
  334. font-family: 'Raleway', sans-serif;
  335. }
  336.  
  337. .playerbuttonbg {
  338. position: absolute;
  339. left: 20px;
  340. top: 20px;
  341. width: 19px;
  342. height: 19px;
  343. background-color: #ffffff;
  344. padding: 10px;
  345. -webkit-border-radius: 40px;
  346. -moz-border-radius: 40px;
  347. border-radius: 40px;
  348. opacity: .4;
  349. filter: alpha(opacity=40);
  350. -moz-opacity: 0.4;
  351. -khtml-opacity: 0.4;
  352. transition: opacity .7s ease-in-out;
  353. -moz-transition: opacity .7s ease-in-out;
  354. -webkit-transition: opacity .7s ease-in-out;
  355. }
  356.  
  357. .playerbuttonbg:hover {
  358. opacity: 1;
  359. filter: alpha(opacity=100);
  360. -moz-opacity: 1;
  361. -khtml-opacity: 1;
  362. }
  363.  
  364. .newplayerbutton {
  365. position: relative;
  366. width: 19px;
  367. height: 19px;
  368. overflow: hidden;
  369. }
  370.  
  371. .playerbuttonhug {
  372. position: absolute;
  373. top: -18px;
  374. left: -7px;
  375. }
  376.  
  377. .tumblr_audio_player {
  378. height: 90px;
  379. width: 470px;
  380. -moz-transform: scale(0.60, 0.60);
  381. -webkit-transform: scale(0.60, 0.60);
  382. -o-transform: scale(0.60, 0.60);
  383. -ms-transform: scale(0.60, 0.60);
  384. transform: scale(0.60, 0.60);
  385. -moz-transform-origin: top left;
  386. -webkit-transform-origin: top left;
  387. -o-transform-origin: top left;
  388. -ms-transform-origin: top left;
  389. transform-origin: top left;
  390. }
  391.  
  392. .trackdetails {
  393. width: auto;
  394. border: 1px solid black;
  395. display:inline-block;
  396. margin-left: 90px;
  397. min-height: 85px;
  398. }
  399.  
  400. .audiowrapper {
  401. position: relative;
  402. display:inline-block;
  403. }
  404.  
  405. </style>
  406.  
  407. </head>
  408. <body>
  409. <div id="sidebar">
  410. <div class="tit">{Title}</div>
  411. <div class="description">{Description}</div>
  412. <div class="pagination">
  413. {block:PreviousPage}
  414. <a href="{PreviousPage}">Previous</a>
  415. {/block:PreviousPage}
  416.  
  417. {block:JumpPagination length="5"}
  418. {block:CurrentPage}
  419. <span class="current_page">{PageNumber}</span>
  420. {/block:CurrentPage}
  421.  
  422. {block:JumpPage}
  423. <a class="jump_page" href="{URL}">{PageNumber}</a>
  424. {/block:JumpPage}
  425. {/block:JumpPagination}
  426.  
  427. {block:NextPage}
  428. <a href="{NextPage}">Next</a>
  429. {/block:NextPage}
  430.  
  431. </div>
  432. </div>
  433. <img src="{image:profimage}" id="profimage">
  434. <div id="links">
  435. <p></p>
  436. <p></p>
  437. <p></p>
  438. <a href="/">HOME</a></p>
  439. <a href="/ask">ASK</a></p>
  440. <a href="/submit">SUBMIT</a></p>
  441. <a href="{text:URL1}">{text:Link1}</a></p>
  442. <a href="{text:URL2}">{text:Link2}</a></p>
  443. <a href="{text:URL3}">{text:Link3}</a></p>
  444. <a href="{text:URL4}">{text:Link4}</a></p>
  445.  
  446. </div>
  447. <div id="line"></div>
  448. <div id="line2"></div>
  449. <div id="content">
  450. {block:Posts}
  451. <div id="posts">
  452.  
  453. {block:Photo}
  454. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  455. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  456. {/block:Photo}
  457.  
  458. {block:Photoset}
  459. {Photoset-500}
  460. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  461. {/block:Photoset}
  462.  
  463. {block:Video}
  464. {Video-500}
  465. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  466. {/block:Video}
  467.  
  468. {block:Audio}
  469. {AudioPlayerBlack}
  470. <div class="text">~ {PlayCountWithLabel}</div>
  471. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  472. {/block:Audio}
  473.  
  474. {block:Quote}
  475. <div class="title">“{Quote}”</div>
  476. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  477. {/block:Quote}
  478.  
  479. {block:Text}
  480. {block:Title}<div class="title">{Title}</div>{/block:Title}
  481. <div class="text">{Body}</div>
  482. {/block:Text}
  483.  
  484. {block:Answer}
  485. <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
  486. <div class="title"><center>{Question}</center></div>
  487. <div class="text"><center>~ {Asker}</center></div>
  488. <div class="text">{Answer}</div>
  489. {/block:Answer}
  490.  
  491. {block:Chat}
  492. {block:Title}<div class="title">{Title}</div>{/block:Title}
  493. <div class="text">
  494. {block:Lines}
  495. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  496. {/block:Lines}
  497. </div> <!--text-->
  498. {/block:Chat}
  499.  
  500. {block:Link}
  501. <div class="title"><a href="{URL}">{Name}</a></div>
  502. {block:Description}
  503. <div class="text">{Description}</div>
  504. {/block:Description}
  505. {/block:Link}
  506.  
  507. <div id="permalink"><p><center><img src="{image:Divider}" /></center></p>
  508. <a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
  509. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
  510. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  511. <a href="{ReblogURL}" target="_blank" class="details" title="reblog?"><i class="fa fa-refresh"></i></a>
  512. </div>
  513. <div id="tags">
  514. {block:HasTags}<div id="tags">
  515. {block:Tags}
  516. <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
  517. {/block:Tags}
  518. </div>
  519. {/block:HasTags}
  520. </div>
  521.  
  522. </div> <!--posts-->
  523. {/block:Posts}
  524. </div> <!--content-->
  525. <a href="http://pteroisradiata.tumblr.com/">©</a>
  526. </body>
  527.  
  528. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement