Advertisement
rockatanskis

th13 - tellerxmorrow

Jul 16th, 2015
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-----------------------------------------------------------------
  4. BASE THEME BY SEXMELUKE
  5. THEME BY ROCKATANSKIS
  6. ------------------------------------------------------------------------>
  7. <head>
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script>
  11. var current_obj='';
  12.  
  13. function showLinks(objID) {
  14. var obj=document.getElementById(objID);
  15. if (current_obj.style) {
  16. current_obj.style.display='none';
  17. }
  18. obj.style.display='block';
  19. current_obj=obj;
  20. }
  21. </script>
  22.  
  23. <!-- META NAMES -->
  24.  
  25.  
  26. <meta name="text:link1 text" content="link 1">
  27. <meta name="text:link1 url" content="/">
  28. <meta name="text:link2 text" content="link 2">
  29. <meta name="text:link2 url" content="/">
  30. <meta name="text:link3 text" content="link 3">
  31. <meta name="text:link3 url" content="/">
  32. <meta name="text:link4 text" content="link 4">
  33. <meta name="text:link4 url" content="/">
  34. <meta name="text:link5 text" content="link 5">
  35. <meta name="text:link5 url" content="/">
  36. <meta name="text:king url" content="/">
  37.  
  38. <!--TITLE-->
  39. <title>{Title}</title>
  40.  
  41. <!--DESCRIPTION-->
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <!--FAVICON-->
  47. <link rel="shortcut icon" href="{Favicon}" />
  48.  
  49. <!--RSS-->
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. /* SCROLLBAR */
  57.  
  58.  
  59. /* LINKS */
  60. a {
  61. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  62. color:#464646;
  63. text-decoration:none;
  64. }
  65.  
  66. a:hover {
  67. color:#9d0303;
  68. text-decoration:none;
  69. -webkit-transition: ease-out 1s;
  70. -moz-transition: ease-out 1s;
  71. -o-transition: ease-out 1s;
  72. }
  73.  
  74. /* BODY */
  75. body {
  76. background:#ededed fixed;
  77. font-family:helvetica;
  78. font-weight:normal;
  79. }
  80.  
  81. img{
  82. none;
  83. }
  84.  
  85. h1 {
  86. font-size:30px;
  87. line-height:100%;
  88. color:#464646;
  89. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  90. }
  91.  
  92. h2 {
  93. font-size:20px;
  94. line-height:100%;
  95. color:#464646;
  96. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  97. }
  98.  
  99. /* BLOCKQUOTE */
  100. blockquote {
  101. border-left:2px solid #756b6b;
  102. padding-left:5px;
  103. margin:5px;
  104. }
  105.  
  106. /* DESCRIPTION */
  107. /* N/A */
  108.  
  109. /* LINKS */
  110. #links{
  111. width:520px;
  112. margin-left:294px;
  113. margin-top:270px;
  114. text-align:center;
  115. position:fixed;
  116. text-transform:lowercase;
  117. letter-spacing:-0.6px;
  118. font-size:14px;
  119. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  120. color:#fff;
  121. z-index:300;
  122.  
  123. }
  124.  
  125. #links a{
  126. color:#fff;
  127. line-height:100%;
  128. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  129. }
  130.  
  131. #links a:hover{color:#9d0303;
  132. }
  133.  
  134. /* PAGINATION */
  135. #pagination{
  136. top:240px;
  137. width:520px;
  138. margin-left:294px;
  139. text-align:left;
  140. font-size:12px;
  141. padding:10px;
  142. position:fixed;
  143. color:white;
  144. z-index:200;
  145. }
  146.  
  147. #pagination a{color:white;
  148. }
  149.  
  150. #pagination a:hover{color:#9d0303;
  151. }
  152.  
  153. /* ASK/ANSWER */
  154. .question {height:relative;
  155. width:500px;
  156. margin-top:10px;
  157. }
  158.  
  159. .asker {
  160. font-size:17px;
  161. font-family:helvetica;
  162. text-transform:uppercase;
  163. text-align:left;
  164. padding:10px;
  165. letter-spacing:0px;
  166. margin-top:-10px;
  167. margin-bottom:-10px;
  168. }
  169.  
  170. .ask {
  171. font-family:helvetica;
  172. text-align:left;
  173. color:#484040;
  174. font-style:italic;
  175. padding: 10px;
  176. }
  177.  
  178. .ans {
  179. text-align:left;
  180. font-family:helvetica;
  181. padding:10px;
  182. margin-top:-20px;
  183. color:#484040;
  184. }
  185.  
  186. /* THEME IMAGES */
  187. #header {
  188. position:fixed;
  189. left:100px;
  190. bottom:55px;
  191. z-index:106; }
  192.  
  193. #top {
  194. position:fixed;
  195. top:0px;
  196. LEFT:302px;
  197. z-index:105; }
  198.  
  199. #bottom {
  200. position:fixed;
  201. bottom:-20px;
  202. LEFT:302px;
  203. z-index:105; }
  204.  
  205. #text {
  206. position:fixed;
  207. top:50px;
  208. LEFT:410px;
  209. z-index:107; }
  210.  
  211. #url {
  212. position:fixed;
  213. bottom:10px;
  214. right:20px;
  215. z-index:107; }
  216.  
  217. /* ENTIRES */
  218. #stuffcontainer {
  219. width:520px;
  220. margin-left:294px;
  221. margin-top:300px;
  222. margin-bottom:20px;
  223. text-align:justify;
  224. position:absolute;
  225. background:#fff;
  226. }
  227.  
  228. #stuff {
  229. width:500px;
  230. margin-top:0px;
  231. padding:10px;
  232. text-align:justify;
  233. font-size:12px;
  234. line-height:90%;
  235. letter-spacing:0x;
  236. color:#484040;
  237. margin-bottom:20px;
  238. }
  239.  
  240. #stuff img {max-width:480px;
  241. height:auto;
  242. }
  243.  
  244. #background {
  245. background:#fff;
  246. margin-left:294px;
  247. margin-top:60px;
  248. margin-bottom:-50px;
  249. width:520px;
  250. height:100%;
  251. position:fixed;
  252. z-index:-90;
  253. }
  254.  
  255. .caption {
  256. width:500px;
  257. font-family:trebuchet ms;
  258. text-align:justify;
  259. line-height:120%;
  260. }
  261.  
  262. .audio {
  263. width:500px;
  264. margin-top:20px;
  265. padding-bottom:20px;
  266. background-color:{color:infobg};
  267. }
  268.  
  269. .albumart {
  270. float:left;
  271. padding:0px 10px 10px 0px;
  272. }
  273.  
  274. .albumart img {
  275. width:45px;
  276. height:45px;
  277. }
  278.  
  279. .playercontainer {
  280. float:left;
  281. text-align:center;
  282. margin-top:20px;
  283. background-color:#ffffff;
  284. width:25px;
  285. height:45px;
  286. overflow:hidden;
  287. }
  288.  
  289. .audioinfo {
  290. color:#c0c0c0;
  291. }
  292.  
  293. /* POSTS */
  294. #postinfo {
  295. width:490px;
  296. padding:5px;
  297. font-size:10px;
  298. color:#fff;
  299. letter-spacing:0px;
  300. text-align:center;
  301. background:#282828;
  302. text-transform:lowercase;
  303. font-style:italic;
  304. font-family: Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;
  305. }
  306.  
  307. #postinfo a {
  308. color:#fff;
  309. text-align:center;
  310. letter-spacing:1px;
  311. }
  312.  
  313. #postinfo a:hover{color:#9d0303;
  314. }
  315.  
  316.  
  317. /* NOTES */
  318. .note {
  319. width:500px;
  320. text-transform:uppercase;
  321. font-family:trebuchet ms;
  322. font-style:normal;
  323. letter-spacing:0px;
  324. font-size: 9px;
  325. text-align:center;
  326. line-height:90%;
  327. margin-left:-50px;
  328. }
  329.  
  330. .note li {
  331. list-style-type:none;
  332. padding:10px 10px 10px 10px;
  333. font-size:8px;
  334. text-align:center;
  335. width:500px;
  336. margin:0px;
  337. }
  338.  
  339. /* TAGS */
  340. .tags {
  341. font-style:normal;
  342. width:500px;
  343. opacity:1;
  344. font-family:helvetica;
  345. text-transform:uppercase;
  346. font-style:none;
  347. color:{color:tags};
  348. letter-spacing:2px;
  349. line-height:100%;
  350. font-size:9px;
  351. text-align:center;
  352. padding:5px;
  353. }
  354.  
  355. .tags a {
  356. color:{color:tags};
  357. letter-spacing:1px;
  358. padding:1px;
  359. }
  360.  
  361. .tags a:hover {color:#9d0303;
  362. }
  363.  
  364. /* CHAT */
  365. ul.chat, .chat ol, .chat li {
  366. list-style:none;
  367. margin:0px;
  368. padding:2px;
  369. }
  370.  
  371. .label {
  372. text-decoration:underline;
  373. font-weight:700;
  374. margin-right:5px;
  375. }
  376.  
  377. /* CREDIT */
  378. #cred{
  379. font-size:15px;
  380. letter-spacing:3px;
  381. text-transform:uppercase;
  382. z-index:108;
  383. }
  384.  
  385. #cred a {
  386. padding:5px;
  387. left:5px;
  388. bottom:5px;
  389. position:fixed;
  390. }
  391.  
  392. .showhide_element {
  393. display:none;
  394. }
  395.  
  396.  
  397. </style>
  398. </head>
  399.  
  400. <div id="pagination">{block:Pagination}
  401. {block:PreviousPage}
  402. <a href="{PreviousPage}"><em>back</em></a> ·
  403. {/block:PreviousPage}
  404. {block:NextPage}
  405. <a href="{NextPage}"><em>forth</em></a>
  406. {/block:NextPage}
  407. {/block:Pagination}
  408. </div>
  409.  
  410. <div id="links">
  411. <a href="/">♕</a> ·
  412. <a href="/ask"><em>inbox</em></a> ·
  413. <a href="{text:link1 url}"><em>{text:link1 text}</em></a> ·
  414. <a href="{text:link2 url}"><em>{text:link2 text}</em></a> ·
  415. <a href="{text:link3 url}"><em>{text:link3 text}</em></a> ·
  416. <a href="{text:link4 url}"><em>{text:link4 text}</em></a> ·
  417. <a href="{text:link5 url}"><em>{text:link5 text}</em></a> ·
  418. <a href="{text:king url}">♔</a>
  419. </div>
  420.  
  421.  
  422. <div id="stuffcontainer">
  423.  
  424. {block:Posts}
  425.  
  426. <div id="stuff">
  427.  
  428. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  429.  
  430. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  431.  
  432. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  433. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  434.  
  435. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  436.  
  437. {block:Photoset}<center>{Photoset-500}</center>
  438. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  439.  
  440. {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}
  441.  
  442. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  443.  
  444. {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}
  445.  
  446. {block:Audio}<div class="playercontainer">{AudioPlayerWhite}</div><div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  447. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  448. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>
  449. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  450.  
  451. <br>
  452.  
  453. {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}
  454. {block:ContentSource} &nbsp;|&nbsp; <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  455. {block:HasTags}
  456. <div class="tags">
  457. {block:Tags}<a href="{TagURL}">▓ {Tag}</a>&nbsp; {/block:Tags}</div>
  458. {/block:HasTags}
  459. <div class="note">
  460. {block:PostNotes}{PostNotes}{/block:PostNotes}
  461. </div>
  462. </div>
  463. {/block:Posts}
  464.  
  465.  
  466.  
  467. </div>
  468. <div id="top"><img src="http://static.tumblr.com/fbxr6e0/ip1nrl6du/gem2.png"></div>
  469.  
  470. <div id="cred">
  471. <a href="http://rockatanskis.tumblr.com">©</a>
  472. </div>
  473.  
  474. <div id="background"></div>
  475.  
  476. </div>
  477. </div>
  478. </div>
  479. </body>
  480. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement