API tools faq
paste
Advertisement
Carolaine_Vieira

Little Girl

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