Advertisement
Carolaine_Vieira

Opp Theme

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