Advertisement
Aken

unknown

Aug 22nd, 2019 (edited)
2,179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  5. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  6.  
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{image:favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  18.  
  19. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  20.  
  21. <meta name="image:icon" content=""/>
  22. <meta name="image:favicon" content=""/>
  23.  
  24. <meta name="color:bg" content="#fff"/>
  25. <meta name="color:post" content="#fff"/>
  26. <meta name="color:text" content="#000"/>
  27. <meta name="color:link" content="#000"/>
  28. <meta name="color:hover" content="#000"/>
  29. <meta name="color:border" content="#000"/>
  30. <meta name="color:thumb" content="#000"/>
  31. <meta name="color:track" content="#fff"/>
  32. <meta name="color:tooltip" content="#fff"/>
  33. <meta name="color:tooltip text" content="#000"/>
  34.  
  35. <meta name="text:font" content="times"/>
  36. <meta name="text:search" content="SEARCH ME~"
  37.  
  38. <meta name="select:border" content="solid">
  39. <meta name="select:border" content="dotted">
  40. <meta name="select:border" content="dashed">
  41. <meta name="select:border" content="outset">
  42. <meta name="select:border" content="double">
  43.  
  44. <meta name="select:font size" content="16"/>
  45. <meta name="select:font size" content="18"/>
  46. <meta name="select:font size" content="20"/>
  47. <meta name="select:font size" content="22"/>
  48. <meta name="select:font size" content="24"/>
  49.  
  50. <meta name="text:title1" content=""/>
  51. <meta name="text:link1" content="/"/>
  52. <meta name="text:title2" content=""/>
  53. <meta name="text:link2" content="/"/>
  54. <meta name="text:link symbol" content="&"/>
  55.  
  56. <meta name="text:redirect" content=""/>
  57. <meta name="text:border" content="2"/>
  58.  
  59. <meta name="if:redirect" content=""/>
  60. <meta name="if:search bar" content=""/>
  61. <meta name="if:footer border" content=""/>
  62. <meta name="if:captions" content=""/>
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar {
  67. width: 10px;
  68. }
  69.  
  70. ::-webkit-scrollbar-track {
  71. background:{color:track};
  72. }
  73.  
  74. ::-webkit-scrollbar-thumb {
  75. background:{color:thumb};
  76. }
  77.  
  78. .sfm input{
  79. font-family:{text:font};
  80. }
  81.  
  82. body {
  83. margin:0px;
  84. background:{color:bg};
  85. font-family:{text:font};
  86. font-size:{select:font size}px;
  87. line-height:140%;
  88. color: {color:text};
  89. }
  90.  
  91. p{
  92. margin:0 0 10px 0;
  93. padding:0;
  94. }
  95.  
  96. pre {
  97. white-space: pre-wrap;
  98. white-space: -moz-pre-wrap;
  99. white-space: -pre-wrap;
  100. white-space: -o-pre-wrap;
  101. word-wrap: break-word;
  102. }
  103.  
  104. a{
  105. color:{color:link};
  106. text-decoration:none;
  107. }
  108.  
  109. a:hover{
  110. color:{color:hover};
  111. -o-transition: all 0.3s ease-out;
  112. -webkit-transition: all 0.3s ease-out;
  113. -moz-transition: all 0.3s ease-out;
  114. }
  115.  
  116. li{
  117. margin-left:0px;
  118. list-style-type:decimal-leading-zero;
  119. }
  120.  
  121.  
  122. #wrapper{
  123. width:600px;
  124. margin:50px auto;
  125. }
  126.  
  127. #sidebar{
  128. width:300px;
  129. position:fixed;
  130. margin-left:-130px;
  131. text-align:center;
  132. }
  133.  
  134. #sidebar a{
  135. text-decoration:underline;
  136. }
  137.  
  138. #content{
  139. width:540px;
  140. margin-left:250px;
  141. overflow:hidden;
  142. }
  143.  
  144. .post{
  145. width:500px;
  146. margin:0 0 80px 0;
  147. overflow:hidden;
  148. {block:IndexPage}
  149. border:{select:border} {text:border}px {color:border};
  150. background-color:{color:post};
  151. {/block:IndexPage}
  152. {block:PermalinkPage}
  153. border:none;
  154. {/block:PermalinkPage}
  155. padding:10px;
  156. }
  157.  
  158. #sidebar img{
  159. width:300px;
  160. height:300px;
  161. border-radius:2px;
  162. }
  163.  
  164. #nav{
  165. width:500px;
  166. margin:20px auto;
  167. text-align:center;
  168. font-size:28px;
  169. }
  170.  
  171.  
  172. .media{
  173. margin:0 0 0px 0;
  174. }
  175.  
  176. .media img{
  177. width:100%;
  178. }
  179.  
  180. .title{
  181. font-weight:normal;
  182. font-size:20px;
  183. margin:0 0 10px 0;
  184. }
  185.  
  186. .quote{
  187. font-weight:normal;
  188. font-style:italic;
  189. margin:0 0 10px 0;
  190. }
  191.  
  192. .question{
  193. margin-bottom:10px;
  194. }
  195.  
  196. blockquote{
  197. margin:0 0 10px 10px;
  198. padding:0 0 0 10px;
  199. border-left:solid 1px #000;
  200. }
  201.  
  202.  
  203. .post .footer{
  204. margin:0;
  205. text-align:left;
  206. position:absolute;
  207. background-color:{color:post};
  208. padding:5px;
  209. margin-top:0px;
  210. {block:iffooterborder}
  211. border:{select:border} {text:border}px {color:border};
  212. {/block:iffooterborder}
  213. height:10px;
  214. line-height:45%;
  215. }
  216.  
  217.  
  218. ol.notes{
  219. list-style-type:none;
  220. padding:0;
  221. margin:0;
  222. }
  223.  
  224. ol.notes li.note img{
  225. width:16px;
  226. height:16px;
  227. }
  228.  
  229. ol.notes li.note{
  230. margin:0px;
  231. }
  232.  
  233. .playbutton {
  234. position:relative;
  235. margin-top:45px;
  236. margin-left:44px;
  237. z-index:9;
  238. width:33px;
  239. height:30px;
  240. overflow:hidden;}
  241.  
  242. .albumart img {
  243. position:relative;
  244. margin-top:-75px;
  245. margin-left:0px
  246. height:120px;
  247. width:120px;
  248. -webkit-border-top-left-radius: 20px;
  249. -webkit-border-bottom-left-radius: 20px;
  250. -moz-border-radius-topleft: 20px;
  251. -moz-border-radius-bottomleft: 20px;
  252. border-top-left-radius: 20px;
  253. border-bottom-left-radius: 20px;}
  254.  
  255. .trackinfo {
  256. margin-bottom:10px;
  257. background:#fff;
  258. color:#000;
  259. top:-6px;
  260. position:relative;
  261. margin-left:120px;
  262. height:120px;
  263. margin-top:-120px;
  264. -webkit-border-top-right-radius: 20px;
  265. -webkit-border-bottom-right-radius: 20px;
  266. -moz-border-radius-topright: 20px;
  267. -moz-border-radius-bottomright: 20px;
  268. border-top-right-radius: 20px;
  269. border-bottom-right-radius: 20px;}
  270.  
  271. .trackname {
  272. position:relative;
  273. padding-top:30px;
  274. text-align:center;
  275. font-size:14px;
  276. text-transform:uppercase;
  277. font-weight: bold;}
  278.  
  279. .artist {
  280. text-align:center;
  281. font-size:12px;
  282. text-transform:uppercase;}
  283.  
  284. .album {
  285. text-align:center;
  286. font-style: italic;}
  287.  
  288. .playcount {
  289. font-weight: bold;
  290. margin-top:5px;
  291. text-align:center;}
  292.  
  293. .tooltip{
  294. display: inline;
  295. position: relative;
  296. }
  297.  
  298. #s-m-t-tooltip {
  299. max-width:300px;
  300. border-radius: 4px;
  301. text-align:center;
  302. padding:4px;
  303. margin:20px 7px -2px 20px;
  304. background-color:{color:tooltip};
  305. color:{color:tooltip text};
  306. border:{select:border} {text:border}px {color:border};
  307. z-index:999999999999999999999999999999999999;
  308. -o-transition: all 0.3s ease-out;
  309. -webkit-transition: all 0.3s ease-out;
  310. -moz-transition: all 0.3s ease-out;
  311. }
  312.  
  313. {CustomCSS}
  314. </style>
  315. </head>
  316.  
  317. <body>
  318.  
  319. {block:ifredirect}
  320. {block:IndexPage}<script type="text/javascript">
  321. var url = location.href;
  322. if (url == "{BlogURL}") {
  323. window.location = "{BlogURL}tagged/{text:redirect}";
  324. }
  325. </script>{/block:IndexPage}
  326. {/block:ifredirect}
  327.  
  328. <div id="wrapper">
  329.  
  330.  
  331. <div id="sidebar">
  332. <a href="/" title="{Title}"><img src="{image:icon}"></a>
  333. <a href="{text:link1}">{text:title1}</a>&emsp;{text:link symbol}&emsp;<a href="{text:link2}">{text:title2}</a>
  334. {block:ifsearchbar}
  335. <p><form action="/search" method="get" class="sfm" name="theform">
  336. <input type="text" name="q" placeholder="{text:search}"
  337. onfocus="this.placeholder = ''"
  338. onblur="this.placeholder = '{text:search}'" />
  339. </form>
  340. {/block:ifsearchbar}
  341. </div>
  342.  
  343.  
  344.  
  345. <div id="content">
  346. {block:Posts}
  347.  
  348. <div class="post">
  349.  
  350. {block:Text}
  351. {block:Title}
  352. <div class="title">{Title}</div>
  353. {/block:Title}
  354. {Body}
  355. {/block:Text}
  356.  
  357. {block:Photo}
  358. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  359. {block:ifcaptions}
  360. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  361. {/block:ifcaptions}
  362. {/block:Photo}
  363.  
  364. {block:Photoset}
  365. <div class="media">{Photoset}</div>
  366. {block:ifcaptions}
  367. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  368. {/block:ifcaptions}
  369. {/block:Photoset}
  370.  
  371. {block:Quote}
  372. <div class="quote">"{Quote}"</div>
  373. {block:Source}
  374. <div class="quotesource">{Source}</div>
  375. {/block:Source}
  376. {/block:Quote}
  377.  
  378. {block:Link}
  379. <div class="title"><a href="{URL}">{Name}</a></div>
  380. {block:Description}
  381. <div class="description">{Description}</div>
  382. {/block:Description}
  383. {/block:Link}
  384.  
  385. {block:Chat}
  386. {block:Title}
  387. <div class="title">{Title}</div>
  388. {/block:Title}
  389.  
  390. {block:Lines}
  391. <div class="{Alt} user_{UserNumber}">
  392. {block:Label}
  393. <b>{Label}</b>{/block:Label}
  394. &nbsp;{Line}
  395. </div>
  396. {/block:Lines}
  397. {/block:Chat}
  398.  
  399. {block:Video}
  400. <div class="media">{Video-400}</div>
  401. {block:ifcaptions}
  402. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  403. {/block:ifcaptions}
  404. {/block:Video}
  405.  
  406. {block:Audio}
  407. {block:AudioPlayer}
  408. <div class="playbutton">{AudioPlayerGrey}</div>
  409. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  410. <div class="trackinfo">
  411. <div class="trackname">
  412. {block:TrackName}{TrackName}{/block:TrackName}
  413. </div>
  414. <div class="artist">
  415. {block:Artist}{Artist}{/block:Artist}
  416. </div>
  417. <div class="album">
  418. {block:Album}{Album}{/block:Album}
  419. </div>
  420. <div class="playcount">
  421. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  422. </div>
  423. </div>
  424. {block:ifcaptions}
  425. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  426. {/block:ifcaptions}
  427. {/block:AudioPlayer}
  428. {/block:Audio}
  429.  
  430. {block:Answer}
  431. <div class="question">
  432. <img class="asker-avatar" src="{AskerPortraitURL-16}" alt=""> {Asker} asked: {Question}
  433. </div>
  434.  
  435. {block:Answerer}
  436. <div class="answer">{Answer}</div>
  437. </div>
  438. {/block:Answerer}
  439. <div class="replies">
  440. {Replies}
  441. </div>
  442. {/block:Answer}
  443.  
  444. {block:Date}
  445. {block:IndexPage}
  446. <div class="footer">
  447. <a href="{Permalink}" title="{NoteCount}%">{TimeAgo}</a>
  448.  
  449. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  450. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}
  451. </div>
  452. {/block:IndexPage}
  453.  
  454.  
  455. {block:PermalinkPage}
  456. {block:NoteCount}
  457. {block:PostNotes}{PostNotes}{/block:PostNotes}
  458. {/block:NoteCount}
  459. {/block:PermalinkPage}
  460. {/block:Date}
  461.  
  462. </div>
  463. {/block:Posts}
  464.  
  465. {block:Pagination}
  466. <div id="nav">
  467. {block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a> {/block:PreviousPage}
  468.  
  469. {block:NextPage}<a href="{NextPage}">{lang:Next} →</a>{/block:NextPage}
  470. </div>
  471. {/block:Pagination}
  472. </div>
  473. </div>
  474.  
  475. </div>
  476.  
  477. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  478. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  479.  
  480. <p style="position: fixed; left: 13px; bottom: -5px; font-size:14px;"><a href="https://tmblr.co/mrRfmbRR8G93obHQkpXeORA" title="aken stamp of approval">♕</a>
  481.  
  482. </body>
  483. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement