API tools faq
paste
codesbyally

stay gold

codesbyally
May 9th, 2017
598
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.50 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. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  3.  
  4.  
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10.  
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12.  
  13. <script>
  14. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  15. <!--basic tooltip from tutorial-baby! Enjoy-->
  16.  
  17.  
  18.  
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23.  
  24. <!---
  25.  
  26. THEME ( ? ) by ALLY
  27.  
  28. — i love fox
  29. — if ur seeing this & ur not fox .. choke maybe ?
  30. stop tryna steal the code ?
  31.  
  32. ( base code by hawtornes )
  33.  
  34. --->
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38.  
  39. <meta name="color:background" content="#eaeaea"/>
  40. <meta name="color:contain" content="#f8f8f8"/>
  41. <meta name="color:sidebarbg" content="#f3f3f3"/>
  42. <meta name="color:shadow" content="#ccc"/>
  43. <meta name="color:descbg" content="#f8f8f8"/>
  44. <meta name="color:linksbg" content="#fff"/>
  45. <meta name="color:pagibg" content="#fff"/>
  46. <meta name="color:postsbg" content="#fff"/>
  47. <meta name="color:tit" content="#e2c366"/>
  48. <meta name="color:desc" content="#898989"/>
  49. <meta name="color:bold" content="#e2c366"/>
  50. <meta name="color:italic" content="#e2c366"/>
  51. <meta name="color:text" content="#a8a8a8"/>
  52. <meta name="color:links" content="#e2c366"/>
  53. <meta name="color:hover" content="#f3f3f3"/>
  54.  
  55. <meta name="text:tit" content=""/>
  56. <meta name="text:slidertext" content=""/>
  57. <meta name="text:link1" content="/"/>
  58. <meta name="text:link2" content="/"/>
  59. <meta name="text:link3" content="/"/>
  60. <meta name="text:link4" content="/"/>
  61. <meta name="text:link1 title" content="/"/>
  62. <meta name="text:link2 title" content="/"/>
  63. <meta name="text:link3 title" content="/"/>
  64. <meta name="text:link4 title" content="/"/>
  65.  
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. @font-face {
  71. font-family: ally; src: url('https://dl.dropboxusercontent.com/s/48t829r7xkac0ro/Herrmes.otf') ;}
  72.  
  73. ::-webkit-scrollbar {
  74. width: 0px;
  75. height:0px;
  76. background:transparent;
  77.  
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb {
  81. background-color: transparent;
  82.  
  83. }
  84.  
  85. #s-m-t-tooltip {
  86. max-width:250px;
  87. padding:2px;
  88. margin:25px 20px 5px 0px;
  89. color:#888;
  90. background:{color:linksbg};
  91. z-index:99999;
  92. font-size:8px;
  93. font-variant:small-caps;
  94. letter-spacing:2px;
  95. font-weight:bold;
  96. }
  97.  
  98.  
  99. ::-moz-selection {
  100. background:{color:links};
  101. color:{color:linksbg}; }
  102.  
  103. ::selection {
  104. background:{color:links};
  105. color:{color:linksbg}; }
  106.  
  107.  
  108. body {
  109. background:{color:background};
  110. margin:0px;
  111. color:{color:text};
  112. font-family:'arial';
  113. font-size:10px;
  114. line-height:100%;
  115. letter-spacing:0px;
  116. text-align:justify;
  117. background-image:url('{image:Background}');
  118. }
  119.  
  120. a {
  121. text-decoration:none;
  122. color:{color:links};
  123. }
  124.  
  125. a:hover {
  126. color:{color:text};
  127. -moz-transition-duration:0.3s;
  128. -webkit-transition-duration:0.3s;
  129. -o-transition-duration:0.3s;
  130. }
  131.  
  132. b {
  133. color:{color:bold};
  134. font-weight:700;
  135. }
  136.  
  137. em {
  138. color:{color:italic};
  139. }
  140.  
  141. img {
  142. border:none;
  143. max-width:100%;
  144. height:auto;
  145. }
  146.  
  147. resize {
  148. width: 300px;
  149. height:auto;
  150. }
  151.  
  152. blockquote {
  153. margin-left:5px;
  154. padding-left:10px;
  155. width:265px;
  156. border-left:1px solid {color:background};
  157. }
  158.  
  159. blockquote blockquote {
  160. padding-left:10px;
  161. width:245px;
  162. border-left:1px solid {color:background};
  163. }
  164.  
  165. h1 {
  166. font-size:8px;
  167. letter-spacing:2px;
  168. text-transform:uppercase;
  169. font-family:'arial';
  170. font-style:none;
  171. line-height:10px;
  172. text-align:left;
  173. padding:0px;
  174. }
  175.  
  176.  
  177. #posts img {
  178. }
  179.  
  180. .photoset {
  181. width:100%;
  182. }
  183.  
  184. #posts img:hover {
  185. }
  186.  
  187. .photoset:hover {
  188. max-width:100%;
  189. }
  190.  
  191.  
  192.  
  193. /*CONTAINER*/
  194.  
  195. #contain {
  196. width:560px;
  197. height:369px;
  198. padding-left:95px;
  199. margin-left:380px;
  200. margin-top:150px;
  201. background:{color:contain};
  202. position:fixed;
  203. overflow-x:hidden;
  204. overflow-y:auto;
  205. }
  206.  
  207. /*ENTRIES*/
  208.  
  209. #entries {
  210. padding:10px;
  211. width:510px;
  212. margin-left:155px;
  213. margin-top:-10px;
  214. font-size:10px;
  215. position:relative;
  216. font-family:'arial';
  217. overflow-x:hidden;
  218. overflow-y:auto;
  219. letter-spacing:0px;
  220. }
  221.  
  222. #post {
  223. width:300px;
  224. background:{color:postsbg};
  225. padding:20px;
  226. position:relative;
  227. border:1px solid {color:sidebarbg};
  228. margin-top:40px;
  229. }
  230.  
  231.  
  232. /*SIDEBAR*/
  233.  
  234. #sidebar {
  235. width:200px;
  236. height:355px;
  237. position:fixed;
  238. padding:7px;
  239. overflow:hidden;
  240. background:{color:sidebarbg};
  241. left:380px;
  242. top:150px;
  243. z-index:9999999999999999;
  244. }
  245.  
  246. #sidebar img {
  247. width:65px;
  248. height:65px;
  249. border-radius:50px;
  250. position:fixed;
  251. background:transparent;
  252. left:420px;
  253. top:166px;
  254. margin-bottom:-5px;
  255. box-shadow: 2px 3px 3px {color:shadow};
  256.  
  257. }
  258.  
  259. .tit {
  260. color:{color:tit};
  261. font-family:'ally';
  262. font-size:32px;
  263. width:100px;
  264. height:20px;
  265. margin-left:40px;
  266. margin-top:20px;
  267. padding:10px;
  268. padding-top:0px;
  269. padding-bottom:30px;
  270. line-height:20px;
  271. padding-left:25px;
  272. overflow:visible;
  273. text-align:center;
  274. text-shadow:1px 1px 1px #fff;
  275. -webkit-transform: rotate(-12deg);
  276. border-radius:0px 0px 0px 0px;
  277. -webkit-transition: all 0.2s linear;
  278. -moz-transition: all 0.2s linear;
  279. transition: all 0.2s linear;
  280. }
  281.  
  282. .desc {
  283. font-weight:400;
  284. position:fixed;
  285. width:138px;
  286. line-height:17px;
  287. height:180px;
  288. left:400px;
  289. top:259px;
  290. overflow:scroll;
  291. font-size:8px;
  292. font-variant:small-caps;
  293. color:{color:desc};
  294. background:{color:descbg};
  295. padding:17px;
  296. font-family:'arial';
  297. letter-spacing:1px;
  298. text-align:justify;
  299. z-index:9999999999999999;
  300. }
  301.  
  302. .description a {
  303. font-size:12px;
  304. font-weight:bold;
  305. }
  306.  
  307. .sidelink {
  308. text-align:center;
  309. width:156px;
  310. left:400px;
  311. word-spacing:1px;
  312. top:238px;
  313. position:fixed;
  314. padding:8px;
  315. padding-bottom:10px;
  316. overflow:hidden;
  317. background:transparent;
  318. z-index:5;
  319. }
  320.  
  321. .sidelink a {
  322. background-size: 100% 200%;
  323. background-image: linear-gradient(to bottom, {color:contain} 50%, {color:background} 50%);
  324. padding:5px;
  325. font-size:6px;
  326. border-radius:5px 5px 0px 0px;
  327. text-transform:uppercase;
  328. font-family:'arial';
  329. font-weight:bold;
  330. letter-spacing:1px;
  331. text-shadow:1px 1px #fff;
  332. color:{color:text};
  333. box-shadow:2px 0px #ddd;
  334. -webkit-transition: background-position 1s;
  335. -moz-transition: background-position 1s;
  336. transition: background-position 1s;
  337. }
  338.  
  339. .sidelink a:hover {
  340. background-position: 0 -100%;
  341. }
  342.  
  343.  
  344. #pagination {
  345. width:166px;
  346. position:fixed;
  347. height:14px;
  348. padding:3px;
  349. padding-top:5px;
  350. margin-top:241px;
  351. margin-left:13px;
  352. text-align:center;
  353. background:{color:pagibg};
  354. color:{color:text};
  355. z-index:9999999999999;
  356. }
  357.  
  358. #pagination a {
  359. color:{color:links};
  360. font-weight:bold;
  361. letter-spacing:1px;
  362. font-size:7px;
  363.  
  364. }
  365.  
  366. /*CUSTOM SLIDE TAB*/
  367.  
  368. .slide{
  369. width:120px;
  370. height:230px;
  371. padding:20px;
  372. background:{color:descbg};
  373. color:{color:text};
  374. margin-left:380px;
  375. margin-top:110px;
  376. border-radius:0px 10px 0px 10px;
  377. -webkit-transition: all 0.4s linear;
  378. -moz-transition: all 0.4s linear;
  379. transition: all 0.4s linear;
  380. z-index:-1;
  381.  
  382. }
  383.  
  384. .slide:hover {
  385. margin-left:225px;
  386. -webkit-transition: all 0.4s linear;
  387. -moz-transition: all 0.4s linear;
  388. transition: all 0.4s linear;
  389. }
  390.  
  391.  
  392. .slide h1 {
  393. font-family:'ally';
  394. font-size:24px;
  395. text-align:center;
  396. text-transform:lowercase;
  397. font-weight:400;
  398. letter-spacing:0px;
  399. margin-top:-2px;
  400. color:{color:tit};
  401. text-shadow:3px 3px 3px #ddd;
  402. }
  403.  
  404. .slide h4 {
  405. padding-top:5px;
  406. color:#ddd;
  407. padding-bottom:5px;
  408. letter-spacing:0px;
  409. text-align:center;
  410. }
  411.  
  412. .slideicon {
  413. border-radius:50%;
  414. width:18px;
  415. padding:10px;
  416. font-weight:bold;
  417. font-size:18px;
  418. background:{color:linksbg};
  419. color:{color:italic};
  420. margin-left:-35px;
  421. margin-top:-35px;
  422. box-shadow: 2px 3px 3px #eee;
  423. -webkit-transform: rotate(-13deg);
  424. }
  425.  
  426.  
  427. /*POST INFO*/
  428.  
  429. #info {
  430. width:auto;
  431. text-align:center;
  432. font-family:'trebuchet ms';
  433. margin-top:3px;
  434. letter-spacing:1px;
  435. font-size:7px;
  436. font-style:none;
  437. padding:4px;
  438. line-height:10px;
  439. text-transform:uppercase;
  440. background:{color:background};
  441. }
  442.  
  443. #info a {
  444. text-align:center;
  445. color:{color:links};
  446. }
  447.  
  448. #info a:hover {
  449. -moz-transition-duration:0.3s;
  450. -webkit-transition-duration:0.3s;
  451. -o-transition-duration:0.3s;
  452. color:{color:Hover}
  453. }
  454.  
  455. #tags {
  456. background:{color:contain};
  457. padding: 5px;
  458. color:{color:links};
  459. text-transform: none;
  460. font-style:none;
  461. font-size: 7px;
  462. text-align: center;
  463. letter-spacing: 1px;
  464. }
  465.  
  466. #tags a {
  467. color: {color:italic}; }
  468.  
  469. #tags a:hover {
  470. color: {color:text};
  471. }
  472.  
  473. #notes {
  474. width:275px;
  475. }
  476.  
  477. /*QUESTION*/
  478.  
  479. #question {
  480. color:{color:linksbg};
  481. padding:14px;
  482. font-family:'arial';
  483. font-size:9px;
  484. letter-spacing:0px;
  485. text-align:center;
  486. margin-top:0px;
  487. text-transform:normal;
  488. line-height:100%;
  489. background-color:{color:italic};
  490. }
  491.  
  492. #asker {
  493. font-size:12px;
  494. color:{color:links};
  495. padding:3px;
  496. background:{color:sidebarbg};
  497. text-align:center;
  498. text-transform:uppercase;
  499. }
  500.  
  501. #asker a{
  502. color:{color:links};
  503. }
  504.  
  505. /*CREDIT*/
  506.  
  507. #credit {
  508. width: auto;
  509. height:12px;
  510. font-family: 'calibri';
  511. font-size: 10px;
  512. text-transform: lowercase;
  513. font-variant:small-caps;
  514. text-align: center;
  515. bottom: 10px;
  516. left: 10px;
  517. letter-spacing: 1.5px;
  518. text-shadow:2px 2px 2px #ddd;
  519. padding: 5px;
  520. padding-left:7px;
  521. display: block;
  522. box-shadow:2px 2px 2px #ccc;
  523. background-color:{color:contain};
  524. position: fixed;
  525. }
  526.  
  527. #credit a{
  528. color:{color:text};
  529. }
  530.  
  531. {CustomCSS}</style></head><body>
  532.  
  533. <div id="contain">
  534.  
  535. <div id="sidebar">
  536.  
  537. <img src="{image:sidebar}">
  538. <div class="tit">{text:tit}</div>
  539.  
  540. <div class="desc">{Description}</div>
  541.  
  542. <div class="sidelink">
  543. <a href="{text:link1}" title="{text:link1 title}"><i class="pe-7s-map-marker"></i> home</a>
  544. <a href="{text:link2}" title="{text:link2 title}"><i class="pe-7s-micro"></i> message</a>
  545. <a href="{text:link3}" title="{text:link3 title}"><i class="pe-7s-compass"></i> guide</a>
  546. </div>
  547.  
  548. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK <b>/</b></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  549. </div>
  550.  
  551. <div id="entries">
  552. {block:posts}
  553. <!-- {block:NoRebloggedFrom}
  554. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  555. {/block:NoRebloggedFrom} -->
  556. {block:ContentSource}<!-- {SourceURL}
  557. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  559. {/block:ContentSource}
  560. <div id="post">
  561.  
  562. {block:Text}
  563. <h1>{block:Title}{Title}{/block:Title}</h1>
  564. {Body}{/block:Text}
  565.  
  566. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  567.  
  568. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  569.  
  570. {block:Quote}<h2>"{Quote}"</h2>
  571. {block:Source}<div class="qsource"> —{Source}</div>
  572. {/block:Source}{/block:Quote}
  573.  
  574. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  575.  
  576. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  577.  
  578. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  579. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  580. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  581. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  582. {/block:Audio}<br>
  583.  
  584. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  585.  
  586. {block:Answer}<div id="question">{Question}</div><div id="asker"><b><i>{Asker}</i></b><br></div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  587.  
  588. <div id="info">
  589. <a href="{Permalink}">{TimeAgo}</a> &nbsp;&nbsp;<i class="pe-7s-diamond"></i> &nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp; <i class="pe-7s-diamond"></i>&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG</a></div>
  590. {block:HasTags}<div id="tags">
  591.  
  592. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  593. </div>{block:HasTags}
  594. </div>
  595. {/block:Posts}
  596. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  597. {/block:Posts}</div></div></div>
  598. </div><br><br><br><br>
  599.  
  600. <div id="credit"><a href="http://bonecarvers.tumblr.com">bonecarvers</a></div>
  601. </div>
  602.  
  603. <div class="slide"><div class="slideicon"><i class="pe-7s-star"></i></div>
  604. <h1>updates</h1>
  605. {text:slidertext}
  606. </div>
  607.  
  608.  
  609. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  610. <script>
  611. $(document).ready(function(){
  612. $('.video iframe').each(function(){
  613. var scale = $(this).parents('.video').width() / 500;
  614. $(this).attr({
  615. width: Math.floor($(this).attr('width') * scale),
  616. height: Math.floor($(this).attr('height') * scale)
  617. });
  618. });
  619. });
  620. </script>
  621.  
  622. </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!