API tools faq
paste
Advertisement
proezas

Theme 03

proezas
May 28th, 2015
2,245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10.  
  11. <meta name="color:Background" content="#fff"/>
  12. <meta name="color:Text" content="#666"/>
  13. <meta name="color:Header" content="#eee"/>
  14. <meta name="color:Link" content="#777"/>
  15. <meta name="color:Hover" content="#525252"/>
  16. <meta name="color:BG Links" content="#fff"/>
  17. <meta name="color:BG Links Hover" content="#eaeaea"/>
  18. <meta name="color:Ask" content="#eee"/>
  19. <meta name="color:Scrollbar" content="#666"/>
  20.  
  21. <meta name="image:Header" content="http://static.tumblr.com/b888542f86df0de6684e4597a4a78e87/dxaermv/npQnjvvlu/tumblr_static_dnhpjgw8ntskg8go4kgowgckk.jpg">
  22. <meta name="image:Background" content="">
  23.  
  24. <meta name="if:Instagram" content="1"/>
  25. <meta name="if:Facebook" content="1"/>
  26.  
  27. <meta name="text:Link Instagram" content="http://instagram.com"/>
  28. <meta name="text:Link Facebook" content="http://facebook.com"/>
  29.  
  30. <meta name="text:Link1" content="/"/>
  31. <meta name="text:Link1 Title" content="link"/>
  32. <meta name="text:Link2" content="/"/>
  33. <meta name="text:Link2 Title" content="link"/>
  34. <meta name="text:Link3" content="/"/>
  35. <meta name="text:Link3 Title" content="link"/>
  36. <meta name="text:Link4" content="/"/>
  37. <meta name="text:Link4 Title" content="link"/>
  38. <meta name="text:Link5" content="/"/>
  39. <meta name="text:Link5 Title" content="link"/>
  40. <meta name="text:Link6" content="/"/>
  41. <meta name="text:Link6 Title" content="link"/>
  42.  
  43. <link href='http://static.tumblr.com/dxaermv/xUMnjpvmi/josefinsans.css' rel='stylesheet' type='text/css'>
  44.  
  45. <style type="text/css">
  46.  
  47. /*GENERAL*/
  48.  
  49. iframe#tumblr_controls {
  50. right:6px !important;
  51. position: fixed !important;
  52. -webkit-filter:invert(100%);
  53. }
  54.  
  55. body {
  56. background:{color:background} url('{image:background}') fixed no-repeat;
  57. background-size:100%;
  58. font-size:14px;
  59. font-family:'josefin sans';
  60. font-weight:350;
  61. line-height:150%;
  62. letter-spacing:0.5px;
  63. text-align:justify;
  64. color:{color:text};
  65. }
  66.  
  67. a {
  68. color:{color:link};
  69. text-decoration:none;
  70. transition-duration: 0.4s;
  71. -webkit-transition: 0.3s ease-in;
  72. transition: 0.8s ease-in-out;
  73. -moz-transition: 0.8s ease-in-out;
  74. -o-transition: 0.8s ease-in-out;
  75. -webkit-transition: 0.8s ease-in-out;
  76.  
  77.  
  78. }
  79.  
  80. a:hover {
  81. color:{color:hover};
  82. transition-duration: 0.4s;
  83. -webkit-transition: 0.3s ease-in;
  84. transition: 0.8s ease-in-out;
  85. -moz-transition: 0.8s ease-in-out;
  86. -o-transition: 0.8s ease-in-out;
  87. -webkit-transition: 0.8s ease-in-out;
  88.  
  89. }
  90.  
  91.  
  92. /*scrollbar*/
  93. ::-webkit-scrollbar{height: 3px;
  94. width: 3px;
  95. -webkit-border-radius: 0px;
  96. background:transparent }
  97. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  98. }
  99. ::-webkit-scrollbar-track{background:transparent;
  100. }
  101.  
  102. h1 {
  103. text-align:center;
  104. text-transform:uppercase;
  105. font-size:16px;
  106. font-weight:bold;
  107. padding:8px;
  108. border-bottom:solid 1px {color:Ask};
  109. }
  110.  
  111. blockquote {
  112. padding-left:5px;
  113. border-left:1px solid {color:Ask};
  114. }
  115.  
  116. blockquote blockquote {
  117. padding-left:10px;
  118. border-left:2px solid {color:Ask};
  119. }
  120.  
  121. /*INFO*/
  122.  
  123. #info {
  124. width:380px;
  125. text-transform:none;
  126. text-align:center;
  127. letter-spacing:0px;
  128. margin:0 auto;
  129. font-size:12px;
  130. }
  131.  
  132. #info img {
  133. height:100px;
  134. width:100px;
  135. margin:100px auto -60px;
  136. box-shadow: 0px 0px 5px {color:Ask};
  137. border-radius:100%;
  138. }
  139.  
  140. #ttt {
  141. text-align:center;
  142. text-transform:uppercase;
  143. font-size:16px;
  144. font-weight:bold;
  145. padding:8px 0;
  146. margin:90px auto 10px auto;
  147. color:{color:accent 2};
  148. border-bottom:solid 1px {color:Ask};
  149. width:380px;
  150. }
  151.  
  152. /*PAGI*/
  153.  
  154. #pagi {
  155. margin:40px auto 100px auto;
  156. text-align:center;
  157. width:370px;
  158. word-spacing:5px;
  159. font-size:12px;
  160. padding:15px;
  161. border-top:solid 1px {color:Ask};
  162. }
  163.  
  164. /*POSTS*/
  165.  
  166. #entries {
  167. width:900px;
  168. {block:IndexPage}
  169. margin-left:260px;
  170. {/block:IndexPage}
  171. {block:PermalinkPage}
  172. margin-left:440px;
  173. {/block:PermalinkPage}
  174. margin-top:100px;
  175. }
  176.  
  177. #posts {
  178. {block:IndexPage}
  179. width: 400px;
  180. {/block:IndexPage}
  181. {block:PermalinkPage}
  182. width:500px;
  183. {/block:PermalinkPage}
  184. z-index:1;
  185. float:left;
  186. overflow:hidden;
  187. margin:10px;
  188. transition-duration: 0.4s;
  189. -webkit-transition: 0.3s ease-in;
  190. transition: 0.8s ease-in-out;
  191. -moz-transition: 0.8s ease-in-out;
  192. -o-transition: 0.8s ease-in-out;
  193. -webkit-transition: 0.8s ease-in-out;
  194. }
  195.  
  196. .caption {
  197. width:100%;
  198. }
  199.  
  200. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  201.  
  202. /* ASK POR CONJUNTAR */
  203.  
  204. .admirando01 {
  205. position:absolute;
  206. width:0;
  207. height:0;
  208. border-top:9px solid transparent;
  209. border-bottom:9px solid transparent;
  210. margin:8px 0 0 0;
  211. margin-left:315px;
  212. border-left:9px solid {color:Ask}; }
  213.  
  214. .admirando02 {
  215. width:55px;
  216. border-radius:100px;}
  217.  
  218. .admirando03 {
  219. min-height:30px;
  220. padding:5px 10px;
  221. border-radius:5px;
  222. width:295px;
  223. margin:0 0 3px;
  224. background:{color:Ask}; }
  225.  
  226. .admirando03:first-letter {
  227. text-transform:uppercase; }
  228.  
  229. .admirando04 {
  230. font-family:'josefin sans';
  231. font-size:12px;
  232. text-align:left; }
  233.  
  234. .admirando04 a {
  235. color:{color:Link};
  236. font-size:9px;
  237. font-weight:600;}
  238.  
  239. .admirando04 r {
  240. color:{color:Link}; }
  241.  
  242. .admirando05 {
  243. margin-top:-10px;
  244. margin-bottom:-10px;
  245. text-align:left; }
  246.  
  247.  
  248. /*QUOTES*/
  249.  
  250. #quote {
  251. text-align:center;
  252. font-size:14px;
  253. padding:8px;
  254. font-family:'josefin sans';
  255. font-weight:350;
  256. line-height:150%;
  257. letter-spacing:0.5px;
  258. text-align:justify;
  259.  
  260. }
  261.  
  262. #source {
  263. text-align:right;
  264. font-size:12px;
  265. padding:8px;
  266. font-family:'josefin sans';
  267. font-weight:bold;
  268. letter-spacing:0.5px;
  269. padding-top:10px;
  270. }
  271.  
  272. /*AUDIO*/
  273.  
  274. .audioplayer {
  275. width:200px;
  276. height:30px;
  277. overflow:hidden;
  278. margin:0 auto;
  279. }
  280.  
  281. .audioinfo {
  282. border-top:solid 1px {color:Ask};
  283. padding:12px 0;
  284. text-align:center;
  285. margin-top:10px;
  286. font-size:12px;
  287. }
  288.  
  289. /*CHAT*/
  290.  
  291. .chat ol {
  292. padding:0;
  293. list-style:none;
  294. }
  295.  
  296. .line {
  297. padding:5px 0;
  298. }
  299.  
  300. /*POST INFO*/
  301.  
  302. #permalink {
  303. font-size:8px;
  304. text-align:center;
  305. margin-top:20px;
  306. {block:PermalinkPage}
  307. width:500px;
  308. display:none;
  309. {/block:PermalinkPage}
  310. {block:IndexPage}
  311. opacity:0;
  312. width:400px;
  313. {/block:IndexPage}
  314. font-weight:350;
  315. font-family:'josefin sans';
  316. text-transform:uppercase;
  317. transition-duration: 0.4s;
  318. -webkit-transition: 0.3s ease-in;
  319. transition: 0.8s ease-in-out;
  320. -moz-transition: 0.8s ease-in-out;
  321. -o-transition: 0.8s ease-in-out;
  322. -webkit-transition: 0.8s ease-in-out;
  323. }
  324.  
  325. #permalink a { padding:5px; }
  326.  
  327. #tags {
  328. text-align:center;
  329. font-size:9px;
  330. font-weight:normal;
  331. {block:PermalinkPage}
  332. width:500px;
  333. {/block:PermalinkPage}
  334. {block:IndexPage}
  335. width:400px;
  336. {/block:IndexPage}
  337. margin-top:5px;
  338. }
  339. #tags a {
  340. margin-left:2px;
  341. }
  342.  
  343. #posts:hover #permalink {
  344. opacity:1;
  345. transition-duration: 0.4s;
  346. -webkit-transition: 0.3s ease-in;
  347. transition: 0.8s ease-in-out;
  348. -moz-transition: 0.8s ease-in-out;
  349. -o-transition: 0.8s ease-in-out;
  350. -webkit-transition: 0.8s ease-in-out;
  351. }
  352.  
  353. .pagenotes {
  354. {block:PermalinkPage}
  355. width:500px;
  356. {/block:PermalinkPage}
  357. {block:IndexPage}
  358. display: none!important;
  359. width:400px;
  360. {/block:IndexPage}
  361. font-size:12px;
  362. text-align:left;
  363. }
  364.  
  365. .pagenotes img {
  366. display:none;
  367. }
  368.  
  369. .pagenotes li {
  370. list-style-type:none;
  371. padding-top:10px;
  372. padding-bottom:10px;
  373. text-align:left;
  374. {block:PermalinkPage}
  375. width:500px;
  376. {/block:PermalinkPage}
  377. {block:IndexPage}
  378. width:400px;
  379. {/block:IndexPage}
  380. margin:0 auto;
  381. }
  382.  
  383.  
  384. /* SIDEBAR/HEADER */
  385.  
  386. #header {
  387. position:relative;
  388. margin-left:50px;
  389. opacity:.9;
  390.  
  391.  
  392. }
  393.  
  394. #circulo {
  395. width:200px;
  396. height:200px;
  397. border-radius:100px;
  398. background:#eee url('{image:Header}');
  399. background-size:cover;
  400. background-position:center;
  401. margin-left:320px;
  402. margin-top:40px;
  403. position:relative;
  404.  
  405. }
  406.  
  407. #descricao {
  408. width:500px;
  409. height:150px;
  410. background:{color:Header};
  411. position:absolute;
  412. margin-left:450px;
  413. margin-top:28px;
  414. overflow:auto;
  415. }
  416.  
  417. #links {
  418. text-align:center;
  419. margin-top:10px;
  420. margin-left:45px;
  421. }
  422.  
  423. #links a {
  424. margin:1px;
  425. background-color:{color:BG Links};
  426. padding:5px 8px 5px 8px;
  427. }
  428.  
  429. #links a:hover {
  430. background-color:{color:BG Links Hover};
  431. }
  432.  
  433. #descricaotexto {
  434. text-align:justify;
  435. width:360px;
  436. margin-left:95px;
  437. margin-top:10px;
  438. }
  439.  
  440. #icon-instagram img {
  441. width:40px;
  442. position:absolute;
  443. margin-left:350px;
  444. margin-top:60px;
  445. transition-duration: 1s;
  446. -webkit-transition: 1s ease-in;
  447. transition: 1s ease-in-out;
  448. -moz-transition:1s ease-in-out;
  449. -o-transition: 1s ease-in-out;
  450. -webkit-transition: 1s ease-in-out;
  451. }
  452.  
  453. #icon-facebook img {
  454. width:40px;
  455. position:absolute;
  456. margin-left:350px;
  457. margin-top:105px;
  458. transition-duration: 1s;
  459. -webkit-transition: 1s ease-in;
  460. transition: 1s ease-in-out;
  461. -moz-transition:1s ease-in-out;
  462. -o-transition: 1s ease-in-out;
  463. -webkit-transition: 1s ease-in-out;
  464. }
  465.  
  466. #header:hover #icon-facebook img {
  467. margin-left:280px;
  468. transition-duration: 1s;
  469. -webkit-transition: 1s ease-in;
  470. transition: 1s ease-in-out;
  471. -moz-transition:1s ease-in-out;
  472. -o-transition: 1s ease-in-out;
  473. -webkit-transition: 1s ease-in-out;
  474. }
  475.  
  476. #header:hover #icon-instagram img {
  477. margin-left:280px;
  478. transition-duration: 1s;
  479. -webkit-transition: 1s ease-in;
  480. transition: 1s ease-in-out;
  481. -moz-transition:1s ease-in-out;
  482. -o-transition: 1s ease-in-out;
  483. -webkit-transition: 1s ease-in-out;
  484. }
  485.  
  486. @-webkit-keyframes fadeIn {
  487. 0% { opacity: 0; }
  488. 100% { opacity: 1; }
  489. }
  490. @-moz-keyframes fadeIn {
  491. 0% { opacity: 0;}
  492. 100% { opacity: 1; }
  493. }
  494. @-o-keyframes fadeIn {
  495. 0% { opacity: 0; }
  496. 100% { opacity: 1; }
  497. }
  498. @keyframes fadeIn {
  499. 0% { opacity: 0; }
  500. 100% { opacity: 1; }
  501. }
  502.  
  503. .fadeIn {
  504. -webkit-animation: fadeIn 3s ease-in-out;
  505. -moz-animation: fadeIn 3s ease-in-out;
  506. -o-animation: fadeIn 3s ease-in-out;
  507. animation: fadeIn 3s ease-in-out;
  508. }
  509.  
  510. </style>
  511.  
  512. <script type="text/javascript"
  513. src="http://static.tumblr.com/dxaermv/uZVnjpvr1/jquery1.4.1.min.js"></script>
  514.  
  515. <script type='text/javascript' src='http://static.tumblr.com/dxaermv/Pp0n930hq/scroll_suave.js'></script>
  516.  
  517. </head>
  518.  
  519. <body class="fadeIn">
  520.  
  521. <div id="header">
  522. <div id="descricao">
  523. <div id="links">
  524. {block:IfLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1}
  525. {block:IfLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:IfLink2}
  526. {block:IfLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:IfLink3}
  527. {block:IfLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:IfLink4}
  528. {block:IfLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:IfLink5}
  529. {block:IfLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:IfLink6}
  530. </div>
  531. <div id="descricaotexto">
  532. {Description}
  533. </div>
  534. </div>
  535. {block:IfInstagram}
  536. <div id="icon-instagram"><a href="{text:Link Instagram}" target="_blank"><img src="http://static.tumblr.com/dxaermv/HSbnjptz1/18.png" title="Instagram"></a></div>
  537. {/block:IfInstagram}
  538. {block:IfFacebook}
  539. <div id="icon-facebook"><a href="{text:Link Facebook}" target="_blank"><img src="http://static.tumblr.com/dxaermv/9lenjpu68/17.png" title="Facebook"></a></div>
  540. {/block:IfFacebook}
  541. <div id="circulo"></div>
  542.  
  543.  
  544.  
  545.  
  546. </div>
  547.  
  548. <div id="entries">
  549.  
  550. {block:Posts}
  551.  
  552. <div id="posts">
  553.  
  554. <!---QUOTES--->
  555.  
  556. {block:Quote}
  557. <div id="quote">{Quote}</div>
  558. <div id="source">{block:Source}{Source}{/block:Source}</div>
  559. {/block:Quote}
  560.  
  561. <!---TEXT--->
  562.  
  563. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  564.  
  565. <!---PHOTOS--->
  566.  
  567. {block:Photo}
  568. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-400}"></a>{/block:IndexPage}
  569. {block:PermalinkPage}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{/block:PermalinkPage}
  570. {/block:Photo}
  571.  
  572. <!---PHOTOSETS--->
  573.  
  574. {block:Photoset}
  575. {block:IndexPage}<a href="{Permalink}">{Photoset-400}</a>{/block:IndexPage}
  576. {block:PermalinkPage}<a href="{Permalink}">{Photoset-500}</a>{/block:PermalinkPage}
  577. {/block:Photoset}
  578.  
  579. <!---VIDEO--->
  580.  
  581. {block:Video}
  582. {block:IndexPage}<a href="{Permalink}">{Video-500}</a>{/block:IndexPage}
  583. {block:PermalinkPage}<a href="{Permalink}">{Video-500}</a>{/block:PermalinkPage}
  584. {/block:Video}
  585.  
  586. <!---LINKS--->
  587.  
  588. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  589.  
  590. <!---AUDIO--->
  591.  
  592. {block:Audio}
  593. <div class="audioplayer">{AudioPlayerGrey}</div>
  594. <div class="audioinfo">
  595. {block:TrackName}<b>{TrackName}</b>{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}
  596. </div>
  597. {/block:Audio}
  598.  
  599. <!---CHAT--->
  600.  
  601. {block:Chat}
  602. {block:Title}<h1>{Title}</h1>{/block:Title}
  603. <div class="chat">
  604. <ol>{block:Lines}<li class="line {Alt}">{block:Label}
  605. <span><b>{Label}</b></span>
  606. {/block:Label}{Line}</li>
  607. {/block:Lines}
  608. </ol></div>
  609. {/block:Chat}
  610.  
  611. <!---QUESTIONS--->
  612.  
  613. {block:Answer}
  614. <div class="admirando01"></div>
  615. <img class="admirando02" src="{AskerPortraitURL-64}" align="right">
  616. <div class="admirando03"><div class="admirando04"><r>{Asker}</r> disse:</div>{Question}</div>
  617. <br><div class="admirando05">{Answer}</div>
  618. {/block:Answer}
  619.  
  620. <!---PERMALINK--->
  621.  
  622. {block:Date}
  623. <div id="permalink">
  624. <a href="{ReblogURL}" target="_blank">reblog</a>
  625. {block:NoteCount}♥ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  626. {/block:Date}
  627.  
  628.  
  629. {block:PostNotes}
  630.  
  631. <div class="pagenotes">
  632. {PostNotes}
  633. </div>
  634.  
  635. {block:PermalinkPage}<center>{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  636. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</center>{/block:PermalinkPage}{/block:PostNotes}
  637.  
  638. {/block:PostNotes}
  639.  
  640. </div>
  641.  
  642. {/block:Posts}
  643.  
  644. </div>
  645.  
  646. {block:indexpage}
  647. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}{/block:indexpage}
  648.  
  649. <!--- SCRIPTS --->
  650.  
  651. {block:IndexPage}
  652. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  653. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  654.  
  655. <script type="text/javascript">
  656. $(window).load(function () {
  657. var $content = $('#entries');
  658. $content.masonry({itemSelector: '#posts, #posts_photo'}),
  659. $content.infinitescroll({
  660. navSelector : '#page-nav',
  661. nextSelector : '#page-nav a',
  662. itemSelector : '#posts, #posts_photo',
  663. loading: {
  664. finishedMsg: '',
  665. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  666. },
  667. bufferPx : 600,
  668. debug : false,
  669. },
  670. // call masonry as a callback.
  671. function( newElements ) {
  672. var $newElems = $( newElements );
  673. $newElems.hide();
  674. // ensure that images load before adding to masonry layout
  675. $newElems.imagesLoaded(function(){
  676. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  677.  
  678.  
  679. });
  680. });
  681. });
  682. </script>
  683. {/block:IndexPage}
  684.  
  685. <!--- FIM DE SCRIPTS --->
  686.  
  687.  
  688. <a style="position:fixed; color:#fff; left:5px;background:rgba(0,0,0,0.2);border-radius:40px;width:20px;height:20px;line-height:20px;text-align:center;top:5px;font-family:georgia;font-weight:bold;font-size:10px; z-index:9999;" href="http://proezas.tumblr.com" rel="créditos" class="poplight" title="Theme by Proezas.">P</a>
  689.  
  690. <div style="bottom:0px; right:-10px; position:fixed; opacity:0;">
  691. <script language="JavaScript">
  692. var ref = (''+document.referrer+'');
  693. var w_h = window.screen.width + " x " + window.screen.height;
  694. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3881250&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  695. </script>
  696. </div>
  697.  
  698. </body>
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!