API tools faq
paste
Advertisement
Carolaine_Vieira

Fansite 04

Carolaine_Vieira
Apr 8th, 2016
952
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4.  
  5. FANSITE THEME #04
  6. Theme made by amplamente.tumblr.com
  7. For more information send a question.
  8.  
  9. -->
  10. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
  11. <!--[if IE 7 ]> <html class="ie7"> <![endif]-->
  12. <!--[if IE 8 ]> <html class="ie8"> <![endif]-->
  13. <!--[if IE 9 ]> <html class="ie9"> <![endif]-->
  14. <!--[if (gt IE 9)|!(IE)]><!--<![endif]-->
  15. <head>
  16. <meta charset="utf-8">
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:Background" content="#eeeeee"/>
  23. <meta name="color:Text" content="#999999"/>
  24. <meta name="color:Link" content="#999"/>
  25. <meta name="color:Link hover" content="#ccc"/>
  26. <meta name="color:Accent" content="#75b1d6"/>
  27. <meta name="color:Accent2" content="#222222"/>
  28. <meta name="color:Post bg 2" content="#f8f8f8"/>
  29. <meta name="color:Post bg" content="#ffffff"/>
  30. <meta name="color:Post borders" content="#f6f6f6"/>
  31. <meta name="color:Perma link" content="#ffffff"/>
  32. <meta name="color:Header bg" content="#141414"/>
  33. <meta name="color:Sidebar text" content="#888888"/>
  34. <meta name="color:Sidebar link" content="#888888"/>
  35. <meta name="color:Search box text" content="#ffffff"/>
  36. <meta name="color:Search box text typing" content="#75b1d6"/>
  37.  
  38. <meta name="if:InfiniteScroll" content="0"/>
  39.  
  40. <meta name="image:Background" content="http://i.imgur.com/H7Gx5Nf.png"/>
  41. <meta name="image:Header image" content="http://i.imgur.com/75z2gRS.png"/>
  42. <meta name="image:Header" content="http://i.imgur.com/ms7hPmn.jpg"/>
  43. <meta name="image:Member1" content="https://i.imgur.com/a9C57Tc.png"/>
  44. <meta name="image:Member2" content="https://i.imgur.com/a9C57Tc.png"/>
  45. <meta name="image:Member3" content="https://i.imgur.com/a9C57Tc.png"/>
  46. <meta name="image:Member4" content="https://i.imgur.com/a9C57Tc.png"/>
  47. <meta name="image:Member5" content="https://i.imgur.com/a9C57Tc.png"/>
  48.  
  49. <meta name="text:Subtitle" content="subtitle"/>
  50. <meta name="text:Twitter Widget" content=""/>
  51. <meta name="text:Disqus Shortname" content="" />
  52. <meta name="text:Twitter Url" content=""/>
  53. <meta name="text:Instagram Url" content=""/>
  54. <meta name="text:SoundCloud Url" content=""/>
  55. <meta name="text:Youtube Url" content=""/>
  56. <meta name="text:Pinterest Url" content=""/>
  57. <meta name="text:LinkedIn Url" content=""/>
  58. <meta name="text:Member1 link" content=""/>
  59. <meta name="text:Member2 link" content=""/>
  60. <meta name="text:Member3 link" content=""/>
  61. <meta name="text:Member4 link" content=""/>
  62. <meta name="text:Member5 link" content=""/>
  63. <meta name="text:HeaderLink1Title" content="link"/>
  64. <meta name="text:HeaderLink1Url" content="/"/>
  65. <meta name="text:HeaderLink2Title" content="link"/>
  66. <meta name="text:HeaderLink2Url" content="/"/>
  67. <meta name="text:HeaderLink3Title" content="link"/>
  68. <meta name="text:HeaderLink3Url" content="/"/>
  69. <meta name="text:HeaderLink4Title" content="link"/>
  70. <meta name="text:HeaderLink4Url" content="/"/>
  71. <meta name="text:HeaderLink5Title" content="link"/>
  72. <meta name="text:HeaderLink5Url" content="/"/>
  73. <meta name="text:Link1Title" content="link"/>
  74. <meta name="text:Link1Url" content="/"/>
  75. <meta name="text:Link2Title" content="link"/>
  76. <meta name="text:Link2Url" content="/"/>
  77. <meta name="text:Link3Title" content="link"/>
  78. <meta name="text:Link3Url" content="/"/>
  79. <meta name="text:Link4Title" content="link"/>
  80. <meta name="text:Link4Url" content="/"/>
  81.  
  82. <link href='https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Raleway|PT+Sans|Droid+Sans' rel='stylesheet' type='text/css'>
  83. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
  84. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  85. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  86.  
  87. <script>
  88. window.onload = function () {
  89. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  90. document.addEventListener( 'click', function ( event ) {
  91. var myLike = event.target;
  92. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  93. var frame = document.getElementById( 'my-like-frame' ),
  94. liked = ( myLike.className == 'my-liked' ),
  95. command = liked ? 'unlike' : 'like',
  96. reblog = myLike.getAttribute( 'data-reblog' ),
  97. id = myLike.getAttribute( 'data-id' ),
  98. oauth = reblog.slice( -8 );
  99. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  100. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  101. };
  102. }, false );
  103. };
  104. </script>
  105.  
  106. <script type="text/javascript"
  107. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  108. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  109. <script>
  110. (function($){
  111.  
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips();
  114. });
  115. })(jQuery);
  116. </script>
  117.  
  118. <style type="text/css">
  119.  
  120. #disqus_thread {
  121. margin-top:60px;
  122. margin-bottom:100px;
  123. width:500px;
  124. height:auto;
  125. position:relative;
  126. margin-left:auto;
  127. margin-right:auto;
  128. padding:30px;
  129. background:{color:post bg};
  130. border:1px solid {color:post borders};
  131. border-radius:3px;
  132. text-align:center;
  133. z-index:99999;
  134.  
  135. }
  136.  
  137. #s-m-t-tooltip {
  138.  
  139. max-width:300px;
  140. padding:6px;
  141. padding-left:8px;
  142. padding-right:8px;
  143. margin:15px 20px;
  144. font-size:9px;
  145. letter-spacing:1px;
  146. text-transform:uppercase;
  147. color:{color:post bg};
  148. background:{color:accent};
  149. z-index:9999999;
  150.  
  151. }
  152.  
  153. .my-like {
  154. cursor:pointer;
  155. display:inline-block;
  156. vertical-align:top;
  157. background:transparent;
  158. color:{color:perma link};
  159. }
  160. .my-liked, .my-like:hover {
  161. background:transparent;
  162. color: red;
  163. cursor:pointer;
  164. display:inline-block;
  165. vertical-align:top;
  166. }
  167.  
  168. hr {
  169. border:1px solid {color:post borders};
  170. width:180px;
  171. margin-top:20px;
  172. margin-bottom:20px;
  173. }
  174.  
  175. body {
  176. background: {color:background} url("{image:background}") fixed;
  177. color:{color:text};
  178. font-size:12px;
  179. font-family:Roboto;
  180. }
  181.  
  182. a {
  183. text-decoration:none;
  184. color:{color:link};
  185. -webkit-transition: all 0.5s ease-out;
  186. -moz-transition: all 0.5s ease-out;
  187. -ms-transition: all 0.5s ease-out;
  188. -o-transition: all 0.5s ease-out;
  189. transition: all 0.5s ease-out;
  190. }
  191. a:hover {
  192. color:{color:link hover};
  193. -webkit-transition: all 0.5s ease-out;
  194. -moz-transition: all 0.5s ease-out;
  195. -ms-transition: all 0.5s ease-out;
  196. -o-transition: all 0.5s ease-out;
  197. transition: all 0.5s ease-out;
  198.  
  199. }
  200.  
  201. #post {
  202. position:relative;
  203. width:500px;
  204. background:transparent;
  205. margin-left:-150px;
  206. left:50%;
  207. {block:PermalinkPage}
  208. margin-left:-300px;
  209. {/block:PermalinkPage}
  210. top:0px;
  211. }
  212.  
  213. .entry {
  214. border-radius:4px;
  215. float:left;
  216. width:500px;
  217. padding:0px;
  218. margin:50px;
  219. margin-bottom:20px;
  220. background:{color:post bg};
  221. border:1px solid {color:post borders};
  222. }
  223.  
  224. .entry .permpm {
  225. border:1px solid {color:post borders};
  226. border-left-color:transparent;
  227. width:60px;
  228. height:auto;
  229. position:absolute;
  230. margin-left:500px;
  231. margin-top:-1px;
  232. background:{color:post bg};
  233. text-transform:lowercase;
  234. opacity:0.0;
  235. padding:15px;
  236. font-size:10px;
  237. text-align:left;
  238. {block:PermalinkPage}
  239. display:none;
  240. {/block:PermalinkPage}
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. -ms-transition: all 0.5s ease-out;
  244. -o-transition: all 0.5s ease-out;
  245. transition: all 0.5s ease-out;
  246.  
  247. }
  248.  
  249. .entry:hover .permpm {
  250.  
  251. opacity:1;
  252. -webkit-transition: all 0.5s ease-out;
  253. -moz-transition: all 0.5s ease-out;
  254. -ms-transition: all 0.5s ease-out;
  255. -o-transition: all 0.5s ease-out;
  256. transition: all 0.5s ease-out;
  257.  
  258. }
  259.  
  260. #page4 {
  261. z-index:99999;
  262. height:auto;
  263. width:835px;
  264. left:50%;
  265. margin-left:-432px;
  266. position:fixed;
  267. letter-spacing:1px;
  268. bottom:0px;
  269. font-size:10px;
  270. text-transform:uppercase;
  271. text-align:center;
  272. border-top:1px solid {color:post borders};
  273. background:rgba(251,251,251,.8);
  274. padding:10px;
  275. }
  276.  
  277. #page4 a{
  278. margin-left:5px;
  279. background:transparent;
  280. color:{color:text};
  281. text-decoration:none;
  282. -webkit-transition:all 0.8s ease-out;
  283. -moz-transition:all 0.8s ease-out;
  284. transition:all 0.8s ease-out;
  285. }
  286. #page4 a:hover{
  287. color:{color:accent2};
  288. -webkit-transition:all 0.8s ease-out;
  289. -moz-transition:all 0.8s ease-out;
  290. transition:all 0.8s ease-out;
  291. }
  292.  
  293. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; padding:8px; font-size:10px; line-height:12px; text-align:center; z-index:99; text-transform:uppercase; font-family:montserrat;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-shadow:none;}#top1 a{text-shadow:none;}#top1 a:hover {text-shadow:none;}#top1:hover {
  294. -webkit-transition:all 0.3s ease-out;
  295. -moz-transition:all 0.3s ease-out;
  296. transition:all 0.3s ease-out;
  297. -moz-transform: scale(1.5);
  298. -webkit-transform: scale(1.5);
  299. -o-transform: scale(1.5);
  300. -ms-transform: scale(1.5);
  301. transform: scale(1.5);
  302. text-shadow:none;
  303. }
  304.  
  305. #notas {
  306. margin-top:0px;
  307. width:90%;
  308. height:200px;
  309. overflow-y:auto;
  310. padding:20px;
  311. text-transform:lowercase;
  312. margin-left:auto;
  313. margin-right:auto;
  314. float:center;
  315. }
  316.  
  317. .notes img {
  318. width: 15px;
  319. border-radius:2px;
  320. float:right;
  321. list-style:none;
  322. -webkit-transition: all 0.5s linear;
  323. -moz-transition: all 0.5s linear;
  324. transition: all 0.5s linear;}
  325. ol.notes, .notes li {
  326. border-bottom:1px solid {color:post borders};
  327. list-style:none;
  328. width: 100%;
  329. padding:10px;
  330. font-size:12px;
  331. margin-top: 5px;
  332. margin-left:0px;
  333. padding-left: 0px}
  334. .notes li:hover img {
  335. list-style:none;
  336. -webkit-transition: all 0.5s linear;
  337. -moz-transition: all 0.5s linear;
  338. transition: all 0.5s linear;}
  339.  
  340. /*tumblr controls*/
  341. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  342. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  343. right:0px!important; opacity:.5; top:0px !important; margin-top:0px !important;
  344. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  345.  
  346. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important;
  347. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  348. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);}
  349.  
  350. ol, ul {padding:0px;list-style-type:none;}
  351. ul li {position:relative;padding-left:20px;}
  352. ul li:before {
  353. content:'';
  354. position:absolute;
  355. display:block;
  356. top:8px;
  357. left:0px;
  358. width:10px;
  359. height:1px;
  360. background:{color:accent};
  361. }
  362.  
  363. ::-webkit-scrollbar {height:5px; width:2px;}
  364.  
  365. ::-webkit-scrollbar-track-piece {
  366. background-color:{color:post bg 2};
  367. }
  368.  
  369. ::-webkit-scrollbar-thumb {
  370. background-color:{color:accent};
  371. }
  372.  
  373. .quote {
  374.  
  375. font-size:18px;
  376. text-align:center;
  377. padding-left:45px;
  378. padding-right:45px;
  379. padding:30px;
  380.  
  381. }
  382. .qsub {
  383.  
  384. font-size:13px;
  385.  
  386. }
  387.  
  388. .ch {
  389. padding:20px;
  390. background:transparent;
  391. }
  392. .ch .ch1 {
  393. padding:10px;
  394. margin-bottom:5px;
  395. }
  396. .ch1:nth-child(2n+1){
  397. background:{color:post bg 2};
  398. border:1px solid {color:post borders};
  399. }
  400. .ch1:nth-child(2n+2){
  401. background:{color:post bg 2};
  402. border:1px solid {color:post borders};
  403. padding-left:20px;
  404. }
  405. .ch .ch1 b:nth-child(2n+1){
  406. color:{color:accent};
  407. text-transform:uppercase;
  408. font-size:11px;}
  409. .ch .ch1 b:nth-child(2n+2){
  410. color:{color:accent2};
  411. text-transform:uppercase;
  412. font-size:11px;}
  413.  
  414. h1 {
  415.  
  416. text-align:center;
  417. font-size:17px;
  418. text-transform:uppercase;
  419. margin-top:15px;
  420.  
  421. }
  422.  
  423. blockquote {
  424.  
  425. margin-left:15px;
  426. padding-left:10px;
  427. border-left:2px solid {color:post borders};
  428.  
  429. }
  430. blockquote img{max-width:300px !important; width:300px !important;}
  431.  
  432. .caption {padding:20px; padding-top:0px;}
  433. .tcaption {padding:20px; padding-top:0px;}
  434. .caption a{border-bottom:1px solid {color:accent};}
  435. .caption a:hover {border-bottom:1px solid;}
  436.  
  437. .albumfoto{
  438.  
  439. float:left;
  440. width:100px;
  441. margin-top:5px;
  442. margin-left:10px;
  443.  
  444. }
  445. .albumfoto img{
  446.  
  447. width:100px;
  448. padding:7px;
  449. background:transparent;
  450.  
  451. }
  452. .audiodesc {
  453.  
  454. margin-left:115px;
  455. padding:10px;
  456. background:transparent;
  457. margin-top:0px;
  458. min-height:64px;
  459. font-weight:bold;
  460. margin-bottom:10px;
  461. font-size:9.5px;
  462. text-transform:uppercase;
  463.  
  464. }
  465. .audioplay {
  466. opacity:.7;
  467. position:absolute;
  468. overflow:hidden;
  469. max-width:30px;
  470. height:28px;
  471. background:transparent;
  472. margin-left:45px;
  473. margin-top:-72px;
  474.  
  475. }
  476.  
  477. .pessoap {
  478. text-transform:uppercase;
  479. font-size:13px;
  480. font-weight:bold;}
  481. .pessoap a{
  482. color:{color:post bg};
  483. text-transform:uppercase;
  484. font-size:13px;
  485. font-weight:bold;
  486.  
  487. }
  488. .pessoapfoto img{
  489.  
  490. float:left;
  491. border-radius:100%;
  492. margin-top:-25px;
  493. margin-left:228px;
  494. padding:4px;
  495. background:{color:post borders};
  496. }
  497. .pergunta {
  498. background:{color:accent};
  499. color:{color:post bg};
  500. padding:15px;
  501. padding-bottom:38px;
  502. margin-left:0px;
  503. border-bottom:2px solid {color:post borders};
  504. text-align:center;
  505. }
  506. .sresposta {
  507. text-align:center;
  508. padding:15px;
  509. padding-top:25px;
  510. padding-bottom:0px;
  511. background:transparent;
  512. border-top:2px solid {color:post borders};
  513.  
  514. }
  515. .seureblog {
  516. padding:15px;
  517. margin-left:0px;
  518. border-top:1px solid {color:accent};
  519. background:{color:accent};
  520. text-align:left;
  521. text-transform:uppercase;
  522. font-size:10px;
  523. {block:PermalinkPage}
  524. display:none;
  525. {/block:PermalinkPage}
  526. }
  527. .seureblog2 {
  528. height:16px;
  529. padding:15px;
  530. margin-left:0px;
  531. border-bottom:1px solid {color:accent2};
  532. background:{color:accent2};
  533. text-align:left;
  534. text-transform:uppercase;
  535. font-size:10px;
  536. {block:PermalinkPage}
  537. display:none;
  538. {/block:PermalinkPage}
  539. }
  540. .seureblog a {
  541.  
  542. margin-right:8px;
  543. color:{color:perma link};
  544.  
  545. }
  546. .si {
  547.  
  548. float:left;
  549. width:24px;
  550. max-width:24px;
  551. border-radius:100%;
  552. margin-top:-8px;
  553. margin-left:-7px;
  554. z-index:0;
  555. position:relative;
  556. padding:3px;
  557. background:transparent;
  558.  
  559. }
  560.  
  561. .si img{
  562.  
  563. max-width:24px;
  564. z-index:0;
  565. position:relative;
  566. float:left;
  567. width:24px;
  568.  
  569. }
  570.  
  571. .sit {
  572.  
  573. float:left;
  574. margin-left:6px;
  575. text-transform:lowercase;
  576. margin-top:1px;
  577. font-size:11px;
  578.  
  579.  
  580. }
  581. .sit a{color:{color:perma link};}
  582.  
  583. .pagination {display:none;}
  584.  
  585. #navigation{
  586. background:transparent;
  587. text-align:left;
  588. margin-top:0px;
  589. margin-bottom:15px;
  590. padding:10px;
  591. padding-top:5px;
  592. width:229px;
  593. margin-left:auto;
  594. margin-right:auto;
  595. }
  596. #navigation a {
  597. position:relative;
  598. cursor:pointer;
  599. text-shadow:none;
  600. padding:5px;
  601. padding-top:10px;
  602. padding-bottom:10px;
  603. display:inline-block;
  604. color:{color:sidebar link};
  605. width:220px;
  606. background:transparent;
  607. border-bottom:1px solid {color:post borders};
  608. -webkit-transition:all 0.3s ease-out;
  609. -moz-transition:all 0.3s ease-out;
  610. transition:all 0.3s ease-out;
  611. }
  612. #navigation a:hover:nth-child(2n+1) {
  613. width:204px;
  614. padding-left:20px;
  615. color:{color:accent};
  616. border-bottom:1px solid;
  617. -webkit-transition: all 0.8s ease-out;
  618. -moz-transition: all 0.8s ease-out;
  619. -ms-transition: all 0.8s ease-out;
  620. -o-transition: all 0.8s ease-out;
  621. transition: all 0.8s ease-out;
  622. }
  623. #navigation a:hover:nth-child(2n+2) {
  624. padding-left:20px;
  625. width:204px;
  626. color:{color:accent2};
  627. border-bottom:1px solid;
  628. -webkit-transition: all 0.8s ease-out;
  629. -moz-transition: all 0.8s ease-out;
  630. -ms-transition: all 0.8s ease-out;
  631. -o-transition: all 0.8s ease-out;
  632. transition: all 0.8s ease-out;
  633. }
  634.  
  635. .nois{
  636. width:210px;
  637. background:{color:accent};
  638. color:{color:post bg};
  639. border-radius:2px;
  640. padding:10px;
  641. float:left;
  642. margin-bottom:5px;
  643. }
  644. .nois a {
  645. color:{color:post bg};
  646. }
  647. .nois img {
  648.  
  649. width:35px;
  650. margin-left:-10px;
  651. margin-top:-10px;
  652. margin-bottom:-13px;
  653. margin-right:10px;
  654. -webkit-border-radius: 2px 0px 0px 2px;
  655. border-radius: 2px 0px 0px 2px;
  656.  
  657. }
  658.  
  659. .att {
  660. width:auto;
  661. background:{color:accent};
  662. margin-bottom:5px;
  663. padding:5px;
  664. color:{color:post bg};
  665. }
  666. .att2{
  667. width:auto;
  668. background:{color:accent2};
  669. margin-bottom:5px;
  670. padding:5px;
  671. color:{color:post bg};
  672. }
  673.  
  674. .link {
  675.  
  676. width:470px;
  677. padding:15px;
  678. margin-left:0px;
  679. background:{color:accent};
  680. color:{color:post bg};
  681. text-align:center !important;
  682.  
  683. }
  684. .linktitle a{
  685.  
  686. font-size:25px;
  687. font-weight:bold;
  688. text-transform:uppercase;
  689. text-align:center !important;
  690. color:{color:post bg};
  691.  
  692. }
  693.  
  694. .sidedesc {
  695.  
  696. text-align:center;
  697. text-transform:lowercase;
  698. color:{color:sidebar text};
  699. margin-top:0px;
  700. padding:15px;
  701. margin-left:auto;
  702. margin-right:auto;
  703. font-size:12px;
  704.  
  705. }
  706.  
  707. .boxs {
  708. position:relative;
  709. z-index:0;
  710. margin-left:30px;
  711. margin-bottom:50px;
  712. width:270px;
  713. background:{color:post bg};
  714. padding:0px;
  715. border:1px solid {color:post borders};
  716.  
  717. }
  718.  
  719. #lef {
  720. z-index:9;
  721. margin-top:50px;
  722. position:relative;
  723. float:left;
  724. left:50%;
  725. margin-left:-440px;
  726. width:270px;
  727. background:transparent;
  728. padding:5px;
  729. {block:PermalinkPage}
  730. display:none;
  731. {block:PermalinkPage}
  732. }
  733.  
  734. .title {
  735. width:179px;
  736. float:left;
  737. margin-top:-58px;
  738. margin-left:60px;
  739. text-align:left;
  740. font-size:12px;
  741. padding:15px;
  742. font-weight:bold;
  743. color:{color:post bg};
  744. text-transform:uppercase;
  745. background:{color:accent2};
  746. border:1px solid {color:post borders};
  747. border-left-color:transparent;
  748. border-top:none;
  749. margin-bottom:20px;
  750.  
  751. }
  752.  
  753. .pi {
  754. border:1px solid {color:post borders};
  755. border-right-color:transparent;
  756. background:{color:accent2};
  757. color:{color:post bg};
  758. width:27px;
  759. margin-left:-1px;
  760. margin-top:-1px;
  761. margin-bottom:0px;
  762. padding:10px;
  763. padding-left:18px;
  764. padding-right:18px;
  765. font-size:30px;
  766. margin-right:10px;
  767. }
  768.  
  769. #mfoto {
  770. float:left;
  771. width:35px;
  772. border-top-left-radius:2px;
  773. border-bottom-left-radius:2px;
  774.  
  775. }
  776.  
  777. .mdesc {
  778. background:{color:accent};
  779. color:{color:post bg};
  780. padding:10.5px;
  781. float:left;
  782. width:189px;
  783. border-top-right-radius:2px;
  784. border-bottom-right-radius:2px;
  785. margin-bottom:10px;
  786. }
  787.  
  788. #kg {
  789.  
  790. padding:20px;
  791. margin-bottom:10px;
  792.  
  793. }
  794.  
  795. #header {
  796. margin-top:50px;
  797. background:transparent;
  798. width:856px;
  799. height:auto;
  800. z-index:9;
  801. left:50%;
  802. margin-left:-434px;
  803. position:relative;
  804. border-left:1px solid {color:post borders};
  805. border-right:1px solid {color:post borders};
  806.  
  807. }
  808.  
  809. .dhd {
  810.  
  811. width:856px;
  812. height:auto;
  813.  
  814. }
  815.  
  816. #cbc {
  817.  
  818. width:826px;
  819. height:25px;
  820. padding:15px;
  821. background:{color:header bg};
  822. position:fixed;
  823. left:50%;
  824. margin-left:-434px;
  825. top:0px;
  826. z-index:99999;
  827. border-left:1px solid {color:post borders};
  828. border-right:1px solid {color:post borders};
  829.  
  830. }
  831.  
  832. .cbc {
  833.  
  834. float:left;
  835. width:55px;
  836. margin-left:-15px;
  837. margin-top:-15px;
  838.  
  839. }
  840.  
  841. .nlinks {
  842. margin-top:5px;
  843. margin-right:20px;
  844. float:right;
  845. text-align:center;
  846. font-weight:bold;
  847. text-transform:uppercase;
  848.  
  849. }
  850.  
  851. .nlinks a{
  852.  
  853. color:{color:post bg};
  854. font-size:12px;
  855. margin-left:8px;
  856. text-shadow:0px 0px transparent, 0px 0px transparent;
  857. transition: all 0.9s ease;
  858. -o-transition-transition: all 0.9s ease;
  859. -webkit-transition: all 0.9s ease;
  860. -moz-transition: all 0.9s ease;
  861.  
  862. }
  863. .nlinks a:hover {
  864.  
  865. -webkit-transition: color 0.4s ease-out;
  866. -moz-transition: color 0.4s ease-out;
  867. text-shadow: -2px .6px {color:accent2}, 2px .5px {color:accent2};
  868. }
  869.  
  870. .ctt {
  871.  
  872. margin-left:10px;
  873. margin-top:5px;
  874. float:left;
  875. font-weight:bold;
  876. font-size:13px;
  877. text-transform:uppercase;
  878. color:{color:post bg};
  879.  
  880. }
  881.  
  882. .zb {
  883.  
  884. position:fixed;
  885. left:50%;
  886. margin-left:-433px;
  887. background:{color:post bg 2};
  888. border-left:1px solid {color:post borders};
  889. border-right:1px solid {color:post borders};
  890. top:0px;
  891. z-index:0;
  892. width:855px;
  893. height:100%;
  894.  
  895.  
  896. }
  897.  
  898. .tagged {
  899. {block:PermalinkPage}
  900. display:none;
  901. {/block:PermalinkPage}
  902. background:{color:accent};
  903. text-transform:lowercase;
  904. margin-top:-15px;
  905. padding:15px;
  906.  
  907. }
  908.  
  909. .tagged a{
  910.  
  911. margin-left:8px; color:{color:post bg};
  912.  
  913. }
  914.  
  915. .slinks {
  916. margin-left:10px;
  917. margin-top:10px;
  918. display:inline-block;
  919. font-size:11px;
  920. text-align:left;
  921. width:260px;
  922. }
  923. .slinks a{
  924. color:{color:post bg};
  925. background:{color:accent};
  926. padding:10px;
  927. border-radius:100%;
  928. margin-left:7px;
  929. -webkit-transition: all 0.6s ease-out;
  930. -moz-transition: all 0.6s ease-out;
  931. -ms-transition: all 0.6s ease-out;
  932. -o-transition: all 0.6s ease-out;
  933. transition: all 0.6s ease-out;
  934.  
  935. }
  936. .slinks a:hover {
  937. box-shadow:inset 0px 35px {color:accent2};
  938. -webkit-transition: all 0.6s ease-out;
  939. -moz-transition: all 0.6s ease-out;
  940. -ms-transition: all 0.6s ease-out;
  941. -o-transition: all 0.6s ease-out;
  942. transition: all 0.6s ease-out;
  943.  
  944. }
  945.  
  946.  
  947. .sform input {
  948. outline:none;
  949. font-size:10px;
  950. font-weight:bold;
  951. text-transform:uppercase;
  952. color:{color:search box text typing};
  953. text-align:left;
  954. border:0px;
  955. padding:10px;
  956. background:{color:accent};
  957. }
  958.  
  959. ::-webkit-input-placeholder { color: {color:search box text}; }
  960. :-moz-placeholder { color: {color:search box text}; }
  961. ::-moz-placeholder { color: {color:search box text}; }
  962. :-ms-input-placeholder { color: {color:search box text}; }
  963.  
  964. .sbox {
  965. width:210px;
  966. float:left;
  967. -webkit-transition:all 0.3s ease-out;
  968. -moz-transition:all 0.3s ease-out;
  969. transition:all 0.3s ease-out;
  970. }
  971. .sbox:hover {
  972. background:{color:accent2};
  973. color:{color:accent};
  974. -webkit-transition:all 0.3s ease-out;
  975. -moz-transition:all 0.3s ease-out;
  976. transition:all 0.3s ease-out;
  977. }
  978.  
  979. {CustomCSS}
  980.  
  981. </style>
  982. </head>
  983. <body>
  984.  
  985. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  986. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  987.  
  988. <script>
  989. $(function(){
  990. var $container = $('#post');
  991. $container.imagesLoaded(function(){
  992. $container.masonry({
  993. itemSelector: '.entry',
  994. });
  995. });
  996. $container.infinitescroll({
  997. itemSelector : ".entry",
  998. navSelector : "div.pagination",
  999. nextSelector : ".pagination a#next",
  1000. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  1001. loadingText : "<em></em>",
  1002. bufferPx : 10000,
  1003. extraScrollPx: 12000,
  1004. },
  1005. // trigger Masonry as a callback
  1006. function( newElements ) {
  1007. var $newElems = $( newElements ).css({ opacity: 0 });
  1008. // ensure that images load before adding to masonry layout
  1009. $newElems.imagesLoaded(function(){
  1010. $newElems.animate({ opacity: 1 });
  1011. $container.masonry( 'appended', $newElems, true );
  1012. });
  1013. }
  1014. );
  1015. });
  1016. </script>
  1017.  
  1018. <div class="zb"></div>
  1019.  
  1020. <div id="cbc"><img class="cbc" src="{image:header image}" />
  1021. <div class="ctt">{title}</div><div class="nlinks">
  1022. <a href="{text:HeaderLink1Url}">{text:HeaderLink1Title}</a>
  1023. <a href="{text:HeaderLink2Url}">{text:HeaderLink2Title}</a>
  1024. <a href="{text:HeaderLink3Url}">{text:HeaderLink3Title}</a>
  1025. <a href="{text:HeaderLink4Url}">{text:HeaderLink4Title}</a>
  1026. <a href="{text:HeaderLink5Url}">{text:HeaderLink5Title}</a>
  1027. </div></div>
  1028.  
  1029. <div id="header"><img class="dhd" src="{image:header}" /></div>
  1030.  
  1031. <div id="lef">
  1032.  
  1033. <!-- DESCRIPTION BOX -->
  1034. <div class="boxs"><div class="pi">01</div><div class="title">{title}
  1035. <div style="font-size:11px; font-weight:normal; text-transform:lowercase">{text:subtitle}</div></div><div class="sidedesc">{Description}</div>
  1036. </div>
  1037.  
  1038. <!-- OWNER -->
  1039. <div class="boxs"><div class="pi">02</div><div class="title">owner
  1040. <div style="font-size:11px; font-weight:normal; text-transform:lowercase">
  1041. like a boss</div></div><div style="padding:12px;"><img id="mfoto" src="{favicon}" /><div class="mdesc">{name}</div></div><div id="kg"></div></div>
  1042.  
  1043. <!-- NAVIGATION -->
  1044. <div class="boxs"><div class="pi">03</div><div class="title">navigation
  1045. <div style="font-size:11px; font-weight:normal; text-transform:lowercase">
  1046. more links</div></div>
  1047. <div id="navigation">
  1048. <a href="{text:Link1Url}">{text:Link1Title}</a>
  1049. <a href="{text:Link2Url}">{text:Link2Title}</a>
  1050. <a href="{text:Link3Url}">{text:Link3Title}</a>
  1051. <a href="{text:Link4Url}">{text:Link4Title}</a>
  1052. </div></div>
  1053.  
  1054. <!-- SEARCH BOX -->
  1055. <div class="boxs" style="height:130px;"><div class="pi">04</div><div class="title">Search
  1056. <div style="font-size:11px; font-weight:normal; text-transform:lowercase">
  1057. find creatures</div></div><div style="padding:20px; padding-top:15px;">
  1058. <form action="/search" method="get" class="sform" name="form">
  1059. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  1060. </div></div>
  1061.  
  1062. <!-- TWITTER -->
  1063. <div class="boxs"><div class="pi">05</div><div class="title">Twitter<div style="font-size:11px; font-weight:normal; text-transform:lowercase">
  1064. Follow me</div></div><div style="padding:20px; padding-top:15px;">{text:Twitter Widget}</div></div>
  1065.  
  1066. <!-- MEMBERS -->
  1067. <div style="height:300px;" class="boxs"><div class="pi">06</div>
  1068. <div class="title">Members<div style="font-size:11px; font-weight:normal; text-transform:lowercase">publishers</div></div>
  1069. <div style="padding:20px; padding-top:15px;">
  1070. <div class="nois"><img src="{image:member1}"/>{text:member1 link}</div>
  1071. <div class="nois"><img src="{image:member2}"/>{text:member2 link}</div>
  1072. <div class="nois"><img src="{image:member3}"/>{text:member3 link}</div>
  1073. <div class="nois"><img src="{image:member4}"/>{text:member4 link}</div>
  1074. <div class="nois"><img src="{image:member5}"/>{text:member5 link}</div>
  1075. </div></div>
  1076.  
  1077. <!-- SOCIAL LINKS -->
  1078. <div class="boxs"><div class="pi">07</div><div class="title">Finde me<div style="font-size:11px; font-weight:normal; text-transform:lowercase">
  1079. Social links</div></div><div style="height:70px;"><div class="slinks">
  1080. <a href="{text:Twitter Url}"><li class="fa fa-twitter"></li></a>
  1081. <a href="{text:Instagram Url}"><li class="fa fa-instagram"></li></a>
  1082. <a href="{text:Soundcloud Url}"><li class="fa fa-soundcloud"></li></a>
  1083. <a href="{text:Youtube Url}"><li class="fa fa-youtube"></li></a>
  1084. <a href="{text:Pinterest Url}"><li class="fa fa-pinterest"></li></a>
  1085. <a href="{text:LinkedIn Url}"><li class="fa fa-linkedin"></li></a>
  1086. </div></div></div>
  1087.  
  1088. </div>
  1089.  
  1090.  
  1091.  
  1092. <div id="post">
  1093.  
  1094. {block:Posts}
  1095.  
  1096. <div class="entry">
  1097.  
  1098. <div class="seureblog2">
  1099.  
  1100. {block:RebloggedFrom}
  1101. <a href="{ReblogParentURL}"><img class="si" src="{ReblogParentPortraitURL-24}"> </a>
  1102. <div class="sit"><a title="via" style="font-weight:bold;" href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1103. <div class="sit"><li class="fa fa-retweet"></li>&nbsp;&nbsp;<a title="source" href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1104. {/block:RebloggedFrom}
  1105.  
  1106. </div>
  1107.  
  1108. {block:Title} <h1>{TItle}</h1> {/block:Title}
  1109.  
  1110. {block:Text}
  1111. <div class="tcaption"> {Body} {block:Caption} {Caption} {block:Caption}</div>
  1112. {/block:Text}
  1113.  
  1114. {block:Photo}
  1115. <img src="{PhotoURL-500}" width="500" />
  1116. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1117. {/block:Photo}
  1118.  
  1119. {block:Photoset}
  1120. {Photoset-500}
  1121. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1122. {/block:Photoset}
  1123.  
  1124. {block:Quote}
  1125. <div class="quote">
  1126. "{Quote}"
  1127. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  1128. </div>
  1129. {/block:Quote}
  1130.  
  1131. {block:Link}
  1132. <div class="link">
  1133. <div class="linktitle"><a href="{URL}"{Target}>{Name}</a></div>
  1134. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  1135. {/block:Link}
  1136.  
  1137. {block:Chat}
  1138. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  1139. {/block:Label}{Line}</div>{/block:Lines}</div>
  1140. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1141. {/block:Chat}
  1142.  
  1143. {block:Audio}
  1144. <div class="albumfoto">
  1145. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1146. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  1147.  
  1148. <div class="audiodesc">
  1149. <div class="att">{block:Artist}{Artist}{/block:Artist}</div>
  1150. <div class="att2">{block:Album}{Album}{/block:Album}</div>
  1151. <div class="att">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1152. <div class="att2">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1153. </div>
  1154.  
  1155. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1156. {/block:Audio}
  1157.  
  1158. {block:Video}
  1159. {Video-500}
  1160. {PlayCountWithLabel}
  1161. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1162. {/block:Video}
  1163.  
  1164. {block:Answer}
  1165. <div class="pergunta">
  1166. <div class="pessoap">{Asker} asked:</div>
  1167. {Question}
  1168. </div>
  1169. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  1170. <div class="sresposta">{Answer}</div>
  1171. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1172.  
  1173. {/block:Answer}
  1174.  
  1175. <div class="seureblog">
  1176.  
  1177. {block:Date}<a style="color:{color:accent2}; font-weight:bold;" href="{Permalink}"><li class="fa fa-clock-o"></li>&nbsp;&nbsp;{DayOfMonthWithZero} {ShortMonth}</a>{/block:Date}
  1178. <a href="{ReblogUrl}"><li class="fa fa-share"></li>&nbsp;&nbsp;Share</a>
  1179. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"><li class="fa fa-heart"></li>&nbsp;&nbsp;like</div>
  1180. <a style="margin-left:8px;" href="{Permalink}"><li class="fa fa-star"></li>&nbsp;&nbsp;{NoteCount} N</a>
  1181. <a href="{Permalink}"><li class="fa fa-comments"></li>&nbsp;&nbsp;Comments</a>
  1182.  
  1183. </div>
  1184.  
  1185. {block:HasTags}<div class="tagged">{block:Tags}
  1186. <a href="{TagURL}"><li style="font-size:9px;" class="fa fa-tag"></li>&nbsp;{Tag}</a>{/block:Tags}
  1187. </div>{/block:HasTags}
  1188.  
  1189. {block:PermalinkPage}
  1190.  
  1191. <div style="padding:20px; padding-top:5px; padding-bottom:5px; line-height:19px;">
  1192.  
  1193. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  1194.  
  1195. {block:RebloggedFrom}
  1196. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  1197.  
  1198. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  1199. {/block:RebloggedFrom}
  1200.  
  1201. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  1202. </br>
  1203. {block:HasTags}
  1204. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  1205. {block:Tags}
  1206. <a href="{TagURL}">#{Tag}</a>
  1207. {/block:Tags}{/block:HasTags}
  1208.  
  1209. </div>
  1210.  
  1211. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1212. {/block:PermalinkPage}
  1213.  
  1214. </div>
  1215.  
  1216. {block:IndexPage}
  1217. <script type="text/javascript">
  1218. var disqus_shortname = '{text:Disqus Shortname}';
  1219.  
  1220. (function () {
  1221. var s = document.createElement('script'); s.async = true;
  1222. s.type = 'text/javascript';
  1223. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1224. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1225. }());
  1226. </script>
  1227. {/block:IndexPage}
  1228.  
  1229. {block:PermalinkPage}
  1230. {block:IfDisqusShortname}
  1231. <div id="disqus_thread"></div>
  1232. <script type="text/javascript">
  1233. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1234. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1235. var disqus_url = '{Permalink}';
  1236.  
  1237. /* * * DON'T EDIT BELOW THIS LINE * * */
  1238. (function() {
  1239. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1240. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1241. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1242. })();
  1243. </script>
  1244. {/block:IfDisqusShortname}
  1245. {/block:PermalinkPage}
  1246.  
  1247. {/block:Posts}
  1248. </div>
  1249.  
  1250. {block:IfNotInfiniteScroll}
  1251. <div id="page4">
  1252.  
  1253. {block:Pagination}
  1254. {block:PreviousPage}
  1255. <a href="{PreviousPage}">Back</a>
  1256. {/block:PreviousPage}
  1257.  
  1258. {block:JumpPagination length="5"}
  1259.  
  1260. {block:CurrentPage}
  1261. <a href="#" style="font-weight:bold; color:{color:accent};"><span class="current_page">{CurrentPage}</a></span></a>
  1262. {/block:CurrentPage}
  1263.  
  1264. {block:JumpPage}
  1265. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1266. {/block:JumpPage}
  1267. {/block:JumpPagination}
  1268.  
  1269. {block:NextPage}
  1270. <a href="{NextPage}">Next</a>
  1271. {/block:NextPage}
  1272.  
  1273. {/block:Pagination}
  1274.  
  1275. </div>
  1276. {/block:IfNotInfiniteScroll}
  1277.  
  1278.  
  1279. <div id="top1"><a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"><div style="font-size:7px;"> Thm </div><div style="font-weight:bold;">Am</a></div></div>
  1280.  
  1281. {block:IfInfiniteScroll}
  1282. <div class="pagination">
  1283. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1284. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1285. </div>
  1286. {/block:IfInfiniteScroll}
  1287.  
  1288. </body>
  1289. </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!