API tools faq
paste
moanszayn

Monster

moanszayn
Jul 13th, 2015
491
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME BY AILEEN
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#fff"/>
  19. <meta name="color:post background" content="#DBEEF6"/>
  20. <meta name="color:Text" content="#bbbbbb"/>
  21. <meta name="color:selection" content="#000"/>
  22. <meta name="color:Link" content="#aaaaaa"/>
  23. <meta name="color:Tags" content="#9DFFB9"/>
  24. <meta name="color:info" content="#9DFFB9"/>
  25. <meta name="color:Hover" content="#427ea3"/>
  26. <meta name="color:scrollbarbg" content="ffffff"/>
  27. <meta name="color:SBLink" content="#DBEEF6"/>
  28. <meta name="color:ask" content="#DBEEF6"/>
  29. <meta name="color:asklink" content="#fff"/>
  30. <meta name="color:askbg" content="#fff"/>
  31.  
  32. <meta name="text:sidetitle" content="text here">
  33.  
  34. <meta name="text:linkA" content="">
  35. <meta name="text:linkA url" content="/">
  36. <meta name="text:linkB" content="">
  37. <meta name="text:linkB url" content="/">
  38. <meta name="text:linkC" content="">
  39. <meta name="text:linkC url" content="/">
  40. <meta name="text:linkD" content="">
  41. <meta name="text:linkD url" content="/">
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46.  
  47. /*--scrollbar--*/
  48. ::-webkit-scrollbar-thumb {height:auto;background-color:{color:scrollbarbg};padding:2px;border:2px solid white}
  49. ::-webkit-scrollbar {height:4px;width:10px;padding:2px;background-color:{color:post background};}
  50.  
  51.  
  52.  
  53. body {
  54. background: {color:background};
  55. color:{color:text};
  56. font-family:helvetica;
  57. font-size:10px;
  58. line-height:100%;
  59.  
  60. }
  61.  
  62. a {
  63. text-decoration:none;
  64. -moz-outline-style:none;
  65. color:{color:link};
  66. -webkit-transition-duration:0.6s;
  67.  
  68. }
  69.  
  70. img {
  71. border:none;
  72. }
  73.  
  74.  
  75. h1 {
  76. font-family:helvetica;
  77. font-size:12px;
  78. text-transform:uppercase;
  79. }
  80.  
  81. h2 {
  82. font-family:helvetica;
  83. text-transform:uppercase;
  84. padding:5px;
  85. color:{color:Link};
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:3px solid {color:sblink};
  91. }
  92.  
  93. blockquote blockquote {
  94. padding-left:5px;
  95. border-left:3px solid {color:sblink};
  96. }
  97.  
  98.  
  99. a:hover {
  100. color:{color:hover};
  101. }
  102.  
  103. #post p{
  104. font-family:helvetica;
  105. }
  106.  
  107. #container{
  108. margin-top:100px;
  109. margin-left:200px;
  110. width:200px;
  111. height:200px;
  112. background:#fff;
  113. position:fixed;
  114. background: -webkit-linear-gradient(transparent, transparent), center url(http://40.media.tumblr.com/5f8218b8550339b472579279e4e2c98c/tumblr_nk6ie1ukqU1u7yhico2_250.png); /* can change the image of the container bg here*/
  115. z-index:-11;
  116. box-shadow: 2px 2px 5px #999999
  117. }
  118.  
  119. #title {
  120. margin-top:-79px;
  121. margin-left:175px;
  122. top:210px;
  123. padding-right:6px;
  124. padding:19px;
  125. position:fixed;
  126. font-size:40px;
  127. color:{color:title};
  128. width:210px;
  129. text-align:center;
  130. font-family:arial;
  131. text-transform:lowercase;
  132. font-weight:700;
  133. letter-spacing:0px;
  134. -webkit-text-fill-color: transparent;
  135. background: -webkit-linear-gradient(transparent, transparent), center url(http://41.media.tumblr.com/bb0bd47651501541d0a8ea71d43da00d/tumblr_nk6ie1ukqU1u7yhico1_250.png); /* can change the image of the title bg here*/
  136. background: -o-linear-gradient(transparent, transparent);
  137. -webkit-background-clip: text;
  138. -webkit-background-clip: text;
  139. -moz-transition-duration:.8s;
  140. -webkit-transition-duration:.8s;
  141. -o-transition-duration:.8s;
  142. z-index:9999999999999999;
  143. -moz-transition-duration:.8s;
  144. -webkit-transition-duration:.8s;
  145. -o-transition-duration:.8s;
  146. }
  147.  
  148.  
  149.  
  150. #sidebar {
  151. position:fixed;
  152. height:100px;
  153. width:100px;
  154. margin-left:290px;
  155. margin-top:130px;
  156. opacity:1;
  157. -moz-transition-duration:0.6s;
  158. -webkit-transition-duration:0.6s;
  159. -o-transition-duration:0.6s;
  160.  
  161. }
  162.  
  163.  
  164.  
  165. #sidebarimage img {
  166. width:100px;
  167. height:100px;
  168. -moz-transition-duration:1s;
  169. -webkit-transition-duration:1s;
  170. -o-transition-duration:1s;
  171. }
  172.  
  173.  
  174.  
  175. .desc {
  176. position:fixed;
  177. margin-top:28px;
  178. margin-left:-52px;
  179. font-family:helvetica;
  180. line-height:125%;
  181. font-size:15px;
  182. font-style:bold;
  183. width:110px;
  184. height:80px;
  185. overflow-y:auto;
  186. padding:05px;
  187. text-align:center;
  188. color:{color:desc};
  189. opacity:1;
  190. }
  191.  
  192. .desc a
  193. {color:{color:link};
  194. }
  195.  
  196.  
  197.  
  198. .links {
  199. position:fixed;
  200. margin-top:248px;
  201. margin-left:194px;
  202. width:200px;
  203. height:20px;
  204. font-family:helvetica ;
  205. text-align:center;
  206. text-transform:lowercase;
  207. padding:6px;
  208. font-weight:bold;
  209. word-spacing:4px;
  210. z-index:2;
  211. -moz-transition-duration:1s;
  212. -webkit-transition-duration:1s;
  213. -o-transition-duration:1s;
  214.  
  215.  
  216. }
  217.  
  218.  
  219. .links a {
  220. word-spacing:1px;
  221. text-align:justify;
  222. color:{color:sblink};
  223. padding:5px;
  224. padding-top:8px;
  225. font-size:14px;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229. }
  230.  
  231. .links a:hover {
  232. text-align:justify;
  233. color:{color:hover};
  234. -moz-transition-duration:0.9s;
  235. -webkit-transition-duration:0.9s;
  236. -o-transition-duration:0.9s;
  237. text-decoration:none;
  238. }
  239.  
  240.  
  241. #pagi{
  242. line-height:30%;
  243. padding:4px;
  244. display:inline;
  245. width:172px;
  246. font-size:11px;
  247. text-align:center;
  248. margin-left:208px;
  249. margin-top:280px;
  250. font-weight:bold;
  251. font-family:helvetica;
  252. letter-spacing:2px;
  253. position:fixed;
  254. -moz-transition-duration:0.5s;
  255. -webkit-transition-duration:0.5s;
  256. -o-transition-duration:0.5s;
  257. }
  258.  
  259. #pagi a{color:{color:sblink};}
  260.  
  261. #pagi a:hover{
  262. color:{color:hover};}
  263.  
  264. .container {
  265. height:580px;
  266. max-height:600px;
  267. overflow-y:scroll;
  268. margin-top:25px;
  269. width:490px;
  270. margin-left:450px;
  271. background:{color:Post background};
  272. padding:5px;
  273. box-shadow: 2px 2px 5px #999999
  274. }
  275.  
  276. #all {
  277. padding:0px;
  278. width:400px;
  279. margin-left:20px;
  280. margin-top:-10px;
  281. font-size:10px;
  282. padding-left:5px;
  283. font-family:helvetica;
  284.  
  285. }
  286.  
  287.  
  288. #posts {
  289. width:400px;
  290. padding-bottom:20px;
  291. padding:20px;
  292. margin-top:20px;
  293. color:{color:text};
  294. overflow:hidden;
  295. word-wrap:break-word;
  296. }
  297. /*POST INFO*/
  298.  
  299. #info {
  300. width:400px;
  301. text-align:center;
  302. font-family:helvetica;
  303. margin-top:3px;
  304. margin-left:px;
  305. font-size:10px;
  306. font-style:none;
  307. padding-top:5px;
  308. padding-bottom:5px;
  309. line-height:10px;
  310. text-transform:lowercase;
  311. z-index:999;
  312. color:{color:info};
  313. }
  314.  
  315. #info a {
  316. font-weight:100;
  317. font-family:'helvetica';
  318. padding:5px;
  319. z-index:999;
  320. text-align:center;
  321. color:{color:info};
  322. }
  323.  
  324. #info a:hover {
  325. text-align:center;
  326. color:{color:hover} ;
  327. -moz-transition-duration:.8s;
  328. -webkit-transition-duration:.8s;
  329. -o-transition-duration:.8s;
  330.  
  331. }
  332.  
  333. #tags {
  334. float:center;
  335. width:389px;
  336. margin-top:-0px;
  337. margin-left:-5px;
  338. text-align:center;
  339. font-size:9px;
  340. padding:5px;
  341. font-size:8px;
  342. transition-duration: 0.5s;
  343. -moz-transition-duration: 0.5s;
  344. -webkit-transition-duration: 0.5s;
  345. -o-transition-duration: 0.5s
  346. color:#bbb;
  347. }
  348.  
  349. #tags a {
  350. text-transform:none;
  351. padding:2px;
  352. letter-spacing:0px;
  353. font-size:9px;
  354. text-align:center;
  355. font-weight:normal;
  356. font-family:'helvetica';
  357. text-decoration:none;
  358. display:inline-block;
  359. color:{color:Tags};
  360. -moz-transition-duration:0.3s;
  361. -webkit-transition-duration:0.3s;
  362. -o-transition-duration:0.3s;
  363. }
  364.  
  365. #tags a:hover {
  366. -moz-transition-duration:0.5s;
  367. -webkit-transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. color:{color:Hover};
  370. }
  371.  
  372. #question {
  373. padding:10px;
  374. font-size:13px;
  375. border-top:3px solid {color:title};
  376. padding-top:7px;
  377. font-family:helvetica;
  378. letter-spacing:0px;
  379. text-align:left;
  380. font-style:none;
  381. background:{color:askbg};
  382. color:{color:ask};
  383. line-height:110%;
  384. -moz-transition-duration:0.5s;
  385. -webkit-transition-duration:0.5s;
  386. -o-transition-duration:0.5s;
  387. }
  388.  
  389.  
  390.  
  391. #questionlink {
  392. padding:5px;
  393. padding-top:8px;
  394. font-family:helvetica;
  395. text-align:left;
  396. font-style:normal;
  397. font-size:15px;
  398. font-weight:100;
  399. font-style: italic;
  400. color:{color:asklink};
  401. text-transform:uppercase;
  402.  
  403. }
  404.  
  405.  
  406. #questionlink a {
  407. padding:5px;
  408. font-weight:100;
  409. font-family:helvetica;
  410. text-align:left;
  411. font-style:normal;
  412. font-size:15px;
  413. color:{color:asklink};
  414. text-transform:uppercase;
  415. font-style: italic;
  416. }
  417.  
  418. #answer{
  419. text-transform:none;
  420. text-align:left;
  421. font-size:11px;
  422. font:helvetica;
  423. padding:5px;
  424. }
  425.  
  426. .audio {
  427. padding-bottom:10px;
  428. }
  429.  
  430. .albumart {
  431. float:left;
  432. padding:0px 10px 0px 0px;
  433. }
  434.  
  435. .albumart img {
  436. width:80px;
  437. height:80px;
  438. }
  439.  
  440. .playercontainer {
  441. text-align:left;
  442. padding:10px;
  443. }
  444.  
  445. .audioinfo {
  446. font-size:11px;
  447. font:arial;
  448. padding:10px;
  449. margin-bottom:-25px;
  450. font-weight:bold;
  451. color:{color:title};
  452. }
  453.  
  454. /*do not touch*/
  455.  
  456. #credit {
  457. padding:2px;
  458. color:#000;
  459. position:fixed;
  460. bottom:5px;
  461. right:0px;
  462. font-size:19px;
  463. letter-spacing:-1px;
  464. font-family:arial;
  465. -moz-transition-duration: .6s;
  466. -webkit-transition-duration: .6s;
  467. -o-transition-duration: .6s;
  468. }
  469.  
  470. #credit a {
  471. font-weight:bold;
  472. text-transform:lowercase;
  473. color:#000;
  474. padding:3px;
  475. padding-right:5px;
  476. -moz-transition-duration: .6s;
  477. -webkit-transition-duration: .6s;
  478. -o-transition-duration: .6s;
  479. }
  480.  
  481.  
  482. #credit a:hover{
  483. background: black;
  484. color: white;
  485. -moz-transition-duration:0.3s;
  486. -webkit-transition-duration:0.3s;
  487. -o-transition-duration:0.3s;
  488. }
  489.  
  490.  
  491. #credit a:hover { color: {color:linkhover};}
  492.  
  493.  
  494. {CustomCSS}
  495. iframe#tumblr_controls { right:3px !important; position: fixed !important; z-index:999999999999999999999999999999999999999999999 !important; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-filter: invert(100%);}
  496. ::-moz-selection {background: {color:selection}; color:#fff;}
  497.  
  498. ::selection {background:{color:selection}; color:#fff; }
  499.  
  500.  
  501.  
  502. #s-m-t-tooltip {
  503.  
  504. max-width:300px;
  505.  
  506. padding:3px 4px 5px 4px;
  507.  
  508. margin:20px 0px 0px 20px;
  509.  
  510. background-color:#fff; /* change the background color */
  511.  
  512. font-family:helvetica; /* change the font */
  513.  
  514. font-size:9px; /* change the font size */
  515.  
  516. letter-spacing:2px; /* change the letter spacing */
  517.  
  518. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  519.  
  520. color:#000; /* change the text color */
  521.  
  522. z-index:999999999999999999999999999999999999;
  523.  
  524. }
  525.  
  526. </style>
  527.  
  528.  
  529.  
  530. </head>
  531.  
  532. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  533.  
  534. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  535.  
  536. <script>
  537.  
  538. (function($){
  539.  
  540. $(document).ready(function(){
  541.  
  542. $("a[title]").style_my_tooltips({
  543.  
  544. tip_follows_cursor:true,
  545.  
  546. tip_delay_time:90,
  547.  
  548. tip_fade_speed:600,
  549.  
  550. attribute:"title"
  551.  
  552. });
  553.  
  554. });
  555.  
  556. })(jQuery);
  557.  
  558. </script>
  559.  
  560. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'><body>
  561.  
  562. <div id="title"><a title="home" href="/"> {text:sidetitle}</a></div>
  563. <div id="sidebar">
  564.  
  565.  
  566.  
  567. <div class="desc">
  568. {Description}
  569. </div> </div>
  570.  
  571. <div class="links">
  572. {block:IfLinkA}
  573. <a title="{text:linkA}"href="{text:linkA url}">01.</a>
  574. {/block:IfLinkA}
  575. {block:IfLinkB}
  576. <a title="{text:linkB}"href="{text:linkB url}">02.</a>
  577. {/block:IfLinkB}
  578. {block:IfLinkC}
  579. <a title="{text:linkC}"href="{text:linkC url}">03.</a>
  580. {/block:IfLinkC}
  581. {block:IfLinkD}
  582. <a title="{text:linkD}"href="{text:linkD url}">04.</a>
  583. {/block:IfLinkD}
  584. </div>
  585.  
  586.  
  587.  
  588. </div>
  589. <div id="container"> </div>
  590. {/block:Posts}
  591. {block:Pagination}
  592. <div id="pagi">
  593. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  594. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  595. </div>
  596. {/block:Pagination}
  597. </div></div>
  598. </div></div>
  599.  
  600.  
  601.  
  602.  
  603. <div class="container">
  604. <div id="all">{block:Posts}<div id="posts">
  605.  
  606. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  607.  
  608. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  609.  
  610.  
  611. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  612. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  613.  
  614. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  615.  
  616. {block:Quote}<h3>"{Quote}" </h3>
  617. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  618.  
  619. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  620. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  621. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  622. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  623. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  624.  
  625. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  626.  
  627. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  628.  
  629.  
  630. {block:Answer}<div id="questionlink"><span style="font-family:helvetica;text-transform:lowercase;font-size:15px;font-style:none;font-weight:bold;"><font face="helvetica">{Asker}</font></div><div id="question"></span>{Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  631.  
  632. <div id="info">
  633. <a href="{Permalink}"><b>({MonthNumber}.{DayOfMonth})</b></a> {NoteCount} <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}</a>
  634. {block:HasTags}<div id="tags">
  635.  
  636.  
  637. {block:Tags}<a href="/tagged/{Tag}">{Tag}, </a>&nbsp;{/block:Tags}
  638. </div>{block:HasTags}
  639. </div>
  640. </div>
  641. {/block:Posts}
  642. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  643. {/block:Posts}</div></div></div>
  644.  
  645.  
  646. {block:Pagination}
  647. <div id="pagi">
  648. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  649. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  650. </div>
  651. {/block:Pagination}
  652. </div></div>
  653.  
  654.  
  655.  
  656.  
  657. <div id="credit"><a title="theme by aileen" href="http://pezzydrake.tumblr.com/">AJ</a></center></div>
  658. </div></div>
  659.  
  660. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!