API tools faq
paste
Advertisement
Carolaine_Vieira

fansite theme #01

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