API tools faq
paste
Advertisement
flvrries

#1 MRKZ - edit

flvrries
Nov 22nd, 2014
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by flvrries.tumblr.com
  3.  
  4. 01. if you want to tweak it go ahead but please do leave the credit there, don't be a basket please.
  5. 02. if you want to edit any part, i would recommend you to edit via the html itself not at the main edit theme page because i believe i forgot some parts to edit.
  6. 03. any question just ask thanks.
  7. -->
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="image:Sidebar" content="http://37.media.tumblr.com/80998f621bd6d93091ab2a4f4182e92a/tumblr_mz3668JHfI1r0igmuo1_500.png"/>
  14. <meta name="color:Background" content="#000000"/>
  15. <meta name="color:Title" content="#999999"/>
  16. <meta name="color:Blog Title" content="#999999"/>
  17. <meta name="color:Link" content="#555555"/>
  18. <meta name="color:Hover" content="#999999"/>
  19. <meta name="color:Text" content="#777777"/>
  20. <meta name="text:Link One URL" content=""/>
  21. <meta name="text:Link One Title" content="link"/>
  22.  
  23.  
  24. <title>{Title}</title>
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  35. <script>
  36. (function($){$(document)
  37. .ready(function(){$("[title]")
  38. .style_my_tooltips();});})
  39. (jQuery);
  40. </script>
  41.  
  42. {block:IndexPage}
  43. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  44. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  45.  
  46. <script type="text/javascript">
  47. $(window).load(function(){
  48. var $wall = $('#entries');
  49. $wall.imagesLoaded(function(){
  50. $wall.masonry({
  51. itemSelector: '#post, #post_photo',
  52. isAnimated : false
  53. });
  54. });
  55.  
  56. $wall.infinitescroll({
  57. navSelector : '#pagination',
  58. nextSelector : '#pagination a',
  59. itemSelector : '#post, #post_photo',
  60. bufferPx : 2000,
  61. debug : false,
  62. errorCallback: function() {
  63. $('#scroll').fadeOut('normal');
  64. }},
  65. function( newElements ) {
  66. var $newElems = $( newElements );
  67. $newElems.hide();
  68. $newElems.imagesLoaded(function(){
  69. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  70. });
  71. }); $('#entries').show(500);
  72. });
  73. </script>
  74. {/block:IndexPage}
  75.  
  76. <!---------------END SCRIPTS--------------->
  77.  
  78. <style type="text/css">
  79. /****FONTS - dont delete okai?******/
  80. @font-face
  81. {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/s/vn84aq1yx6s7jti/vdj.ttf?dl=1'); format("truetype");}
  82. @font-face
  83. { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  84. @font-face
  85. { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  86. @font-face
  87. {font-family: "color of autumn";src: url('https://dl.dropboxusercontent.com/s/l06x9nm9m2aw6n8/colors%20of%20autumn.ttf?dl=1'); format("truetype");}
  88. @font-face
  89. { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format(“truetype”);}
  90. @font-face
  91. { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  92.  
  93. /************EDIT BODY HERE************/
  94.  
  95. body{
  96. margin:0px;
  97. background-color: {color:Background};
  98. background-image:url({image:Background});
  99. background-attachment:fixed;
  100. background-repeat:100%;
  101. background-position:bottom-right;
  102. font-family: gasara;
  103. font-size:8px;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. text-align:left;
  107. line-height:11px;
  108. color: {color:Text};}
  109.  
  110.  
  111. a:link, a:active, a:visited{
  112. text-decoration: none;
  113. color: {color:Link};}
  114.  
  115. a:hover {
  116. color:{color:Link};
  117. text-decoration:none;}
  118.  
  119. /************EDIT TOOLTIP HERE************/
  120.  
  121.  
  122. #s-m-t-tooltip {
  123. padding: 3px;
  124. height:auto;
  125. display: none;
  126. font-family: wendy;
  127. font-size: 10px;
  128. text-transform:uppercase;
  129. text-align: center;
  130. letter-spacing:1px;
  131. margin-top:10px;
  132. margin-left: 15px;
  133. line-height: 8px;
  134. z-index: 999999999999;
  135. border-radius:3px;
  136. background:#1a1a1a;
  137. color: #fff;}
  138.  
  139. /************EDIT POST POSITION/WIDTH HERE************/
  140.  
  141. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  142.  
  143. #entries{
  144. text-align:left;
  145. width:480px;
  146. margin-left:250px;
  147. margin-top:10px;
  148. position:relative;
  149. overflow: hidden;
  150. {block:PermalinkPage}
  151. width:550px;
  152. {/block:PermalinkPage}}
  153.  
  154. /************EDIT OVERALL POSTS HERE************/
  155.  
  156. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  157.  
  158. #post{
  159. text-align:left;
  160. margin:20px;
  161. background:#000;
  162. max-width: 100%;
  163. display:block;
  164. overflow:hidden;
  165. width:180px;
  166. {block:PermalinkPage}
  167. width:500px;
  168. {/block:PermalinkPage}}
  169.  
  170. /*Do not delete #post img.*/
  171.  
  172. #bnw {
  173. filter: grayscale(100%); /* Current draft standard */
  174. -webkit-filter: grayscale(100%); /* New WebKit */
  175. -moz-filter: grayscale(100%);
  176. -ms-filter: grayscale(100%);
  177. -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
  178. filter: url(resources.svg#desaturate); /* Gecko */
  179. filter: gray; /* IE */
  180. -webkit-filter: grayscale(1); /* Old WebKit */}
  181.  
  182. #post img{
  183. max-width:100%;}
  184.  
  185. /*Edit the permalinks all posts.*/
  186.  
  187. .permalink{
  188. border-top:1px solid #f5f5f5;
  189. text-align:center;}
  190. .permalink a{
  191. text-transform:uppercase;
  192. line-height:15px;}
  193.  
  194. /*Edit the titles on any text-based post.*/
  195.  
  196. .posttitle{
  197. font-family: bebas neue;
  198. font-size:14px;
  199. text-align:center;
  200. color:{color:Link};}
  201.  
  202. .posttitle a{
  203. color:{color:Link};}
  204.  
  205. /************EDIT QUOTE POSTS HERE************/
  206.  
  207. .quote{
  208. margin-right: 5px;}
  209.  
  210. .source{
  211. padding-top:5px;
  212. display:block;
  213. text-align:right;}
  214.  
  215.  
  216. /************EDIT ANSWER POSTS HERE************/
  217.  
  218. .ask{
  219. padding:4px;
  220. background:#000;}
  221. .asker{
  222. color:{color:Link};}
  223. .answer{
  224. margin-top:10px;}
  225.  
  226. /************EDIT AUDIO POSTS HERE************/
  227.  
  228. .audio{
  229. {block:IndexPage}width:180px;{/block:IndexPage}
  230. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  231. .info{
  232. padding:2px 0px 1px 57px;}
  233. .i {
  234. text-transform:uppercase;
  235. letter-spacing:1px;
  236. font-size:8px;}
  237. .pl b,strong{
  238. text-transform:lowercase;
  239. font-size:9px;}
  240. .player{
  241. position:absolute;
  242. overflow:hidden;
  243. margin-top:0px;
  244. margin-left:15px;
  245. background:#ffffff;
  246. width:24px;
  247. height:23px;}
  248.  
  249. /************EDIT VIDEO POSTS HERE************/
  250. /***********DO NOT DELETE THIS CODE************/
  251.  
  252. .video-container {
  253. position:relative;
  254. padding-bottom:56.25%;
  255. padding-top: 30px;
  256. height:0;
  257. overflow:hidden;}
  258.  
  259. .video-container iframe,
  260. .video-container object,
  261. .video-container embed {
  262. position: absolute;
  263. top: 0;
  264. left: 0;
  265. width: 100%;
  266. height: 100%;}
  267.  
  268. /************EDIT CHAT POSTS HERE************/
  269.  
  270. .chat{
  271. line-height:12px;
  272. list-style:none;}
  273. .chat ul{
  274. list-style:none;
  275. padding:0px 5px;
  276. line-height:15px;}
  277. .label{
  278. color:{color:Link};}
  279.  
  280. /************EDIT SIDEBAR HERE************/
  281.  
  282. #sidebar{
  283. background:#000;
  284. margin-left:-220px;
  285. margin-top:250px;
  286. width:200px;
  287. position:fixed;
  288. text-align:center;}
  289.  
  290. #image img {
  291. margin-left: 100px;
  292. margin-top: 250px;
  293. width: 100px;
  294. border: 1px #292929 solid;
  295. box-shadow: #292929 1px 1px ;
  296. -moz-border-radius: 0px 0px 0px 0px;
  297. -webkit-border-radius: 0px 0px 0px 0px;
  298. border-radius: 0px 0px 0px 0px;
  299. -webkit-transition: all 0.6s linear;
  300. -moz-transition: all 0.6s linear;
  301. transition: all 0.6s linear;
  302. margin-bottom: 2px;
  303. margin-top: 2px;
  304. }
  305.  
  306. .blogtitle{
  307. width:100px;
  308. padding:5px;
  309. padding-bottom:3px;
  310. text-align:center;
  311. font-size:12px;
  312. margin-left: -15px;
  313. margin-top: -150px;
  314. border-bottom: #292929 1px solid;
  315. font-family:color of autumn;}
  316.  
  317. .blogtitle a{
  318. color:{color:Blog Title};}
  319.  
  320. .description{
  321. background-color: #1a1a1a;
  322. padding:5px;
  323. width:90px;
  324. margin-left: -10px;
  325. margin-top: 18px;
  326. font-size:10px;
  327. font-family: wendy;}
  328.  
  329. #mainlinks {
  330. margin-top: -124px;
  331. margin-left:-120px;
  332. }
  333.  
  334. #mainlinks a {
  335. background-color: transparent;
  336. width: 40px;
  337. height: 11px;
  338. color: {text: color link} ;
  339. text-decoration: none;
  340. font-family:silkscreen;
  341. font-size:8px;
  342. line-height: 5px;
  343. margin-top: 2px; }
  344.  
  345. /************EDIT TEXT SETTINGS HERE************/
  346.  
  347. i, em{
  348. color:{color:Link};}
  349. b, strong{
  350. font-weight:normal;
  351. text-transform:uppercase;
  352. color:{color:Link};}
  353. ul,ol{
  354. margin:0px;
  355. margin-left:-5px;}
  356. p{
  357. padding:0px;
  358. margin:2px;}
  359. u{
  360. text-decoration:none;
  361. color:{color:Title};}
  362.  
  363. blockquote {
  364. margin:0px;
  365. padding:4px;
  366. background:#000}
  367.  
  368. /************DO NOT DELETE #SCROLL************/
  369.  
  370. #scroll{
  371. bottom:-20px;
  372. position: absolute;
  373. left: 50%;
  374. width:10px;
  375. height:5px;
  376. overflow:hidden;
  377. margin-bottom:80px;}
  378.  
  379. /************EDIT CREDIT HERE************/
  380.  
  381. #credit{
  382. position:fixed;
  383. right:10px;
  384. bottom:10px;
  385. text-transform:uppercase;
  386. font-family:wendy;
  387. font-size:10px;}
  388.  
  389. #credit a{
  390. color:#aaaaaa;}
  391.  
  392. </style>
  393. </head>
  394.  
  395. <body>
  396.  
  397.  
  398. <center>
  399.  
  400. <div id="entries">
  401.  
  402. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  403.  
  404. <div id="sidebar">
  405.  
  406. <div id="image">
  407. <a href="/"><img src="{image:Sidebar}"></a></div>
  408. <div class="blogtitle">{Title}</div>
  409. <div class="description">{Description}</div>
  410. <div id="mainlinks">
  411. <a title="back?" href="/">home</a> ▬
  412. <a title="please ask if there's anything" href="/ask">ask</a> ▬
  413. <a title="blah blah blah" href="{text:link one url}">{text:link one title}</a>
  414. </div>
  415. </div>
  416.  
  417.  
  418.  
  419.  
  420. {block:Posts}
  421.  
  422. <!---------------DO NOT DELETE block:ContentSource--------------->
  423.  
  424. {block:ContentSource}
  425. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  426. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  427. {/block:SourceLogo}
  428. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  429. {/block:ContentSource}
  430.  
  431. <div id="post">
  432.  
  433. <!---------------EDIT TEXT POSTS HERE--------------->
  434.  
  435. {block:Text}
  436. <div class="text">
  437. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  438. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  439. </div>{/block:IndexPage}</div>
  440. {/block:Text}
  441.  
  442. <!---------------EDIT LINK POSTS HERE--------------->
  443.  
  444. {block:Link}
  445. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  446. {block:Description}{Description}{/block:Description}
  447. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  448. </div>{/block:IndexPage}
  449. {/block:Link}
  450.  
  451. <!---------------EDIT PHOTO POSTS HERE--------------->
  452.  
  453. {block:Photo}
  454. {block:IndexPage}
  455. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  456. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  457. {/block:Photo}
  458.  
  459. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  460.  
  461. {block:Photoset}
  462. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  463. </div>{/block:IndexPage}
  464. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  465. {/block:Photoset}
  466.  
  467. <!---------------EDIT QUOTE POSTS HERE--------------->
  468.  
  469. {block:Quote}
  470. {Quote}{block:Source}
  471. <div class="source">{Source}</div>{/block:Source}
  472. {block:IndexPage}
  473. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  474. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  475. {/block:Quote}
  476.  
  477. <!---------------EDIT ANSWER POSTS HERE--------------->
  478.  
  479. {block:Answer}
  480. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  481. <div class="answer">{Answer}</div>
  482. {block:IndexPage}
  483. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  484. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  485. {/block:Answer}
  486.  
  487. <!---------------EDIT CHAT POSTS HERE--------------->
  488.  
  489. {block:Chat}
  490. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  491. <div class="chat"><ul>{block:Lines}
  492. <li class="person{UserNumber}">{block:Label}
  493. <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>
  494. {/block:IndexPage}
  495. {/block:Chat}
  496.  
  497. <!---------------EDIT AUDIO POSTS HERE--------------->
  498.  
  499. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  500. <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>
  501. {/block:IndexPage}
  502. {/block:Audio}
  503.  
  504. <!---------------EDIT VIDEO POSTS HERE--------------->
  505.  
  506. {block:Video}
  507. {block:IndexPage}<div class="video-container">{Video-250}</div>
  508. <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  509. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  510. {/block:Video}
  511.  
  512. <!---------------EDIT PERMALINK PAGE HERE--------------->
  513.  
  514. {block:PermalinkPage}
  515. {block:Caption}{Caption}{/block:Caption}
  516. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  517. <div class="permapage">
  518. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  519. </div>
  520. {/block:Posts}
  521. </div>
  522.  
  523. <!---------------DO NOT DELETE THIS--------------->
  524.  
  525. {block:IndexPage}
  526. {block:Pagination}
  527. <div id="pagination">
  528. {block:NextPage}
  529. <a id="nextPage" href="{NextPage}"></a>
  530. {/block:NextPage}
  531. {block:PreviousPage}
  532. <a href="{PreviousPage}"></a>
  533. {/block:PreviousPage}
  534. </div>
  535. {/block:Pagination}
  536. {/block:IndexPage}
  537. </center>
  538. </body>
  539.  
  540. <!---------------EDIT CREDIT CONTENT HERE--------------->
  541.  
  542. <div id="credit"><a title="flvrriesthm" href="http://flvrries.tumblr.com">credit</a></div>
  543. </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!