API tools faq
paste
Advertisement
Carolaine_Vieira

Fansite 05

Carolaine_Vieira
Apr 17th, 2016
5,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4.  
  5. Fansite theme 05 created by user @amplamente
  6. Carolaine Vieira
  7. Send ask if problems
  8.  
  9. -->
  10. <head>
  11. <meta charset="utf-8">
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#f6f6f6"/>
  18. <meta name="color:Text" content="#999999"/>
  19. <meta name="color:Link" content="#999999"/>
  20. <meta name="color:Link hover" content="#cccccc"/>
  21. <meta name="color:Accent" content="#fbfbfb"/>
  22. <meta name="color:Accent2" content="#f0bfb3"/>
  23. <meta name="color:Accent3" content="#e17e66"/>
  24. <meta name="color:Post bg" content="#ffffff"/>
  25. <meta name="color:Post borders" content="#eeeeee"/>
  26. <meta name="color:Perma link" content="#ffffff"/>
  27. <meta name="color:Header link" content="#ffffff"/>
  28.  
  29. <meta name="if:InfiniteScroll" content="0"/>
  30.  
  31. <meta name="image:Background" content="http://i.imgur.com/xoq9x0E.jpg"/>
  32. <meta name="image:Sidebar" content="http://i.imgur.com/4B5uIne.png"/>
  33. <meta name="image:Member1" content="http://i.imgur.com/4B5uIne.png"/>
  34. <meta name="image:Member2" content="http://i.imgur.com/4B5uIne.png"/>
  35. <meta name="image:Member3" content="http://i.imgur.com/4B5uIne.png"/>
  36.  
  37. <meta name="text:Subtitle" content="subtitle goes here"/>
  38. <meta name="text:Disqus Shortname" content="" />
  39. <meta name="text:Statistics" content="essa é a estatistica"/>
  40. <meta name="text:Afliates link" content=""/>
  41. <meta name="text:Tags" content=""/>
  42. <meta name="text:Member1 name" content="name"/>
  43. <meta name="text:Member1 tumblrname" content="tumblrname"/>
  44. <meta name="text:Member1 twitter url" content=""/>
  45. <meta name="text:Member1 instagram url" content=""/>
  46. <meta name="text:Member2 name" content="name"/>
  47. <meta name="text:Member2 tumblrname" content="tumblrname"/>
  48. <meta name="text:Member2 twitter url" content=""/>
  49. <meta name="text:Member2 instagram url" content=""/>
  50. <meta name="text:Member3 name" content="name"/>
  51. <meta name="text:Member3 tumblrname" content="tumblrname"/>
  52. <meta name="text:Member3 twitter url" content=""/>
  53. <meta name="text:Member3 instagram url" content=""/>
  54. <meta name="text:HeaderLink1Title" content="link"/>
  55. <meta name="text:HeaderLink1Url" content="/"/>
  56. <meta name="text:HeaderLink2Title" content="link"/>
  57. <meta name="text:HeaderLink2Url" content="/"/>
  58. <meta name="text:HeaderLink3Title" content="link"/>
  59. <meta name="text:HeaderLink3Url" content="/"/>
  60. <meta name="text:HeaderLink4Title" content="link"/>
  61. <meta name="text:HeaderLink4Url" content="/"/>
  62. <meta name="text:HeaderLink5Title" content="link 5"/>
  63. <meta name="text:HeaderLink5Url" content="/"/>
  64. <meta name="text:Link1Title" content="link"/>
  65. <meta name="text:Link1Url" content="/"/>
  66. <meta name="text:Link2Title" content="link"/>
  67. <meta name="text:Link2Url" content="/"/>
  68. <meta name="text:Link3Title" content="link"/>
  69. <meta name="text:Link3Url" content="/"/>
  70. <meta name="text:Link4Title" content="link"/>
  71. <meta name="text:Link4Url" content="/"/>
  72.  
  73. <link href='https://fonts.googleapis.com/css?family=Roboto|Quicksand' rel='stylesheet' type='text/css'>
  74. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  75.  
  76. <style type="text/css">
  77.  
  78. body {
  79. background: {color:background} url("{image:background}") fixed;
  80. color:{color:text};
  81. font-size:12px;
  82. overflow-x:hidden;
  83. font-family:Roboto;
  84. }
  85. b {text-transform:uppercase;}
  86.  
  87. a {
  88. text-decoration:none;
  89. color:{color:link};
  90. -webkit-transition: all 0.5s ease-out;
  91. transition: all 0.5s ease-out;
  92. }
  93. a:hover {
  94. color:{color:link hover};
  95. -webkit-transition: all 0.5s ease-out;
  96. transition: all 0.5s ease-out;
  97. }
  98.  
  99. #post {
  100. width:1150px;
  101. background:transparent;
  102. margin-left:auto;
  103. margin-right:auto;
  104. margin-top:55px;
  105. padding:20px;
  106. padding-top:50px;
  107. position:relative;
  108. z-index:99;
  109. }
  110.  
  111. .entry {
  112. width:500px;
  113. padding:30px;
  114. margin-bottom:50px;
  115. margin-left:290px;
  116. background:{color:post bg};
  117. border:1px solid {color:post borders};
  118. border-radius:3px;
  119. }
  120.  
  121. .tags { padding:10px; padding-bottom:0px;
  122. }
  123. .tags a{ text-transform:lowercase;}
  124.  
  125. .source{display:none;}
  126.  
  127. #s-m-t-tooltip {
  128.  
  129. max-width:300px;
  130. padding:6px;
  131. padding-left:8px;
  132. padding-right:8px;
  133. margin:15px 20px;
  134. font-size:9px;
  135. letter-spacing:1px;
  136. text-transform:uppercase;
  137. color:{color:header link};
  138. background:{color:accent2};
  139. z-index:9999999;
  140.  
  141. }
  142.  
  143. .my-like {
  144. cursor:pointer;
  145. display:inline-block;
  146. vertical-align:top;
  147. background:transparent;
  148. color:{color:perma link};
  149. }
  150. .my-liked, .my-like:hover {
  151. background:transparent;
  152. color: red;
  153. cursor:pointer;
  154. display:inline-block;
  155. vertical-align:top;
  156. }
  157.  
  158. hr {
  159. border:1px solid #eee;
  160. width:180px;
  161. margin-top:20px;
  162. margin-bottom:20px;
  163. }
  164.  
  165. #page4 {
  166. height:auto;
  167. width:auto;
  168. letter-spacing:1px;
  169. margin-left:auto;
  170. margin-right:auto;
  171. margin-top:50px;
  172. margin-bottom:70px;
  173. font-size:10px;
  174. text-transform:uppercase;
  175. z-index:4;
  176. text-align:center;
  177. background:transparent;
  178. }
  179.  
  180. #page4 a{
  181. margin-left:1px;
  182. background:{color:post bg};
  183. border:1px solid {color:post borders};
  184. border-radius:3px;
  185. padding:10px;
  186. color:{color:text};
  187. text-decoration:none;
  188. -webkit-transition:all 0.8s ease-out;
  189. -moz-transition:all 0.8s ease-out;
  190. transition:all 0.8s ease-out;
  191. }
  192. #page4 a:hover{
  193. color:{color:post bg};
  194. background:{color:accent2};
  195. border:1px solid {color:accent2};
  196. -webkit-transition:all 0.8s ease-out;
  197. -moz-transition:all 0.8s ease-out;
  198. transition:all 0.8s ease-out;
  199. }
  200.  
  201. #notas {
  202. margin-top:0px;
  203. width:95%;
  204. height:200px;
  205. overflow-y:auto;
  206. padding:20px;
  207. text-transform:lowercase;
  208. margin-left:auto;
  209. margin-right:auto;
  210. float:center;
  211. }
  212.  
  213. .notes img {
  214. width: 15px;
  215. border-radius:100px;
  216. float:right;
  217. list-style:none;
  218. -webkit-transition: all 0.5s linear;
  219. -moz-transition: all 0.5s linear;
  220. transition: all 0.5s linear;}
  221. ol.notes, .notes li {
  222. border-bottom:1px solid {color:post borders};
  223. list-style:none;
  224. width: 100%;
  225. padding:10px;
  226. font-size:12px;
  227. margin-top: 5px;
  228. margin-left:0px;
  229. padding-left: 0px}
  230. .notes li:hover img {
  231. list-style:none;
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition: all 0.5s linear;
  234. transition: all 0.5s linear;}
  235.  
  236. /*tumblr controls*/
  237. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  238. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; right:0px!important; top:58px !important; -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  239. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important; webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  240. -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%);}
  241.  
  242. ol, ul {padding:0px;list-style-type:none;}
  243. ul li {position:relative;padding-left:20px;}
  244. ul li:before {
  245. content:'';
  246. position:absolute;
  247. display:block;
  248. top:8px;
  249. left:0px;
  250. width:10px;
  251. height:1px;
  252. background:{color:accent3};
  253. }
  254.  
  255. ::-webkit-scrollbar {height:5px; width:4px;}
  256. ::-webkit-scrollbar-track-piece { background-color:{color:background};}
  257. ::-webkit-scrollbar-thumb { background-color:{color:accent2};}
  258.  
  259. .quote {
  260. font-size:18px;
  261. text-align:center;
  262. padding-left:35px;
  263. padding-right:35px;
  264. padding:20px;
  265. padding-top:15px;
  266. }
  267. .qsub {font-size:13px;}
  268.  
  269. .ch {
  270. padding:15px;
  271. background:transparent;
  272. }
  273. .ch .ch1 {
  274. padding:10px;
  275. margin-bottom:5px;
  276. }
  277. .ch1{
  278. background:{color:post borders};
  279. border:1px solid {color:post borders};
  280. }
  281. .ch .ch1 b{
  282. color:{color:accent3};
  283. text-transform:uppercase;
  284. font-size:11px;}
  285.  
  286. h1 {
  287.  
  288. text-align:left;
  289. font-size:17px;
  290. text-transform:uppercase;
  291. margin-top:15px;
  292.  
  293. }
  294.  
  295. blockquote {
  296. margin-left:15px;
  297. padding-left:10px;
  298. border-left:2px solid {color:post borders};
  299. }
  300. blockquote img{max-width:300px !important; width:auto !important; height:auto !important;}
  301.  
  302. .caption {padding:20px; padding-top:0px;}
  303. .tcaption {padding:10px; padding-top:0px;}
  304. .tcaption img {max-width:480px !important; height:auto !important; }
  305. .caption a{border-bottom:1px solid {color:accent3};}
  306. .caption a:hover {border-bottom:1px solid;}
  307.  
  308. .albumfoto{
  309.  
  310. float:left;
  311. width:80px;
  312. margin-top:5px;
  313. margin-left:10px;
  314.  
  315. }
  316. .albumfoto img{
  317.  
  318. width:80px;
  319. padding:7px;
  320. background:transparent;
  321. border-radius:100%;
  322.  
  323. }
  324. .audiodesc {
  325.  
  326. margin-left:100px;
  327. padding:10px;
  328. padding-top:30px;
  329. background:transparent;
  330. margin-top:15px;
  331. min-height:64px;
  332. font-weight:bold;
  333. margin-bottom:10px;
  334. font-size:9.5px;
  335. text-transform:uppercase;
  336.  
  337. }
  338. .audioplay {
  339.  
  340. position:absolute;
  341. overflow:hidden;
  342. max-width:30px;
  343. height:28px;
  344. background:transparent;
  345. margin-left:33px;
  346. margin-top:-65px;
  347.  
  348. }
  349. .pessoap {
  350. text-transform:uppercase;
  351. font-size:13px;
  352. font-weight:bold;}
  353. .pessoap a{
  354. color:{color:post bg};
  355. text-transform:uppercase;
  356. font-size:13px;
  357. font-weight:bold;
  358.  
  359. }
  360. .pessoapfoto img{
  361.  
  362. float:left;
  363. border-radius:100%;
  364. margin-top:-25px;
  365. margin-left:228px;
  366. padding:4px;
  367. background:{color:post borders};
  368. }
  369. .pergunta {
  370. background:{color:accent2};
  371. color:{color:post bg};
  372. padding:15px;
  373. padding-bottom:38px;
  374. margin-left:0px;
  375. border-bottom:2px solid {color:post borders};
  376. text-align:center;
  377. }
  378. .sresposta {
  379. padding:15px;
  380. padding-top:25px;
  381. padding-bottom:0px;
  382. background:transparent;
  383. border-top:2px solid {color:post borders};
  384.  
  385. }
  386.  
  387. #disqus_thread {
  388. margin-top:800px;
  389. width:500px;
  390. height:400px;
  391. margin-left:auto;
  392. margin-right:auto;
  393. padding:30px;
  394. background:{color:post bg};
  395. border:1px solid {color:post borders};
  396. border-radius:3px;
  397. margin-top:10px;
  398. text-align:center;
  399.  
  400. }
  401.  
  402. .seureblog2 {
  403. width:530px;
  404. height:16px;
  405. padding:15px;
  406. margin-left:-30px;
  407. margin-top:-30px;
  408. margin-bottom:30px;
  409. -webkit-border-radius: 3px 3px 0 0;
  410. border-radius: 3px 3px 0 0;
  411. border-bottom:1px solid {color:post borders};
  412. background:{color:accent};
  413. text-align:left;
  414. text-transform:uppercase;
  415. font-size:10px;
  416. {block:PermalinkPage}
  417. display:none;
  418. {/block:PermalinkPage}
  419. }
  420. .seureblog2 a {font-weight:bold; color:{color:link} !important;}
  421. .seureblog {
  422. text-align:center !important;
  423. padding:15px;
  424. margin-left:-31px;
  425. margin-bottom:-31px;
  426. width:532px;
  427. border-top:1px solid {color:post borders};
  428. background:{color:accent2};
  429. text-align:left;
  430. text-transform:uppercase;
  431. font-size:11px;
  432. {block:PermalinkPage}
  433. display:none;
  434. {/block:PermalinkPage}
  435. }
  436. .seureblog a {margin-right:10px; color:{color:perma link}; }
  437.  
  438. .pagination {display:none;}
  439.  
  440. #navigation{
  441. background:transparent;
  442. text-align:left;
  443. margin-top:5px;
  444. margin-bottom:5px;
  445. padding:10px;
  446. padding-top:5px;
  447. padding-left:0px;
  448. width:229px;
  449. margin-left:auto;
  450. margin-right:auto;
  451. }
  452. #navigation a {
  453. position:relative;
  454. cursor:pointer;
  455. text-shadow:none;
  456. padding:6px;
  457. padding-top:10px;
  458. padding-bottom:10px;
  459. display:inline-block;
  460. color:{color:Text};
  461. background:transparent;
  462. width:90px;
  463. margin-bottom:4px;
  464. margin-left:10px;
  465. font-size:11px;
  466. border-bottom:1px solid {color:post borders};
  467. -webkit-transition:all 0.3s ease-out;
  468. -moz-transition:all 0.3s ease-out;
  469. transition:all 0.3s ease-out;
  470. }
  471. #navigation a:hover {
  472. text-shadow:none;
  473. color:{color:accent2};
  474. border-bottom:1px solid {color:accent3};
  475. -webkit-transition:all 0.3s ease-out;
  476. -moz-transition:all 0.3s ease-out;
  477. transition:all 0.3s ease-out;
  478. }
  479.  
  480. .link {
  481.  
  482. width:532px;
  483. margin-left:-31px;
  484. margin-top:-31px;
  485. border-top-left-radius:3px;
  486. border-top-right-radius:3px;
  487. padding:15px;
  488. background:{color:accent2};
  489. color:{color:post bg};
  490. text-align:center !important;
  491.  
  492. }
  493. .linktitle a{
  494.  
  495. font-size:25px;
  496. font-weight:bold;
  497. text-transform:uppercase;
  498. text-align:center !important;
  499. color:{color:post bg};
  500.  
  501. }
  502. .linkdesc {
  503.  
  504. height:auto;
  505.  
  506. }
  507.  
  508. .boxs {
  509.  
  510. margin-left:20px;
  511. margin-bottom:20px;
  512. width:250px;
  513. background:{color:post bg};
  514. padding:0px;
  515. border:1px solid {color:post borders};
  516. border-radius:2px;
  517.  
  518. }
  519.  
  520. #lef {
  521. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  522. z-index:9;
  523. margin-top:0px;
  524. position:relative;
  525. float:left;
  526. left:50%;
  527. margin-left:-605px;
  528. width:270px;
  529. background:transparent;
  530. padding:5px;
  531.  
  532. }
  533.  
  534. #lef2 {
  535. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  536. z-index:9;
  537. margin-top:0px;
  538. position:relative;
  539. float:right;
  540. margin-right:0px;
  541. width:270px;
  542. background:transparent;
  543. padding:5px;
  544.  
  545. }
  546.  
  547. .title {
  548. width:170px;
  549. float:left;
  550. margin-top:-58px;
  551. margin-left:50px;
  552. text-align:left;
  553. font-size:12px;
  554. padding:15px;
  555. font-weight:bold;
  556. color:{color:accent2};
  557. text-transform:uppercase;
  558. background:{color:accent};
  559. border-left-color:transparent;
  560. border-top:none;
  561. margin-bottom:20px;
  562. border-top-right-radius:2px;
  563. border-bottom:1px solid {color:post borders};
  564.  
  565. }
  566.  
  567. .pi {
  568. border-top-left-radius:2px;
  569. border-right-color:transparent;
  570. background:{color:accent};
  571. color:{color:accent2};
  572. border-bottom:1px solid {color:post borders};
  573. width:27px;
  574. margin-left:0px;
  575. margin-top:0px;
  576. margin-bottom:0px;
  577. padding:10px;
  578. padding-left:18px;
  579. padding-right:18px;
  580. font-size:30px;
  581. margin-right:10px;
  582. }
  583.  
  584. #sptitle {
  585. font-family:Quicksand;
  586. position:fixed;
  587. height:48px;
  588. padding:15px;
  589. padding-top:10px;
  590. padding-left:100px;
  591. background:{color:accent2};
  592. float:left;
  593. left:0px;
  594. top:0px;
  595. width:100%;
  596. z-index:999;
  597. border-bottom:1px solid {color:post borders};
  598. }
  599.  
  600. #sptitle a{
  601.  
  602. text-transform:uppercase;
  603. font-weight:bold;
  604. color:{color:post bg};
  605. font-size:26px;
  606. letter-spacing:0px;
  607. -webkit-transition:all 0.3s ease-out;
  608. -moz-transition:all 0.3s ease-out;
  609. transition:all 0.3s ease-out;
  610.  
  611. }
  612. #sptitle a:hover {
  613. color:{color:accent3};
  614. -webkit-transition:all 0.3s ease-out;
  615. -moz-transition:all 0.3s ease-out;
  616. transition:all 0.3s ease-out;
  617.  
  618. }
  619.  
  620. .nlinks {
  621. font-family:Roboto;
  622. margin-top:-59px;
  623. margin-right:205px;
  624. margin-bottom:10px;
  625. float:right;
  626. letter-spacing:1px;
  627. text-align:right;
  628. font-weight:normal;
  629. text-transform:uppercase;
  630. width:auto;
  631. background:transparent;
  632. color:{color:header link};
  633.  
  634. }
  635. .nlinks a{
  636. display:inline-block;
  637. color:{color:header link};
  638. font-size:12px !important;
  639. padding-left:10px;
  640. padding-right:10px;
  641. padding:31px;
  642. border-bottom:2px solid transparent;
  643. transition: all 0.9s ease;
  644. -o-transition-transition: all 0.9s ease;
  645. -webkit-transition: all 0.9s ease;
  646. -moz-transition: all 0.9s ease;
  647.  
  648. }
  649. .nlinks a:hover {
  650. border-bottom:2px solid {color:accent3};
  651. color:{color:accent2};
  652. -webkit-transition: color 0.4s ease-out;
  653. -moz-transition: color 0.4s ease-out;
  654. }
  655.  
  656. #footer {
  657. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  658. bottom:-30px;
  659. position:relative;
  660. margin-left:-30px;
  661. margin-bottom:-30px;
  662. width:101%;
  663. height:160px;
  664. padding: 30px;
  665. background-color: {color:accent2};
  666. color:{color:header link};
  667. line-height:18px;
  668. letter-spacing:1px;
  669. font-size:12px;
  670. }
  671.  
  672. #descfooter {
  673.  
  674. width:700px;
  675. margin-left:auto;
  676. margin-right:auto;
  677. text-align:center;
  678. PADDING:5px;
  679.  
  680. }
  681.  
  682. .lf {
  683.  
  684. padding:10px;
  685. text-align:center;
  686. FLOAT:LEFT;
  687. width:600px;
  688. background:transparent;
  689.  
  690. }
  691.  
  692. .rg {
  693.  
  694. padding:10px;
  695. padding-bottom:0px;
  696. text-align:center;
  697. FLOAT:LEFT;
  698. width:600px;
  699. background:transparent;
  700.  
  701. }
  702.  
  703. .bt {
  704. padding-top:0px;
  705. padding:20px;
  706. margin-top:0px;
  707. text-align:left;
  708. float:left;
  709. width:600px;
  710. background:transparent;
  711. }
  712.  
  713. #search form {outline: none; margin: 0px 0px 0px 0px;padding: 0}
  714. #search fieldset {outline: none; margin: 0;padding: 0;border: none;}
  715. #search p {color:{color:post bg};}
  716. #s {outline: none; background:transparent;width: 70px;height: 27px;border:none;
  717. text-transform: uppercase; font-weight:bold; font-size: 11px; color: {color:post bg}; float:left;display: inline-block; padding-left: 11px;padding-right: 6px;}
  718. #sform { outline: none; border:none; padding:4px 5px;}
  719.  
  720. #sh {
  721.  
  722. position:fixed;
  723. right:20px;
  724. z-index:9999;
  725. top:19px;
  726.  
  727. }
  728.  
  729. #cr {
  730. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  731. bottom:-30px;
  732. position:relative;
  733. margin-left:-30px;
  734. margin-bottom:-30px;
  735. width:101%;
  736. height:15px;
  737. padding: 20px;
  738. text-align:center;
  739. background-color:{color:accent3};
  740. color:{color:header link};
  741. text-transform:uppercase;
  742. font-weight:bold;
  743. letter-spacing:1px;
  744. font-size:11px;
  745. }
  746.  
  747. #cr a{padding:5px; color:{color:header link};}
  748. #cr a:hover {background:{color:header link}; color:{color:accent3};}
  749.  
  750. .partners {
  751. width:240px;
  752. margin-top:5px;
  753. margin-left:5px;
  754. margin-bottom:15px;
  755. text-align:center;
  756. }
  757. .partners a{
  758. width:17px;
  759. background:{color:accent2};
  760. padding-left:7px;
  761. padding-right:7px;
  762. padding-top:8px;
  763. padding-bottom:8px;
  764. display:inline-block;
  765. font-size:11px;
  766. color:{color:post bg};
  767. margin:2px;
  768. margin-right:1px;
  769. text-align:center;
  770. -webkit-transition: all 0.6s ease-out;
  771. -moz-transition: all 0.6s ease-out;
  772. -ms-transition: all 0.6s ease-out;
  773. -o-transition: all 0.6s ease-out;
  774. transition: all 0.6s ease-out;
  775.  
  776. }
  777. .partners a:hover {
  778. background:{color:accent3};
  779. -webkit-border-radius: 100px 100px 100px 100px;
  780. border-radius: 100px 100px 100px 100px;
  781. -webkit-transition: all 0.6s ease-out;
  782. -moz-transition: all 0.6s ease-out;
  783. -ms-transition: all 0.6s ease-out;
  784. -o-transition: all 0.6s ease-out;
  785. transition: all 0.6s ease-out;
  786. -moz-transform: scale(0.9) rotate(360deg);
  787. -webkit-transform: scale(0.9) rotate(360deg);
  788. -o-transform: scale(0.9) rotate(360deg);
  789. -ms-transform: scale(0.9) rotate(360deg);
  790. transform: scale(0.9) rotate(360deg);
  791. }
  792.  
  793. .nois {
  794. width:210px;
  795. background:{color:accent};
  796. border:1px solid {color:post borders};
  797. border-radius:2px;
  798. padding:10px;
  799. float:left;
  800. margin-bottom:5px;
  801. }
  802. .nois a {
  803. font-size:11px;
  804. color:{color:text};
  805. text-transform:uppercase;
  806. margin-right:5px;
  807. font-weight:bold;
  808.  
  809. }
  810. .nois img {
  811.  
  812. width:35px;
  813. margin-left:-10px;
  814. margin-top:-10px;
  815. margin-bottom:-13px;
  816. margin-right:10px;
  817. -webkit-border-radius: 2px 0px 0px 2px;
  818. border-radius: 2px 0px 0px 2px;
  819.  
  820. }
  821.  
  822. .si {
  823.  
  824. float:left;
  825. width:24px;
  826. max-width:24px;
  827. border-radius:100%;
  828. margin-top:-8px;
  829. margin-left:-7px;
  830. z-index:0;
  831. position:relative;
  832. padding:3px;
  833. background:transparent;
  834.  
  835. }
  836.  
  837. .si img{
  838.  
  839. max-width:24px;
  840. z-index:0;
  841. position:relative;
  842. float:left;
  843. width:24px;
  844.  
  845. }
  846.  
  847. .sit {
  848.  
  849. float:left;
  850. margin-left:6px;
  851. text-transform:lowercase;
  852. margin-top:1px;
  853. font-size:11px;
  854.  
  855.  
  856. }
  857. .sit a{color:{color:perma link};}
  858.  
  859. .perfil {
  860.  
  861. width:250px;
  862. margin-top:-20px;
  863.  
  864. }
  865.  
  866. #headerfoto {
  867. position:fixed;
  868. width:50px;
  869. border-radius:100px;
  870. float:right;
  871. left:35px;
  872. top:10px;
  873. }
  874.  
  875. {CustomCSS}
  876.  
  877. </style>
  878. </head>
  879. <body>
  880.  
  881. <!-- SEARCH -->
  882. <div id="sh"><form action="/search" method="get"><input type="text" id="s" name="q" value="" placeholder="search"><i style="margin-top:10px; font-size:10px; text-align:right; float:right; z-index:00;" class="fa fa-search"></i></form></div>
  883.  
  884. <!-- HEADER ( TITLE, SUBTITLE, HEADER LINKS & HEADER IMAGE ) -->
  885. <div id="sptitle"><img id="headerfoto" src="{favicon}" /><a href="/">{Title}<div style="font-size:11px; color:{color:accent3}; font-family:Roboto;">{text:subtitle}</div></a><div class="nlinks"><a href="{text:headerlink1url}">{text:headerlink1title}</a><a href="{text:headerlink2url}">{text:headerlink2title}</a><a href="{text:headerlink3url}">{text:headerlink3title}</a><a href="{text:headerlink4url}">{text:headerlink4title}</a><a href="{text:headerlink5url}">{text:headerlink5title}</a></div></div>
  886.  
  887. <div id="post">
  888.  
  889. <div id="lef">
  890.  
  891. <!-- SIDEBAR, DESCRIPTION E TITLE -->
  892. <div class="boxs"><div style="margin-top:0px; margin-left:0px; text-align:center; width:220px; color:{color:accent2};" class="title">{title}<div style="font-size:11px; font-weight:normal; text-transform:lowercase">@{name}</div></div><img class="perfil" src="{image:sidebar}" /><div style="padding:20px; text-align:center;">{Description}</div></div>
  893.  
  894. <!-- AFLIATES -->
  895. <div class="boxs"><div class="pi"><li class="fa fa-group"></li></div><div class="title">Afiliats<div style="font-size:11px; font-weight:normal; text-transform:lowercase">partners</div></div><div class="partners">{text:afliates link}</div></div>
  896.  
  897. </div>
  898.  
  899. <div id="lef2">
  900.  
  901. <!-- NAVIGATION -->
  902. <div class="boxs"><div class="pi"><li class="fa fa-bars"></li></div><div class="title">navigation<div style="font-size:11px; font-weight:normal; text-transform:lowercase">more links</div></div><div id="navigation"><a href="{text:Link1Url}">{text:Link1Title}</a><a href="{text:Link2Url}">{text:Link2Title}</a><a href="{text:Link3Url}">{text:Link3Title}</a><a href="{text:Link4Url}">{text:Link4Title}</a></div></div>
  903.  
  904. <!-- MEMBERS -->
  905. <div style="height:198px;" class="boxs"><div class="pi"><li class="fa fa-star"></li></div><div class="title" style="margin-bottom:10px;">Members<div style="font-size:11px; font-weight:normal; text-transform:lowercase">o bonde</div></div><div style="padding:10px; padding-top:0px;">
  906.  
  907. <!-- MEBER1 -->
  908. <div class="nois"><img src="{image:member1}" /><a href="http://{text:member1 tumblrname}.tumblr.com/">{text:member1 name}</a>{text:member1 tumblrname}<a href="{text:member1 twitter url}" target="_blank"><li style="float:right; margin-right:3px; font-size:15px;" class="fa fa-twitter" aria-hidden="true"></li></a><a href="{text:member1 instagram url}" target="_blank"><li style="float:right; margin-right:6px; font-size:15px;" class="fa fa-instagram" aria-hidden="true"></li></a></div>
  909.  
  910. <!-- MEMBER2 -->
  911. <div class="nois"><img src="{image:member2}" /><a href="http://{text:member2 tumblrname}.tumblr.com/">{text:member2 name}</a>{text:member2 tumblrname}<a href="{text:member2 twitter url}" target="_blank"><li style="float:right; margin-right:3px; font-size:15px;" class="fa fa-twitter" aria-hidden="true"></li></a><a href="{text:member2 instagram url}" target="_blank"><li style="float:right; margin-right:6px; font-size:15px;" class="fa fa-instagram"aria-hidden="true"></li></a></div>
  912.  
  913. <!-- MEMBER3 -->
  914. <div class="nois"><img src="{image:member3}" /><a href="http://{text:member3 tumblrname}.tumblr.com/">{text:member3 name}</a>{text:member3 tumblrname}<a href="{text:member3 twitter url}" target="_blank"><li style="float:right; margin-right:3px; font-size:15px;" class="fa fa-twitter" aria-hidden="true"></li></a><a href="{text:member3 instagram url}" target="_blank"><li style="float:right; margin-right:6px; font-size:15px;" class="fa fa-instagram" aria-hidden="true"></li></a></div>
  915.  
  916. </div></div>
  917.  
  918. <!-- STATISTICS -->
  919. <div class="boxs"><div class="pi"><li class="fa fa-bar-chart"></li></div>
  920. <div class="title">statistics<div style="font-size:11px; font-weight:normal; text-transform:lowercase">blog statistics</div></div><div style="padding:15px;">{text:statistics}</div></div>
  921.  
  922. </div>
  923.  
  924. {block:Posts}
  925.  
  926. <div class="entry">
  927.  
  928. <!-- AUTHOR -->
  929. <div class="seureblog2"><a href="{PostAuthorURL}"><img class="si" src="{PostAuthorPortraitURL-24}"> </a><div class="sit"><a href="{PostAuthorURL}">{PostAuthorName}</a> posted this {TimeAgo}</div></div>
  930.  
  931. {block:Title} <h1>{TItle}</h1> {/block:Title}
  932.  
  933. {block:Text}
  934. <div class="tcaption"> {Body} {block:Caption} {Caption} {block:Caption}</div>
  935. {/block:Text}
  936.  
  937. {block:Photo}
  938. <img src="{PhotoURL-500}" width="500" />
  939. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  940. {/block:Photo}
  941.  
  942. {block:Photoset}
  943. {Photoset-500}
  944. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  945. {/block:Photoset}
  946.  
  947. {block:Quote}
  948. <div class="quote">
  949. "{Quote}"
  950. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  951. </div>
  952. {/block:Quote}
  953.  
  954. {block:Link}
  955. <div class="link">
  956. <div class="linktitle"><a href="{URL}"{Target}>{Name}</a></div>
  957. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  958. {/block:Link}
  959.  
  960. {block:Chat}
  961. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  962. {/block:Label}{Line}</div>{/block:Lines}</div>
  963. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  964. {/block:Chat}
  965.  
  966. {block:Audio}
  967. <div class="albumfoto">
  968. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  969. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  970.  
  971. <div class="audiodesc">
  972. {block:Artist}{Artist}{/block:Artist}</br>
  973. {block:Album}{Album}{/block:Album}</br>
  974. {block:TrackName}{TrackName}{/block:TrackName}</br>
  975. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  976. </div>
  977.  
  978. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  979. {/block:Audio}
  980.  
  981. {block:Video}
  982. {Video-500}
  983. {PlayCountWithLabel}
  984. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  985. {/block:Video}
  986.  
  987. {block:Answer}
  988. <div class="pergunta">
  989. <div class="pessoap">{Asker} asked:</div>
  990. {Question}
  991. </div>
  992. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  993. <div class="sresposta">{Answer}</div>
  994. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  995. {/block:Answer}
  996.  
  997. <!-- PERMALINKS -->
  998. <div class="seureblog">
  999. {block:Date}<a href="{Permalink}"><li class="fa fa-clock-o"></li>&nbsp;&nbsp;{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  1000. <a href="{ReblogUrl}"><li class="fa fa-share"></li>&nbsp;&nbsp;Share</a>
  1001. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}">like</div>
  1002. <a style="margin-left:8px;" href="{Permalink}"><li class="fa fa-heart"></li>&nbsp;&nbsp;{NoteCountWithLabel}</a>
  1003. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1004. </div>
  1005.  
  1006. {block:PermalinkPage}
  1007.  
  1008. <div style="padding:15px; line-height:20px;">
  1009. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  1010. {block:RebloggedFrom}
  1011. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  1012. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  1013. {/block:RebloggedFrom}
  1014. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  1015. </br>
  1016. {block:HasTags}
  1017. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  1018. {block:Tags}
  1019. <a href="{TagURL}">#{Tag}</a>
  1020. {/block:Tags}{/block:HasTags}
  1021. </div>
  1022. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1023.  
  1024. {/block:PermalinkPage}
  1025. </div>
  1026.  
  1027. <!-- DISQUS SCRIPT -->
  1028. {block:IndexPage}
  1029. <script type="text/javascript">
  1030. var disqus_shortname = '{text:Disqus Shortname}';
  1031.  
  1032. (function () {
  1033. var s = document.createElement('script'); s.async = true;
  1034. s.type = 'text/javascript';
  1035. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1036. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1037. }());
  1038. </script>
  1039. {/block:IndexPage}{block:PermalinkPage}{block:IfDisqusShortname}
  1040. <div id="disqus_thread"></div>
  1041. <script type="text/javascript">
  1042. var disqus_shortname = '{text:Disqus Shortname}';
  1043. var disqus_url = '{Permalink}';
  1044. (function() {
  1045. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1046. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1047. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1048. })();
  1049. </script>
  1050. {/block:IfDisqusShortname}{/block:PermalinkPage}
  1051. <!-- DISQUS SCRIPT -->
  1052.  
  1053. {/block:Posts}
  1054. </div>
  1055.  
  1056. {block:IfNotInfiniteScroll}
  1057. <div id="page4">
  1058. {block:Pagination}
  1059. {block:PreviousPage}
  1060. <a href="{PreviousPage}">Back</a>
  1061. {/block:PreviousPage}
  1062. {block:JumpPagination length="5"}
  1063. {block:CurrentPage}
  1064. <a href="#" style="background:{color:accent2}; border:1px solid {color:accent2}; color:{color:post bg};"><span class="current_page">{CurrentPage}</a></span></a>
  1065. {/block:CurrentPage}
  1066. {block:JumpPage}
  1067. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1068. {/block:JumpPage}
  1069. {/block:JumpPagination}
  1070. {block:NextPage}
  1071. <a href="{NextPage}">Next</a>
  1072. {/block:NextPage}
  1073. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  1074. {/block:Pagination}
  1075. </div>
  1076. {/block:IfNotInfiniteScroll}
  1077.  
  1078. {block:IfInfiniteScroll}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}</div>{/block:IfInfiniteScroll}
  1079.  
  1080. <div id="footer"><div id="descfooter">
  1081.  
  1082. <div class="lf">
  1083. <b>CONTACT:</B> helphtml@outlook.com </br>
  1084. <b>INFORMATION:</B> Licensed by creative commons</br>
  1085. <b>SINCE:</b> {CopyrightYears} </br>
  1086. <b>{Title} - All rights reserved. </br>
  1087. </div>
  1088.  
  1089. <div class="rg">
  1090. <a href="/">Home</a>&nbsp;|&nbsp;
  1091. <a href="/archive">Archive</a>&nbsp;|&nbsp;
  1092. <a href="/submit">Submit</a>&nbsp;|&nbsp;
  1093. <a href="/random">Random</a>
  1094. </div>
  1095.  
  1096. </div></div>
  1097.  
  1098. <!-- ***DON'T REMOVE CREDITS*** -->
  1099. <div id="cr">
  1100. &copy; Theme created by <a href="http://ttamplamente.tumblr.com/">carolaine vieira</a>
  1101. </div>
  1102.  
  1103. <!-- NO SOURCE -->
  1104. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  1105.  
  1106. <!-- LIKE BUTTON TEXT -->
  1107. <script>
  1108. window.onload = function () {
  1109. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  1110. document.addEventListener( 'click', function ( event ) {
  1111. var myLike = event.target;
  1112. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  1113. var frame = document.getElementById( 'my-like-frame' ),
  1114. liked = ( myLike.className == 'my-liked' ),
  1115. command = liked ? 'unlike' : 'like',
  1116. reblog = myLike.getAttribute( 'data-reblog' ),
  1117. id = myLike.getAttribute( 'data-id' ),
  1118. oauth = reblog.slice( -8 );
  1119. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; };}, false );};
  1120. </script>
  1121.  
  1122. <!-- TOOLTIP -->
  1123. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1124. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1125. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  1126.  
  1127. <!-- SCROLL TO TOP SCRIPT -->
  1128. <script>
  1129. $(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;});});
  1130. </script>
  1131.  
  1132. <!-- INFINITE SCROLLING SCRIPT -->
  1133. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1134. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1135. <script>
  1136. $(function(){
  1137. var $container = $('#post');
  1138. $container.imagesLoaded(function(){
  1139. $container.masonry({
  1140. itemSelector: '.entry',});});
  1141. $container.infinitescroll({
  1142. itemSelector : ".entry",
  1143. navSelector : "div.pagination",
  1144. nextSelector : ".pagination a#next",
  1145. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  1146. loadingText : "<em></em>",
  1147. },
  1148. function( newElements ) {
  1149. var $newElems = $( newElements ).css({ opacity: 0 });
  1150. $newElems.imagesLoaded(function(){
  1151. $newElems.animate({ opacity: 1 });
  1152. $container.masonry( 'appended', $newElems, true );});});});
  1153. </script>
  1154.  
  1155. </body>
  1156. </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!