Advertisement
Carolaine_Vieira

Fansite 03

Mar 20th, 2016
3,534
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- ─────────╔╗────────────╔╗
  3. ─────────║║───────────╔╝╚╗
  4. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  5. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  6. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  7. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  8. ──────║║
  9. ──────╚╝
  10.  
  11. ➸ Fansite theme #03
  12. ➸ Tema criado por Carolaine Vieira
  13. ➸ Theme made by Amplamente
  14. ➸ http://amplamente.tumblr.com
  15. ➸ Não retire os crédtios
  16. ➸ Don't remove credit
  17.  
  18. -->
  19.  
  20.  
  21. <head>
  22.  
  23. <title>{title}</title>
  24. <link rel="shortcut icon" href="{Favicon}"/>
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. {block:Hidden}
  29. <meta name="color:Background" content="#e7e7e7"/>
  30. <meta name="color:Tooltip bg" content="#fff"/>
  31. <meta name="color:Tooltip text" content="#888888"/>
  32. <meta name="color:Perma link bg" content="#fbfbfb"/>
  33. <meta name="color:Perma link" content="#999"/>
  34. <meta name="color:Post Bg" content="#f6f6f6"/>
  35. <meta name="color:Post Bg 2" content="#fff"/>
  36. <meta name="color:Accent" content="#e89e8c"/>
  37. <meta name="color:Borders" content="#eeeeee"/>
  38. <meta name="color:Post Borders" content="#eeeeee"/>
  39. <meta name="color:Question" content="#eee"/>
  40. <meta name="color:Question text" content="#666666"/>
  41. <meta name="color:Question link" content="#444444"/>
  42. <meta name="color:Answer" content="#ffffff"/>
  43. <meta name="color:Text" content="#888888"/>
  44. <meta name="color:Link" content="#ccc"/>
  45. <meta name="color:Link hover" content="#222222"/>
  46. <meta name="color:Bold" content="#444444"/>
  47. <meta name="color:Italic" content="#ccc"/>
  48. <meta name="color:Boxs title" content="#fff"/>
  49. <meta name="color:Boxs extra links" content="#666666"/>
  50. <meta name="color:Search box text" content="#999"/>
  51. <meta name="color:Search box text typing" content="#fff"/>
  52. <meta name="color:Header bg" content="#fff"/>
  53. <meta name="color:Header description" content="#fff"/>
  54. <meta name="color:Header link" content="#666666"/>
  55. <meta name="color:Header link hover" content="#cb2f66"/>
  56. <meta name="color:Header link hover border" content="#cb2f66"/>
  57. <meta name="color:Scrollbar" content="#000000"/>
  58.  
  59. <meta name="if:InfiniteScroll" content="0"/>
  60. <meta name="if:Borders" content="1"/>
  61.  
  62. <meta name="image:Background" content=""/>
  63. <meta name="image:Header image" content="http://i.imgur.com/ivOvb17.jpg"/>
  64. <meta name="image:Sidebar" content="http://i.imgur.com/mdjznlZ.png"/>
  65. <meta name="image:Logo" content="http://i.imgur.com/4h1JZtN.png"/>
  66. <meta name="image:Afiliate1" content="http://i.imgur.com/EHF9vOQ.jpg"/>
  67. <meta name="image:Afiliate2" content="http://i.imgur.com/oRMfn75.png"/>
  68. <meta name="image:Afiliate3" content="http://i.imgur.com/6ISl0kA.png"/>
  69. <meta name="image:Afiliate4" content="http://i.imgur.com/w1atPXp.png"/>
  70. <meta name="image:Member1" content="http://i.imgur.com/4h1JZtN.png"/>
  71. <meta name="image:Member2" content="http://i.imgur.com/4h1JZtN.png"/>
  72.  
  73. <meta name="text:Font size" content="12" />
  74. <meta name="text:Header quote" content="Header quote long" />
  75. <meta name="text:Member 1 name" content="Name 1" />
  76. <meta name="text:Member 1 url" content="/" />
  77. <meta name="text:Member 1 desc" content="Desc 1" />
  78. <meta name="text:Member 2 name" content="Name 2" />
  79. <meta name="text:Member 2 url" content="/" />
  80. <meta name="text:Member 2 desc" content="Desc 2" />
  81. <meta name="text:Afiliate1Url" content="/" />
  82. <meta name="text:Afiliate1Url" content="/" />
  83. <meta name="text:Afiliate2Url" content="/" />
  84. <meta name="text:Afiliate3Url" content="/" />
  85. <meta name="text:Afiliate4Url" content="/" />
  86. <meta name="text:Afiliate1Name" content="/" />
  87. <meta name="text:Afiliate2Name" content="/" />
  88. <meta name="text:Afiliate3Name" content="/" />
  89. <meta name="text:Afiliate4Name" content="/" />
  90. <meta name="text:Creator" content="Owner of this site" />
  91. <meta name="text:Online" content="" />
  92. <meta name="text:Hits" content="" />
  93. <meta name="text:Terms of use" content="Lorem ipsum dolor sit amet." />
  94. <meta name="text:Newest date 1" content="01/02/03" />
  95. <meta name="text:Newest text 1" content="Lorem ipsum dolor sit amet." />
  96. <meta name="text:Newest date 2" content="01/02/03" />
  97. <meta name="text:Newest text 2" content="Lorem ipsum dolor sit amet." />
  98. <meta name="text:Newest date 3" content="01/02/03" />
  99. <meta name="text:Newest text 3" content="Lorem ipsum dolor sit amet." />
  100. <meta name="text:Instagram url" content="" />
  101. <meta name="text:Facebook url" content="" />
  102. <meta name="text:Twitter url" content="" />
  103. <meta name="text:Youtube url" content="" />
  104. <meta name="text:Extra link 1 name" content="link" />
  105. <meta name="text:Extra link 1 url" content="link" />
  106. <meta name="text:Extra link 2 name" content="link" />
  107. <meta name="text:Extra link 2 url" content="link" />
  108. <meta name="text:Extra link 3 name" content="link" />
  109. <meta name="text:Extra link 3 url" content="link" />
  110. <meta name="text:Extra link 4 name" content="link" />
  111. <meta name="text:Extra link 4 url" content="link" />
  112. <meta name="text:Extra link 5 name" content="link" />
  113. <meta name="text:Extra link 5 url" content="link" />
  114. <meta name="text:Link1" content="link 1" />
  115. <meta name="text:Link1url" content="/" />
  116. <meta name="text:Link2" content="link 2" />
  117. <meta name="text:Link2url" content="/" />
  118. <meta name="text:Link3" content="link 3" />
  119. <meta name="text:Link3url" content="/" />
  120. <meta name="text:Link4" content="link 4" />
  121. <meta name="text:Link4url" content="/" />
  122. <meta name="text:Link5" content="link 5" />
  123. <meta name="text:Link5url" content="/" />
  124. <meta name="text:Link6" content="link 6" />
  125. <meta name="text:Link6url" content="/" />
  126. {/block:Hidden}
  127.  
  128. <script type="text/javascript"
  129. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  130. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  131. <script>
  132. (function($){
  133.  
  134. $(document).ready(function(){
  135. $("[title]").style_my_tooltips();
  136. });
  137. })(jQuery);
  138. </script>
  139.  
  140. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  141. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  142.  
  143. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  144. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  145. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  146. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/uniicons-adj.css?dl=0">
  147. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  148. <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  149.  
  150. <script>
  151. $(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});
  152. </script>
  153.  
  154. <style type="text/css">
  155.  
  156. #ph-controls{position:fixed; width:auto; padding:0 10px; top:20px; right:10px; margin:8px; z-index:99; text-align:center;}
  157. #ph-controls a{z-index:99; display:inline-block; margin:0px 4px; font-size:18px;}
  158. #tumblr_controls,.tmblr-iframe {{block:IndexPage}display:none!important; {/block:IndexPage}}
  159.  
  160. .sform input {
  161. font-size:10px;
  162. text-transform:uppercase;
  163. color:{color:borders};
  164. text-align:center;
  165. background:transparent;
  166. border:0px;
  167. padding:7px;
  168. letter-spacing:2px;
  169. background:{color:post bg};
  170. }
  171.  
  172. ::-webkit-input-placeholder { color: {color:search box text}; }
  173. :-moz-placeholder { color: {color:search box text}; }
  174. ::-moz-placeholder { color: {color:search box text}; }
  175. :-ms-input-placeholder { color: {color:search box text}; }
  176.  
  177. .sbox {
  178.  
  179. margin-top:5px;
  180. margin-left:auto;
  181. margin-right:auto;
  182. width:240px;
  183. float:left;
  184. -webkit-transition:all 0.3s ease-out;
  185. -moz-transition:all 0.3s ease-out;
  186. transition:all 0.3s ease-out;
  187. }
  188. .sbox:hover {
  189. background:{color:banner hover};
  190. color:{color:search box text typing};
  191. -webkit-transition:all 0.3s ease-out;
  192. -moz-transition:all 0.3s ease-out;
  193. transition:all 0.3s ease-out;
  194. }
  195.  
  196. #sobre {
  197. padding:10px 0px 0px 0px;
  198. }
  199.  
  200. #sidepam {
  201. margin-top:50px;
  202. width:996px;
  203. text-align:center;
  204. border-left:1px solid {color:borders};
  205. border-right:1px solid {color:borders};
  206. }
  207.  
  208. img#bb {
  209. width:1000px;
  210. margin:0 auto;
  211. }
  212.  
  213. .quote {
  214. padding:20px;
  215. padding-left:30px;
  216. padding-right:30px;
  217. font-size:14px;
  218. text-align:left;
  219. margin-bottom:5px;
  220. font-style:italic;
  221. }
  222. .qsub {
  223. margin-top:8px;
  224. font-weight:bold;
  225. font-size:12px;
  226. font-style:600;
  227. }
  228.  
  229. .ch { padding:15px; background:transparent;}
  230. .ch .ch1 { padding:10px; margin-bottom:5px;}
  231. .ch1{ background:{color:Background}; border:1px solid {color:borders};}
  232. .ch .ch1 b{ color:{color:Accent}; text-transform:uppercase; font-size:11px;}
  233.  
  234. blockquote {
  235. width:90%;
  236. margin-left:0px;
  237. padding:10px;
  238. padding-top:0px;
  239. padding-bottom:0px;
  240. border-left:2px solid {color:Accent};
  241. background:transparent;
  242. }
  243. blockquote img{
  244. width:auto;
  245. max-width:100%;
  246. height:auto;
  247. }
  248.  
  249. .albumfoto{
  250. float:left;
  251. width:100px;
  252. margin-top:0px;
  253. margin-left:0px;
  254. }
  255. .albumfoto img{
  256. width:100px;
  257. }
  258. .audiodesc {
  259. margin-left:100px;
  260. padding:15px 20px;
  261. background:{color:Accent};
  262. color:{color:post bg 2};
  263. margin-top:0px;
  264. min-height:70px;
  265. font-weight:bold;
  266. margin-bottom:0px;
  267. text-align:left;
  268. }
  269. .audioplay {
  270. overflow:hidden;
  271. padding:5px;
  272. max-width:26px;
  273. width:26px;
  274. height:28px;
  275. margin-left:6px;
  276. margin-top:4px;
  277. background:transparent;
  278. -webkit-transition:all 0.3s ease-out;
  279. }
  280. .playbg {
  281. opacity:0.6;
  282. position:absolute;
  283. overflow:hidden;
  284. padding:10px;
  285. width:50px;
  286. max-width:50px;
  287. height:45px;
  288. background:{color:post bg 2};
  289. margin-left:14px;
  290. margin-top:-85px;
  291. -webkit-transition:all 0.3s ease-out;
  292. }
  293. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  294.  
  295.  
  296. #s-m-t-tooltip {
  297.  
  298. max-width:300px;
  299. padding:8px;
  300. margin:15px 20px;
  301. background-color: {color:tooltip bg};
  302. font-family: calibri;
  303. font-size:11px;
  304. border-radius:3px;
  305. letter-spacing:1px;
  306. text-transform:uppercase;
  307. color:{color:tooltip text};
  308. {block:IFBorders}
  309. border:1px solid #dfdfdf;
  310. {/block:IFBorders}
  311. z-index:9999999;
  312.  
  313. }
  314.  
  315. ol, ul {padding:0px;list-style-type:none;}
  316. ul li {position:relative;padding-left:20px;}
  317. ul li:before {
  318. content:'';
  319. position:absolute;
  320. display:block;
  321. top:8px;
  322. left:0px;
  323. width:10px;
  324. height:1px;
  325. background:{color:link};
  326. }
  327.  
  328. #top3 {
  329. height:auto;
  330. width:1000px;
  331. margin-top:-10px;
  332. margin-left:auto;
  333. margin-right:auto;
  334. background:transparent;
  335. -webkit-transition:all 0.3s ease-out;
  336. -moz-transition:all 0.3s ease-out;
  337. transition:all 0.3s ease-out;
  338. }
  339.  
  340. b { color: {color:bold}; !important; }
  341.  
  342. i { color: {color:italic} ;!important; }
  343.  
  344. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  345.  
  346. #calado{
  347. z-index:99;
  348. background:{color:header bg};
  349. left:50%;
  350. margin-left:-500px;
  351. top:0px;
  352. width:1000px;
  353. text-align:center;
  354. padding:0px;
  355. position:fixed;
  356. {block:IfBorders}
  357. margin-left:-501px;
  358. border-left:1px solid {color:borders};
  359. border-right:1px solid {color:borders};
  360. border-bottom:1px solid {color:borders};
  361. {/block:IfBorders}
  362. }
  363. #calado a {
  364. text-shadow:none;
  365. padding:20px;
  366. margin-left:3px;
  367. font-size:11px;
  368. margin-bottom:-1px;
  369. text-transform:uppercase;
  370. font-family:montserrat;
  371. display:inline-block;
  372. text-align:center;
  373. border-bottom:3px solid transparent;
  374. color:{color:header link};
  375. -webkit-transition:all 0.3s ease-out;
  376. -moz-transition:all 0.3s ease-out;
  377. transition:all 0.3s ease-out;
  378. }
  379. #calado a:hover {
  380. text-shadow:none;
  381. background:transparent;
  382. color:{color:header link hover};
  383. border-bottom:3px solid {color:header link hover border};
  384. -webkit-transition:all 0.3s ease-out;
  385. -moz-transition:all 0.3s ease-out;
  386. transition:all 0.3s ease-out;
  387. }
  388.  
  389. .ftitle {
  390.  
  391. border-top:1px solid {color:borders};
  392. z-index:4;
  393. background:{color:header link hover border};
  394. margin-left:auto;
  395. margin-right:auto;
  396. margin-top:-34px;
  397. width:970px;
  398. text-align:center;
  399. padding:15px;
  400. position:relative;
  401. font-family:montserrat;
  402. text-transform:uppercase;
  403. font-weight:700;
  404. color:{color:header link};
  405. font-size:21px;
  406.  
  407. }
  408.  
  409. 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;}
  410. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  411. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed;}
  412.  
  413. pre {
  414. overflow:auto;
  415. color:{color:post};
  416. background:{color:accent};
  417. font-size:calc({text:font size}px + 2px);
  418. font-style:italic;
  419. padding:3px;
  420. width:100%;
  421. }
  422.  
  423. h1 {
  424. text-align:center;
  425. margin:0;
  426. padding:5px;
  427. padding-top:0;
  428. padding-bottom:10px;
  429. text-transform:uppercase;
  430. border-bottom:1px solid {color:borders};
  431. color:{color:accent};
  432. }
  433.  
  434. .description {
  435. padding:10px;
  436. padding-bottom:15px;
  437. text-align:justify;
  438. margin:0 auto;
  439. color:{color:text};
  440. }
  441.  
  442. .date {
  443. font-family:montserrat;
  444. line-height:0px;
  445. margin-top:-21px;
  446. padding:5px;
  447. float:right;
  448. margin-right:0px;
  449. text-align:right;
  450. background-color:transparent;
  451. text-transform:uppercase;
  452. font-size:11px;
  453. {block:PermalinkPage}
  454. display:none;
  455. {/block:PermalinkPage}
  456. }
  457. .date a{
  458. color:{color:perma link};
  459. display:inline-block;
  460. margin:0 6px;
  461. }
  462. .date a:hover {
  463. cursor:help;
  464. color:{color:link};
  465. }
  466.  
  467.  
  468. .reblog {
  469.  
  470. margin-top:0px;
  471. margin-left:10px;
  472. float:left;
  473. background-color:transparent;
  474. padding:5px;
  475. font-size:12px;
  476. color:gray;
  477. font-weight:bold;
  478. {block:PermalinkPage}
  479. display:none;
  480. {/block:PermalinkPage}
  481. }
  482. .likie {
  483. margin-top:0px;
  484. margin-left:10px;
  485.  
  486. background-color:transparent;
  487. padding:5px;
  488. padding-bottom:3px;
  489. font-size:15px;
  490. color:#000;
  491. font-weight:bold;
  492. {block:PermalinkPage}
  493. display:none;
  494. {/block:PermalinkPage}
  495. }
  496. .reblog a{color:{color:post bg 2};}
  497.  
  498. a{
  499. color:{color:Link};
  500. text-decoration:none;
  501. -webkit-transition:all 0.3s ease-out;
  502. -moz-transition:all 0.3s ease-out;
  503. transition:all 0.3s ease-out;
  504. }
  505.  
  506. a:hover{
  507. color:{color:Link hover};
  508. -webkit-transition:all 0.3s ease-out;
  509. -moz-transition:all 0.3s ease-out;
  510. transition:all 0.3s ease-out;
  511.  
  512. }
  513.  
  514. body {
  515. margin:0;
  516. width:100%;
  517. cursor:crosshair;
  518. color:{color:Text};
  519. font-family: 'Noto Sans', sans-serif;
  520. font-size:{text:font size}px;
  521. background: {color:background} url("{image:background}") fixed;
  522. }
  523.  
  524. h2 {text-align:center; text-transform:none;}
  525.  
  526. #post{
  527. margin-top:-5px;
  528. width:960px;
  529. height:100%;
  530. {block:IFBOrders}
  531. border-left:1px solid {color:borders};
  532. border-right:1px solid {color:borders};
  533. {/block:IFBOrders}
  534. margin-left:auto;
  535. margin-right:auto;
  536. color:{color:Text};
  537. background:{color:post bg};
  538. padding:20px;
  539. padding-top:75px;
  540. text-align:left;
  541. }
  542.  
  543. .entry{
  544. text-align:left;
  545. padding:20px;
  546. color:{color:Text};
  547. background:{color:post bg 2};
  548. width:500px;
  549. height:auto;
  550. margin:0px 0px 60px 50px;
  551. {block:IFBorders} border:1px solid {color:post borders}; {/block:IFBorders}
  552. -webkit-transition: 1s ease-in-out;
  553. -moz-transition: 1s ease-in-out;
  554. -o-transition: 1s ease-in-out;
  555.  
  556. }
  557.  
  558. .entry img{
  559. max-width:500px;
  560. }
  561.  
  562. .entry .perm{
  563.  
  564. text-transform:uppercase;
  565. background:{color:post bg 2};
  566. text-align:left;
  567. margin-top:-20px;
  568. margin-left:450px;
  569. border-bottom:1px solid {color:borders};
  570. width:200px;
  571. height:auto;
  572. position:absolute;
  573. opacity:0.0;
  574. font-family: inconsolata;
  575. {block:PermalinkPage}
  576. display:none;
  577. {/block:PermalinkPage}
  578. -webkit-transition:all 0.5s ease-out;
  579. -moz-transition:all 0.5s ease-out;
  580. transition:all 0.5s ease-out;
  581.  
  582. }
  583. .entry:hover .perm{
  584. height:auto;
  585. opacity:1;
  586. -webkit-transition:all 0.5s ease-out;
  587. -moz-transition:all 0.5s ease-out;
  588. transition:all 0.5s ease-out;
  589.  
  590. }
  591.  
  592. .pagination {
  593. display: none;
  594. }
  595.  
  596. ::-webkit-scrollbar {height:5px; width:4px;}
  597.  
  598. ::-webkit-scrollbar-track-piece {
  599. background-color:{color:header bg};
  600. }
  601.  
  602. ::-webkit-scrollbar-thumb {
  603. background-color:{color:scrollbar};
  604. }
  605.  
  606. #notas {
  607. margin-top:0px;
  608. width:95%;
  609. height:200px;
  610. overflow-y:auto;
  611. padding:10px;
  612. text-transform:uppercase;
  613. margin-left:auto;
  614. margin-right:auto;
  615.  
  616. }
  617.  
  618. .notes img {
  619. width: 15px;
  620. border-radius:2px;
  621. float:right;
  622. list-style:none;
  623. -webkit-transition: all 0.5s linear;
  624. -moz-transition: all 0.5s linear;
  625. transition: all 0.5s linear;}
  626. ol.notes, .notes li {
  627. border-bottom:1px solid {color:borders};
  628. list-style:none;
  629. width: 100%;
  630. padding:10px;
  631. font-size:10px;
  632. margin-top: 5px;
  633. margin-left:0px;
  634. padding-left: 0px}
  635. .notes li:hover img {
  636. list-style:none;
  637. -webkit-transition: all 0.5s linear;
  638. -moz-transition: all 0.5s linear;
  639. transition: all 0.5s linear;}
  640.  
  641. #notas::-webkit-scrollbar-track-piece {
  642. background-color:{color:post bg};
  643. }
  644. hr {
  645. background:{color:borders};
  646. border-color:transparent;
  647. width:200px;
  648. margin:25px auto 25px auto;
  649. }
  650.  
  651. .tags {
  652. border-top:1px solid {color:borders};
  653. font-size:9px;
  654. margin:10px 0px 0px -5px;
  655. text-transform:uppercase;
  656. width:calc(100% - 19px);
  657. padding:12px 15px 0px 15px;
  658. }
  659. .tags a{
  660. margin:4px;
  661. padding:2px;
  662. font-size:10px;
  663. color:{color:perma link};
  664. display;block
  665. }
  666.  
  667. .tags a:hover {
  668. text-decoration:line-through;
  669. }
  670.  
  671. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; font-size:27px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  672. -webkit-transition:all 0.3s ease-out;
  673. -moz-transition:all 0.3s ease-out;
  674. transition:all 0.3s ease-out;
  675. text-shadow:none;
  676. }
  677. #top1 a{background-color: rgba(255, 255, 255, 0.5); padding:10px; border-radius:2px; color: rgba(128, 128, 128, 0.9);}
  678. #top1 a:hover {text-shadow:none;}
  679.  
  680. .scrollup {
  681. width: auto;
  682. height: auto;
  683. position: fixed;
  684. bottom: 45px;
  685. right: 10px;
  686. text-transform:none;
  687. display:none;
  688. padding:10px;
  689. border-radius:2px;
  690. color: rgba(128, 128, 128, 0.7);
  691. background-color: rgba(255, 255, 255, 0.5);
  692. -webkit-transition:all 0.3s ease-out;
  693. -moz-transition:all 0.3s ease-out;
  694. transition:all 0.3s ease-out;
  695. }
  696. .scrollup:hover {
  697. bottom:55px;
  698. -webkit-transition:all 0.3s ease-out;
  699. -moz-transition:all 0.3s ease-out;
  700. transition:all 0.3s ease-out;
  701.  
  702. }
  703.  
  704. #paginacao {
  705. margin:0px auto 0px auto;
  706. text-transform:uppercase;
  707. text-align:center;
  708. font-size:14px;
  709. }
  710. #paginacao a {
  711. display:inline-block;
  712. margin:0 6px;
  713. color:{color:text};
  714. }
  715. span.current_page {
  716. display:inline-block;
  717. margin:0 6px;
  718. font-weight:600;
  719. text-decoration:line-through;
  720. }
  721. span.total_pages {
  722. display:inline-block;
  723. margin:0 6px;
  724. }
  725. #paginacao a:hover{
  726. color:{color:accent};
  727. }
  728.  
  729. #sc {
  730. height:auto;
  731. width:auto;
  732. letter-spacing:1px;
  733. margin-left:auto;
  734. margin-right:auto;
  735. margin-top:20px;
  736. margin-bottom:10px;
  737. font-size:11px;
  738. text-transform:uppercase;
  739. z-index:4;
  740. text-align:center;
  741. font-family:montserrat;
  742. -webkit-transition:all 0.3s ease-out;
  743. -moz-transition:all 0.3s ease-out;
  744. transition:all 0.3s ease-out;
  745. }
  746.  
  747. #sc a{
  748.  
  749. padding:9px;
  750. margin-left:4px;
  751. {block:IfBorders}
  752. background:#fbfbfb;
  753. border:1px solid #eee;
  754. color:{color:text};
  755. {/block:IfBorders}
  756. {block:IfNotBorders}
  757. background:{color:header link hover};
  758. color:{color:boxs title};
  759. {/block:IfNotBorders}
  760. border-radius:100%;
  761.  
  762. }
  763.  
  764. #sc:hover{
  765. -webkit-transition:all 0.8s ease-out;
  766. -moz-transition:all 0.8s ease-out;
  767. transition:all 0.8s ease-out;
  768. }
  769.  
  770. #poxa {
  771.  
  772. margin-top:15px;
  773.  
  774. }
  775.  
  776. #poxa a {
  777. padding:5px;
  778. font-size:10px;
  779. text-align:left;
  780. margin-left:3px;
  781. width:210px;
  782. margin-bottom:7px;
  783. font-family:montserrat;
  784. text-transform:uppercase;
  785. display:inline-block;
  786. color:{color:boxs extra links};
  787. -webkit-transition:all 0.3s ease-out;
  788. -moz-transition:all 0.3s ease-out;
  789. transition:all 0.3s ease-out;
  790. text-decoration:none;
  791. text-shadow:none;
  792. }
  793.  
  794. #poxa a:hover {
  795. text-shadow:none;
  796. padding-left:25px;
  797. -webkit-transition:all 0.3s ease-out;
  798. -moz-transition:all 0.3s ease-out;
  799. transition:all 0.3s ease-out;}
  800.  
  801.  
  802. .sobre {
  803. font-size:{text:font size}px;
  804. text-transform:none;
  805. padding-top:5px 0px;
  806. text-align:left;
  807. margin-top:0px;
  808. background:transparent;
  809.  
  810. }
  811.  
  812. .mytitle {
  813.  
  814. font-size:40px;
  815. text-align:center;
  816.  
  817. background:transparent;
  818. margin-top:-170px;
  819. position:relative;
  820. padding:10px;
  821. color:#fff;
  822. text-shadow: 3px 3px 2px #eee;
  823.  
  824. }
  825.  
  826. .boxs {
  827.  
  828. background:{color:post bg 2};
  829. float:right;
  830. margin-right:15px;
  831. height:auto;
  832. width:250px;
  833. padding:15px;
  834. margin-bottom:10px;
  835. {block:IFBorders} border:1px solid {color:post borders}; {/block:IFBorders}
  836. {block:permalinkpage}
  837. display:none;
  838. {/block:permalinkpage}
  839.  
  840. }
  841.  
  842. #sidetitle {
  843.  
  844. font-family:montserrat;
  845. color:{color:boxs title};
  846. text-align:left;
  847.  
  848. text-transform:uppercase;
  849. padding:15px;
  850. width:250px;
  851. margin-left:-15px;
  852. margin-top:-15px;
  853. font-size:15px;
  854. margin-bottom:10px;
  855. background:{color:accent};
  856. {block:IFBorders}
  857. border-bottom:1px solid {color:post borders};
  858. {/block:IFBorders}
  859.  
  860. }
  861.  
  862. #members {
  863.  
  864. border-radius:100px;
  865. width:40px;
  866. height:40px;
  867. padding:5px;
  868. padding-right:0px;
  869. background:transparent;
  870. float:left;
  871. margin-top:10px;
  872. -webkit-transition: all 0.8s ease-out;
  873. -moz-transition: all 0.8s ease-out;
  874. -ms-transition: all 0.8s ease-out;
  875. -o-transition: all 0.8s ease-out;
  876. transition: all 0.8s ease-out;
  877. }
  878. #members:hover {
  879. border-radius:100%;
  880. -webkit-transition: all 0.8s ease-out;
  881. -moz-transition: all 0.8s ease-out;
  882. -ms-transition: all 0.8s ease-out;
  883. -o-transition: all 0.8s ease-out;
  884. transition: all 0.8s ease-out;
  885. }
  886.  
  887.  
  888. #mdesc{
  889.  
  890. float:right;
  891. width:190px;
  892. background:transparent;
  893. padding:5px;
  894. padding-left:0px;
  895. margin-top:10px;
  896. height:40px;
  897. font-size:11px;
  898. margin-bottom:6px;
  899. text-transform:lowercase;
  900.  
  901. }
  902.  
  903. .update {
  904.  
  905. max-width:52px;
  906. background:{color:post bg};
  907. padding:10px;
  908. {block:IFBorders}
  909. border:1px solid {color:borders};
  910. {/block:IFBorders}
  911. text-transform:uppercase;
  912. font-size:11px;
  913. font-family:montserrat;
  914. float:left;
  915. margin-top:10px;
  916.  
  917. }
  918.  
  919. #updesc{
  920.  
  921. float:right;
  922. width:155px;
  923. background:transparent;
  924. padding:5px;
  925. margin-top:10px;
  926. height:40px;
  927. font-size:9.5px;
  928. margin-bottom:6px;
  929.  
  930. }
  931.  
  932. #fter {
  933. height:auto;
  934. width:920px;
  935. margin-top:0px;
  936. margin-bottom:-20px;
  937. padding:40px;
  938. text-align:center;
  939. margin-left:auto;
  940. margin-right:auto;
  941. background:{color:post};
  942. border:1px solid {color:borders};
  943. -webkit-transition:all 0.3s ease-out;
  944. -moz-transition:all 0.3s ease-out;
  945. transition:all 0.3s ease-out;
  946. }
  947.  
  948. #perfil {
  949.  
  950. width:280px;
  951. margin-left:-15px;
  952. margin-top:-15px;
  953. margin-bottom:5px;
  954.  
  955. }
  956.  
  957. #hdr {
  958. width:90px;
  959. height:90px;
  960. margin:0 auto 5px auto;
  961. border-radius:100%;
  962. padding:10px;
  963. background:{color:post bg 2};
  964. z-index:99;
  965. }
  966.  
  967. #txt {
  968. width:970px;
  969. position: absolute;
  970. top: 30%;
  971. left: 50%;
  972. transform: translate(-50%, -60%);
  973. padding:15px;
  974. color:{color:header description};
  975. font-size:13px;
  976. font-style:italic;
  977. text-align:center;
  978. }
  979.  
  980. #stitle {
  981. width:260px;
  982. margin-left:-15px;
  983. padding:10px;
  984. border-bottom:1px solid {color:post borders};
  985. }
  986.  
  987. #afl {
  988.  
  989. float:left;
  990. width:40px;
  991. border-radius:3px;
  992. margin:11px;
  993. }
  994.  
  995. #cola {
  996.  
  997. {block:PermalinkPage} display:none; {/block:PermalinkPage}
  998. width:calc(100% + 30px);
  999. margin:10px 0px -20px -20px;
  1000. padding:15px 5px;
  1001. background:{color:perma link bg};
  1002. {block:IFBorders}
  1003. border-top:1px solid {color:post borders};
  1004. {/block:IFBorders}
  1005.  
  1006. }
  1007.  
  1008. {CustomCSS}
  1009.  
  1010. </style>
  1011. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1012.  
  1013. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  1014.  
  1015. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1016.  
  1017. <script>
  1018. $(function(){
  1019. var $container = $('#post');
  1020. $container.imagesLoaded(function(){
  1021. $container.masonry({
  1022. itemSelector: '.entry',
  1023. });
  1024. });
  1025. $container.infinitescroll({
  1026. itemSelector : ".entry",
  1027. navSelector : "div.pagination",
  1028. nextSelector : ".pagination a#next",
  1029. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  1030. loadingText : "<em></em>",
  1031. bufferPx : 10000,
  1032. extraScrollPx: 12000,
  1033. },
  1034. // trigger Masonry as a callback
  1035. function( newElements ) {
  1036. var $newElems = $( newElements ).css({ opacity: 0 });
  1037. // ensure that images load before adding to masonry layout
  1038. $newElems.imagesLoaded(function(){
  1039. $newElems.animate({ opacity: 1 });
  1040. $container.masonry( 'appended', $newElems, true );
  1041. });
  1042. }
  1043. );
  1044. });
  1045. </script>
  1046.  
  1047. </head>
  1048. <body>
  1049. <div id="ph-controls">
  1050. <a href="http://tumblr.com/follow/{name}" target="_blank" class="uniicons-avatar93" title="Follow"></a>
  1051. <a href="https://www.tumblr.com/dashboard?conversation={name}" target="_blank" class="uniicons-mail22" title="Chat"></a>
  1052. <a href="http://tumblr.com/dashboard" class="uniicons-house287" title="Dashboard"></a>
  1053. </div>
  1054.  
  1055. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  1056.  
  1057. <div id="calado">
  1058.  
  1059. <a href="{text:link1url}">{text:link1}</a>
  1060. <a href="{text:link2url}">{text:link2}</a>
  1061. <a href="{text:link3url}">{text:link3}</a>
  1062. <a href="/" style="font-size:16px; color:{color:header link hover}; padding-bottom:19px;">{title}</a>
  1063. <a href="{text:link4url}">{text:link4}</a>
  1064. <a href="{text:link5url}">{text:link5}</a>
  1065. <a href="{text:link6url}">{text:link6}</a>
  1066. </div>
  1067.  
  1068. <div id="top3">
  1069. <div id="sidepam">
  1070. <img id="bb" src="{image:header image}">
  1071. <div id="txt">
  1072. <img id="hdr" src="{image:Logo}" />
  1073. <div style="width:350px; margin:0 auto;">
  1074. {text:Header quote}
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079.  
  1080.  
  1081. <div id="post">
  1082. <div style="width:295px; float:right;">
  1083. <div class="boxs">
  1084. <img id="perfil" src="{image:sidebar}" />
  1085. <div class="description">{description}</div>
  1086. <div id="sc">
  1087.  
  1088. <a href="{text:instagram url}" style="padding-left:11px; padding-right:11px;" title="instagram"><li class="fa fa-instagram"></li></a>
  1089. <a href="{text:facebook url}" style="padding-left:12px; padding-right:12px;" title="facebook"><li class="fa fa-facebook"></li></a>
  1090. <a href="{text:twitter url}" style="" title="twitter"><li class="fa fa-twitter"></li></a>
  1091. <a href="{text:youtube url}" style="padding-left:11px; padding-right:11px;" title="youtube"><li class="fa fa-youtube"></li></a>
  1092.  
  1093. </div>
  1094.  
  1095. </div>
  1096.  
  1097. <div style="margin-top:50px;" class="boxs">
  1098. <div id="sidetitle"><li class="fa fa-users"></li>&nbsp;&nbsp;Members</div>
  1099.  
  1100.  
  1101. <img id="members" src="{image:member1}">
  1102. <div id="mdesc">
  1103. <a style="font-weight:bold; color:{color:bold};" href="{text:member 2 url}">{text:member 1 name}</a></br>
  1104. {text:member 1 desc}
  1105. </div>
  1106.  
  1107. <img style="margin-left:-44px; margin-top:75px;" id="members" src="{image:member2}">
  1108. <div id="mdesc">
  1109. <a style="font-weight:bold; color:{color:bold};" href="{text:member 2 url}">{text:member 2 name}</a></br>
  1110. {text:member 2 desc}
  1111. </div>
  1112.  
  1113. </div>
  1114.  
  1115. <div style="margin-top:50px;" class="boxs">
  1116. <div id="sidetitle"><li class="fa fa-bars"></li>&nbsp;&nbsp;Navigation</div>
  1117.  
  1118. <div id="poxa">
  1119.  
  1120. <a href="{text:extra link 1 url}">01.&nbsp;&nbsp;{text:extra link 1 name}</a>
  1121. <a href="{text:extra link 2 url}">02.&nbsp;&nbsp;{text:extra link 2 name}</a>
  1122. <a href="{text:extra link 3 url}">03.&nbsp;&nbsp;{text:extra link 3 name}</a>
  1123. <a href="{text:extra link 4 url}">04.&nbsp;&nbsp;{text:extra link 4 name}</a>
  1124. <a href="{text:extra link 5 url}">05.&nbsp;&nbsp;{text:extra link 5 name}</a>
  1125.  
  1126. <form action="/search" method="get" class="sform" name="form">
  1127. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  1128.  
  1129. </div>
  1130.  
  1131. </div>
  1132.  
  1133. <div style="margin-top:50px;" class="boxs">
  1134. <div id="sidetitle"><li class="fa fa-book"></li>&nbsp;&nbsp;Terms of use</div>
  1135.  
  1136. <div style="padding:10px;">
  1137.  
  1138. {text:terms of use}
  1139.  
  1140. </div></div>
  1141.  
  1142. <div style="margin-top:50px;" class="boxs">
  1143. <div id="sidetitle"><li class="fa fa-heart"></li>&nbsp;&nbsp;Afiliates</div>
  1144.  
  1145. <a href="{text:afiliate1url}" title="{text:afiliate1name}"><img id="afl" src="{image:afiliate1}" /></a>
  1146. <a href="{text:afiliate2url}" title="{text:afiliate2name}"><img id="afl" src="{image:afiliate2}" /></a>
  1147. <a href="{text:afiliate3url}" title="{text:afiliate3name}"><img id="afl" src="{image:afiliate3}" /></a>
  1148. <a href="{text:afiliate4url}" title="{text:afiliate4name}"><img id="afl" src="{image:afiliate4}" /></a>
  1149.  
  1150. </div>
  1151.  
  1152. <div style="margin-top:50px;" class="boxs">
  1153. <div id="sidetitle"><li class="fa fa-newspaper-o"></li>&nbsp;&nbsp;newest</div>
  1154.  
  1155. <div class="update">
  1156. {text:newest date 1}
  1157. </div>
  1158. <div id="updesc">
  1159. {text:newest text 1}
  1160. </div>
  1161.  
  1162. <div class="update">
  1163. {text:newest date 2}
  1164. </div>
  1165. <div style="margin-top:-10px;" id="updesc">
  1166. {text:newest text 2}
  1167. </div>
  1168.  
  1169. <div class="update">
  1170. {text:newest date 3}
  1171. </div>
  1172. <div style="margin-top:-10px;" id="updesc">
  1173. {text:newest text 3}
  1174. </div>
  1175.  
  1176. </div>
  1177.  
  1178. <div style="margin-top:50px; font-size:10px; padding-bottom:0px;" class="boxs">
  1179. <div style="margin-bottom:10px;" id="sidetitle"><li class="fa fa-bar-chart"></li>&nbsp;&nbsp;site info</div>
  1180.  
  1181. <div id="stitle">CREATOR: {text:Creator}</div>
  1182. <div id="stitle">ESTABILISHED: {CopyrightYears}</div>
  1183. <div id="stitle">ONLINE: {text:Online}</div>
  1184. <div id="stitle">HITS: {text:Hits}</div>
  1185. <div id="stitle">THEME: <a href="http://amplamente.tumblr.com/">Amplamente</a></div>
  1186.  
  1187. </div>
  1188.  
  1189. </div>
  1190.  
  1191. {block:Posts}
  1192. <div class="entry">
  1193.  
  1194.  
  1195. {block:Title}<h1>{Title}</h1>{/block:Title}
  1196.  
  1197. {block:Text} {Body} {/block:Text}
  1198.  
  1199. {block:Photo}
  1200. <a href="{permalink}" ><img src="{PhotoURL-500}" width="100%"/></a>
  1201. {/block:Photo}
  1202.  
  1203. {block:Photoset}
  1204. {Photoset-500}
  1205. {/block:Photoset}
  1206.  
  1207. {block:Quote}
  1208. <div class="quote">{Quote}
  1209. <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div></div>
  1210. {/block:Quote}
  1211.  
  1212. {block:Video}
  1213. {Video-500}<br>{PlayCountWithLabel}
  1214. {/block:Video}
  1215.  
  1216. {block:Link}
  1217. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1218. {block:Description}{Description}{/block:Description}
  1219. {/block:Link}
  1220.  
  1221. {block:Chat}
  1222. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  1223. {/block:Label}{Line}</div>{/block:Lines}</div>
  1224. {/block:Chat}
  1225.  
  1226. {block:Audio}<div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>{/block:Audio}
  1227.  
  1228. {block:Answer}
  1229. <div id="question">
  1230. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1231. </div><div class="asktri"></div>
  1232. <div id="answer">
  1233. {Answer}
  1234. </div>
  1235. {/block:Answer}
  1236.  
  1237. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1238. {block:Date}
  1239. <div id="cola">
  1240.  
  1241. <div >
  1242. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1243. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1244. </div>
  1245.  
  1246. <div class="date">
  1247. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {Year}</a>
  1248. <a href="{permalink}">{NoteCountWithLabel}</a>
  1249. {block:RebloggedFrom}
  1250. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  1251. <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a>
  1252. {/block:RebloggedFrom}
  1253. </div>
  1254.  
  1255. {block:HasTags}
  1256. <div class="tags">
  1257. {block:Tags}
  1258. <a href="{TagURL}">#{Tag}</a>
  1259. {/block:Tags}
  1260. </div>
  1261. {/block:HasTags}
  1262.  
  1263. </div>
  1264. {/block:Date}
  1265.  
  1266. {block:PermalinkPage}
  1267.  
  1268. <div style="padding:15px;">
  1269.  
  1270. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  1271.  
  1272. {block:RebloggedFrom}
  1273. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  1274.  
  1275. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  1276. {/block:RebloggedFrom}
  1277.  
  1278. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  1279. </br>
  1280. {block:HasTags}
  1281. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  1282. {block:Tags}
  1283. <a href="{TagURL}">#{Tag}</a>
  1284. {/block:Tags}{/block:HasTags}
  1285.  
  1286. </div>
  1287.  
  1288. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1289. {/block:PermalinkPage}
  1290. </div>
  1291.  
  1292. {/block:Posts}
  1293.  
  1294. </div>
  1295.  
  1296.  
  1297. {block:IfNotInfiniteScroll}
  1298. <div id="fter">
  1299. {block:Pagination}
  1300. <div id="paginacao">
  1301. {block:PreviousPage}
  1302. <a href="{PreviousPage}">{lang:Previous}</a>
  1303. {/block:PreviousPage}
  1304. {block:JumpPagination length="6"}
  1305. {block:CurrentPage}
  1306. <span class="current_page">{CurrentPage}</span>
  1307. {/block:CurrentPage}
  1308. {block:JumpPage}
  1309. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1310. {/block:JumpPage}
  1311. {/block:JumpPagination}
  1312. <span class="total_pages">...{TotalPages}</span>
  1313. {block:NextPage}
  1314. <a href="{NextPage}">{lang:Next}</a>
  1315. {/block:NextPage}
  1316. </div>
  1317. {/block:Pagination}
  1318. </div>
  1319. {/block:IfNotInfiniteScroll}
  1320.  
  1321. {block:IfInfiniteScroll}
  1322. <div class="pagination">
  1323. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1324. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1325. </div>
  1326. {/block:IfInfiniteScroll}
  1327.  
  1328. <div id="top1">
  1329. <a href="http://amplamente.tumblr.com/" title="amplamente">Am</a>
  1330. </div>
  1331.  
  1332.  
  1333. </body>
  1334. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement