API tools faq
paste
Advertisement
Carolaine_Vieira

#05

Carolaine_Vieira
Aug 9th, 2015
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. AMPLAMENTE #O1
  3.  
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <meta name="image:Background" content=""/>
  10. <meta name="color:Background" content="#FFFFFF"/>
  11. <meta name="color:Title" content="#ffd800"/>
  12. <meta name="color:Blog Title" content="#ffd800"/>
  13. <meta name="color:Link" content="#555555"/>
  14. <meta name="color:Hover" content="#ffd800"/>
  15. <meta name="color:Text" content="#777777"/>
  16. <meta name="color:Borders" content="#000000"/>
  17. <meta name="color:Reblog Color" content="#ffffff"/>
  18. <meta name="color:Sidebar Bg" content="#000000"/>
  19. <meta name="color:Sidebar font color" content="#fff"/>
  20. <meta name="font:Sidebar Font" content="Avalon"/>
  21. <meta name="font:Blog Title" content="Streetscript"/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="text:Sidebar Font Size" content="9"/>
  24. <meta name="text:Link One URL" content=""/>
  25. <meta name="text:Link One Title" content="link"/>
  26. <meta name="text:Link Two URL" content=""/>
  27. <meta name="text:Link Two Title" content="link"/>
  28. <meta name="text:Link Three URL" content=""/>
  29. <meta name="text:Link Three Title" content="link"/>
  30. <meta name="text:Link Four URL" content=""/>
  31. <meta name="text:Link Four Title" content="link"/>
  32. <meta name="text:Link Five URL" content=""/>
  33. <meta name="text:Link Five Title" content="link"/>
  34. <meta name="text:Link Six URL" content=""/>
  35. <meta name="text:Link Six Title" content="link"/>
  36.  
  37. <title>{Title}</title>
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />
  40. {/block:Description}
  41. <link rel="shortcut icon" href="{Favicon}">
  42.  
  43.  
  44.  
  45. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48.  
  49. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){$(document)
  52. .ready(function(){$("[title]")
  53. .style_my_tooltips();});})
  54. (jQuery);
  55. </script>
  56.  
  57. {block:IndexPage}
  58. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  59. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  60.  
  61. <script type="text/javascript">
  62. $(window).load(function(){
  63. var $wall = $('#entries');
  64. $wall.imagesLoaded(function(){
  65. $wall.masonry({
  66. itemSelector: '#post, #post_photo',
  67. isAnimated : false
  68. });
  69. });
  70.  
  71. $wall.infinitescroll({
  72. navSelector : '#pagination',
  73. nextSelector : '#pagination a',
  74. itemSelector : '#post, #post_photo',
  75. bufferPx : 2000,
  76. debug : false,
  77. errorCallback: function() {
  78. $('#scroll').fadeOut('normal');
  79. }},
  80. function( newElements ) {
  81. var $newElems = $( newElements );
  82. $newElems.hide();
  83. $newElems.imagesLoaded(function(){
  84. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  85. });
  86. }); $('#entries').show(500);
  87. });
  88. </script>
  89. {/block:IndexPage}
  90.  
  91. <!---------------END SCRIPTS--------------->
  92.  
  93. <style type="text/css">
  94.  
  95. img:hover { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden;}
  96. img { filter: none; -webkit-filter: grayscale(0%); -webkit-transition: all .6s ease;}
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99.  
  100. background: {color:text};
  101.  
  102. border: 1px solid #;
  103. height:50px;
  104. border-radius: 0px;
  105. -moz-border-radius: 0px;
  106. -webkit-border-radius: 0px;
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:horizontal {
  110. background-color: {color:background};
  111. border: 1px solid #;
  112. height:10px;
  113. border-radius: 0px;
  114. -moz-border-radius: 0px;
  115. -webkit-border-radius: 0px;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119. height:5px;
  120. width:5px; /*largura da barra*/
  121. background: none;
  122. border: 1px solid #;
  123. }
  124.  
  125. body{overflow:auto;
  126. margin:0px;
  127. background-color: {color:Background};
  128. background-image:url({image:Background});
  129. background-attachment:fixed;
  130. background-repeat:100%;
  131. background-position:bottom-right;
  132. font-family: Calibri;
  133. font-size:8px;
  134. letter-spacing:1px;
  135. text-transform:uppercase;
  136. text-align:left;
  137. line-height:11px;
  138. color: {color:Text};}
  139.  
  140.  
  141. a:link, a:active, a:visited{
  142. text-decoration: none;
  143. color: {color:Link};}
  144.  
  145. a:hover { color:{color:Link};
  146. text-decoration:line-through;
  147. }
  148.  
  149.  
  150. #s-m-t-tooltip {
  151. padding: 3px;
  152. height:auto;
  153. display: none;
  154. font-family: consolas;
  155. font-size: 8px;
  156. text-transform:uppercase;
  157. text-align: center;
  158. letter-spacing:1px;
  159. margin-top:10px;
  160. margin-left: 15px;
  161. line-height: 8px;
  162. z-index: 999999999999;
  163. border-radius:3px;
  164. border: 1px solid #f5f5f5;
  165. background:{color:text};
  166. color: {color:background};}
  167.  
  168.  
  169. #entries{
  170. text-align:left;
  171. width:900px;
  172. margin-left:70px;
  173. margin-top:10px;
  174. position:relative;
  175. overflow: auto;
  176. {block:PermalinkPage}
  177. width:550px;
  178. {/block:PermalinkPage}}
  179.  
  180.  
  181. #post{border:1px solid {color:borders};
  182. text-align:left;
  183. margin:20px;
  184. background:{color:post bg};
  185. max-width: 100%;
  186. display:block;
  187. overflow:hidden;
  188. width:180px;
  189. {block:PermalinkPage}
  190. width:500px;
  191. {/block:PermalinkPage}}
  192.  
  193.  
  194. #post img{
  195. max-width:100%;}
  196.  
  197.  
  198. .permalink{background:{color:borders};
  199. border-top:1px solid {color:borders};
  200. text-align:center;}
  201. .permalink a{color:{color:reblog color};
  202. text-transform:uppercase;
  203. line-height:15px;}
  204. .permalink a:hover {color:hover}}
  205.  
  206. .posttitle{
  207. font-size:10px;
  208. text-align:center;
  209. color:{color:Link};}
  210.  
  211. .posttitle a{
  212. color:{color:Link};}
  213.  
  214.  
  215. .quote{
  216. margin-right: 5px;}
  217.  
  218. .source{
  219. padding-top:5px;
  220. display:block;
  221. text-align:right;}
  222.  
  223.  
  224.  
  225. .ask{
  226. padding:4px;
  227. background:#f9f9f9;}
  228. .asker{
  229. color:{color:Link};}
  230. .answer{
  231. margin-top:10px;}
  232.  
  233.  
  234. .audio{
  235. {block:IndexPage}width:180px;{/block:IndexPage}
  236. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  237. .info{
  238. padding:2px 0px 1px 57px;}
  239. .i {
  240. text-transform:uppercase;
  241. letter-spacing:1px;
  242. font-size:8px;}
  243. .pl b,strong{
  244. text-transform:lowercase;
  245. font-size:9px;}
  246. .player{
  247. position:absolute;
  248. overflow:hidden;
  249. margin-top:0px;
  250. margin-left:15px;
  251. background:#ffffff;
  252. width:24px;
  253. height:23px;}
  254.  
  255.  
  256. .video-container {
  257. position:relative;
  258. padding-bottom:56.25%;
  259. padding-top: 30px;
  260. height:0;
  261. overflow:hidden;}
  262.  
  263. .video-container iframe,
  264. .video-container object,
  265. .video-container embed {
  266. position: absolute;
  267. top: 0;
  268. left: 0;
  269. width: 100%;
  270. height: 100%;}
  271.  
  272.  
  273. .chat{
  274. line-height:12px;
  275. list-style:none;}
  276. .chat ul{
  277. list-style:none;
  278. padding:0px 5px;
  279. line-height:15px;}
  280. .label{
  281. color:{color:Link};}
  282.  
  283.  
  284. #sidebar{text-transform:none; font-size:{text:sidebar font size}px;
  285. background:{color:sidebar bg};
  286. border:1px {color:sidebar bg}; solid;
  287. margin-left:-250px;
  288. margin-top:110px; color:{color:sidebar font color};
  289. width:200px; font-family:{font:sidebar font};
  290. position:fixed;
  291. text-align:center;}
  292.  
  293. .blogtitle{font-family:{font:blog title};
  294. padding:5px;
  295. padding-bottom:4px;
  296. text-align:center;
  297. font-size:14px; text-transform:none;}
  298.  
  299. .blogtitle a{
  300. color:{color:Blog Title};}
  301.  
  302. .description{
  303. padding:5px;}
  304.  
  305. .links{
  306. margin-left:-15px;
  307. padding:0px 10px 5px 10px;
  308. margin-top:5px;}
  309.  
  310. .links a{
  311. margin-left:15px;}
  312.  
  313. .links a:hover{
  314. color:{color:Hover};}
  315.  
  316.  
  317. i, em{
  318. color:{color:Link};}
  319. b, strong{
  320. font-weight:normal;
  321. text-transform:uppercase;
  322. color:{color:Link};}
  323. ul,ol{
  324. margin:0px;
  325. margin-left:-5px;}
  326. p{
  327. padding:0px;
  328. margin:2px;}
  329. u{
  330. text-decoration:none;
  331. color:{color:Title};}
  332.  
  333. blockquote {
  334. margin:0px;
  335. padding:4px;
  336. background:#f7f7f7;}
  337.  
  338. #scroll{
  339. bottom:-20px;
  340. position: absolute;
  341. left: 50%;
  342. width:10px;
  343. height:5px;
  344. overflow:hidden;
  345. margin-bottom:80px;}
  346.  
  347.  
  348. </style>
  349. </head>
  350.  
  351. <body>
  352.  
  353.  
  354. <center>
  355.  
  356. <div id="entries">
  357.  
  358. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  359.  
  360. <div id="sidebar">
  361. <div class="blogtitle"><a href="/">{Title}</a></div>
  362. <img src="{image:sidebar}" width="200px" align="center">
  363. <div class="description">{Description}</div>
  364. <div class="links">
  365. <a href="{text:Link One URL}">{text:Link One Title}</a></br>
  366. <a href="{text:Link Two URL}">{text:Link Two Title}</a></br>
  367. <a href="{text:Link Three URL}">{text:Link Three Title}</a></br>
  368. <a href="{text:Link Four URL}">{text:Link Four Title}</a></br>
  369. <a href="{text:Link Five URL}">{text:Link Five Title}</a></br>
  370. <a href="{text:Link Six URL}">{text:Link Six Title}</a></br>
  371.  
  372. </br>
  373. <div id="pagination">
  374. {block:NextPage}
  375. <a id="nextPage" href="{NextPage}">Next</a>
  376. {/block:NextPage}
  377. {block:PreviousPage}
  378. <a href="{PreviousPage}">Previous</a>
  379. {/block:PreviousPage}
  380. </div>
  381. </div>
  382. </div>
  383.  
  384.  
  385. {block:Posts}
  386.  
  387. <!---------------DO NOT DELETE block:ContentSource--------------->
  388.  
  389. {block:ContentSource}
  390. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  391. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  392. {/block:SourceLogo}
  393. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  394. {/block:ContentSource}
  395.  
  396. <div id="post">
  397.  
  398. <!---------------EDIT TEXT POSTS HERE--------------->
  399.  
  400. {block:Text}
  401. <div class="text">
  402. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  403. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}" title="{NoteCount}">Notes</a>
  404. </div>{/block:IndexPage}</div>
  405. {/block:Text}
  406.  
  407. <!---------------EDIT LINK POSTS HERE--------------->
  408.  
  409. {block:Link}
  410. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  411. {block:Description}{Description}{/block:Description}
  412. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}" title="{NoteCount}">Notes</a>
  413. </div>{/block:IndexPage}
  414. {/block:Link}
  415.  
  416. <!---------------EDIT PHOTO POSTS HERE--------------->
  417.  
  418. {block:Photo}
  419. {block:IndexPage}
  420. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}" title="{NoteCount}">Notes</a>
  421. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  422. {/block:Photo}
  423.  
  424. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  425.  
  426. {block:Photoset}
  427. {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}" title="{NoteCount}">Notes</a>
  428. </div>{/block:IndexPage}
  429. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  430. {/block:Photoset}
  431.  
  432. <!---------------EDIT QUOTE POSTS HERE--------------->
  433.  
  434. {block:Quote}
  435. {Quote}{block:Source}
  436. <div class="source">{Source}</div>{/block:Source}
  437. {block:IndexPage}
  438. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  439. <a href="{Permalink}" title="{NoteCount}">Notes</a>{/block:IndexPage}</div>
  440. {/block:Quote}
  441.  
  442. <!---------------EDIT ANSWER POSTS HERE--------------->
  443.  
  444. {block:Answer}
  445. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  446. <div class="answer">{Answer}</div>
  447. {block:IndexPage}
  448. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  449. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  450. {/block:Answer}
  451.  
  452. <!---------------EDIT CHAT POSTS HERE--------------->
  453.  
  454. {block:Chat}
  455. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  456. <div class="chat"><ul>{block:Lines}
  457. <li class="person{UserNumber}">{block:Label}
  458. <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>
  459. {/block:IndexPage}
  460. {/block:Chat}
  461.  
  462. <!---------------EDIT AUDIO POSTS HERE--------------->
  463.  
  464. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  465. <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>
  466. {/block:IndexPage}
  467. {/block:Audio}
  468.  
  469. <!---------------EDIT VIDEO POSTS HERE--------------->
  470.  
  471. {block:Video}
  472. {block:IndexPage}<div class="video-container">{Video-250}</div>
  473. <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  474. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  475. {/block:Video}
  476.  
  477. <!---------------EDIT PERMALINK PAGE HERE--------------->
  478.  
  479. {block:PermalinkPage}
  480. {block:Caption}{Caption}{/block:Caption}
  481. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  482. <div class="permapage">
  483. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  484. </div>
  485. {/block:Posts}
  486. </div>
  487.  
  488. <!---------------DO NOT DELETE THIS--------------->
  489.  
  490. {block:IndexPage}
  491. {block:Pagination}
  492. <div id="pagination">
  493. {block:NextPage}
  494. <a id="nextPage" href="{NextPage}"></a>
  495. {/block:NextPage}
  496. {block:PreviousPage}
  497. <a href="{PreviousPage}"></a>
  498. {/block:PreviousPage}
  499. </div>
  500. {/block:Pagination}
  501. {/block:IndexPage}
  502. </center>
  503. </body>
  504.  
  505.  
  506.  
  507. </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!