API tools faq
paste
moanszayn

Monster V2

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