API tools faq
paste
Advertisement
rockatanskis

th14 - vamp

rockatanskis
Jul 21st, 2015
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-----------------------------------------------------------------
  4. BASE THEME BY SEXMELUKE
  5. THEME BY ROCKATANSKIS
  6. UPDATES TABS TURNED INTO LINKS BY EAPDTHEMES
  7. ------------------------------------------------------------------------>
  8. <head>
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script>
  12. var current_obj='';
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Rozha+One' rel='stylesheet' type='text/css'>
  15.  
  16. function showLinks(objID) {
  17. var obj=document.getElementById(objID);
  18. if (current_obj.style) {
  19. current_obj.style.display='none';
  20. }
  21. obj.style.display='block';
  22. current_obj=obj;
  23. }
  24. </script>
  25.  
  26. <!-- META NAMES -->
  27.  
  28. <meta name="text:link1 text" content="link 1">
  29. <meta name="text:link1 url" content="/">
  30. <meta name="text:link2 text" content="link 2">
  31. <meta name="text:link2 url" content="/">
  32. <meta name="text:link3 text" content="link 3">
  33. <meta name="text:link3 url" content="/">
  34. <meta name="text:link4 text" content="link 4">
  35. <meta name="text:link4 url" content="/">
  36. <meta name="text:link5 text" content="link 5">
  37. <meta name="text:link5 url" content="/">
  38.  
  39. <!--TITLE-->
  40. <title>{Title}</title>
  41.  
  42. <!--DESCRIPTION-->
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. {/block:Description}
  46.  
  47. <!--FAVICON-->
  48. <link rel="shortcut icon" href="{Favicon}" />
  49.  
  50. <!--RSS-->
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /* SCROLLBAR */
  58.  
  59.  
  60. /* LINKS */
  61. a {
  62. font-family: 'Rozha One', serif;
  63. color:#999;
  64. text-decoration:none;
  65. }
  66.  
  67. a:hover {
  68. color:#9d0303;
  69. text-decoration:none;
  70. -webkit-transition: ease-out 1s;
  71. -moz-transition: ease-out 1s;
  72. -o-transition: ease-out 1s;
  73. }
  74.  
  75. /* BODY */
  76. body {
  77. background:#272727 fixed;
  78. font-family:helvetica;
  79. font-weight:normal;
  80. }
  81.  
  82. img{
  83. none;
  84. }
  85.  
  86. h1 {
  87. font-size:30px;
  88. line-height:100%;
  89. color:#464646;
  90. font-family: 'Rozha One', serif;
  91. text-shadow: -2px 2px #670404;
  92. }
  93.  
  94. h2 {
  95. font-size:20px;
  96. line-height:100%;
  97. color:#999;
  98. font-family: 'Rozha One', serif;
  99. text-shadow: -2px 2px #670404;
  100. }
  101.  
  102. /* BLOCKQUOTE */
  103. blockquote {
  104. border-left:2px solid #756b6b;
  105. padding-left:5px;
  106. margin:5px;
  107. }
  108.  
  109. /* DESCRIPTION */
  110. /* N/A */
  111.  
  112. /* LINKS */
  113. /*---UPDATE TAB---*/
  114.  
  115. #square {
  116. width: 10px;
  117. height: 15px;
  118. background: #999;
  119. }
  120.  
  121. .update {
  122. position:fixed;
  123. margin-top:300px;
  124. left:70px;
  125. text-align:center;
  126. text-transform:uppercase;
  127. color:#999;
  128. font-size:12px;
  129. letter-spacing:1px;
  130. z-index:2147483607;
  131. font-family:consolas;
  132. width:150px;
  133. }
  134.  
  135. .l1 {
  136. position:absolute;
  137. right:0px;
  138. width:15px;
  139. height:15px;
  140. margin-bottom:8px;
  141. text-align:center;
  142. overflow:hidden;
  143. color:#999;
  144. -webkit-transition: all 0.7s ease;
  145. -moz-transition: all 0.7s ease;
  146. -o-transition: all 0.7s ease
  147. }
  148.  
  149. .l1:hover {width:100px; height:15px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  150. }
  151.  
  152. .l1 a {text-shadow: -2px 2px #670404;}
  153. .l2 a {text-shadow: -2px 2px #670404;}
  154. .l3 a {text-shadow: -2px 2px #670404;}
  155. .l4 a {text-shadow: -2px 2px #670404;}
  156. .l5 a {text-shadow: -2px 2px #670404;}
  157. .l6 a {text-shadow: -2px 2px #670404;}
  158. .l7 a {text-shadow: -2px 2px #670404;}
  159.  
  160. .l2 {
  161. position:absolute;
  162. right:0px;
  163. top:20px;
  164. width:15px;
  165. height:15px;
  166. margin-bottom:8px;
  167. text-align:center;
  168. overflow:hidden;
  169. color:#999;
  170. -webkit-transition: all 0.7s ease;
  171. -moz-transition: all 0.7s ease;
  172. -o-transition: all 0.7s ease
  173. }
  174.  
  175. .l2:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  176. }
  177.  
  178.  
  179. .l3 {
  180. position:absolute;
  181. right:0px;
  182. top:40px;
  183. width:15px;
  184. height:15px;
  185. margin-bottom:8px;
  186. text-align:center;
  187. overflow:hidden;
  188. color:#999;
  189. -webkit-transition: all 0.7s ease;
  190. -moz-transition: all 0.7s ease;
  191. -o-transition: all 0.7s ease
  192. }
  193.  
  194. .l3:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  195. }
  196.  
  197.  
  198. .l4 {
  199. position:absolute;
  200. right:0px;
  201. top:60px;
  202. width:15px;
  203. height:15px;
  204. margin-bottom:8px;
  205. text-align:center;
  206. overflow:hidden;
  207. color:#999;
  208. -webkit-transition: all 0.7s ease;
  209. -moz-transition: all 0.7s ease;
  210. -o-transition: all 0.7s ease
  211. }
  212.  
  213. .l4:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  214. }
  215.  
  216. .l5 {
  217. position:absolute;
  218. right:0px;
  219. top:80px;
  220. width:15px;
  221. height:15px;
  222. margin-bottom:8px;
  223. text-align:center;
  224. overflow:hidden;
  225. color:#999;
  226. -webkit-transition: all 0.7s ease;
  227. -moz-transition: all 0.7s ease;
  228. -o-transition: all 0.7s ease
  229. }
  230.  
  231. .l5:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  232. }
  233.  
  234. .l6 {
  235. position:absolute;
  236. right:0px;
  237. top:100px;
  238. width:15px;
  239. height:15px;
  240. margin-bottom:8px;
  241. text-align:center;
  242. overflow:hidden;
  243. color:#999;
  244. -webkit-transition: all 0.7s ease;
  245. -moz-transition: all 0.7s ease;
  246. -o-transition: all 0.7s ease
  247. }
  248.  
  249. .l6:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  250. }
  251.  
  252. .l7 {
  253. position:absolute;
  254. right:0px;
  255. top:120px;
  256. width:15px;
  257. height:15px;
  258. margin-bottom:8px;
  259. text-align:center;
  260. overflow:hidden;
  261. color:#999;
  262. -webkit-transition: all 0.7s ease;
  263. -moz-transition: all 0.7s ease;
  264. -o-transition: all 0.7s ease
  265. }
  266.  
  267. .l7:hover {width:100px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  268. }
  269.  
  270. /* PAGINATION */
  271. #pagination{
  272. top:235px;
  273. width:100px;
  274. margin-left:640px;
  275. text-align:center;
  276. font-size:12px;
  277. padding:10px;
  278. position:fixed;
  279. color:white;
  280. z-index:200;
  281. text-shadow: -2px 2px #670404;
  282. }
  283.  
  284. #pagination a{color:#999;
  285. }
  286.  
  287. #pagination a:hover{color:#9d0303;
  288. }
  289.  
  290. /* ASK/ANSWER */
  291. .question {height:relative;
  292. width:500px;
  293. margin-top:10px;
  294. }
  295.  
  296. .asker {
  297. font-size:17px;
  298. font-family:helvetica;
  299. text-transform:uppercase;
  300. text-align:left;
  301. padding:10px;
  302. letter-spacing:0px;
  303. margin-top:-10px;
  304. margin-bottom:-10px;
  305. }
  306.  
  307. .ask {
  308. font-family:helvetica;
  309. text-align:left;
  310. color:#999;
  311. font-style:italic;
  312. padding: 10px;
  313. }
  314.  
  315. .ans {
  316. text-align:left;
  317. font-family:helvetica;
  318. padding:10px;
  319. margin-top:-20px;
  320. color:#999;
  321. }
  322.  
  323. /* THEME IMAGES */
  324. #top {
  325. position:fixed;
  326. left:230px;
  327. top:-60px;
  328. z-index:104; }
  329.  
  330. #side {
  331. position:fixed;
  332. bottom:-15px;
  333. LEFT:750px;
  334. z-index:105; }
  335.  
  336. #text {
  337. position:fixed;
  338. top:168px;
  339. LEFT:260px;
  340. z-index:107; }
  341.  
  342. #url {
  343. position:fixed;
  344. bottom:10px;
  345. right:20px;
  346. z-index:107; }
  347.  
  348. /* ENTIRES */
  349. #stuffcontainer {
  350. width:520px;
  351. margin-left:222px;
  352. margin-top:250px;
  353. margin-bottom:20px;
  354. text-align:justify;
  355. position:absolute;
  356. }
  357.  
  358. #stuff {
  359. width:500px;
  360. margin-top:0px;
  361. padding:10px;
  362. text-align:justify;
  363. font-size:12px;
  364. line-height:90%;
  365. letter-spacing:0x;
  366. color:#999;
  367. margin-bottom:20px;
  368. }
  369.  
  370. #stuff img {max-width:450px;
  371. height:auto;
  372. }
  373.  
  374. #background {
  375. background:#1a1a1a url('http://static.tumblr.com/fbxr6e0/n2hnrtahd/textbg.png') repeat;
  376. margin-left:222px;
  377. margin-top:0px;
  378. margin-bottom:-50px;
  379. width:520px;
  380. height:100%;
  381. position:fixed;
  382. z-index:-90;
  383. }
  384.  
  385. .caption {
  386. width:500px;
  387. font-family:trebuchet ms;
  388. text-align:justify;
  389. line-height:120%;
  390. }
  391.  
  392. .audio {
  393. width:500px;
  394. margin-top:20px;
  395. padding-bottom:20px;
  396. background-color:{color:infobg};
  397. }
  398.  
  399. .albumart {
  400. float:left;
  401. padding:0px 10px 10px 0px;
  402. }
  403.  
  404. .albumart img {
  405. width:45px;
  406. height:45px;
  407. }
  408.  
  409. .playercontainer {
  410. float:left;
  411. text-align:center;
  412. margin-top:20px;
  413. background-color:#ffffff;
  414. width:25px;
  415. height:45px;
  416. overflow:hidden;
  417. }
  418.  
  419. .audioinfo {
  420. color:#c0c0c0;
  421. }
  422.  
  423. /* POSTS */
  424. #postinfo {
  425. width:490px;
  426. padding:5px;
  427. font-size:10px;
  428. color:#fff;
  429. letter-spacing:0px;
  430. text-align:center;
  431. background:#282828;
  432. text-transform:uppercase;
  433. font-family: 'Rozha One', serif;
  434. }
  435.  
  436. #postinfo a {
  437. color:#fff;
  438. text-align:center;
  439. letter-spacing:1px;
  440. }
  441.  
  442. #postinfo a:hover{color:#9d0303;
  443. }
  444.  
  445.  
  446. /* NOTES */
  447. .note {
  448. width:500px;
  449. text-transform:uppercase;
  450. font-family:trebuchet ms;
  451. font-style:normal;
  452. letter-spacing:0px;
  453. font-size: 9px;
  454. text-align:center;
  455. line-height:90%;
  456. margin-left:-50px;
  457. }
  458.  
  459. .note li {
  460. list-style-type:none;
  461. padding:10px 10px 10px 10px;
  462. font-size:8px;
  463. text-align:center;
  464. width:500px;
  465. margin:0px;
  466. }
  467.  
  468. /* TAGS */
  469. .tags {
  470. font-style:normal;
  471. width:500px;
  472. opacity:1;
  473. font-family:helvetica;
  474. font-style:none;
  475. color:{color:tags};
  476. letter-spacing:2px;
  477. line-height:100%;
  478. font-size:9px;
  479. text-align:center;
  480. padding:5px;
  481. }
  482.  
  483. .tags a {
  484. color:{color:tags};
  485. letter-spacing:1px;
  486. padding:1px;
  487. }
  488.  
  489. .tags a:hover {color:#9d0303;
  490. }
  491.  
  492. /* CHAT */
  493. ul.chat, .chat ol, .chat li {
  494. list-style:none;
  495. margin:0px;
  496. padding:2px;
  497. }
  498.  
  499. .label {
  500. text-decoration:underline;
  501. font-weight:700;
  502. margin-right:5px;
  503. }
  504.  
  505. /* CREDIT */
  506. #cred{
  507. font-size:15px;
  508. letter-spacing:3px;
  509. text-transform:uppercase;
  510. z-index:108;
  511. }
  512.  
  513. #cred a {
  514. padding:5px;
  515. left:5px;
  516. bottom:5px;
  517. position:fixed;
  518. }
  519.  
  520. .showhide_element {
  521. display:none;
  522. }
  523.  
  524.  
  525. </style>
  526. </head>
  527.  
  528. <div id="pagination">{block:Pagination}
  529. {block:PreviousPage}
  530. <a href="{PreviousPage}"><em>back</em></a> ·
  531. {/block:PreviousPage}
  532. {block:NextPage}
  533. <a href="{NextPage}"><em>forth</em></a>
  534. {/block:NextPage}
  535. {/block:Pagination}
  536. </div>
  537.  
  538.  
  539. <div class="update">
  540. <div class="l1">&larr;&nbsp;&nbsp; <a href="/">home</a>
  541. </div>
  542.  
  543. <div class="l2">&larr;&nbsp;&nbsp; <a href="/ask">message</a>
  544. </div>
  545.  
  546. <div class="l3">&larr;&nbsp;&nbsp; <a href="{text:link1 url}">{text:link1 text}</a>
  547. </div>
  548.  
  549. <div class="l4">&larr;&nbsp;&nbsp; <a href="{text:link2 url}">{text:link2 text}</a></div>
  550.  
  551. <div class="l5">&larr;&nbsp;&nbsp; <a href="{text:link3 url}">{text:link3 text}</a></div>
  552.  
  553. <div class="l6">&larr;&nbsp;&nbsp; <a href="{text:link4 url}">{text:link4 text}</a></div>
  554.  
  555. <div class="l7">&larr;&nbsp;&nbsp; <a href="{text:link5 url}">{text:link5 text}</a></div>
  556. </div>
  557.  
  558.  
  559. </div>
  560.  
  561.  
  562. <div id="stuffcontainer">
  563.  
  564. {block:Posts}
  565.  
  566. <div id="stuff">
  567.  
  568. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  569.  
  570. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  571.  
  572. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  573. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  574.  
  575. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  576.  
  577. {block:Photoset}<center>{Photoset-500}</center>
  578. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  579.  
  580. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  581.  
  582. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  583.  
  584. {block:Answer}<div class="question"><div class="asker">{Asker}said:</div> <div class="ask">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {Question}</div></div><div class="ans">{Answer}</div>{/block:answer}
  585.  
  586. {block:Audio}<div class="playercontainer">{AudioPlayerWhite}</div><div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  587. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  588. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>
  589. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  590.  
  591. <br>
  592.  
  593. {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} &nbsp;|&nbsp; <a href="{Permalink}">{NoteCount} </a> &nbsp;|&nbsp; {/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  594. {block:ContentSource} &nbsp;|&nbsp; <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  595. {block:HasTags}
  596. <div class="tags">
  597. {block:Tags}<a href="{TagURL}"># {Tag}</a>&nbsp; {/block:Tags}</div>
  598. {/block:HasTags}
  599. <div class="note">
  600. {block:PostNotes}{PostNotes}{/block:PostNotes}
  601. </div>
  602. </div>
  603. {/block:Posts}
  604.  
  605.  
  606.  
  607. </div>
  608. <div id="top"><img src="http://static.tumblr.com/fbxr6e0/HHgnrtbo2/blanktop.png"></div>
  609. <div id="side"><img src="http://static.tumblr.com/fbxr6e0/Ksbnrt9bt/vamp2.png"></div>
  610. <div id="text"><img src="http://static.tumblr.com/fbxr6e0/6N6nrt9oc/vamptext.png"></div>
  611.  
  612. <div id="cred">
  613. <a href="http://rockatanskis.tumblr.com">©</a>
  614. </div>
  615.  
  616. <div id="background"></div>
  617.  
  618. </div>
  619. </div>
  620. </div>
  621. </body>
  622. </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!