API tools faq
paste
Advertisement
Carolaine_Vieira

#10

Carolaine_Vieira
Sep 8th, 2015
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. By: Amplamente.tumblr.com
  4.  
  5. -->
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{title}</title>
  11. <link rel="shortcut icon" href="{Favicon}"/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:updates title background" content="#000"/>
  16. <meta name="color:updates arrow background" content="#000"/>
  17. <meta name="color:updates text colour" content="#999"/>
  18. <meta name="color:updates arrow on hover" content="#555"/>
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Nav font" content="#4DB8FF"/>
  21. <meta name="color:Text" content="#333333"/>
  22. <meta name="color:Borders" content="#000"/>
  23. <meta name="color:Link" content="#4DB8FF"/>
  24. <meta name="color:Link Hover" content="#000"/>
  25. <meta name="color:Nav Borders" content="#191919"/>
  26. <meta name="image:Sidebar" content="http://static.tumblr.com/51802423f84f538ccfb1a164ed31f9c1/s2qsk1o/wQynudx6v/tumblr_static_7czhnzr90oow4gk08wgok4ock.jpg"/>
  27. <meta name="text:link1url" content="url"/>
  28. <meta name="text:link1" content="link1"/>
  29. <meta name="text:link2url" content="url"/>
  30. <meta name="text:link2" content="link2"/>
  31. <meta name="text:link3url" content="url"/>
  32. <meta name="text:link3" content="link3"/>
  33. <meta name="text:link4url" content="url"/>
  34. <meta name="text:link4" content="link4"/>
  35. <meta name="text:link5url" content="url"/>
  36. <meta name="text:link5" content="link5"/>
  37. <meta name="color:Scrollbar" content="#000" />
  38. <meta name="if:ToTop" content="0"/>
  39. <meta name="if:UpdatesUm" content="0"/>
  40. <meta name="if:UpdtDois" content="0"/>
  41. <meta name="if:3column" content="1"/>
  42. <meta name="font:Perma font" content="Brutal Type" />
  43. <meta name="font:Sidebar font" content="Brutal Type" />
  44. <meta name="text:UpdatesUm Title" content="Title"/>
  45. <meta name="text:UpdatesUm Text" content="When you are going through difficulty and wonder where God is, remember that the teacher is always quiet during the test. -No Type
  46. "/>
  47. <meta name="text:UpdatesDoisText" content=""/>
  48.  
  49. <style type="text/css">
  50.  
  51. #scrlTop{{block:IfToTop}
  52. z-index:1;
  53. position: fixed;
  54. bottom: 10%;
  55. right: 0px;
  56. font:7px trebuchet ms;
  57. letter-spacing:1px;
  58. text-transform:uppercase;
  59. padding:7px;
  60. background:#000;
  61. color:#fff;
  62. {/block:IfToTop}}
  63.  
  64. ::-webkit-scrollbar {width: 3px; height: 0px; background:{color:background};}
  65. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:0px;}
  66.  
  67. body{cursor:crosshair;
  68. color:{color:Text};
  69. font-family:calibri;
  70. font-size:10px;
  71. background-color:{color:Background};
  72. }
  73.  
  74. #post{
  75.  
  76. width:900px;
  77. margin-left:auto;
  78. margin-right:auto;
  79. background-color:#fff;
  80. padding:5px;
  81. }
  82.  
  83. a{color:{color:Link};text-decoration:none;-webkit-transition: all .5s ease-out;
  84. -moz-transition: all .5s ease-out;
  85. -o-transition: all .5s ease-out;
  86. -ms-transition: all .5s ease-out;
  87. transition: all .5s ease-out;} a:hover{ -webkit-transition: all .5s ease-out;
  88. -moz-transition: all .5s ease-out;
  89. -o-transition: all .5s ease-out;
  90. -ms-transition: all .5s ease-out;
  91. transition: all .5s ease-out;color:{color:Link Hover};}
  92.  
  93. .entry{-webkit-transition: all .5s ease-out;
  94. -moz-transition: all .5s ease-out;
  95. -o-transition: all .5s ease-out;
  96. -ms-transition: all .5s ease-out;
  97. transition: all .5s ease-out;
  98. padding:2px;
  99. background-color:#fff;
  100. width:250px;
  101. float:right;
  102. margin:2px;
  103. }
  104.  
  105. .entry img{
  106. width:250px;
  107. float:right;
  108. margin:2px;
  109. }
  110.  
  111. .entry .perm{width:245px; font-family:{font:perma font};
  112. -webkit-transition: all .5s ease-out;
  113. -moz-transition: all .5s ease-out;
  114. -o-transition: all .5s ease-out;
  115. -ms-transition: all .5s ease-out;
  116. transition: all .5s ease-out;
  117. background:#fff;
  118. padding:5px;
  119. text-align:center;
  120. margin-top:0px;
  121. margin-left:0px;
  122. position:absolute;
  123. opacity:0.0;
  124. text-transform:uppercase;
  125. line-height:15px;
  126. }
  127.  
  128. .entry:hover .perm{opacity:.7;margin-left:-5px;}
  129.  
  130. .entry .perm a:hover{ color:{color:link hover};-webkit-transition: all .5s ease-out;
  131. -moz-transition: all .5s ease-out; background:{color:borders};
  132. -o-transition: all .5s ease-out; padding:2px;
  133. -ms-transition: all .5s ease-out;
  134. transition: all .5s ease-out;}
  135.  
  136. #credit{
  137. position:fixed;
  138. font-family:calibri;
  139. text-transform:uppercase;
  140. z-index:999;
  141. bottom:10px;
  142. right:10px;
  143. width:60px;
  144. height:10px;
  145. padding-bottom:1px;
  146. overflow:hidden;
  147. text-align:center;
  148. font-size:8px;
  149. letter-spacing:1px;
  150. opacity:1;
  151. background:#fff;
  152. -webkit-transition: all 0.3s linear;
  153. -moz-transition: all 0.3s linear;
  154. transition: all 0.3s linear;
  155. }
  156.  
  157.  
  158. #credit a{
  159. color:#000;
  160. }
  161.  
  162. .credit_u{
  163. line-height:10px;
  164. -webkit-transition: all 0.3s linear;
  165. -moz-transition: all 0.3s linear;
  166. transition: all 0.3s linear;
  167. }
  168.  
  169. #credit a:hover .credit_u{
  170. margin-top:-13px;
  171. -webkit-transition: all 0.3s linear;
  172. -moz-transition: all 0.3s linear;
  173. transition: all 0.3s linear;
  174. }
  175.  
  176. .credit_h{
  177. line-height:16px;
  178. font-size:8px;
  179. }
  180.  
  181. #sidebar{ text-transform:lowercase; font-family:{font:Sidebar Font};
  182. background-color:#fff;
  183. width:230px;
  184. top:0px;
  185. left:0px; height:100%;
  186. position:fixed; border-right:2px solid {color:borders};
  187. padding-top:10px; padding-left:10px; padding-right:10px;
  188. text-align:right;
  189. float:center;
  190. }
  191.  
  192. #dois{ font-family:calibri;
  193. background-color:#fff;
  194. width:230px; font-size:11px;
  195. top:0px;
  196. right:0px; height:100%;
  197. position:fixed; border-left:2px solid {color:borders};
  198. padding-top:10px; padding-left:10px; padding-right:10px;
  199. text-align:left;
  200. float:center;
  201. }
  202.  
  203. #sidebar img{ border-top-left-radius: 2em;
  204. border-bottom-right-radius: 2em; width:180px; height:auto; padding:5px;}
  205.  
  206. .pagination {
  207. display: none;
  208. }
  209.  
  210. {CustomCSS}
  211.  
  212. #desc {width:180px; float:right; text-align:justify; margin-right:5px;}
  213.  
  214. #sidebar img{
  215. -webkit-transition: opacity 0.8s linear;
  216. opacity: 0.70;
  217. }
  218. #sidebar img:hover{
  219. -webkit-transition: opacity 0.8s linear;
  220. opacity: 1;
  221. }
  222.  
  223. #navigation {margin-top:15px;
  224. width: 180px; margin-left:45px;
  225. line-height: 7px;
  226. -webkit-transition: all .5s ease-out;
  227. -moz-transition: all .5s ease-out;
  228. -o-transition: all .5s ease-out;
  229. -ms-transition: all .5s ease-out;
  230. transition: all .5s ease-out;
  231. }
  232.  
  233.  
  234. #navigation a:link, #navigation a:visited, #navigation a:active {
  235. display: block;
  236. font: 9px "tahoma";
  237. text-transform: uppercase;
  238. text-decoration: none;
  239. text-align: right;
  240. font-weight: bold;
  241. letter-spacing: 2px;
  242. background-color: transparent;
  243. color: {color:nav font};
  244. border-bottom: 1px solid {color:nav borders};
  245. padding: 7px;
  246. -webkit-transition: all .5s ease-out;
  247. -moz-transition: all .5s ease-out;
  248. -o-transition: all .5s ease-out;
  249. -ms-transition: all .5s ease-out;
  250. transition: all .5s ease-out;
  251. }
  252.  
  253. #navigation a:hover { text-align:center;
  254. letter-spacing: 5px;
  255. background-color: transparent; border-bottom:1px solid #000;
  256. padding: 7px background:{color:nav borders};
  257. -webkit-transition: all .5s ease-out;
  258. -moz-transition: all .5s ease-out;
  259. -o-transition: all .5s ease-out;
  260. -ms-transition: all .5s ease-out;
  261. transition: all .5s ease-out;
  262. }
  263.  
  264. #updates{
  265. z-index:1;
  266. position:fixed;
  267. top:-205px;
  268. right:230px;
  269. height:200px;
  270. width:150px;
  271. font-size:10px;
  272. transition-duration: 0.8s;
  273. -moz-transition-duration: 0.8s;
  274. -webkit-transition-duration: 0.8s;
  275. -o-transition-duration: 0.8s;
  276. }
  277.  
  278. #updates:hover{
  279. top:0px;
  280. transition-duration: 0.8s;
  281. -moz-transition-duration: 0.8s;
  282. -webkit-transition-duration: 0.8s;
  283. -o-transition-duration: 0.8s;
  284. }
  285.  
  286. .arrow_box {
  287. position: relative;
  288. background:white;
  289. }
  290. .arrow_box:after {
  291. border: solid transparent;
  292. content: " ";
  293. height: 0;
  294. width: 0;
  295. position: absolute;
  296. pointer-events: none;
  297. margin-left:6px;
  298. top:0px;
  299. }
  300.  
  301. .arrow_box:after {
  302. border-top-color:white;
  303. border-width: 7px;
  304. }
  305.  
  306. #box{
  307. opacity:1;
  308. z-index:-99999;
  309. top:-21px;
  310. position:relative;
  311. width:25px;
  312. height:37px;
  313. paddin-top:2px;
  314. border-radius:6px;
  315. border:1px solid {color:updates arrow background};
  316. background:{color:updates arrow background};
  317. transition-duration: 0.8s;
  318. -moz-transition-duration: 0.8s;
  319. -webkit-transition-duration: 0.8s;
  320. -o-transition-duration: 0.8s;
  321. }
  322.  
  323. #line{
  324. position:relative;
  325. width:2px;
  326. height:12px;
  327. background:white;
  328. left:50%;
  329. margin-left:-1px;
  330. margin-top:15px;
  331. }
  332.  
  333. #updates:hover #box{
  334. opacity:0;
  335. transition-duration: 0.8s;
  336. -moz-transition-duration: 0.8s;
  337. -webkit-transition-duration: 0.8s;
  338. -o-transition-duration: 0.8s;
  339. }
  340.  
  341. #box2{
  342. opacity:0;
  343. z-index:-99999;
  344. top:-75px;
  345. position:relative;
  346. width:25px;
  347. height:47px;
  348. padding-top:2px;
  349. border-radius:6px;
  350. border:1px solid #d8d8d8;
  351. background:white;
  352. transition-duration: 0.8s;
  353. -moz-transition-duration: 0.8s;
  354. -webkit-transition-duration: 0.8s;
  355. -o-transition-duration: 0.8s;
  356. }
  357. #updates:hover #box2{
  358. opacity:1;
  359. transition-duration: 0.8s;
  360. -moz-transition-duration: 0.8s;
  361. -webkit-transition-duration: 0.8s;
  362. -o-transition-duration: 0.8s;
  363. }
  364.  
  365. .arrow_box2 {
  366. position: relative;
  367. background: {color:updates arrow on hover};
  368. }
  369. .arrow_box2:after {
  370. bottom: 10px;
  371. border: solid transparent;
  372. content: " ";
  373. height: 0;
  374. width: 0;
  375. position: absolute;
  376. pointer-events: none;
  377. }
  378.  
  379. .arrow_box2:after {
  380. border-bottom-color:{color:updates arrow on hover};
  381. border-width: 7px;
  382. margin-left:5px;
  383. }
  384.  
  385.  
  386.  
  387. #line2{
  388. position:relative;
  389. width:2px;
  390. height:12px;
  391. background:{color:updates arrow on hover};
  392. left:50%;
  393. margin-left:-2px;
  394. margin-top:32px;
  395. }
  396.  
  397. #words{
  398. top:-10px;
  399. width:130px;
  400. height:150px;
  401. position:relative;
  402. line-height:140%;
  403. padding:20px 6px 6px 6px;
  404. background:white;
  405. color:{color:updates text colour};
  406. overflow:auto;
  407. border-radius:10px;
  408. border:1px solid #d8d8d8;
  409. }
  410.  
  411. #utitle{
  412. width:126px;
  413. height:15px;
  414. font-size:15px;
  415. padding:13px 9px 5px 9px;
  416. position:relative;
  417. top:0px;
  418. z-index:9999;
  419. color:white;
  420. background:{color:updates title background};
  421. text-align:center;
  422. }
  423.  
  424. h3 {
  425. font: 8px "Calibri";
  426. letter-spacing: 2px;
  427. color: {color:borders} !important;
  428. text-align: center;
  429. text-transform: uppercase;
  430. background-color: transparent;
  431. padding: 5px;
  432. margin-left: 0;
  433. border-top:1px solid {color:borders};
  434. border-bottom:1px solid {color:borders};
  435. }
  436. </style>
  437. {block:IfToTop}<a id="scrlTop" href="#">to top</a>{/block:IfToTop}
  438.  
  439. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  440.  
  441. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  442.  
  443. <script>
  444. $(function(){
  445. var $container = $('#post');
  446. $container.imagesLoaded(function(){
  447. $container.masonry({
  448. itemSelector: '.entry',
  449. });
  450. });
  451. $container.infinitescroll({
  452. itemSelector : ".entry",
  453. navSelector : "div.pagination",
  454. nextSelector : ".pagination a#next",
  455. loadingImg : "",
  456. loadingText : "<em></em>",
  457. bufferPx : 10000,
  458. extraScrollPx: 12000,
  459. },
  460. // trigger Masonry as a callback
  461. function( newElements ) {
  462. var $newElems = $( newElements ).css({ opacity: 0 });
  463. // ensure that images load before adding to masonry layout
  464. $newElems.imagesLoaded(function(){
  465. $newElems.animate({ opacity: 1 });
  466. $container.masonry( 'appended', $newElems, true );
  467. });
  468. }
  469. );
  470. });
  471. </script>
  472.  
  473. </head>
  474. <body>
  475.  
  476. <div id="sidebar">
  477.  
  478. <img src="{image:Sidebar}">
  479.  
  480. <div id="desc">
  481. {description}
  482. </div>
  483.  
  484. <div id="navigation">
  485. <a href="/">Home</a><br>
  486. <a href="{text:link1url}">{text:Link1}</a><br>
  487. <a href="{text:link2url}">{text:Link2}</a><br>
  488. <a href="{text:link3url}">{text:Link3}</a><br>
  489. <a href="{text:link4url}">{text:Link4}</a><br>
  490. <a href="{text:link5url}">{text:Link5}</a><br>
  491. <a href="http://amplamente.tumblr.com/">theme</a><br>
  492. </div>
  493.  
  494.  
  495. </div></div>
  496.  
  497. {block:IfUpdtDois}
  498. <div id="dois">
  499.  
  500. {text:UpdatesDoisText}
  501.  
  502. </div>{/block:IfUpdtDois}
  503.  
  504. <div id="post">
  505. {block:Posts}
  506. <div class="entry">
  507.  
  508. <div class="perm"><a href="{Permalink}">{TimeAgo}</a></br><a href="{ReblogURL}">Reblog</a><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  509.  
  510. {block:Title}<h1>{Title}</h1>{/block:Title}
  511.  
  512. {block:Text}{Body}{/block:Text}
  513.  
  514. {block:Photo}
  515. {block:If3column}
  516. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If3column}
  517.  
  518. {block:IfNot3column}
  519. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:IfNot3column}
  520. {/block:Photo}
  521.  
  522. {block:Photoset}
  523.  
  524. {block:If3column}
  525. {Photoset-250}
  526. {/block:If3column}
  527.  
  528. {block:IfNot3column}
  529. {Photoset-500}
  530. {/block:IfNot3column}
  531.  
  532. {/block:Photoset}
  533.  
  534.  
  535. {block:Quote}
  536. {Quote}
  537. <div align="right">
  538. {block:Source}-{Source}{/block:Source}
  539. </div>
  540. {/block:Quote}
  541.  
  542.  
  543. {block:Video}
  544. {block:If3column}
  545. {Video-250}
  546. {/block:If3column}
  547.  
  548. {block:IfNot3column}
  549. {Video-500}
  550. {/block:IfNot3column}<br>
  551. {PlayCountWithLabel}
  552. {/block:Video}
  553.  
  554.  
  555. {block:Link}
  556. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  557. {block:Description}{Description}{/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}
  561. {block:Lines}
  562. {block:Label}
  563. <br>{Label}
  564. {/block:Label}
  565. &nbsp;{Line}
  566. {/block:Lines}
  567. {/block:Chat}
  568.  
  569. {block:Audio}
  570. {AudioPlayerGrey}
  571. <br><div align="right">{block:Artist}
  572. Artist: {Artist}</div>
  573. {/block:Artist}<br>
  574. {block:Caption}{Caption}{/block:Caption}
  575. {/block:Audio}
  576.  
  577.  
  578. {block:Answer}
  579. {Asker} asked <b>{Question}</b><Br>
  580. {Answer}
  581. {/block:Answer}
  582.  
  583. {block:PermalinkPage}
  584. <center>
  585. {block:Caption}{Caption}{/block:Caption}
  586. {block:RebloggedFrom}
  587. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  588. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  589. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  590.  
  591. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  592. </center>
  593. {/block:PermalinkPage}
  594.  
  595. </div>
  596.  
  597. {/block:Posts}
  598.  
  599. </div>
  600.  
  601. <div class="pagination">
  602. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  603. </div>
  604.  
  605. <div id="credit"><a href="http://amplamente.tumblr.com"><div class="credit_u">theme</div><div class="credit_h">amplamente</div></a></div>
  606.  
  607. {block:IfUpdatesUm}
  608. <div id="updates">
  609. <div id="utitle">{text:UpdatesUm Title}</div>
  610. <div id="words">
  611. <!-------------------------INSERT UPDATES HERE----------------------->
  612.  
  613. {text:UpdatesUm text}
  614.  
  615. <!-------------------------------END-------------------------------->
  616.  
  617.  
  618. </div>
  619. <div id="box">
  620. <div id="line"> </div>
  621. <div class="arrow_box"></div>
  622.  
  623. </div>
  624.  
  625. <div id="box2">
  626. <div id="line2"> </div>
  627. <div class="arrow_box2"></div>
  628.  
  629. </div>
  630.  
  631. </div>{/block:IfUpdatesUm}
  632.  
  633. </body>
  634. </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!