API tools faq
paste
Advertisement
hifenss

#THEME - 13.1

hifenss
Feb 12th, 2015
619
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <html>
  5.  
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10.  
  11. <!-- DEFAULT -->
  12. <meta name="text:caption" content="" />
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:link" content="#000000" />
  15. <meta name="color:links" content="#000000" />
  16. <meta name="color:side" content="#eee" />
  17. <meta name="color:bgcontador" content="#eee" />
  18. <meta name="color:textos" content="#000000" />
  19. <meta name="color:post" content="#ffffff" />
  20. <meta name="image:sidebar" content="http://36.media.tumblr.com/7a7bd2f5828b41caf0b40210935c6a41/tumblr_n1o1csA6Yo1sgccggo1_500.jpg" />
  21. <meta name="image:background" content="" />
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link1 Title" content="link" />
  24. <meta name="text:Link2" content="/" />
  25. <meta name="text:Link2 Title" content="link" />
  26. <meta name="text:Link3" content="/" />
  27. <meta name="text:Link3 Title" content="link" />
  28. <meta name="text:Link4" content="/" />
  29. <meta name="text:Link4 Title" content="link" />
  30. <meta name="text:Link5" content="/" />
  31. <meta name="text:Link5 Title" content="link" />
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  34.  
  35.  
  36. <script type="text/javascript">
  37. $(window).load(function(){
  38. var $wall = $('#content');
  39. $wall.imagesLoaded(function(){
  40. $wall.masonry({
  41. itemSelector: '.entry',
  42. isAnimated : true
  43. });
  44. });
  45. $wall.infinitescroll({
  46. navSelector : "div#navigation",
  47. nextSelector : "div#navigation a#nextPage",
  48. itemSelector : '.entry',
  49. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  50. loadingText : " ",
  51. donetext : " ",
  52. extraScrollPx : 9000,
  53. bufferPx : 10000,
  54. debug : false,
  55. errorCallback: function() {
  56. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  57. }},
  58. function( newElements ) {
  59. var $newElems = $( newElements );
  60. $newElems.hide();
  61. $newElems.imagesLoaded(function(){
  62. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  63. });
  64. }); $('#content').show(500);
  65. });
  66. </script>
  67.  
  68.  
  69. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  70.  
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  72.  
  73. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  74.  
  75. <script type="text/javascript">
  76. $(window).load(function(){var $wall = $('#content');$wall.imagesLoaded(function(){$wall.masonry({itemSelector: '.entry',isAnimated : true});});
  77. $wall.infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector : '.entry',loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",loadingText : " ",donetext : " ",
  78. extraScrollPx : 9000,bufferPx : 10000,debug : false,errorCallback: function() {$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');}},function( newElements ) {var $newElems = $( newElements );$newElems.hide();
  79. $newElems.imagesLoaded(function(){$wall.masonry( 'appended', $newElems,{isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );});}); $('#content').show(500);});
  80. </script>
  81.  
  82. <!----lemossomel---->
  83. <title>{Title}</title>
  84. <link rel="" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/teacup304.gif">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. {block:Description}
  87. <meta name="description" content="{MetaDescription}" />
  88. {/block:Description}
  89. <style type="text/css">
  90.  
  91.  
  92.  
  93. body {background-color:{color:background}; font-family:'arial'; color:{color:textos}; font-size:12px; line-height: 20px; background-image: url({image:background}); background-size:100% 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: fixed; }
  94. body, a, a:hover { default!important;}
  95. a {color: {color:link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  96. a:hover {color; background-color: transparent; -webkit-transition:opacity 0.s linear;-webkit-transition:all 0.s ease-out;-moz-transition:all 0.s ease-out; transition:all 0.s ease-out;}
  97. a:hover { -webkit-transition:opacity 0.s linear; -webkit-transition:all 0.s ease-out; -moz-transition:all 0.s ease-out; transition:all 0.5s ease-out;}
  98. #background:{{image:background};}
  99.  
  100. /*-----------POSTS--------------*/
  101. ::-webkit-scrollbar
  102. {width: 10px; height: 10px;}
  103. ::-webkit-scrollbar-track-piece
  104. {background-color: {color:post}; }
  105. ::-webkit-scrollbar-thumb:vertical
  106. {height: 6px; background-color: {color:bgcontador}; }
  107. ::-webkit-scrollbar-thumb:horizontal
  108. {width: 6px; background-color: {color:bgcontador}; }
  109.  
  110. /*POSTS*/
  111. div#content{position:relative; text-align:left; width:700px; margin-top:10px; margin-left:300px; }
  112. .entry{overflow:hidden; position:relative; width:250px; padding:0px; float:left; background-color; margin:30px; background; padding-bottom:0px;
  113. {block:PermalinkPage}width:400px;{/block:PermalinkPage}; }
  114. .entry img{max-width:250px; border-radius:0px; margin-bottom:5px;
  115. {block:PermalinkPage}max-width:100%;{/block:PermalinkPage}; opacity:;}
  116.  
  117.  
  118.  
  119. .entryimage{overflow:hidden; position:relative; width:300px; padding:0px; float:left; background-color; margin:20px; background; padding-bottom:0px;
  120. {block:PermalinkPage}width:400px;{/block:PermalinkPage}; }
  121. .entryimage img{width:100px; float:left; border-radius:0px; margin-bottom:5px;
  122. {block:PermalinkPage}max-width:100%;{/block:PermalinkPage}; opacity:;}
  123.  
  124.  
  125.  
  126. /*--------------NOTES----------------*/
  127. #info2 {width:100%; position:absolute; left:0px; letter-spacing:1px; color:{color:link}; text-align:left; font-size:8px; bottom:-20px; opacity:0; transition: .8s ease-in-out; padding:2px; line-height:17px; text-transform:uppercase; background:{color:background};
  128. -webkit-transition: .8s ease-in-out;
  129. -moz-transition: .8s ease-in-out;}
  130. #info2a:hover {text-decoration:underline;}
  131. #reblog {padding:2px; text-decoration:bold; background; color:{color:texts};}
  132.  
  133. .entry:hover #info2 {opacity:1;transition: .8s ease-in-out; margin-bottom:20px;
  134. -webkit-transition: .8s ease-in-out;
  135. -moz-transition: .8s ease-in-out;
  136. -o-transition: .8s ease-in-out;}
  137.  
  138.  
  139.  
  140.  
  141. /*--------------QUOTES----------------*/
  142. .quote {text-align: justify; text-indent:0px; line-height:20px; }
  143. .quote1 {position:absolute; margin-left:5px; margin-top:5px; font-size: 0px; opacity:1; }
  144. .quotesource { text-align:left; text-transform:none; margin-top:7px; fixed; padding-bottom:0px; }
  145.  
  146.  
  147. /*--------------TEXTOS----------------*/
  148. h1 {font-size:15px; color: {color:text}; line-height:17px; text-transform:uppercase; font-family: consolas;}
  149. h1 a { color: {color:text}; }
  150. h1 a:hover { color: {color:text}; }
  151.  
  152.  
  153.  
  154. /*--------------CHAT----------------*/
  155. .chat {line-height: 13px; list-style: none }
  156. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  157.  
  158. /*--------------PERSON----------------*/
  159. .person1 {color: {color:text}; padding: 2px; }
  160. .person1 .label {font-weight: bold; color:{color:text}}
  161. .person2 {color: {color:text}; padding: 2px; }
  162. .person2 .label {font-weight: bold; color:{color:text}}
  163. .player {background-color: #000; text-align: left; display:block;}
  164.  
  165. /*--------------ASKS----------------*/
  166.  
  167. .asker {text-align:left; padding:0px; position: relative; margin-bottom:5px; text-transform:uppercase; font-size:9px; width:200px;}
  168. .question {padding:5px; text-align:left; margin-right:0px; border-bottom:1px solid {color:side}; background:{color:side}; line-height:15px;}
  169. .answer1 {color:{color:text}; text-align:left; display:block; line-height:15px; margin-top:-5px;}
  170. .answer1 a {color:{color:text}; }
  171.  
  172. .askimg{position:relative; float: left; margin-top: 0px; margin-left:0px; display:block; margin-bottom: 0px; padding-right:10px; }
  173. .askimg img {width:40px; z-index:999999999999999;}
  174.  
  175.  
  176.  
  177.  
  178.  
  179. /*--------------NOTES HOVER----------------*/
  180. .notes {position:relative; margin-top:12px; margin-left:0px; text-align:left; z-index:11; padding-left:0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all .4s ease-out; width:400px; line-height:25px; }
  181. .notes img {display: none; border:0px; }
  182.  
  183. #notess {position:relative; margin-top:10px; margin-left:10px; text-align:left; z-index:11; padding-left:20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all .4s ease-out; width:370px; line-height:25px;}
  184. #notess img {display: none; border:0px; }
  185.  
  186. /*--------------SIDEBAR----------------*/
  187. #sidebar {position:fixed; width:170px; padding-top:10px; padding-bottom:5px; top:30px; margin-left:100px; text-align:left; z-index:999; background:{color:background}; overflow:hidden; letter-spacing:1px; border-top:1px solid {color:side}; border-bottom:1px solid {color:side}; font-size:11px;}
  188.  
  189.  
  190. #imgs { margin-bottom:10px; }
  191. #imgs img {width:170px; }
  192. #imgs img:hover {}
  193.  
  194. .descri{ text-align:justify; border-bottom:0px solid {color:side}; margin-top:0px; display:block; font-size:11px; line-height:15px;}
  195.  
  196.  
  197. .title{ text-align:left; font-size:15px; color: {color:background}; background:{color:textos}; line-height:15px; padding:5px; letter-spacing:1px; border-radius:0px; text-transform:uppercase; font-family: georgia; float:left; margin-right:4px; margin-top:3px;}
  198.  
  199. .links {text-align:center; margin-top:10px; background-color; border-radius:0px; z-index:88888; margin-bottom:0px; padding:0px; height:auto; overflow:hidden; }
  200.  
  201. .links a { font-size:13px; color: {color:links}; background; letter-spacing:0px; background-color; padding:2px; float:center; margin-right:2px;}
  202. .links a:hover {text-decoration:underline;}
  203.  
  204.  
  205.  
  206.  
  207. /*--------------CREDITOS----------------*/
  208. .cred {position:fixed; width:15px; height:10px; left:-1px; bottom:30px; padding:5px; text-transform:uppercase; font-size:10px; letter-spacing:2px; cursor:help; text-align:right; color:#fff; background-color:{color:textos}; overflow:hidden; line-height:10px; border-radius:2px;}
  209. .cred:hover {width:20px;}
  210.  
  211. </style>
  212. <body>
  213.  
  214. <div id="sidebar">
  215. <div id="imgs"><a href="{text:Link1}" ><img src="{image:sidebar}"></a></div>
  216. <div class="title">{text:caption}</div>
  217. <div class="descri">{description}</div>
  218. <div class="links">
  219. <a href="{text:Link2}" > {text:Link2 Title}</a>
  220. <a href="{text:Link3}" > {text:Link3 Title}</a>
  221. <a href="{text:Link4}" > {text:Link4 Title}</a>
  222. </div>
  223.  
  224. </div>
  225.  
  226.  
  227.  
  228. <div id="content">
  229. <div class="autopagerize_page_element">
  230. {block:Posts}
  231.  
  232.  
  233.  
  234. {block:Text}
  235. <div class="entry">
  236. {block:Title}
  237. <h1><div class="cufon">{Title}</div></h1>
  238. {/block:Title}
  239. {Body}
  240. <div id="info2">
  241. {24Hour}:{Minutes}{AmPm} .
  242. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  243. <a href="{Permalink}">{NoteCount}</a> <br>
  244. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  245. </div>
  246. {/block:Text}
  247.  
  248.  
  249.  
  250.  
  251. {block:Photo}
  252. <div class="entry">
  253. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}
  254. {block:Caption}{Caption}{/block:Caption}
  255. </div>
  256. {/block:Photo}
  257.  
  258.  
  259. {block:Photoset}
  260. <div class="entry">
  261. {Photoset-250}
  262. {block:Caption}{Caption}{/block:Caption}
  263. </div>
  264. {/block:Photoset}
  265.  
  266.  
  267.  
  268.  
  269.  
  270. {block:Quote}
  271. <div class="entry">
  272. <div class="quote1">❝</div>
  273. <div class="quote">{Quote}</div>
  274. {block:Source}
  275. <div class="quotesource">{Source}</div>
  276. {/block:Source}
  277. <div id="info2">
  278. {24Hour}:{Minutes}{AmPm} .
  279. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  280. <a href="{Permalink}">{NoteCount}</a> <br>
  281. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  282. </div>
  283. {/block:Quote}
  284.  
  285.  
  286.  
  287.  
  288.  
  289. {block:Link}
  290. <div class="entry">
  291. <h1><a href="{URL}" {Target}><font size="3px">{Name}</font></a></h1>
  292. {block:Description}{Description}{/block:Description}
  293. <div id="info2">
  294. {24Hour}:{Minutes}{AmPm} .
  295. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  296. <a href="{Permalink}">{NoteCount}</a> <br>
  297. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  298. </div>
  299. {/block:Link}
  300.  
  301.  
  302.  
  303.  
  304.  
  305. {block:Chat}
  306. <div class="entry">
  307. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  308. <div class="chat"><ul>{block:Lines}
  309. <li class="person{UserNumber}">{block:Label}
  310. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  311. <div id="info2">
  312. {24Hour}:{Minutes}{AmPm} .
  313. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  314. <a href="{Permalink}">{NoteCount}</a> <br>
  315. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  316. </div>
  317. {/block:Chat}
  318.  
  319.  
  320.  
  321.  
  322.  
  323. {block:Audio}
  324. <div class="entry">
  325. {AudioPlayerGrey}
  326. {block:Caption}{Caption}{/block:Caption}
  327. <div id="info2">
  328. {24Hour}:{Minutes}{AmPm} .
  329. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  330. <a href="{Permalink}">{NoteCount}</a> <br>
  331. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  332. </div>
  333. {/block:Audio}
  334.  
  335.  
  336.  
  337.  
  338.  
  339. {block:Video}
  340. <div class="entry">
  341. {Video-500}
  342. {block:Caption}{Caption}{/block:Caption}
  343. <div id="info2">
  344. {24Hour}:{Minutes}{AmPm} .
  345. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  346. <a href="{Permalink}">{NoteCount}</a> <br>
  347. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  348. </div>
  349. {/block:Video}
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356. {block:Answer}
  357. <div class="entry">
  358. <div class="asker">por {Asker}: </div>
  359. <div class="question"><div class="askimg"><img src="{AskerPortraitURL-40}"></div> {Question}</div>
  360. <div class="answer1" > {Answer}</div>
  361. <div id="info2">
  362. {24Hour}:{Minutes}{AmPm} .
  363. <a id="reblog" href="{ReblogURL}">reblogar</a> .
  364. <a href="{Permalink}">{NoteCount}</a> <br>
  365. {block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}
  366. </div>
  367. {/block:answer}
  368.  
  369.  
  370. {block:PostNotes}
  371. <div class="notes">
  372. Postado em {TimeAgo}, contém {NoteCountWithLabel}<br>
  373. {block:RebloggedFrom}
  374. Reblogado de: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  375. <br>Postado por: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  376. {/block:RebloggedFrom}<br>
  377. {block:HasTags}
  378. Tags:
  379. {block:Tags}
  380. <a href="{TagURL}">
  381. #{Tag}</a>
  382. {/block:Tags}
  383. {/block:HasTags}
  384. <div id="notess">{PostNotes}</div>
  385. </div>
  386. {/block:PostNotes}
  387.  
  388.  
  389.  
  390. <div class="source">
  391. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  392. {/block:ContentSource}</div></div>
  393.  
  394.  
  395. {block:IndexPage}
  396. <div class="column navigation" id="navigation">
  397. {block:Pagination}
  398. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  399. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  400. </div>
  401. {/block:IndexPage}
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409. {/block:posts}
  410.  
  411.  
  412.  
  413. <div class="cred" title="creditos"> <a href="http://hifens.tumblr.com" title="hifens" style="color:#fff;"> H</a> </div>
  414.  
  415.  
  416.  
  417.  
  418. </body>
  419. </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!