API tools faq
paste
Advertisement
flvrries

#1 MRKZ

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