API tools faq
paste
mikit20

Walk away from you

mikit20
Sep 22nd, 2014
1,787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Base Code by disikes.tumblr.com
  3.  
  4. Edit this code to your heart's content! You don't have to credit me anywhere on the theme, but if people ask where you got your base, it'd be cool if you sent them my way!
  5.  
  6. PLEASE DO NOT REDISTRIBUTE THIS CODE AS YOUR OWN BASE CODE.
  7. -->
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="image:Sidebar" content=""/>
  14.  
  15. <meta name="color:Background" content="#FFFFFF"/>
  16. <meta name="color:Title" content="#999999"/>
  17. <meta name="color:Blog Title" content="#999999"/>
  18. <meta name="color:Link" content="#555555"/>
  19. <meta name="color:Hover" content="#999999"/>
  20. <meta name="color:Text" content="#777777"/>
  21. <meta name="color:Permalink Bg" content="#777777"/>
  22. <meta name="color:Permalink" content="#e1e1e1"/>
  23. <meta name="color:Permalink Hover" content="#e1e1e1"/>
  24. <meta name="color:Scroll" content="#FFFFFF"/>
  25. <meta name="color:Speech" content="#FFFFFF"/>
  26. <meta name="color:Speech Text" content="#FFFFFF"/>
  27.  
  28.  
  29. <meta name="text:Link One URL" content=""/>
  30. <meta name="text:Link One Title" content="link"/>
  31. <meta name="text:Link 2" content=""/>
  32. <meta name="text:Link 2 URL" content=""/>
  33. <meta name="text:Link 3" content=""/>
  34. <meta name="text:Link 3 URL" content=""/>
  35. <meta name="text:Link 4" content=""/>
  36. <meta name="text:Link 4 URL" content=""/>
  37. <meta name="text:Link 5" content=""/>
  38. <meta name="text:Link 5 URL" content=""/>
  39.  
  40.  
  41. <title>{Title}</title>
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}">
  46.  
  47. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50.  
  51. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){$(document)
  54. .ready(function(){$("[title]")
  55. .style_my_tooltips();});})
  56. (jQuery);
  57. </script>
  58.  
  59. {block:IndexPage}
  60. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  61. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  62.  
  63. <script type="text/javascript">
  64. $(window).load(function(){
  65. var $wall = $('#entries');
  66. $wall.imagesLoaded(function(){
  67. $wall.masonry({
  68. itemSelector: '#post, #post_photo',
  69. isAnimated : false
  70. });
  71. });
  72.  
  73. $wall.infinitescroll({
  74. navSelector : '#pagination',
  75. nextSelector : '#pagination a',
  76. itemSelector : '#post, #post_photo',
  77. bufferPx : 2000,
  78. debug : false,
  79. errorCallback: function() {
  80. $('#scroll').fadeOut('normal');
  81. }},
  82. function( newElements ) {
  83. var $newElems = $( newElements );
  84. $newElems.hide();
  85. $newElems.imagesLoaded(function(){
  86. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  87. });
  88. }); $('#entries').show(500);
  89. });
  90. </script>
  91.  
  92. <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/5c8e1dc40e72154427af2aa178666a81/tumblr_inline_mz7l0n3Grt1r9ajsd.png), progress;}</style>
  93.  
  94. {/block:IndexPage}
  95.  
  96. <!---------------END SCRIPTS--------------->
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. /************EDIT BODY HERE************/
  102.  
  103. body{
  104. margin:0px;
  105. background-color: {color:Background};
  106. background-image:url({image:Background});
  107. background-attachment:fixed;
  108. background-repeat:100%;
  109. background-position:bottom-right;
  110. font-family: Calibri;
  111. font-size:8px;
  112. letter-spacing:1px;
  113. text-transform:uppercase;
  114. text-align:left;
  115. line-height:11px;
  116. color: {color:Text};}
  117.  
  118.  
  119. a:link, a:active, a:visited{
  120. text-decoration: none;
  121. color: {color:Link};}
  122.  
  123. a:hover {
  124. color:{color:Link};
  125. text-decoration:none;}
  126.  
  127. /************EDIT TOOLTIP HERE************/
  128.  
  129.  
  130. #s-m-t-tooltip {
  131. padding: 3px;
  132. height:auto;
  133. display: none;
  134. font-family: consolas;
  135. font-size: 8px;
  136. text-transform:uppercase;
  137. text-align: center;
  138. letter-spacing:1px;
  139. margin-top:10px;
  140. margin-left: 15px;
  141. line-height: 8px;
  142. z-index: 999999999999;
  143. border-radius:3px;
  144. border: 1px solid #f5f5f5;
  145. background:#ffffff;
  146. color: #888;}
  147.  
  148. /************EDIT POST POSITION/WIDTH HERE************/
  149.  
  150. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  151.  
  152. #entries{
  153. text-align:left;
  154. width:800px;
  155. margin-left:250px;
  156. margin-top:10px;
  157. position:relative;
  158. overflow: hidden;
  159. }
  160.  
  161. /************EDIT OVERALL POSTS HERE************/
  162.  
  163. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  164.  
  165. #post{
  166. text-align:left;
  167. margin:30px;
  168. background:#ffffff;
  169. max-width: 100%;
  170. display:block;
  171. overflow:hidden;
  172. width:250px;
  173. font-size:10px;
  174. letter-spacing:1px;
  175. line-height:18px;
  176. border:1px solid #eee;
  177. padding:10px;
  178. box-shadow: 10px 10px rgba(0,0,0,.03);
  179. -webkit-transition: all 0.4s ease-out;
  180. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  181. opacity:.8;
  182. border-radius:7px;
  183. {block:PermalinkPage}
  184. width:500px;
  185. {/block:PermalinkPage}}
  186.  
  187. /*Do not delete #post img.*/
  188.  
  189. #post img{
  190. max-width:100%;
  191. border-radius:5px;
  192. }
  193.  
  194. #post:hover{
  195. opacity:1;
  196. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  197. }
  198.  
  199. /*Edit the permalinks all posts.*/
  200.  
  201. .permalink{
  202. text-transform:lowercase;
  203. font-size:9px;
  204. background-color:{color:Permalink Bg};
  205. border: 0px solid #E0F1FF;
  206. text-align:right;
  207. color:{color:Permalink};
  208. margin-top: 8px;
  209. padding-right:4px;
  210. line-height:12px;
  211. border-radius:3px;
  212. text-shadow:1px 1px 0px #BBBBBB;
  213. }
  214. .permalink a{
  215. text-transform:uppercase;
  216. line-height:15px;
  217. color:{color:Permalink};
  218. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  219. }
  220.  
  221. .permalink a:hover{
  222. color:{color:Permalink Hover};
  223. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  224. }
  225.  
  226. .notes {
  227. float: left;
  228. text-align: left;
  229. padding-left:4px;
  230. }
  231.  
  232. /*Edit the titles on any text-based post.*/
  233.  
  234. .posttitle{
  235. font-size:10px;
  236. text-align:center;
  237. color:{color:Link};}
  238.  
  239. .posttitle a{
  240. color:{color:Link};}
  241.  
  242. /************EDIT QUOTE POSTS HERE************/
  243.  
  244. .quote{
  245. margin-right: 5px;}
  246.  
  247. .source{
  248. padding-top:5px;
  249. display:block;
  250. text-align:right;}
  251.  
  252.  
  253. /************EDIT ANSWER POSTS HERE************/
  254.  
  255. .ask{
  256. padding:4px;
  257. background:#f9f9f9;}
  258. .asker{
  259. color:{color:Link};}
  260. .answer{
  261. margin-top:10px;}
  262.  
  263. /************EDIT AUDIO POSTS HERE************/
  264.  
  265. .audio{
  266. {block:IndexPage}width:180px;{/block:IndexPage}
  267. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  268. .info{
  269. padding:2px 0px 1px 57px;}
  270. .i {
  271. text-transform:uppercase;
  272. letter-spacing:1px;
  273. font-size:8px;}
  274. .pl b,strong{
  275. text-transform:lowercase;
  276. font-size:9px;}
  277. .player{
  278. position:absolute;
  279. overflow:hidden;
  280. margin-top:0px;
  281. margin-left:15px;
  282. background:#ffffff;
  283. width:24px;
  284. height:23px;}
  285.  
  286. /************EDIT VIDEO POSTS HERE************/
  287. /***********DO NOT DELETE THIS CODE************/
  288.  
  289. .video-container {
  290. position:relative;
  291. padding-bottom:56.25%;
  292. padding-top: 30px;
  293. height:0;
  294. overflow:hidden;}
  295.  
  296. .video-container iframe,
  297. .video-container object,
  298. .video-container embed {
  299. position: absolute;
  300. top: 0;
  301. left: 0;
  302. width: 100%;
  303. height: 100%;}
  304.  
  305. /************EDIT CHAT POSTS HERE************/
  306.  
  307. .chat{
  308. line-height:12px;
  309. list-style:none;}
  310. .chat ul{
  311. list-style:none;
  312. padding:0px 5px;
  313. line-height:15px;}
  314. .label{
  315. color:{color:Link};}
  316.  
  317. /************EDIT SIDEBAR HERE************/
  318.  
  319. #sidebar{
  320. background:transparent;
  321. border:0px #f5f5f5 solid;
  322. margin-left:-200px;
  323. margin-top:110px;
  324. width:auto;
  325. position:fixed;
  326. text-align:center;
  327. }
  328.  
  329. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf')}
  330.  
  331. .blogtitle{
  332. padding:5px;
  333. padding-bottom:0px;
  334. text-align:center;
  335. font: normal 15px handy;
  336. border-bottom:0px solid #eee;
  337. padding-bottom:2px;
  338. text-shadow:2px 2px 0px #bbb;
  339. }
  340.  
  341. .blogtitle a{
  342. color:{color:Blog Title};}
  343.  
  344. .description{
  345. padding:5px;}
  346.  
  347. .links{
  348. font: normal 8px handy;
  349. margin-left:-15px;
  350. padding:0px 10px 5px 10px;
  351. margin-top:5px;}
  352.  
  353. .links a{
  354. margin-left:15px;}
  355.  
  356. .links a:hover{
  357. color:{color:Hover};}
  358.  
  359.  
  360. .downarrowdiv{
  361. width:150px;
  362. min-height:auto; /*min height of DIV should be set to at least 2x the width of the arrow*/
  363. background: {color:Speech};
  364. color:{color:Speech Text};
  365. padding:5px;
  366. padding-bottom:8px;
  367. margin-left:-220px;
  368. margin-top:250px;
  369. position:fixed;
  370. word-wrap:break-word;
  371. -moz-border-radius:7px; /*add some nice CSS3 round corners*/
  372. -webkit-border-radius:7px;
  373. border-radius:7px;
  374. margin-bottom:2em;
  375. box-shadow: 10px 10px rgba(0,0,0,.03);
  376. }
  377.  
  378. .downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
  379. content:'';
  380. display:block;
  381. position:absolute;
  382. bottom:100%; /*should be set to 100% */
  383. left:70px;
  384. width:0;
  385. height:0;
  386. border:2px solid;
  387. border-color: transparent transparent {color:Speech} transparent; /*border color should be same as div div background color*/
  388. border-style: solid;
  389. border-width: 10px;
  390. }
  391.  
  392. /************EDIT TEXT SETTINGS HERE************/
  393.  
  394. i, em{
  395. color:{color:Link};}
  396. b, strong{
  397. font-weight:normal;
  398. text-transform:uppercase;
  399. color:{color:Link};}
  400. ul,ol{
  401. margin:0px;
  402. margin-left:-5px;}
  403. p{
  404. padding:0px;
  405. margin:2px;}
  406. u{
  407. text-decoration:none;
  408. color:{color:Title};}
  409.  
  410. blockquote {
  411. margin:0px;
  412. padding:4px;
  413. background:#fff;}
  414.  
  415. /************DO NOT DELETE #SCROLL************/
  416.  
  417. #scroll{
  418. bottom:-20px;
  419. position: absolute;
  420. left: 50%;
  421. width:10px;
  422. height:5px;
  423. overflow:hidden;
  424. margin-bottom:80px;}
  425.  
  426. /************EDIT CREDIT HERE************/
  427.  
  428. #credit{
  429. position:fixed;
  430. right:10px;
  431. bottom:10px;
  432. text-transform:uppercase;
  433. font-family:Calibri;
  434. font-size:8px;}
  435.  
  436. #credit a{
  437. color:#aaaaaa;}
  438.  
  439. </style>
  440. </head>
  441.  
  442. <body>
  443.  
  444.  
  445. <center>
  446.  
  447. <div id="entries">
  448.  
  449. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  450.  
  451. <div id="sidebar">
  452. <div class="blogtitle"><center><a href="/">{Title}</a></center></div>
  453. <br>
  454. <center><a href="/"><img src="{image:sidebar}"/></a></center>
  455.  
  456. </div>
  457.  
  458. <div class="downarrowdiv">
  459. <div class="links">
  460. <center>
  461. <a href="/">home</a>
  462. <a href="/ask">ask</a>
  463. <a href="{text:Link One URL}">{text:Link One Title}</a>
  464. </center>
  465. </div>
  466. <div class="description">{Description}</div>
  467. <br>
  468. <center>
  469. <select onchange='location=this.options[this.selectedIndex].value;' style='
  470. font-family:calibri light;line-height:90%;font-style:none;font-size:10px;text-transform:lowercase;letter-spacing:0px;color:#353535;width:146px;text-align:center;background-color:#fff;border:#ddd 1px solid; height:20px;'>
  471.  
  472. <option>N A V I G A T I O N</option>
  473.  
  474. <option value="{text:link 2 url}"> {text:link 2} </option>
  475. <option value="{text:link 3 url}"> {text:link 3} </option>
  476. <option value="{text:link 4 url}"> {text:link 4} </option>
  477. <option value="{text:link 5 url}"> {text:link 5} </option>
  478. </select>
  479. </center>
  480. </div>
  481.  
  482.  
  483.  
  484. {block:Posts}
  485.  
  486. <!---------------DO NOT DELETE block:ContentSource--------------->
  487.  
  488. {block:ContentSource}
  489. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  490. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  491. {/block:SourceLogo}
  492. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  493. {/block:ContentSource}
  494.  
  495. <div id="post">
  496.  
  497. <!---------------EDIT TEXT POSTS HERE--------------->
  498.  
  499. {block:Text}
  500. <div class="text">
  501. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  502. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  503. </div>{/block:IndexPage}</div>
  504. {/block:Text}
  505.  
  506. <!---------------EDIT LINK POSTS HERE--------------->
  507.  
  508. {block:Link}
  509. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  510. {block:Description}{Description}{/block:Description}
  511. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  512. </div>{/block:IndexPage}
  513. {/block:Link}
  514.  
  515. <!---------------EDIT PHOTO POSTS HERE--------------->
  516.  
  517. {block:Photo}
  518. {block:IndexPage}
  519. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  520. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  521. {/block:Photo}
  522.  
  523. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  524.  
  525. {block:Photoset}
  526. {block:IndexPage}<a href="{Permalink}">{Photoset-250}</a><div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  527. </div>{/block:IndexPage}
  528. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  529. {/block:Photoset}
  530.  
  531. <!---------------EDIT QUOTE POSTS HERE--------------->
  532.  
  533. {block:Quote}
  534. {Quote}{block:Source}
  535. <div class="source">{Source}</div>{/block:Source}
  536. {block:IndexPage}
  537. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  538. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  539. {/block:Quote}
  540.  
  541. <!---------------EDIT ANSWER POSTS HERE--------------->
  542.  
  543. {block:Answer}
  544. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  545. <div class="answer">{Answer}</div>
  546. {block:IndexPage}
  547. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  548. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  549. {/block:Answer}
  550.  
  551. <!---------------EDIT CHAT POSTS HERE--------------->
  552.  
  553. {block:Chat}
  554. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  555. <div class="chat"><ul>{block:Lines}
  556. <li class="person{UserNumber}">{block:Label}
  557. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> /<a href="{Permalink}">{NoteCount}</a></div>
  558. {/block:IndexPage}
  559. {/block:Chat}
  560.  
  561. <!---------------EDIT AUDIO POSTS HERE--------------->
  562.  
  563. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  564. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
  565. {/block:IndexPage}
  566. {/block:Audio}
  567.  
  568. <!---------------EDIT VIDEO POSTS HERE--------------->
  569.  
  570. {block:Video}
  571. {block:IndexPage}<div class="video-container">{Video-250}</div>
  572. <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  573. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  574. {/block:Video}
  575.  
  576. <!---------------EDIT PERMALINK PAGE HERE--------------->
  577.  
  578. {block:PermalinkPage}
  579. {block:Caption}{Caption}{/block:Caption}
  580. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  581. <div class="permapage">
  582. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  583. </div>
  584. {/block:Posts}
  585. </div>
  586.  
  587. <!---------------DO NOT DELETE THIS--------------->
  588.  
  589. {block:IndexPage}
  590. {block:Pagination}
  591. <div id="pagination">
  592. {block:NextPage}
  593. <a id="nextPage" href="{NextPage}"></a>
  594. {/block:NextPage}
  595. {block:PreviousPage}
  596. <a href="{PreviousPage}"></a>
  597. {/block:PreviousPage}
  598. </div>
  599. {/block:Pagination}
  600. {/block:IndexPage}
  601. </center>
  602. </body>
  603.  
  604. <!---------------DO NOT REMOVE THE CREDITS OR I'LL KILL YOU--------------->
  605.  
  606. <BODY onselectstart="return false;" ondragstart="return false;">
  607. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  608. <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
  609.  
  610. <div id="credit"><a href="http://dislikes.tumblr.com/">credit</a></div>
  611. </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!