API tools faq
paste
Advertisement
rockatanskis

eddie redux

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