Advertisement
ancrestas

ignite;

Jul 23rd, 2015
292
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6.  
  7. <meta name="color:background" content="#FFFFFF">
  8. <meta name="color:links" content="#928f8f">
  9. <meta name="color:post links" content="#928f8f">
  10. <meta name="color:hover" content="#454545">
  11. <meta name="color:text" content="#9A9A9A">
  12. <meta name="color:title" content="#0a0a0a">
  13. <meta name="color:tags" content="#dddddd">
  14. <meta name="color:border" content="#eeeeee"/>
  15. <meta name="color:highlight" content="#f0bfb3">
  16.  
  17. <meta name="text:Link1" content="" />
  18. <meta name="text:Link1 Title" content="" />
  19. <meta name="text:Link1 Caption" content="" />
  20. <meta name="text:Link2" content="" />
  21. <meta name="text:Link2 Title" content="" />
  22. <meta name="text:Link2 Caption" content="" />
  23. <meta name="text:Link3" content="" />
  24. <meta name="text:Link3 Title" content="" />
  25. <meta name="text:Link3 Caption" content="" />
  26. <meta name="text:Link4" content="" />
  27. <meta name="text:Link4 Title" content="" />
  28. <meta name="text:Link4 Caption" content="" />
  29.  
  30.  
  31. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38.  
  39. <style type="text/css">
  40.  
  41. #s-m-t-tooltip {
  42. max-width:300px;
  43. padding:5px;
  44. margin:10px 0px 0px 10px;
  45. background-color:#c9c9c9;
  46. font-family:trebuchet ms;
  47. font-size:7px;
  48. letter-spacing:1px;
  49. font-style:none;
  50. text-transform:uppercase;
  51. padding-bottom:3px;
  52. color:#fff;
  53. z-index:999999999999999999999999999999999999;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. height:auto;
  58. background-color: #555;
  59. border:1px solid #fff;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:9px;
  64. width:5px;
  65. background-color: #ddd;
  66. border:2px solid #fff;
  67. }
  68.  
  69. a {
  70. text-decoration:none;
  71. color:{color:post links};
  72. outline:none;
  73. -moz-outline-style:none;
  74. -moz-transition-duration:0.5s;
  75. -webkit-transition-duration:0.5s;
  76. -o-transition-duration:0.5s;
  77. }
  78.  
  79. a:hover {
  80. color:{color:hover};
  81. text-decoration:none;
  82. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  83. -moz-transition-duration:0.5s;
  84. -webkit-transition-duration:0.5s;
  85. -o-transition-duration:0.5s;
  86. }
  87.  
  88. body {
  89. background-color:{color:background};
  90. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  91. margin:0px;
  92. color:{color:text};
  93. font-family:calibri;
  94. font-size:10px;
  95. line-height:100%;
  96. letter-spacing:0px;
  97. text-align:justify;
  98. }
  99.  
  100. h1 {
  101. font-weight:normal;
  102. font-size:10px;
  103. text-align:center;
  104. font-style:normal;
  105. line-height:80%;
  106. letter-spacing:1px;
  107. text-transform:uppercase;
  108. color:{color:text};
  109. }
  110.  
  111. h2 {
  112. font-size:18px;
  113. text-align:center;
  114. text-transform:uppercase;
  115. font-family:calibri;
  116. font-style:none;
  117. color:{color:title};
  118. letter-spacing:-1.3px;
  119. margin-bottom:6px
  120. }
  121.  
  122. blockquote {
  123. border-left:2px solid {color:text};
  124. padding-left:5px;
  125. margin:5px;
  126. }
  127.  
  128.  
  129. #sb {
  130. width:245px;
  131. margin-left:90px;
  132. margin-top:0px;
  133. position:fixed;
  134. }
  135.  
  136. #title {
  137. position:fixed;
  138. font-family:arial;
  139. font-size:15px;
  140. text-align:center;
  141. margin-top:80px;
  142. margin-left:850px;
  143. font-weight: bold;
  144. width:130px;
  145. padding:5px;
  146. letter-spacing:-1px;
  147. color:{color:title};
  148. border-bottom: 3px solid {color:highlight};
  149. }
  150.  
  151. #description {
  152. width:130px;
  153. padding:5px;
  154. margin-top:100px;
  155. margin-left:130px;
  156. font-family:calibri;
  157. font-size:10px;
  158. text-align:justify;
  159. color:{color:text};
  160. display:block;
  161. line-height:11px;
  162. opacity:0;
  163. -webkit-transition-duration:0.5s;
  164. -moz-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168. #sb:hover #description {
  169. opacity:1;
  170. -webkit-transition-duration:0.5s;
  171. -moz-transition-duration:0.5s;
  172. -o-transition-duration:0.5s;
  173. }
  174.  
  175. .links {
  176. color:{color:text};
  177. position:fixed;
  178. width:200px;
  179. text-align:left;
  180. margin-left:840px;
  181. padding:0px;
  182. font-family:tahoma;
  183. font-size:8px;
  184. text-transform:uppercase;
  185. letter-spacing:1px;
  186. margin-top:-30px;
  187. }
  188.  
  189. .links a {
  190. display:block;
  191. float:left;
  192. cursor:pointer;
  193. position:relative;
  194. padding-left:25px;
  195. margin-top:0px;
  196. }
  197.  
  198. .links a:hover {
  199. color:{color:hover};
  200. margin-left:20px;
  201. }
  202.  
  203. .number {
  204. color:{color:links};
  205. font-size:19px;
  206. display:inline-block;
  207. }
  208.  
  209. .nav {
  210. display:inline-block;
  211. font-family:calibri;
  212. }
  213.  
  214. .pagination {
  215. width:500px;
  216. font-family:arial;
  217. font-size:15px;
  218. font-weight: bold;
  219. text-align:center;
  220. letter-spacing:1px;
  221. color:{color:highlight};
  222. margin-top:0px;
  223. z-index:999999;
  224. }
  225.  
  226. .entries {
  227. margin-top:50px;
  228. width:500px;
  229. margin-bottom:70px;
  230. margin-left:390px;
  231. }
  232.  
  233. .posts {
  234. width:500px;
  235. }
  236.  
  237. .posts img, .posts li, .posts blockquote {
  238. max-width: 100%;
  239. }
  240.  
  241. .posts li {
  242. list-style: square;
  243. }
  244.  
  245. .posts blockquote {
  246. border-left: 1px solid #c1c1c1;
  247. padding-left: 5px 3px;
  248. }
  249.  
  250. blockquote img {
  251. max-width:320px;
  252. }
  253.  
  254. .date {
  255. text-transform:uppercase;
  256. margin-top:-15px;
  257. background-color:#f8f8f8;
  258. padding:3px 3px 3px 3px;
  259. font-size:9px;
  260. width:150px;
  261. margin-left:170px;
  262. text-align:center;
  263. font-family:calibri;
  264. border-style:solid;
  265. border-width:5px;
  266. border-color:#fff;
  267. margin-bottom:40px;
  268. }
  269.  
  270. .tags {
  271. text-transform:lowercase;
  272. margin-left:0px;
  273. font-family:calibri;
  274. text-align:center;
  275. font-style:none;
  276. letter-spacing:0px;
  277. margin-top:-40px;
  278. margin-bottom:40px;
  279. font-size:10px;
  280. width:500px;
  281. }
  282.  
  283. .tags a:hover {
  284. font-style:italic;
  285. }
  286.  
  287. .border {
  288. border-top:1px solid {color:border};
  289. margin-top:25px;
  290. }
  291.  
  292. ol.notes {
  293. padding: 0px;
  294. margin: 25px 0px;
  295. list-style-type: none;
  296. border-bottom: solid 1px #f5f5f5;
  297. }
  298.  
  299. ol.notes li.note {
  300. border-top: solid 1px #f5f5f5;
  301. padding: 10px;
  302. }
  303.  
  304. ol.notes li.note span.action {
  305. font-weight: bold;
  306. }
  307.  
  308. ol.notes li.note blockquote {
  309. border-color: {color:border};
  310. padding: 4px 10px;
  311. margin: 10px 0px 0px 25px;
  312. }
  313.  
  314. ol.notes li.note blockquote a {
  315. text-decoration: none;
  316. }
  317.  
  318. .pagenotes {
  319. text-align:left;
  320. }
  321.  
  322. .ask {
  323. font-family:arial;
  324. font-size:15px;
  325. font-weight: bold;
  326. letter-spacing:-1px;
  327. text-align:left;
  328. margin-top:3px;
  329. text-transform:lowercase;
  330. }
  331.  
  332. .question {
  333. width:500px;
  334. letter-spacing:0px;
  335. margin-top:10px;
  336. font-family:'calibri';
  337. font-size:10px;
  338. padding-bottom:4px;
  339. text-align:justify;
  340. color:{color:text};
  341. border-bottom: 1px solid #f5f5f5;
  342. }
  343.  
  344. .answer {
  345. width:500px;
  346. letter-spacing:0px;
  347. text-align:justify;
  348. font-family:'calibri';
  349. font-size:10px;
  350. padding-top:5px;
  351. margin-bottom:1px;
  352. color:{color:text};
  353. }
  354.  
  355. .askimg {
  356. width:35px;
  357. padding:2px;
  358. margin-right:3px;
  359. margin-top:-10px;
  360. border:2px solid #f5f5f5;
  361. border-radius:100px;
  362. }
  363.  
  364. .askimg a:hover{
  365. border:2px solid:#f5f5f5;
  366. }
  367.  
  368. #audio {
  369. width:60px;
  370. height:60px;
  371. overflow:hidden;
  372. position:relative;
  373. border:8px solid #f0f0f0;
  374. float:left;
  375. background:#000;
  376. }
  377.  
  378. .audiocover img {
  379. width:60px;
  380. height:60px;
  381. position:absolute;
  382. -webkit-transition: all 0.4s ease-in-out;
  383. -moz-transition: all 0.4s ease-in-out;
  384. -ms-transition: all 0.4s ease-in-out;
  385. -o-transition: all 0.4s ease-in-out;
  386. transition: all 0.4s ease-in-out;
  387. }
  388.  
  389. .audiocover {
  390. width:60px;
  391. overflow:hidden;
  392. }
  393.  
  394. .player {
  395. overflow:hidden;
  396. width:0px;
  397. height:30px;
  398. z-index:999;
  399. position:absolute;
  400. padding-top:17px;
  401. padding-left:17px;
  402. -webkit-transition: all 0.4s ease-in-out;
  403. -moz-transition: all 0.4s ease-in-out;
  404. -ms-transition: all 0.4s ease-in-out;
  405. -o-transition: all 0.4s ease-in-out;
  406. transition: all 0.4s ease-in-out;
  407. }
  408.  
  409. #audio:hover .player {
  410. opacity:1;
  411. width:25px;
  412. }
  413.  
  414. #audio:hover img {
  415. margin-top:60px;
  416. }
  417.  
  418. #musics {
  419. height:60px;
  420. margin-bottom:20px;
  421. margin-left:80px;
  422. position:relative;
  423. letter-spacing:0px;
  424. }
  425.  
  426. .music {
  427. border-left:2px solid {color:hover};
  428. color:{color:post links};
  429. text-transform:uppercase;
  430. }
  431.  
  432. .music2 {
  433. border-left:2px solid {color:post links};
  434. text-transform:uppercase;
  435. font-weight: bold;
  436. }
  437.  
  438. .music, .music2 {
  439. display:block;
  440. padding:2px 2px;
  441. }
  442.  
  443. .chat {
  444. line-height:160%;
  445. list-style:none;
  446. }
  447.  
  448. .line.odd {
  449. background:{color:border};
  450. margin-bottom:2px;
  451. padding:5px;
  452. list-style:none;
  453. font-size:10px;
  454. }
  455.  
  456. .line.even {
  457. background:#ffffff;
  458. margin-bottom:2px;
  459. padding:5px;
  460. list-style:none;
  461. font-size:10px;
  462. }
  463.  
  464. .label {
  465. padding-right:1px;
  466. text-transform:uppercase;
  467. font-weight:bold;
  468. color:{color:links};
  469. }
  470.  
  471. #credit {
  472. font-size:9px;
  473. bottom:5px;
  474. left:5px;
  475. position:fixed;
  476. text-transform:uppercase;
  477. font-family:'calibri';
  478. color:{color:links};
  479. }
  480.  
  481. {CustomCSS}
  482. </style>
  483. </head>
  484.  
  485. <body>
  486. <div id="sb">
  487. <div id="title"><y>{Title}</y></div>
  488. <div id="description">{Description}</div>
  489. <div class="links">
  490. <a href="{text:Link1}">
  491. <div class="number">01</div>
  492. <div class="nav">{text:Link1 Title}<br><b>{text:Link1 Caption}</b></div></a>
  493. <a href="{text:Link2}">
  494. <div class="number">02</div>
  495. <div class="nav">{text:Link2 Title}<br><b>{text:Link2 Caption}</b></strong></div></a>
  496. <a href="{text:Link3}">
  497. <div class="number">03</div>
  498. <div class="nav">{text:Link3 Title}<br><b>{text:Link3 Caption}</b></strong></div></a>
  499. <a href="{text:Link4}">
  500. <div class="number">04</div>
  501. <div class="nav">{text:Link4 Title}<br><b>{text:Link4 Caption}</b></div></a><br>
  502. </div>
  503. </div>
  504.  
  505. <div class="entries">{block:Posts}<div class="posts">
  506.  
  507. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  508.  
  509. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  510.  
  511. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  512.  
  513. {block:Quote}
  514. <h2>❝ {Quote} ❞</h2>
  515. {/block:Quote}
  516.  
  517. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  518.  
  519. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  520.  
  521. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  522.  
  523. {block:Answer}<img src="{AskerPortraitURL-48}" width="20px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;">{Asker} asked:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  524.  
  525. {block:Audio}
  526. <div id="audio">
  527. <div class="audiocover">
  528. <img src="https://www.ad2myaccount.com/img/play_button.png" /></div>{block:AlbumArt}
  529. <div class="audiocover">
  530. <img src="{AlbumArtURL}" /></div>{/block:AlbumArt}
  531. <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  532. </div>
  533. <div id="musics">
  534. {block:TrackName}<span class="music">{TrackName}</span>{/block:TrackName}
  535. <span class="music2">{block:Artist}{Artist} - {/block:Artist}{FormattedPlayCount} plays</span>
  536. </div>
  537. {/block:Audio}
  538.  
  539. <p>
  540.  
  541. <div class="border"></div>
  542. <div class="date">
  543. {block:Date}{DayOfMonth} {ShortMonth} {24HourWithZero}:{Minutes} {AmPm}</a>{/block:Date}
  544. with <a href="{Permalink}">{NoteCountWithLabel}{block:permalinkpage} – <a href="{ReblogURL}" target="_blank" style="color:{color:text}">reblog</a> – {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> – {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}</a>
  545. </div>
  546.  
  547. {block:HasTags}
  548. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
  549.  
  550.  
  551. {block:PostNotes}
  552. <div class="pagenotes">
  553. {PostNotes}
  554. </div>
  555. {/block:PostNotes}
  556.  
  557.  
  558. {block:ContentSource}
  559.  
  560. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  561.  
  562. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  563.  
  564. {/block:SourceLogo}
  565.  
  566. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  567.  
  568. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  569.  
  570. {/block:Posts}
  571.  
  572. {block:Pagination}
  573. <div class="pagination">
  574. {block:PreviousPage}
  575. <a href="{PreviousPage}">&lsaquo; back</a>
  576. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  577. <span class="current_page">{PageNumber}</span>
  578. {/block:CurrentPage}{block:JumpPage}
  579. <a class="jump_page" href="{URL}">{PageNumber}</a>
  580. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  581. <a href="{NextPage}">forth &rsaquo;</a>
  582. {/block:NextPage}</div>{/block:Pagination}
  583.  
  584. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="mathewsdaddario">md.</a></div>
  585.  
  586. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  587. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  588. <script>
  589. (function($){
  590. $(document).ready(function(){
  591. $("a[title]").style_my_tooltips({
  592. tip_follows_cursor:true,
  593. tip_delay_time:150,
  594. tip_fade_speed:700,
  595. attribute:"title"
  596. });
  597. });
  598. })(jQuery);
  599. </script>
  600.  
  601. </body>
  602.  
  603.  
  604. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement