API tools faq
paste
Advertisement
pteroisradiata

My My My

pteroisradiata
Jul 27th, 2015
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.71 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='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  37. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  38.  
  39. <title>{Title} {PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{image:Favicon}" />
  40.  
  41. <meta name="color:Background" content="#000000">
  42. <meta name="color:Text" content="#000000">
  43. <meta name="color:Post Background" content="#FFFFFF">
  44. <meta name="color:Sidebar Text" content="#FFFFFF" />
  45. <meta name="color:Side Title" content="#FFFFFF" />
  46. <meta name="color:Side Link" content="#79BD9A" />
  47. <meta name="color:Side Link Hover" content="#0B486B" />
  48. <meta name="color:Link" content="#0B486B" />
  49. <meta name="color:Link Hover" content="#79BD9A" />
  50. <meta name="color:Post Shadow" content="#000000">
  51. <meta name="color:scroll" content="#0B486B">
  52. <meta name="color:scroll bg" content="#FFFFFF">
  53.  
  54. <meta name="image:Background" content="https://41.media.tumblr.com/d991b01b6b061937e468c9ed1ee6690c/tumblr_inline_ns5pcd3td51secggb_540.png" />
  55. <meta name="image:Side Icon" content="https://41.media.tumblr.com/f11f00ad0b28a9972ad9fc487583ee09/tumblr_inline_ns5pcszc4V1secggb_540.png" />
  56. <meta name="image:Favicon" content="http://gazo.emoji7.jp/img/0561y_762927/%E3%82%AD%E3%83%A9%E3%82%AD%E3%83%A9_m.gif" />
  57. <meta name="image:Cursor" content="https://31.media.tumblr.com/1599b02a425038d59b5313aa2c009ed7/tumblr_inline_nrkbx1NLdk1ry72eo_500.gif" />
  58. <meta name="image:Divider" content="http://33.media.tumblr.com/cd41688a08596e364c8172b70c95033f/tumblr_inline_nrcn3kBK661t78dpp_500.gif" />
  59.  
  60. <meta name="text:Side Title" content="Skinny Love" />
  61. <meta name="text:Font Size" content="13" />
  62. <meta name="text:Link1" content="Link1" />
  63. <meta name="text:Url1" content="" />
  64. <meta name="text:Link2" content="Link2" />
  65. <meta name="text:Url2" content="" />
  66. <meta name="text:Link3" content="Link3" />
  67. <meta name="text:Url3" content="" />
  68. <meta name="text:Link4" content="Link4" />
  69. <meta name="text:Url4" content="" />
  70.  
  71. <meta name="if:Dark Side" content="1" />
  72. <meta name="if:Light Side" content="" />
  73. <meta name="if:Link1" content="1" />
  74. <meta name="if:Link2" content="1" />
  75. <meta name="if:Link3" content="1" />
  76. <meta name="if:Link4" content="1" />
  77.  
  78. <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
  79.  
  80. <style>
  81. .tooltip{
  82. display: inline;
  83. position: relative;
  84. }
  85. #s-m-t-tooltip {
  86. max-width:300px; /*how big the tooltip can be at most*/
  87. border-radius: 0px; /*change your border radius*/
  88. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  89. margin:20px 7px -2px 20px; /*distance from word*/
  90. background-color:#ffffff; /*background color*/
  91. border:1px solid #E0E0E0; /*border info*/
  92. font-family:calibri; /*tooltip font*/
  93. font-size:9px; /*tooltip font size*/
  94. letter-spacing:2px; /*tooltip letter spacing*/
  95. text-transform:uppercase; /*makes the tooltip title uppercase*/
  96. color:#000; /*tooltip font color*/
  97. z-index:999999999999999999999999999999999999;
  98. }
  99. </style>
  100.  
  101. <style type="text/css">
  102.  
  103. ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
  104. ::-webkit-scrollbar-thumb { background-color: {color:scroll}; -webkit-border-radius: 1ex; }
  105.  
  106. #body {
  107. max-height:600px;
  108. background: {color:Background};
  109. background-image: {image:Background};
  110. background-position:fixed;
  111. color:{color:Text};
  112. font-size:{Font Size};
  113. word-wrap: break-word
  114. background-attachment: fixed;
  115. font-family: 'Abel', sans-serif;
  116. }
  117.  
  118. a:link, a:active, a:visited {
  119. text-decoration: none;
  120. color: {color:Link};
  121. -webkit-transition: all 0.4s ease;
  122. transition: all 0.4s ease;
  123. -moz-transition: all 0.4s ease;
  124. -o-transition: all 0.4s ease;}
  125.  
  126. a:hover { color: {color:Link Hover};}
  127.  
  128.  
  129. a.class2, a.class2:link, a.class2:active, a.class2:visited {
  130. color: {color:Side Link};
  131. -webkit-transition: all 0.4s ease;
  132. transition: all 0.4s ease;
  133. -moz-transition: all 0.4s ease;
  134. -o-transition: all 0.4s ease;}
  135.  
  136. a.class2:hover { color: {color:Side Link Hover};}
  137.  
  138.  
  139. #sidebar {
  140. {block:ifDarkSide}
  141. background:rgba(0, 0, 0, .6);
  142. {/block:ifDarkSide}
  143. {block:ifLightSide}
  144. background:rgba(255, 255, 255, .6);
  145. {/block:iflightSide}
  146. color:{color:Sidebar Text};
  147. margin-top:-20px;
  148. margin-left:-20px;
  149. font-size:12px;
  150. font-family: 'Abel', sans-serif;
  151. width:210px;
  152. height:1000px;
  153. padding:20px;
  154. position:fixed;
  155. z-index:9999;
  156. }
  157.  
  158. .links {
  159. margin-top:525px;
  160. width: 200px;
  161. height: 5px;
  162. font-size:15px;
  163. font-family: 'Abel', sans-serif;
  164. position:fixed;
  165. text-align:center;
  166. padding: 0px;
  167. color:{color:Sidebar Link};
  168.  
  169. }
  170.  
  171. .links:hover {
  172. color:{color:Sidebar Link Hover};
  173. }
  174.  
  175.  
  176. .image {
  177. width: 250px;
  178. height: 500px;
  179. margin-top:-20px;
  180. margin-left: -20px;
  181. position:fixed;
  182. background-image:{image:Side Icon}
  183. }
  184.  
  185. .sidetitle {
  186. width:300px;
  187. height:auto;
  188. margin-top:485px;
  189. margin-left:-50px;
  190. text-align:center;
  191. font-family: 'Marck Script', cursive;
  192. font-size:28px;
  193. color:{color:Side Title};
  194. position:fixed;
  195. z-index:9999;
  196.  
  197. }
  198.  
  199.  
  200. .pagination {
  201. width: 260px;
  202. margin-left: -20px;
  203. text-align: center;
  204. font-family: 'Abel', sans-serif;
  205. padding: 3px 0;
  206. }
  207.  
  208. .pagination a {
  209. color: {color:Sidebar Link};
  210. text-decoration: none;
  211. }
  212.  
  213. .pagination a:hover {
  214. color: {color:Sidebar Link Hover};
  215. }
  216.  
  217.  
  218. .credit {
  219. margin-left:0px;
  220. margin-top:630px;
  221. }
  222.  
  223. #content {
  224. width: 580px;
  225. margin: -10px 0 90px 490px;
  226. padding: 20px 0px;
  227. color: black;
  228. }
  229.  
  230. #content blockquote {
  231. border-left: solid 2px black;
  232. margin: 0;
  233. padding-left: 10px;
  234. }
  235.  
  236. img {
  237. border: 0;
  238. max-width: 100%;
  239. }
  240.  
  241. #content #posts {
  242. background-color: {color:Post Background};
  243. width: 500px;
  244. margin: 0 auto 50px;
  245. padding:20px;
  246. -webkit-box-shadow: 0px 0px 14px 3px {color:Post Shadow};
  247. -moz-box-shadow: 0px 0px 14px 0px {color:Post Shadow};
  248. box-shadow: 0px 0px 14px 3px {color:Post Shadow};
  249. }
  250.  
  251. #content #posts .title {
  252. font-size: 22px;
  253. }
  254.  
  255. #content #posts .text {
  256. font-family: 'Abel', sans-serif;
  257. font-size:{Font Size};
  258. }
  259.  
  260. #content #posts .askimg {
  261. margin-top:-10px;
  262. margin-left:-10px;
  263. height:30px;
  264. width:30px;
  265. border-radius:15px;
  266. -webkit-border-radius:15px;
  267. -moz-border-radius:15px;
  268. }
  269.  
  270. #content #posts #permalink {
  271. font-size:15px;
  272. margin-top:10px;
  273. text-align:center;
  274. font-family: 'Satisfy', cursive;
  275. }
  276.  
  277. #content #posts #tags {
  278. font-size:15px;
  279. text-align:center;
  280. font-family: 'Satisfy', cursive;
  281. }
  282.  
  283. .playerbuttonbg {
  284. position: absolute;
  285. left: 20px;
  286. top: 20px;
  287. width: 19px;
  288. height: 19px;
  289. background-color: #ffffff;
  290. padding: 10px;
  291. -webkit-border-radius: 40px;
  292. -moz-border-radius: 40px;
  293. border-radius: 40px;
  294. opacity: .4;
  295. filter: alpha(opacity=40);
  296. -moz-opacity: 0.4;
  297. -khtml-opacity: 0.4;
  298. transition: opacity .7s ease-in-out;
  299. -moz-transition: opacity .7s ease-in-out;
  300. -webkit-transition: opacity .7s ease-in-out;
  301. }
  302.  
  303. .playerbuttonbg:hover {
  304. opacity: 1;
  305. filter: alpha(opacity=100);
  306. -moz-opacity: 1;
  307. -khtml-opacity: 1;
  308. }
  309.  
  310. .newplayerbutton {
  311. position: relative;
  312. width: 19px;
  313. height: 19px;
  314. overflow: hidden;
  315. }
  316.  
  317. .playerbuttonhug {
  318. position: absolute;
  319. top: -18px;
  320. left: -7px;
  321. }
  322.  
  323. .tumblr_audio_player {
  324. height: 90px;
  325. width: 270px;
  326. -moz-transform: scale(0.60, 0.60);
  327. -webkit-transform: scale(0.60, 0.60);
  328. -o-transform: scale(0.60, 0.60);
  329. -ms-transform: scale(0.60, 0.60);
  330. transform: scale(0.60, 0.60);
  331. -moz-transform-origin: top left;
  332. -webkit-transform-origin: top left;
  333. -o-transform-origin: top left;
  334. -ms-transform-origin: top left;
  335. transform-origin: top left;
  336. }
  337.  
  338. .trackdetails {
  339. width: auto;
  340. border: 1px solid black;
  341. display:inline-block;
  342. margin-left: 90px;
  343. min-height: 85px;
  344. }
  345.  
  346. .audiowrapper {
  347. position: relative;
  348. display:inline-block;
  349. }
  350.  
  351.  
  352. </style>
  353.  
  354. </head>
  355. <body>
  356. <div id="body">
  357. <body background="{image:background}">
  358. </div>
  359. <div id="sidebar">
  360. <img class="image" src="{image:Side Icon}" />
  361. <div class="sidetitle"><center>{text:Side Title}</center></div>
  362. <div class="links"><center>
  363. <a href="/" title="home" class="class2"><i class="fa fa-home"></i></a>
  364. <a href="/ask" title="ask" class="class2"><i class="fa fa-envelope"></i></a>
  365. <a href="/submit" title="submit" class="class2"><i class="fa fa-inbox"></i></a>
  366. {block:ifLink1}<a href="{text:Url1}" title="{text:Link1}" class="class2"><i class="fa fa-user"></i></a>{/block:ifLink1}
  367. {block:ifLink2}<a href="{text:Url2}" title="{text:Link2}" class="class2"><i class="fa fa-heart"></i></a>{block:ifLink2}
  368. {block:ifLink3}<a href="{text:Url3}" title="{text:Link3}" class="class2"><i class="fa fa-star"></i></a>{block:ifLink3}
  369. {block:ifLink4}<a href="{text:Url4}" title="{text:Link4}" class="class2"><i class="fa fa-leaf"></i></a>{block:ifLink4}
  370. </center></p>
  371. <font color="{color:Sidebar Text}"><center>{Description}</center></font>
  372. <div class="pagination">
  373. {block:PreviousPage}<a href="{PreviousPage}" class="class2"><i class="fa fa-reply"></i> </a>{/block:PreviousPage}
  374. {block:NextPage}<a href="{NextPage}" class="class2"> <i class="fa fa-share"></i></a>{/block:NextPage}
  375. </div></div>
  376. <a href="http://pteroisradiata.tumblr.com/"><img class= "credit" src="http://41.media.tumblr.com/a91a8a468f7455de05a15380411b502f/tumblr_inline_nokveysQBO1ry72eo_75sq.png" /></a>
  377. </div>
  378.  
  379. <div id="content">
  380. {block:Posts}
  381. <div id="posts">
  382.  
  383. {block:Photo}
  384. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  385. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  386. {/block:Photo}
  387.  
  388. {block:Photoset}
  389. {Photoset-500}
  390. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  391. {/block:Photoset}
  392.  
  393. {block:Video}
  394. {Video-500}
  395. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  396. {/block:Video}
  397.  
  398. {block:Audio}
  399. {AudioPlayerBlack}
  400. <div class="text">~ {PlayCountWithLabel}</div>
  401. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  402. {/block:Audio}
  403.  
  404. {block:Quote}
  405. <div class="title">“{Quote}”</div>
  406. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  407. {/block:Quote}
  408.  
  409. {block:Text}
  410. {block:Title}<div class="title">{Title}</div>{/block:Title}
  411. <div class="text">{Body}</div>
  412. {/block:Text}
  413.  
  414. {block:Answer}
  415. <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
  416. <div class="title"><center>{Question}</center></div>
  417. <div class="text"><center>~ {Asker}</center></div>
  418. <div class="text">{Answer}</div>
  419. {/block:Answer}
  420.  
  421. {block:Chat}
  422. {block:Title}<div class="title">{Title}</div>{/block:Title}
  423. <div class="text">
  424. {block:Lines}
  425. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  426. {/block:Lines}
  427. </div> <!--text-->
  428. {/block:Chat}
  429.  
  430. {block:Link}
  431. <div class="title"><a href="{URL}">{Name}</a></div>
  432. {block:Description}
  433. <div class="text">{Description}</div>
  434. {/block:Description}
  435. {/block:Link}
  436.  
  437. <div id="permalink">
  438. <center><img src="{image:Divider}" /></center></p><a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
  439. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
  440. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  441. <a href=“{ReblogURL}” target=“_blank” class=“details” title="reblog?"><i class="fa fa-refresh"></i></a>
  442. </div>
  443. <div id="tags">
  444. {block:HasTags}<div id="tags">
  445. {block:Tags}
  446. <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
  447. {/block:Tags}
  448. </div>
  449. {/block:HasTags}
  450. </div>
  451.  
  452. </div> <!--posts-->
  453. {/block:Posts}
  454. </div> <!--content-->
  455.  
  456. </body>
  457.  
  458. </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!