API tools faq
paste
Advertisement
Carolaine_Vieira

Ploc

Carolaine_Vieira
Jan 13th, 2016
5,977
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!---
  3. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  4. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  5. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  6. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  7. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  8. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  9. THEME; PLOC; CREATED BY CAROLAINE VIEIRA
  10. LAST UPDATE: September 30, 2016
  11. amplamente.tumblr.com
  12. --->
  13.  
  14. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  17. <script>
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21. $("[title]").style_my_tooltips();
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <title>{Title}{block:PermalinkPage}{block:PostSummary} &mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}{block:SearchPage} &mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}{block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="color:Background" content="#f6f6f6"/>
  32. <meta name="color:Tooltip bg" content="#141414"/>
  33. <meta name="color:Tooltip text" content="#fff"/>
  34. <meta name="color:Post bg" content="#ffffff"/>
  35. <meta name="color:Borders" content="#Eee"/>
  36. <meta name="color:Perma bg" content="#ffd9d9"/>
  37. <meta name="color:Link" content="#ffb3b3"/>
  38. <meta name="color:Link Hover" content="#ff6767"/>
  39. <meta name="color:Text" content="#999"/>
  40. <meta name="color:Bold" content="#141414"/>
  41. <meta name="color:Italic" content="#ffb1cc"/>
  42. <meta name="color:Sidebar bg" content="#ffffff"/>
  43. <meta name="color:Sidebar link" content="#cccccc"/>
  44. <meta name="color:Sidebar link hover" content="#ffb3b3"/>
  45. <meta name="color:Title" content="#ffb3b3"/>
  46. <meta name="color:Description" content="#999"/>
  47. <meta name="color:Scrollbar" content="#141414"/>
  48.  
  49. <meta name="if:InfiniteScroll" content=""/>
  50. <meta name="if:Caption" content=""/>
  51. <meta name="if:Tags" content=""/>
  52. <meta name="if:250pxPosts" content=""/>
  53.  
  54. <meta name="select:Columns" content="300px" title="One">
  55. <meta name="select:Columns" content="700px" title="Two">
  56.  
  57. <meta name="image:Background" content=""/>
  58. <meta name="image:Sidebar image" content=""/>
  59.  
  60. <meta name="text:Fish gadget" content="" />
  61. <meta name="text:link1" content="link 1" />
  62. <meta name="text:link1url" content="/" />
  63. <meta name="text:link2" content="link 2" />
  64. <meta name="text:link2url" content="/" />
  65. <meta name="text:link3" content="link 3" />
  66. <meta name="text:link3url" content="/" />
  67. <meta name="text:link4" content="link 4" />
  68. <meta name="text:link4url" content="/" />
  69. <meta name="text:link5" content="link 5" />
  70. <meta name="text:link5url" content="/" />
  71.  
  72. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  73.  
  74. <link href='https://fonts.googleapis.com/css?family=Cantarell|Montserrat|Raleway|Roboto|Quicksand|Lovers+Quarrel:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  75. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  76.  
  77. <style type="text/css">
  78.  
  79. .abw {
  80.  
  81. width:100%;
  82. height:100px;
  83. position:fixed;
  84. z-index:0;
  85. left:0px;
  86. top:0px;
  87. background:transparent;
  88.  
  89. }
  90.  
  91. .tags {
  92. text-align:center;
  93. font-size:10px;
  94. width:200px;
  95. margin-left:auto;
  96. margin-right:auto;
  97. height:auto;
  98. background:transparent;
  99. text-transform:uppercase;
  100.  
  101. }
  102. .tags a{
  103. margin-left:4px;
  104. background:transparent;
  105. text-transform:uppercase;
  106. }
  107.  
  108. b { color: {color:bold}; !important; }
  109. i { color: {color:italic} ;!important; }
  110. u { border-bottom: 1px dotted; text-decoration:none;}
  111.  
  112. #s-m-t-tooltip{
  113. max-width:300px;
  114. padding:10px;
  115. margin:20px 0px 0px 20px;
  116. background-color: {color:tooltip bg};
  117. font-family:calibri;
  118. font-size:8.5px;
  119. text-transform:uppercase;
  120. color:{color:tooltip text};
  121. border:1px solid {color:borders};
  122. border-radius:5px;
  123. letter-spacing:1px;
  124. opacity:1;
  125. z-index:9999999999999999999;
  126. }
  127.  
  128. #top2 {
  129.  
  130. font-weight:bold;
  131. font-family:quicksand;
  132. height:auto;
  133. width:auto;
  134. letter-spacing:1px;
  135. margin-left:auto;
  136. margin-right:auto;
  137. font-size:10px;
  138. text-transform:uppercase;
  139. background: transparent;
  140. text-align:center;
  141.  
  142. -webkit-transition:all 0.3s ease-out;
  143. -moz-transition:all 0.3s ease-out;
  144. transition:all 0.3s ease-out;
  145. }
  146.  
  147. #top2 a{
  148. margin-right:3px;
  149. }
  150. #top2:hover{
  151. -webkit-transition:all 0.8s ease-out;
  152. -moz-transition:all 0.8s ease-out;
  153. transition:all 0.8s ease-out;
  154. }
  155.  
  156. ol, ul {padding:0px;list-style-type:none;}
  157. ul li {position:relative;padding-left:20px;}
  158. ul li:before {
  159. content:'';
  160. position:absolute;
  161. display:block;
  162. top:8px;
  163. left:0px;
  164. width:10px;
  165. height:1px;
  166. background:{color:link};
  167. }
  168.  
  169. #calado{
  170. text-align:center;
  171. margin:0 auto;
  172. width:150px;
  173. margin-bottom:5px;
  174. }
  175. #calado a {
  176. text-shadow:none;
  177. padding:5px;
  178. margin-right:3px;
  179. font-size:9px;
  180. font-weight:bold;
  181. text-transform:uppercase;
  182. font-family:quicksand;
  183. display:inline-block;
  184. text-align:center;
  185. color:{color:sidebar link};
  186. -webkit-transition:all 0.3s ease-out;
  187. -moz-transition:all 0.3s ease-out;
  188. transition:all 0.3s ease-out;
  189. }
  190. #calado a:hover {
  191. text-shadow:none;
  192. text-decoration:underline;
  193. color:{color:sidebar link hover};
  194. -webkit-transition:all 0.3s ease-out;
  195. -moz-transition:all 0.3s ease-out;
  196. transition:all 0.3s ease-out;
  197. }
  198.  
  199. iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
  200. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  201. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2;}
  202.  
  203. .date {
  204. font-family:cantarell;
  205. text-transform:uppercase;
  206. line-height:20px;
  207. margin-top:5px;
  208. margin-left:10px;
  209. padding:5px;
  210. float:left;
  211. color:white;
  212. text-align:left;
  213. background-color:transparent;
  214. font-size:10px;
  215. {block:PermalinkPage}
  216. display:none;
  217. {/block:PermalinkPage}
  218. }
  219. .date a{color:white; text-shadow:none;}
  220. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link}; }
  221.  
  222.  
  223. .reblog {
  224. margin-top:5px;
  225. margin-right:10px;
  226. float:right;
  227. background-color:transparent;
  228. padding:5px;
  229. font-size:12px;
  230. color:gray;
  231. font-weight:bold;
  232. {block:PermalinkPage}
  233. display:none;
  234. {/block:PermalinkPage}
  235. }
  236. .reblog a {
  237. margin:0;
  238. padding:0;
  239. }
  240. .likie {
  241. margin-top:6px;
  242. margin-right:0px;
  243. float:right;
  244. background-color:transparent;
  245. padding:5px;
  246. padding-bottom:3px;
  247. font-size:15px;
  248. color:#000;
  249. font-weight:bold;
  250. {block:PermalinkPage}
  251. display:none;
  252. {/block:PermalinkPage}
  253. }
  254. .reblog a{color:{color:post bg};}
  255.  
  256. a{ color:{color:Link}; text-decoration:none;
  257. -webkit-transition:all 0.3s ease-out;
  258. -moz-transition:all 0.3s ease-out;
  259. transition:all 0.3s ease-out;
  260.  
  261. }
  262. a:hover{
  263. color:{color:Link Hover};
  264. -webkit-transition:all 0.3s ease-out;
  265. -moz-transition:all 0.3s ease-out;
  266. transition:all 0.3s ease-out;
  267.  
  268. }
  269.  
  270. h1 {
  271.  
  272. font-size:20px;
  273. text-align:center;
  274. text-transform:none;
  275. font-family:Quicksand;
  276. font-weight:normal;
  277.  
  278. }
  279.  
  280. body{
  281. cursor:crosshair;
  282. color:{color:Text};
  283. font-family: roboto;
  284. font-size:11px;
  285. opacity:1;
  286. background: {color:background} url("{image:background}") fixed;
  287. }
  288.  
  289. #post{
  290. z-index:9;
  291. margin-top:130px;
  292. width:{select:columns};
  293. margin-left:450px;
  294. background-color:transparent;
  295. padding:0px;
  296. }
  297.  
  298. .entry{
  299. border-top:1px solid transparent;
  300. border:1px solid {color:borders};
  301. text-align:left;
  302. padding:15px;
  303. background-color: {color:post bg};
  304. float:right;
  305. opacity:1;
  306. color:{color:Text};
  307. {block:IndexPage}
  308. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  309. {block:IfNot250pxPosts}width:500px;{/block:IfNot250pxPosts}
  310. {/block:IndexPage}
  311. {block:PermalinkPage}
  312. width:400px;
  313. {/block:PermalinkPage}
  314. margin-bottom:100px;
  315. margin-right:60px;
  316. border-radius:5px;
  317. }
  318. .entry img{
  319. max-width:100%;
  320. height:auto;
  321. margin-bottom:-4px;
  322. }
  323.  
  324. .entry .perm{
  325. {block:PermalinkPage}
  326. display:none;
  327. {/block:PermalinkPage}
  328. background:{color:perma bg};
  329. border:1px solid {color:borders};
  330. border-bottom:1px solid transparent;
  331. padding:5px;
  332. text-align:center;
  333. margin-top:-59px;
  334. {block:IndexPage}
  335. {block:If250pxPosts}width:270px;{/block:If250pxPosts}
  336. {block:IfNot250pxPosts}width:520px;{/block:IfNot250pxPosts}
  337. {/block:IndexPage}
  338. margin-left:-16px;
  339. border-top-left-radius:5px;
  340. border-top-right-radius:5px;
  341. height:auto;
  342. position:absolute;
  343. opacity:1;
  344. -webkit-transition:all 0.5s ease-out;
  345. -moz-transition:all 0.5s ease-out;
  346. transition:all 0.5s ease-out;
  347.  
  348. }
  349.  
  350. .entry:hover .perm{
  351. opacity:1;
  352. -webkit-transition:all 0.5s ease-out;
  353. -moz-transition:all 0.5s ease-out;
  354. transition:all 0.5s ease-out;
  355.  
  356. }
  357.  
  358. #notas {
  359. margin-top:10px;
  360. width:95%;
  361. height:200px;
  362. overflow-y:auto;
  363. border-radius:5px;
  364. padding:10px;
  365. text-transform:uppercase;
  366. font-family:calibri;
  367. margin-left:auto;
  368. margin-right:auto;
  369.  
  370. }
  371.  
  372. .notes img {
  373. width: 0px;
  374. height:0px;
  375. border-radius:100%;
  376. float:left;
  377. list-style:none;
  378. border-right:10px solid transparent;
  379. -webkit-transition: all 0.5s linear;
  380. -moz-transition: all 0.5s linear;
  381. transition: all 0.5s linear;}
  382. ol.notes, .notes li {
  383. list-style:none;
  384. height:20px;
  385. width: 100%;
  386. margin-top: 5px;
  387. margin-left:0px;
  388. padding-left: 0px}
  389. .notes li:hover img {
  390. list-style:none;
  391. -webkit-transition: all 0.5s linear;
  392. -moz-transition: all 0.5s linear;
  393. transition: all 0.5s linear;}
  394.  
  395. #notas::-webkit-scrollbar-track-piece {
  396. background-color:{color:post bg};
  397. }
  398.  
  399. ::-moz-selection { background: {color:text}; color: {color:background}; }
  400. ::selection { background: {color:text}; color: {color:background}; }
  401.  
  402. .pagination {
  403. display: none;
  404. }
  405.  
  406. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  407. ::-webkit-scrollbar { height:5px; width: 3px;}
  408. ::-webkit-scrollbar-track { background-color:{color:link}; -moz-box-shadow: inset 0 0 0 1px {color:background}; -webkit-box-shadow: inset 0 0 0 1px {color:background}; box-shadow: inset 0 0 0px 1px {color:background}; }
  409.  
  410.  
  411. blockquote {
  412. margin-left:20px;
  413. padding-left:10px;
  414. border-left:2px solid{color:link};
  415. }
  416. blockquote img {
  417. max-width:100%;
  418. height:auto;
  419. }
  420.  
  421. .description {
  422. padding:10px;
  423. padding-left:0px;
  424.  
  425. margin-left:16px;
  426. width:150px;
  427. background:transparent;
  428. font-size:9.5px;
  429. font-family: cantarell;
  430. text-align:center;
  431. color:{color:sidebar description};
  432. }
  433.  
  434.  
  435. .albumfoto{
  436. float:left;
  437. width:80px;
  438. margin-top:0px;
  439. margin-left:5px;
  440. }
  441. .albumfoto img{
  442. width:80px;
  443. padding:7px;
  444. background:transparent;
  445. border-radius:100%;
  446. }
  447. .audiodesc {
  448. margin-left:100px;
  449. padding:10px;
  450. background:transparent;
  451. margin-top:10px;
  452. min-height:64px;
  453. font-weight:bold;
  454. margin-bottom:10px;
  455. font-size:9.5px;
  456. text-transform:uppercase;
  457. }
  458. .audioplay {
  459. opacity:.7;
  460. position:absolute;
  461. overflow:hidden;
  462. max-width:30px;
  463. height:28px;
  464. margin-left:33px;
  465. margin-top:-65px;
  466. }
  467. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  468.  
  469. .link {
  470. padding:15px;
  471. margin-left:0px;
  472. background:{color:link};
  473. color:{color:post bg};
  474. text-align:left;
  475. }
  476. .link i {
  477. color:{color:post bg};
  478. }
  479. .linktitle a{
  480. font-size:23px;
  481. font-weight:bold;
  482. text-transform:uppercase;
  483. text-align:left;
  484. color:{color:post bg};
  485. }
  486.  
  487. .pessoap {
  488. text-transform:uppercase;
  489. font-size:13px;
  490. font-weight:bold;}
  491. .pessoap a{
  492. color:{color:post bg};
  493. text-transform:uppercase;
  494. font-size:13px;
  495. font-weight:bold;
  496. }
  497. .pessoapfoto img{
  498. float:left;
  499. border-radius:100%;
  500. margin-top:-25px;
  501. margin-left:188px;
  502. padding:4px;
  503. background:{color:post bg};
  504. }
  505. .pergunta {
  506. background:{color:link};
  507. color:{color:post bg};
  508. padding:15px;
  509. padding-bottom:38px;
  510. margin-left:0px;
  511. border-bottom:2px solid {color:post bg};
  512. text-align:center;
  513. }
  514. .sresposta {
  515. padding:15px;
  516. padding-top:20px;
  517. padding-bottom:0px;
  518. background:transparent;
  519. border-top:2px solid {color:post bg};
  520. }
  521.  
  522. .ch { padding:0px; background:transparent;}
  523. .ch .ch1 { padding:8px; margin-bottom:3px;}
  524. .ch1{ background:{color:post bg}; }
  525. .ch .ch1 b{ color:{color:link}; text-transform:uppercase; font-size:11px;}
  526.  
  527.  
  528. #top1 { position:fixed; f width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  529. -webkit-transition:all 0.3s ease-out;
  530. -moz-transition:all 0.3s ease-out;
  531. transition:all 0.3s ease-out;
  532. text-shadow:none;
  533. }
  534. #top1 a{text-shadow:none;}
  535. #top1 a:hover {text-shadow:none;}
  536. #top1:hover {
  537. -webkit-transition:all 0.3s ease-out;
  538. -moz-transition:all 0.3s ease-out;
  539. transition:all 0.3s ease-out;
  540. -moz-transform: scale(1.5);
  541. -webkit-transform: scale(1.5);
  542. -o-transform: scale(1.5);
  543. -ms-transform: scale(1.5);
  544. transform: scale(1.5);
  545. text-shadow:none;
  546. }
  547.  
  548. #top3 {
  549. position:fixed;
  550. z-index:9;
  551. height:auto;
  552. width:180px;
  553. padding:10px;
  554. top:150px;
  555. left:150px;
  556. background:{color:sidebar bg};
  557. border:1px solid {color:borders};
  558. border-radius:5px;
  559. -webkit-transition:all 0.3s ease-out;
  560. -moz-transition:all 0.3s ease-out;
  561. transition:all 0.3s ease-out;
  562. }
  563.  
  564. #sidepam {
  565.  
  566. width:130px;
  567. height:auto;
  568.  
  569. margin-left:35px;
  570. background:{color:sidebar bg};
  571. padding:5px;
  572. border-radius:5px;
  573. }
  574.  
  575. #sidepam img {
  576.  
  577. width:100px;
  578.  
  579. border-radius:5px;
  580. -webkit-transition: all 0.5s ease;
  581. -moz-transition: all 0.5s ease;
  582. -o-transition: all 0.5s ease;
  583. -ms-transition: all 0.5s ease;
  584. transition: all 0.5s ease;
  585. -webkit-filter: grayscale(0);
  586.  
  587. }
  588.  
  589. #sidepam img:hover {
  590. -webkit-filter: grayscale(0.7);
  591. transition:All .5s ease;
  592. -o-transition:All .5s ease;
  593. -webkit-transition: all 0.5s ease;
  594. -moz-transition: all 0.5s ease;
  595. -o-transition: all 0.5s ease;
  596. -ms-transition: all 0.5s ease;
  597. transition: all 0.5s ease;
  598.  
  599. }
  600.  
  601. .mytitle {
  602.  
  603. font-family:quicksand;
  604. text-transform:uppercase;
  605. font-size:15px;
  606. text-align:center;
  607. width:170px;
  608. padding:5px;
  609. background:transparent;
  610. font-weight:600;
  611. }
  612. .mytitle a{
  613.  
  614. color:{color:title};
  615.  
  616. }
  617.  
  618. #box {
  619. background-color: #ffffff;
  620. border: 1px solid {color:borders};
  621. height: 27px;
  622. top: 10px; /* space of the container from the top of page */
  623. left: 10px; /* space of the container from the left of page */
  624. z-index: 9999999;
  625. }
  626.  
  627. .color:hover {
  628. opacity: 1;
  629. transition: opacity .25s ease-in-out;
  630. -moz-transition: opacity .25s ease-in-out;
  631. -webkit-transition: opacity .25s ease-in-out;
  632. border: 1px solid #bbbbbb;
  633. }
  634.  
  635.  
  636. .one { /* color one, set to pink */
  637. width: 15px;
  638. height: 15px;
  639. position: relative;
  640. display: inline-block;
  641. margin-left: 7px;
  642. margin-right: 7px;
  643. margin-top: 5px;
  644. background-color: #ffe5f7; /* pink color of the first box */
  645. border: 1px solid #d8d8d8;
  646. opacity: .7;
  647. }
  648.  
  649. .two { /* color two, set to orange */
  650. width: 15px;
  651. height: 15px;
  652. position: relative;
  653. display: inline-block;
  654. margin-right: 7px;
  655. margin-top: 5px;
  656. background-color: #ffddad; /* orange color of the second box */
  657. border: 1px solid #d8d8d8;
  658. opacity: .7;
  659. }
  660.  
  661.  
  662. .three { /* color three, set to yellow */
  663. width: 15px;
  664. height: 15px;
  665. position: relative;
  666. display: inline-block;
  667. margin-right: 7px;
  668. margin-top: 5px;
  669. background-color: #fdfd96; /* yellow color of the third box */
  670. border: 1px solid #d8d8d8;
  671. opacity: .7;
  672.  
  673. }
  674.  
  675.  
  676. .four { /* color four, set to green */
  677. width: 15px;
  678. height: 15px;
  679. position: relative;
  680. display: inline-block;
  681. margin-right: 7px;
  682. margin-top: 5px;
  683. background-color: #d3ffcd; /* green color of the fourth box */
  684. border: 1px solid #d8d8d8;
  685. opacity: .7;
  686.  
  687. }
  688.  
  689.  
  690. .five { /* color five, set to blue */
  691. width: 15px;
  692. height: 15px;
  693. position: relative;
  694. display: inline-block;
  695. margin-right: 7px;
  696. margin-top: 5px;
  697. background-color: #deeeff; /* blue color of the fifth box */
  698. border: 1px solid #d8d8d8;
  699. opacity: .7;
  700. }
  701.  
  702.  
  703. .six { /* color six, set to purple */
  704. width: 15px;
  705. height: 15px;
  706. position: relative;
  707. display: inline-block;
  708. margin-right: 7px;
  709. margin-top: 5px;
  710. background-color: #e9deff; /* purple color of the sixth box */
  711. border: 1px solid #d8d8d8;
  712. opacity: .7;
  713. }
  714.  
  715.  
  716. .seven { /* color seven, set to white */
  717. width: 15px;
  718. height: 15px;
  719. position: relative;
  720. display: inline-block;
  721. margin-right: 7px;
  722. margin-top: 5px;
  723. background-color: #ffffff; /* white color of the seventh box */
  724. border: 1px solid #d8d8d8;
  725. opacity: .7;
  726. }
  727.  
  728.  
  729.  
  730. a[tooltip]:hover:after {
  731. content: attr(tooltip);
  732. padding: 5px;
  733. font-size: 10px;
  734. color: #bbbbbb;
  735. font-style: italic;
  736. position: absolute;
  737. left: 50%;
  738. top: 220%;
  739. white-space: nowrap;
  740. z-index: 20;
  741. -moz-border-radius: 3px;
  742. -webkit-border-radius: 3px;
  743. border-radius: 3px;
  744. -moz-box-shadow: 0px 0px 2px #c0c1c2;
  745. -webkit-box-shadow: 0px 0px 2px #c0c1c2;
  746. box-shadow: 0px 0px 2px #c0c1c2;
  747. background-color: #ffffff;
  748. }
  749.  
  750. .page {
  751.  
  752. padding:5px;
  753. background:transparent;
  754. border:1px solid {color:borders};
  755. margin-top:10px;
  756.  
  757. }
  758.  
  759. .ccr {
  760. {block:IfCaption}
  761. display:block;
  762. {/block:IfCaption}
  763. {block:IfNotCaption}
  764. display:none;
  765. {/block:IfNotCaption}
  766. }
  767.  
  768. {CustomCSS}
  769.  
  770. </style>
  771. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  772.  
  773. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  774.  
  775. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  776.  
  777. <script>
  778. $(function(){
  779. var $container = $('#post');
  780. $container.imagesLoaded(function(){
  781. $container.masonry({
  782. itemSelector: '.entry',
  783. });
  784. });
  785. $container.infinitescroll({
  786. itemSelector : ".entry",
  787. navSelector : "div.pagination",
  788. nextSelector : ".pagination a#next",
  789. loadingImg : "",
  790. loadingText : "<em></em>",
  791. },
  792. function( newElements ) {
  793. var $newElems = $( newElements ).css({ opacity: 0 });
  794. $newElems.imagesLoaded(function(){
  795. $newElems.animate({ opacity: 1 });
  796. $container.masonry( 'appended', $newElems, true );
  797. });
  798. }
  799. );
  800. });
  801. </script>
  802.  
  803.  
  804. </head>
  805. <body>
  806.  
  807. <div class="abw">
  808. {text:fish gadget}
  809. </div>
  810.  
  811. <div id="top3">
  812.  
  813. <div class="mytitle"><a href="/">{title}</a></div>
  814. <div id="sidepam"><img src="{image:sidebar image}"></div>
  815. <div class="description">{description}</div>
  816.  
  817. <div id="calado">
  818.  
  819. <a href="{text:link1url}">{text:link1}</a>
  820. <a href="{text:link2url}">{text:link2}</a>
  821. <a href="{text:link3url}">{text:link3}</a>
  822. <a href="{text:link4url}">{text:link4}</a>
  823. <a href="{text:link5url}">{text:link5}</a>
  824.  
  825. </div>
  826.  
  827. <div id="box">
  828.  
  829. <a href="/tagged/pink" class="color one" tooltip="pink">
  830. <a href="/tagged/orange" class="color two" tooltip="orange">
  831. <a href="/tagged/yellow" class="color three" tooltip="yellow">
  832. <a href="/tagged/green" class="color four" tooltip="green">
  833. <a href="/tagged/blue" class="color five" tooltip="blue">
  834. <a href="/tagged/purple" class="color six" tooltip="purple">
  835. <a href="/tagged/white" class="color seven" tooltip="white">
  836. </a>
  837. </div>
  838.  
  839. {block:IfNotInfiniteScroll}
  840. {block:Pagination}
  841. <div class="page">
  842. <div id="top2">
  843.  
  844. {block:PreviousPage}
  845. <a href="{PreviousPage}"><li style="font-size:8px;" class="fa fa-chevron-left"></li></a>
  846. {/block:PreviousPage}
  847.  
  848. {block:JumpPagination length="5"}
  849.  
  850. {block:CurrentPage}
  851. <span class="current_page"><li class="fa fa-check"></li></span>
  852. {/block:CurrentPage}
  853.  
  854. {block:JumpPage}
  855. <a class="jump_page" href="{URL}">{PageNumber}</a>
  856. {/block:JumpPage}
  857. {/block:JumpPagination}
  858.  
  859. {block:NextPage}
  860. <a href="{NextPage}"><li style="font-size:8px;" class="fa fa-chevron-right"></li></a>
  861. {/block:NextPage}
  862.  
  863. </div></div>
  864. {/block:Pagination}
  865. {/block:IfNotInfiniteScroll}
  866. </div>
  867.  
  868. <div id="post">
  869. {block:Posts}
  870. <div class="entry">
  871.  
  872. <div class="perm">
  873.  
  874. <div class="reblog">{ReblogButton color="white" size="13"}</div>
  875. <div class="likie" >{LikeButton color="white" size="13"}</div>
  876. <div class="date">
  877. Post {PostNumber} | <a href="{permalink}" >
  878. {block:date}{DayOfMonthWithZero}.{MonthNumberWithZero}{/block:date}</a>
  879. </div> </div>
  880.  
  881. {block:Title}<h1>{Title}</h1>{/block:Title}
  882.  
  883. {block:Text}{Body}{/block:Text}
  884.  
  885. {block:Photo}
  886. {block:IndexPage}<img src="{PhotoURL-500}" width="100%"/>{/block:IndexPage}
  887. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500"/>{/block:PermalinkPage}
  888. {/block:Photo}
  889.  
  890. {block:Photoset}
  891. {block:IndexPage}
  892. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  893. {block:IfNot250pxPosts}{Photoset-500}{/block:IfNot250pxPosts}
  894. {/block:IndexPage}
  895. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  896. {/block:Photoset}
  897.  
  898. {block:Quote}
  899. <div style="text-align:center; padding:10px; font-family:quicksand; font-weight:normal; font-size:17px;">{Quote}</br></div>
  900. <div align="right" style="text-align:center; font-size:8px; font-family:montserrat; text-transform:uppercase;">
  901. </br>{block:Source}- {Source}{/block:Source} </br>
  902. </div>
  903. {/block:Quote}
  904.  
  905. {block:Video}
  906. {block:IndexPage}
  907. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}
  908. {block:IfNot250pxPosts}{Video-500}{/block:IfNot250pxPosts}
  909. {/block:IndexPage}
  910. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  911. <br>
  912. {PlayCountWithLabel}
  913. {/block:Video}
  914.  
  915. {block:Link}
  916. <div class="link">
  917. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  918. </a></div>
  919. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  920. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  921. </div></div>
  922. {/block:Link}
  923.  
  924. {block:Chat}
  925. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  926. {/block:Label}{Line}</div>{/block:Lines}</div>
  927. {/block:Chat}
  928.  
  929. {block:Audio}
  930. <div class="albumfoto">
  931. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  932. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  933. <div class="audiodesc">
  934. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  935. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  936. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  937. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  938. </div>
  939. {/block:Audio}
  940.  
  941. {block:Answer}
  942. <div class="pergunta">
  943. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  944. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  945. <div class="sresposta">{Answer}</div>
  946. {/block:Answer}
  947.  
  948. {block:Caption}<div class="ccr">{Caption}</div>{/block:Caption}
  949.  
  950. {block:IfTags}<div class="tags">{block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>{block:IfTags}
  951.  
  952. {block:PermalinkPage}
  953.  
  954. <div style="padding:15px;">
  955.  
  956. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  957.  
  958. {block:RebloggedFrom}
  959. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  960.  
  961. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  962. {/block:RebloggedFrom}
  963.  
  964. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  965. </br>
  966. {block:HasTags}
  967. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  968. {block:Tags}
  969. <a href="{TagURL}">#{Tag}</a>
  970. {/block:Tags}{/block:HasTags}
  971.  
  972. </div>
  973.  
  974. {block:PostNotes}<div id="notas">{PostNotes-64}</div>{/block:PostNotes}</div>
  975.  
  976. {/block:PermalinkPage}
  977.  
  978. </div>
  979.  
  980. {/block:Posts}
  981.  
  982. </div>
  983.  
  984. <div id="top1">
  985. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
  986. </div>
  987.  
  988. {block:IfInfiniteScroll}
  989. <div class="pagination">
  990. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  991. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  992. </div>
  993. {/block:IfInfiniteScroll}
  994.  
  995.  
  996. </body>
  997.  
  998. </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!