API tools faq
paste
Advertisement
seiph

1198 Velho

seiph
Nov 22nd, 2017
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <head>
  8.  
  9.  
  10.  
  11.  
  12.  
  13. <link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
  14.  
  15. <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
  16. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  17. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25.  
  26. <!--- musecentral.tumblr.com/ theme #14. OOH
  27. please don't steal! it's not very nice --->
  28.  
  29. <meta name="color:Background" content="#dadada"/>
  30. <meta name="color:Text" content="#99aaa7"/>
  31. <meta name="color:accent1" content="#c3b0b5"/>
  32. <meta name="color:accent2" content="#e2e2e2"/>
  33. <meta name="color:shadow" content="#e2a9b0"/>
  34. <meta name="color:post bold" content="#dcc1c8"/>
  35. <meta name="color:Border" content="#99aaa7"/>
  36. <meta name="color:desc text" conetent="#acbebb"/>
  37. <meta name="color:post italic" content="#84ada6"/>
  38. <meta name="color:Links" content="#a69396"/>
  39. <meta name="color:container" content="#f5f5f5"/>
  40. <meta name="color:Post Background" content="#e7e7e7"/>
  41. <meta name="color:Info Background" content="#758087"/>
  42.  
  43. <meta name="image:header" content=""/>
  44. <meta name="image:icon1" content=""/>
  45. <meta name="image:icon2" content=""/>
  46. <meta name="image:icon3" content=""/>
  47.  
  48. <meta name="text:link1" content="/"/>
  49. <meta name="text:link2" content="/"/>
  50. <meta name="text:subtitle" content="/"/>
  51. <meta name="text:admin1" content="/"/>
  52. <meta name="text:admin2" content="/"/>
  53. <meta name="text:admin3" content="/"/>
  54. <meta name="text:online now" content="/"/>
  55. <meta name="text:hit counter" content="/"/>
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66.  
  67. /*STYLES*/
  68.  
  69. ::-webkit-scrollbar {
  70. display:none;
  71. }
  72.  
  73. ::selection {
  74. background:{color:background}; /* WebKit/Blink Browsers */
  75. }
  76.  
  77. ul, li
  78. {
  79. line-height:14.7px;
  80. }
  81.  
  82. b, strong {
  83. color: {color:Post Bold};
  84. font-family: arial;
  85. text-transform:uppercase;
  86. text-shadow:1px 1px 0px {color:shadow};
  87. letter-spacing:6px;
  88. }
  89.  
  90. i, em {
  91. color: {color:Post Italic};
  92. font-family:arial;
  93. text-shadow: 0px 1px 1px {color:shadow};
  94. letter-spacing:1px;
  95. }
  96.  
  97. pre {
  98. background:{color:border};
  99. color:{color:text};
  100. padding:5px;
  101. text-align:center;
  102. text-transform:uppercase;
  103. word-wrap: break-word;
  104. text-shadow: 1px 1px 0px {color:shadow};
  105.  
  106. }
  107.  
  108. body {
  109.  
  110. background-image: url(http://ap.imagensbrasil.org/images/2017/11/05/Teste11.gif);
  111. background-size: 100%;
  112.  
  113. color:{color:text};
  114. font-family:arial;
  115. font-size:9px;
  116. line-height:17px;
  117. text-align:justify;
  118. overflow:hidden;
  119. }
  120.  
  121. a {
  122. text-decoration:none;
  123. font-style:none;
  124. outline:none;
  125. font-family: ARIAL;
  126. text-transform:uppercase;
  127. -moz-outline-style:none;
  128. color:{color:links};
  129. -webkit-transition: all 0.4s ease-in-out;
  130. -moz-transition: all 0.4s ease-in-out;
  131. -o-transition: all 0.4s ease-in-out;
  132. -ms-transition: all 0.4s ease-in-out;
  133. transition: all 0.4s ease-in-out;
  134. }
  135.  
  136. a:hover {
  137. font-family: ARIAl;
  138. text-transform:uppercase;
  139. -moz-outline-style:none;
  140. color:{color:links};
  141. -webkit-transition: all 0.4s ease-in-out;
  142. -moz-transition: all 0.4s ease-in-out;
  143. -o-transition: all 0.4s ease-in-out;
  144. -ms-transition: all 0.4s ease-in-out;
  145. transition: all 0.4s ease-in-out;
  146. }
  147.  
  148.  
  149.  
  150. img {
  151. border:none;
  152. max-width:100%;
  153. }
  154.  
  155. small {
  156. font-size:8px;
  157. text-shadow:0px 1px 0px {color:shadow};
  158. }
  159. sup {
  160. font-size:9px;
  161. letter-spacing:3px;
  162. }
  163. sub {
  164. font-size:9px;
  165. letter-spacing:3px;
  166. }
  167. big {
  168. font-size:13px;
  169. text-transform:uppercase;
  170. letter-spacing:1px;
  171. }
  172.  
  173. strike {
  174. text-shadow:0px 1px 0px {color:shadow};
  175. letter-spacing:7px;
  176. text-transform:uppercase;
  177. }
  178.  
  179. h1 {
  180. color:{color:desc text};
  181. padding:5px;
  182. line-height:100%;
  183. text-transform:uppercase;
  184. font-family:arial black;
  185. font-size:14px;
  186. background-color:{color:container};
  187. text-align:right;
  188. text-shadow:1px 1px 0px {color:shadow};
  189. border-radius:3px;
  190. -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
  191. -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
  192. box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
  193. }
  194.  
  195. h2 {
  196. font-size:7px;
  197. color:{color:text};
  198. text-transform:uppercase;
  199. font-family: arial;
  200. padding:7px;
  201. font-style:;
  202. text-align:center;
  203. border-bottom:1px solid {color:border};
  204. border-radius:3px;
  205. }
  206.  
  207. blockquote {
  208. border-left:2px solid {color:accent1};
  209. padding:2px 7px;
  210. margin:3px 0 3px 8px;
  211. max-width:100%;
  212. text-align:justify;
  213.  
  214. background:{color:Post Background};
  215. }
  216.  
  217. blockquote small {
  218. text-shadow:none;
  219. color:{color:background};
  220. font-size:10px;
  221. }
  222.  
  223. blockquote img {
  224. max-width: 100%;
  225. }
  226.  
  227. /*IFRAME CONTROLS*/
  228.  
  229.  
  230. .tmblr-iframe.iframe-controls--desktop {
  231. top:0%!important;
  232. right:0%!important;
  233. position:fixed!important;
  234. z-index:999999999!important;
  235. }
  236.  
  237. .tmblr-iframe--desktop-logged-in-controls {
  238. -webkit-filter:invert(100%);
  239. -moz-filter:invert(100%);
  240. -o-filter:invert(100%);
  241. -ms-filter:invert(100%);
  242. filter:invert(100%);
  243. opacity:0.3;
  244. }
  245.  
  246. /*TOOLTIP*/
  247.  
  248. .tooltip{
  249. display: inline;
  250. position: relative;
  251. }
  252.  
  253. #s-m-t-tooltip {
  254. max-width:300px; /*how big the tooltip can be at most*/
  255. border-radius: 0px; /*change your border radius*/
  256. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  257. margin:20px 7px -2px 20px; /*distance from word*/
  258. background-color:{color:background}; /*background color*/
  259. border:1px solid {color:border}; /*border info*/
  260. font-family:arial; /*tooltip font*/
  261. font-size:9px; /*tooltip font size*/
  262. letter-spacing:2px; /*tooltip letter spacing*/
  263. text-transform:uppercase; /*makes the tooltip title uppercase*/
  264. color:{color:container}; /*tooltip font color*/
  265. z-index:999999999999999999999999999999999999;
  266. }
  267.  
  268. /*MOVE EVERY DIV*/
  269.  
  270. #everything {
  271. position:fixed;
  272. margin-left:150px;
  273. margin-top:100px;
  274. }
  275.  
  276.  
  277.  
  278. /*IMAGES*/
  279.  
  280. #header {
  281. margin-top:-90px;
  282. margin-left:300px;
  283. position:fixed;
  284. }
  285.  
  286. #header img {
  287. border-top:20px solid {color:border};
  288. width:600px;
  289. height:100px;
  290. z-index:999999;
  291.  
  292. }
  293.  
  294. .icons {
  295. position:fixed;
  296. margin-top:330px;
  297. margin-left:435px;
  298. z-index:999999;
  299. }
  300.  
  301. .icons img {
  302. width:40px;
  303. height:40px;
  304. border:3px solid {color:background};
  305. }
  306.  
  307. /*PUSH MENU*/
  308.  
  309. .wrapper{
  310. overflow:hidden;
  311. }
  312.  
  313. nav{
  314. position:fixed;
  315. top:0;
  316. left:0;
  317. width:370px;
  318. height:100%;
  319. margin:0 0 0 -400px;
  320. -moz-transition:all 200ms ease-in;
  321. -webkit-transition:all 200ms ease-in;
  322. -o-transition:all 200ms ease-in;
  323. transition:all 200ms ease-in;
  324. }
  325.  
  326. nav ul{
  327. width:370px;
  328. height:100%;
  329. padding:0;
  330. margin:0;
  331. list-style:none;
  332. background:{color:container};
  333. overflow:hidden;
  334. }
  335.  
  336. nav li{
  337. margin:0;
  338. }
  339.  
  340. nav a{
  341. color:{color:info background};
  342. font-size:10px;
  343. font-family:arial black;
  344. text-decoration:none;
  345. display:block;
  346. padding:12px 15px;
  347. font-weight:300;
  348. letter-spacing:2px;
  349. border-bottom:1px solid {color:background};
  350. }
  351.  
  352. nav a:hover{
  353. background:{color:post background};
  354. color:{color:container};
  355. font-family:arial black;
  356. }
  357.  
  358. nav span {
  359. width:auto;
  360. font-size:10px;
  361. font-family:arial;
  362. text-transform:uppercase;
  363. overflow:none;
  364. text-align:center;
  365. line-height:140%;
  366. letter-spacing:2px;
  367. padding:5px;
  368. padding-bottom:10px;
  369. text-shadow: 1px 1px 1px {color:shadow};
  370. z-index:9999999999;
  371. color:{color:accent1};
  372. border-bottom:1px solid {color:background};
  373. }
  374.  
  375. nav p{
  376. font-family:arial;
  377. font-size:9px;
  378. line-height:17px;
  379. text-align:justify;
  380. overflow:hidden;
  381. text-transform:uppercase;
  382. }
  383.  
  384. label{
  385. color:{color:links};
  386. text-align:center;
  387. font-size:10px;
  388. position:fixed;
  389. top:163.5px;
  390. left:1018px;
  391. width:11px;
  392. height:11px;
  393. padding:6px;
  394. border:1px solid {color:background};
  395.  
  396. background:{color:background};
  397. -webkit-transition: all 0.2s ease-in-out;
  398. -moz-transition: all 0.2s ease-in-out;
  399. -o-transition: all 0.2s ease-in-out;
  400. -ms-transition: all 0.2s ease-in-out;
  401. transition: all 0.2s ease-in-out;
  402. z-index:500;
  403. }
  404.  
  405. label:hover {
  406. cursor:pointer;
  407. border:2px solid {color:background};
  408. background:{color:accent2};
  409. color:{color:accent1};
  410. -webkit-transition: all 0.2s ease-in-out;
  411. -moz-transition: all 0.2s ease-in-out;
  412. -o-transition: all 0.2s ease-in-out;
  413. -ms-transition: all 0.2s ease-in-out;
  414. transition: all 0.2s ease-in-out;
  415. }
  416.  
  417. input[type="checkbox"]{
  418. display:none;
  419. }
  420.  
  421. input[type="checkbox"]:checked ~ nav{
  422. margin:0;
  423. }
  424.  
  425. input[type="checkbox"]:checked ~ label{
  426.  
  427. }
  428.  
  429. input[type="checkbox"]:checked ~ section{
  430. -webkit-transform:translate3d(260px, 0, 0);
  431. -moz-transform:translate3d(260px, 0, 0);
  432. -o-transform:translate3d(260px, 0, 0);
  433. transform:translate3d(260px, 0, 0);
  434. }
  435.  
  436.  
  437. /*ENTRIES*/
  438.  
  439. #box{
  440. margin-top:30px;
  441. margin-left:300px;
  442. width:600px;
  443. height:401px;
  444. background-color:{color:container};
  445. border-top:5px solid {color:accent2};
  446. }
  447.  
  448. #entries {
  449. position:fixed;
  450. padding:10px;
  451. padding-top:0px;
  452. z-index:9999;
  453. margin-left:5px;
  454. margin-top:10px;
  455. height:371px;
  456. width:420px;
  457. overflow:auto;
  458. text-align:justify;
  459. }
  460.  
  461. #post {
  462. width:400px;
  463. text-align: justify;
  464. padding: 10px;
  465. background-color:{color:post background};
  466. margin-top:5px;
  467. margin-bottom:15px;
  468. -webkit-transition: all 0.4s ease-in-out;
  469. -moz-transition: all 0.4s ease-in-out;
  470. -o-transition: all 0.4s ease-in-out;
  471. -ms-transition: all 0.4s ease-in-out;
  472. transition: all 0.4s ease-in-out;
  473. }
  474.  
  475. #post b, strong {
  476. color: {color:Post Bold};
  477. font-family: arial;
  478. text-transform:uppercase;
  479. text-shadow:1px 1px 0px {color:shadow};
  480. letter-spacing:6px;
  481. }
  482.  
  483. #post i, em {
  484. color: {color:Post Italic};
  485. font-family:arial;
  486. text-shadow: 0px 1px 1px {color:shadow};
  487. letter-spacing:1px;
  488.  
  489. }
  490.  
  491.  
  492.  
  493. /*SIDEBAR*/
  494.  
  495.  
  496. #description {
  497. padding:10px;
  498. overflow:auto;
  499. text-align:justify;
  500. font-size:8px;
  501. height:220px;
  502. text-transform:uppercase;
  503. position:fixed;
  504. width:125px;
  505. color:{color:desc text};
  506. margin-left:435px;
  507. margin-top:85px;
  508. }
  509.  
  510. #description b, strong {
  511. text-transform:uppercase;
  512. color: {color:Post Bold};
  513. font-family: arial black;
  514. letter-spacing:5px;
  515. text-shadow:1px 1px 0px {color:shadow};
  516. }
  517.  
  518. #description i, em {
  519. color: {color:Post Italic};
  520. font-family: arial;
  521. text-shadow: 0px 0px 1px {color:shadow};
  522. letter-spacing:1px;
  523. text-transform:none;
  524. }
  525.  
  526. #description a {
  527. color:{color:post background};
  528. text-shadow:1px 1px 0px {color:info background};
  529. }
  530.  
  531.  
  532.  
  533. #sidebar{
  534. padding:10px;
  535. z-index:9999;
  536. text-align:center;
  537. position:fixed;
  538. margin-top:40px;
  539. font-size:10px;
  540. margin-left:300px;
  541. width:443px;
  542. height:150px;
  543. color:black;
  544. font-family:arial;
  545. color:{color:background};
  546. }
  547.  
  548. #title {
  549. width:130px;
  550. font-size:10px;
  551. font-family:arial;
  552. text-transform:uppercase;
  553. overflow:none;
  554. position:fixed;
  555. text-align:center;
  556. line-height:140%;
  557. letter-spacing:2px;
  558. padding:5px;
  559. padding-bottom:10px;
  560. text-shadow: 1px 1px 1px {color:shadow};
  561. margin-top:50px;
  562. margin-left:437px;
  563. z-index:9999999999;
  564. color:{color:accent1};
  565. border-bottom:1px solid {color:border};
  566. }
  567.  
  568. #subtitle {
  569. width:400px;
  570. font-size:8px;
  571. font-family:arial;
  572. text-transform:uppercase;
  573. overflow:none;
  574. position:fixed;
  575. text-align:left;
  576. letter-spacing:2px;
  577. padding:5px;
  578. margin-top:-143px;
  579. margin-left:0px;
  580. z-index:9999999999;
  581. color:{color:post bold};
  582. }
  583.  
  584. #stats {
  585. width:400px;
  586. font-size:8px;
  587. font-family:arial;
  588. text-transform:uppercase;
  589. overflow:none;
  590. position:fixed;
  591. text-align:right;
  592. letter-spacing:2px;
  593. padding:5px;
  594. margin-top:-93px;
  595. margin-left:490px;
  596. z-index:9999999999;
  597. color:{color:container};
  598. }
  599.  
  600. #stats a{
  601. z-index:999999999999999999;
  602. }
  603.  
  604. /*SIDELINKS*/
  605.  
  606.  
  607. #links{
  608. z-index:9999999;
  609. margin-top:10px;
  610. font-family:arial;
  611. position:absolute;
  612. letter-spacing:10px;
  613. margin-left:190px;
  614. width:150px;
  615. height:150px;
  616. display:inline-block;
  617. padding-bottom:10px;
  618.  
  619. }
  620.  
  621. #links a{
  622. text-align:center;
  623. margin-top:4px;
  624. font-size:10px;
  625. text-align:left;
  626. letter-spacing:0px;
  627. text-transform:lowercase;
  628. font-family: arial;
  629. color:{color:links};
  630. width:50px;
  631. height:50px;
  632. padding:6px;
  633. border:1px solid {color:background};
  634.  
  635. background:{color:background};
  636. -webkit-transition: all 0.2s ease-in-out;
  637. -moz-transition: all 0.2s ease-in-out;
  638. -o-transition: all 0.2s ease-in-out;
  639. -ms-transition: all 0.2s ease-in-out;
  640. transition: all 0.2s ease-in-out;
  641.  
  642. }
  643.  
  644. #links a:hover {
  645. border:2px solid {color:background};
  646. background:{color:accent2};
  647. color:{color:accent1};
  648. -webkit-transition: all 0.2s ease-in-out;
  649. -moz-transition: all 0.2s ease-in-out;
  650. -o-transition: all 0.2s ease-in-out;
  651. -ms-transition: all 0.2s ease-in-out;
  652. transition: all 0.2s ease-in-out;
  653. }
  654.  
  655.  
  656.  
  657. /*POST INFO*/
  658.  
  659.  
  660. #info {
  661. width:400px;
  662. text-align:right;
  663. font-family:arial black;
  664. margin-top:-7px;
  665. margin-left:-2px;
  666. letter-spacing:1px;
  667. color:{color:text};
  668. font-size:7px;
  669. font-style:none;
  670. padding:1px;
  671. line-height:10px;
  672. text-transform:uppercase;
  673. z-index:99999;
  674. }
  675.  
  676. #info a {
  677. font-style:none;
  678. background:{color:background};
  679. text-align:center;
  680. color:{color:Links};
  681. padding-right:5px;
  682. }
  683.  
  684. #info a:hover {
  685. -moz-transition-duration:0.3s;
  686. -webkit-transition-duration:0.3s;
  687. -o-transition-duration:0.3s;
  688. color:{color:accent1}
  689. }
  690.  
  691.  
  692.  
  693. #tags {
  694. float:left;
  695. width:30px;
  696. margin-top:6px;
  697. margin-left:0px;
  698. text-align:right;
  699. font-family:arial;
  700. font-size:8px;
  701. padding:5px;
  702. padding-bottom:10px;
  703. padding-left:30px;
  704. font-size:8px;
  705. opacity:1;
  706. transition-duration: 0.5s;
  707. -moz-transition-duration: 0.5s;
  708. -webkit-transition-duration: 0.5s;
  709. -o-transition-duration: 0.5s
  710. color:{color:Links};
  711. }
  712.  
  713. #tags a {
  714. letter-spacing:0px;
  715. font-size:8px;
  716. display:inline-block;
  717. text-align:right;
  718. font-family:arial black;
  719. text-decoration:none;
  720. color:{color:Links};
  721. }
  722.  
  723. #tags a:hover {
  724. -moz-transition-duration:0.3s;
  725. -webkit-transition-duration:0.3s;
  726. -o-transition-duration:0.3s;
  727. color:{color:accent1};
  728. }
  729.  
  730.  
  731. ol.notes {
  732. display:block;
  733. text-align:left;
  734. list-style-type:none;
  735. margin-left:15px;
  736. border-radius:3px;
  737. background-color:{color:Info Background};
  738. }
  739.  
  740. ol.notes li.note{
  741. margin-left:15px;
  742. margin-bottom:5px;
  743. background-color:{color:Info Background};
  744. }
  745.  
  746. .pagenotes {
  747. text-align:left;
  748. margin-top:15px;
  749. background:none;
  750. margin-left:15px;
  751. background-color:{color:Info Background};
  752. }
  753.  
  754. .pagenotes img{
  755. padding-right:5px;
  756. padding-top:5px;
  757. margin-bottom:-5px;
  758. }
  759.  
  760.  
  761.  
  762. /*CHAT*/
  763.  
  764. #chat {
  765. padding:1px;
  766. background-color:{color:accent1};
  767. margin-left:10px;
  768. padding-left:10px;
  769. border-radius:3px;
  770. border-top:solid 1px {color:border};
  771. margin-bottom:5px;
  772. }
  773.  
  774. #chat b{
  775. text-shadow:0px;
  776. }
  777.  
  778.  
  779. /*QUOTES*/
  780.  
  781. .quote{
  782. font-size:30px;
  783. font-family:arial black;
  784. text-align:left;
  785. line-height:100%;
  786. background:transparent;
  787. }
  788.  
  789. .qsource{
  790. text-align:right;
  791. margin-bottom:10px;
  792. color:{color:links};
  793. font-size:9px;
  794. font-family:arial;
  795. text-decoration:lowercase;
  796. padding:7px;
  797. background:{color:background};
  798. opacity:0.5;
  799. }
  800.  
  801. /*AUDIO*/
  802.  
  803. .playerbuttonbg {
  804. position: absolute;
  805. left: 20px;
  806. top: 20px;
  807. width: 19px;
  808. height: 19px;
  809. background-color:{color:background};
  810. padding: 10px;
  811. -webkit-border-radius: 40px;
  812. -moz-border-radius: 40px;
  813. border-radius: 40px;
  814. opacity: .4;
  815. filter: alpha(opacity=40);
  816. -moz-opacity: 0.4;
  817. -khtml-opacity: 0.4;
  818. transition: opacity .7s ease-in-out;
  819. -moz-transition: opacity .7s ease-in-out;
  820. -webkit-transition: opacity .7s ease-in-out;
  821. }
  822.  
  823. .playerbuttonbg:hover {
  824. opacity: .8;
  825. filter: alpha(opacity=100);
  826. -moz-opacity: 1;
  827. -khtml-opacity: 1;
  828. }
  829.  
  830. .newplayerbutton {
  831. position: relative;
  832. width: 19px;
  833. height: 19px;
  834. overflow: hidden;
  835. }
  836.  
  837. .playerbuttonhug {
  838. position: absolute;
  839. top: -18px;
  840. left: -7px;
  841. }
  842.  
  843. .tumblr_audio_player {
  844. height: 90px;
  845. width: 270px;
  846. -moz-transform: scale(0.60, 0.60);
  847. -webkit-transform: scale(0.60, 0.60);
  848. -o-transform: scale(0.60, 0.60);
  849. -ms-transform: scale(0.60, 0.60);
  850. transform: scale(0.60, 0.60);
  851. -moz-transform-origin: top left;
  852. -webkit-transform-origin: top left;
  853. -o-transform-origin: top left;
  854. -ms-transform-origin: top left;
  855. transform-origin: top left;
  856. }
  857.  
  858. .audioimgwrapper {
  859. position: absolute;
  860. left: 0px;
  861. top: 0px;
  862. -webkit-border-radius: 40px;
  863. -moz-border-radius: 40px;
  864. border-radius: 40px;
  865. overflow: hidden;
  866. width: 79px;
  867. height: 79px;
  868. }
  869.  
  870. .audioimgwrapper img {
  871. width: 100%;
  872. height: auto;
  873. -webkit-border-radius: 40px;
  874. -moz-border-radius: 40px;
  875. border-radius: 40px;
  876. }
  877.  
  878. .trackdetails {
  879. line-height:150%;
  880. background:{color:accent1};
  881. border: 1px solid {color:border};
  882. display:inline-block;
  883. width:287px;
  884. overflow:auto;
  885. padding:10px;
  886. font-family:arial;
  887. color:{color:text};
  888. margin-left: 90px;
  889. min-height: 60px;
  890. }
  891.  
  892. .trackdetails b {
  893. color:{color:post bold};
  894. }
  895.  
  896. .audiowrapper {
  897. position: relative;
  898. display:inline-block;
  899. }
  900.  
  901.  
  902. /*QUESTION*/
  903.  
  904. .asker{
  905. overflow:hidden;
  906. color:{color:accent1};
  907. padding:3px;
  908. text-transform:uppercase;
  909. font-family:arial black;
  910. font-size:10px;
  911. letter-spacing:0px;
  912. margin-left:-3px;
  913. margin-top:-6px;
  914. text-align:right;
  915. background:{color:accent2};
  916. background-image:url(https://78.media.tumblr.com/e11f6c22385e1e6eeb7775604288a696/tumblr_ozbh00Y9Mz1u3b9rdo1_500.gif);
  917. }
  918.  
  919. .question {
  920. color:{color:desc text};
  921. }
  922.  
  923. .asker a {
  924. color:{color:accent1};
  925. }
  926.  
  927. .asker a:hover {
  928. font-style:none;
  929. font-family:arial black;
  930. color:{color:container};
  931. text-shadow:1px 1px 1px {color:shadow};
  932. -webkit-transition: all 0.4s ease-in-out;
  933. -moz-transition: all 0.4s ease-in-out;
  934. -o-transition: all 0.4s ease-in-out;
  935. -ms-transition: all 0.4s ease-in-out;
  936. transition: all 0.4s ease-in-out;
  937. }
  938.  
  939. .bubble {
  940. align:right;
  941. background: {color:container};
  942. margin:0px 0px 0px 65px;
  943. padding:10px;
  944. position: relative;
  945. overflow:auto;
  946. height:48px;
  947.  
  948. }
  949.  
  950. .bubble p {
  951. margin:0px 0px;
  952.  
  953. }
  954.  
  955. .askborder {
  956. float: left;
  957. margin: 0px 0px 0 0;
  958. padding: 3px;
  959. background:{color:accent1};
  960. border-radius:0px;
  961. }
  962.  
  963.  
  964.  
  965. /*PAGINATION*/
  966.  
  967. #pagination{
  968. width:600px;
  969. font-size:8px;
  970. z-index:999;
  971. text-align:center;
  972. color:{color:text};
  973. position:fixed;
  974. margin-left:-10px;
  975. background:transparent;
  976. height:15px;
  977. margin-top:386px;
  978. background:{color:accent2};
  979. }
  980.  
  981. #pagination a{
  982. color:{color:links};
  983. font-size:8px;
  984. font-family:arial;
  985. background-color:transparent;
  986. }
  987.  
  988.  
  989.  
  990. /*CREDIT*/
  991.  
  992. #cred {
  993. position:fixed;
  994. font-family:arial;
  995. text-transform:uppercase;
  996. font-size:12px;
  997. text-decoration:none;
  998. font-style:none;
  999. padding:4px;
  1000. letter-spacing:1px;
  1001. border-radius:3px;
  1002. -webkit-transition: all 0.4s ease-in-out;
  1003. -moz-transition: all 0.4s ease-in-out;
  1004. -o-transition: all 0.4s ease-in-out;
  1005. -ms-transition: all 0.4s ease-in-out;
  1006. transition: all 0.4s ease-in-out;
  1007. }
  1008.  
  1009.  
  1010. #cred a {
  1011. left:9px;
  1012. width:17px;
  1013. height:12px;
  1014. bottom:9px;
  1015. position:fixed;
  1016. text-decoration:none;
  1017. font-style:none;
  1018. font-family:arial;
  1019. text-transform:uppercase;
  1020. font-size:10px;
  1021. left:9px;
  1022. bottom:9px;
  1023. padding:4px;
  1024. letter-spacing:1px;
  1025. -webkit-transition: all 0.4s ease-in-out;
  1026. -moz-transition: all 0.4s ease-in-out;
  1027. -o-transition: all 0.4s ease-in-out;
  1028. -ms-transition: all 0.4s ease-in-out;
  1029. transition: all 0.4s ease-in-out;
  1030. }
  1031.  
  1032. #cred a:hover {
  1033. font-size:10px;
  1034. -webkit-transition: all 0.4s ease-in-out;
  1035. -moz-transition: all 0.4s ease-in-out;
  1036. -o-transition: all 0.4s ease-in-out;
  1037. -ms-transition: all 0.4s ease-in-out;
  1038. transition: all 0.4s ease-in-out;
  1039. }
  1040.  
  1041. .credit {
  1042. position:fixed;
  1043. font-family:arial;
  1044. text-transform:uppercase;
  1045. font-size:8px;
  1046. padding-bottom:5px;
  1047. left:-90px;
  1048. width:100px;
  1049. height:12px;
  1050. bottom:9px;
  1051. text-decoration:none;
  1052. font-style:none;
  1053. letter-spacing:1px;
  1054. opacity:0;
  1055. z-index:-99999;
  1056. -webkit-transition: all 0.4s ease-in-out;
  1057. -moz-transition: all 0.4s ease-in-out;
  1058. -o-transition: all 0.4s ease-in-out;
  1059. -ms-transition: all 0.4s ease-in-out;
  1060. transition: all 0.4s ease-in-out;
  1061. }
  1062.  
  1063. #cred:hover .credit {
  1064. opacity:1;
  1065. font-size:10px;
  1066. margin-left:120px;
  1067. -webkit-transition: all 0.4s ease-in-out;
  1068. -moz-transition: all 0.4s ease-in-out;
  1069. -o-transition: all 0.4s ease-in-out;
  1070. -ms-transition: all 0.4s ease-in-out;
  1071. transition: all 0.4s ease-in-out;
  1072. }
  1073.  
  1074. background-size: cover;
  1075. background-position: center;}
  1076.  
  1077. {CustomCSS}</style></head><body>
  1078.  
  1079.  
  1080.  
  1081. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1082. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1083. <script>
  1084.  
  1085. (function($){
  1086.  
  1087. $(document).ready(function(){
  1088.  
  1089. $("a[title]").style_my_tooltips({
  1090.  
  1091. tip_follows_cursor:true,
  1092.  
  1093. tip_delay_time:50,
  1094.  
  1095. tip_fade_speed:600,
  1096.  
  1097. attribute:"title"
  1098.  
  1099. });
  1100.  
  1101. });
  1102.  
  1103. })(jQuery);
  1104.  
  1105. </script>
  1106.  
  1107.  
  1108.  
  1109.  
  1110. <div id="everything">
  1111.  
  1112. <div id="stats">{text:online now} ◆ {text:hit counter}</div>
  1113.  
  1114. <div id="header"><img src="{image:header}"></div>
  1115.  
  1116. <div id="sidebar">
  1117.  
  1118. <div id="title">{title}</div>
  1119.  
  1120. <div id="description">{description}
  1121. </div>
  1122.  
  1123. <div class="icons">
  1124. <img src="{image:icon1}" title="{text:admin1}">
  1125. <img src="{image:icon2}" title="{text:admin2}">
  1126. <img src="{image:icon3}" title="{text:admin3}">
  1127. </div>
  1128.  
  1129.  
  1130. <div id="pagination">{block:Pagination} {block:PreviousPage}
  1131. <a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span> back </a>
  1132. {/block:PreviousPage}
  1133. &nbsp; <span class="lnr lnr-cross"></span> &nbsp;
  1134. {block:NextPage}
  1135. <a href="{NextPage}">next <span class="lnr lnr-chevron-right"></span></a>
  1136. {/block:NextPage}
  1137. {/block:Pagination}</div>
  1138.  
  1139.  
  1140.  
  1141. <div id="links" >
  1142. <a href="/"><span class="lnr lnr-pointer-up"></span></a>
  1143. <a href="{text:link1}"><span class="lnr lnr-inbox"></span></a>
  1144. <a href="{text:link2}"><span class="lnr lnr-cog"></span></span></a>
  1145.  
  1146. </div>
  1147.  
  1148. <div id="subtitle">{text:subtitle}</div>
  1149.  
  1150.  
  1151.  
  1152. </div>
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159. <div id="box">
  1160. <div id="entries">
  1161.  
  1162.  
  1163.  
  1164. {block:Posts}
  1165.  
  1166.  
  1167. <div id="post">
  1168.  
  1169. <div id="info" style="background:{color:info background};margin-left:-10px;margin-top:-10px;width:400px;padding:10px;">
  1170. <h9 style="background:{color:info background};padding:1px;color:{color:accent2}">
  1171. <span class="lnr lnr-history"></span> <a href="{Permalink}" style="background:{color:info background};">{TimeAgo}</a> <span class="lnr lnr-menu-circle"></span> <a href="{Permalink}" style="background:{color:info background};">{NoteCount}</a> <span class="lnr lnr-sync"></span> <a href=“{ReblogURL}” style="background:{color:info background};"><span>Reblog</span></a> <span class="lnr lnr-user"></span> {block:ContentSource}<a href="{SourceURL}" style="background:{color:info background};"> source</a>{/block:ContentSource}<br></h9>
  1172.  
  1173. </div>
  1174.  
  1175.  
  1176. {block:Text}
  1177. <br>
  1178. {block:Title}<h1>{Title}</h1>{/block:Title}
  1179. {Body}{/block:Text}
  1180.  
  1181. {block:Photo}<br>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  1182. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1183.  
  1184. {block:Photoset}<br>{Photoset-400}{block:Caption}{Caption}
  1185. {/block:Caption}{/block:Photoset}
  1186.  
  1187. {block:Quote}<br><div class"quote" style="font-size:17px;font-family:arial;font-style:italic;text-transform:uppercase;text-align:justify;color:{color:desc text};line-height:100%;background:transparent;padding:15px;">❝ {Quote} ❞</div>
  1188. {block:Source}<div class="qsource"> — {Source}</div>
  1189. {/block:Source}{/block:Quote}
  1190.  
  1191. {block:Link}<br><h1><a href="{URL}" {Target}>——<b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1192.  
  1193. {block:Chat}<br>{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  1194.  
  1195.  
  1196. {block:audio}<br>{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails" style="opacity:.7;">{block:TrackName}<b style="font-size:10px;">{TrackName}</b></b>{/block:TrackName}<br/>{block:Artist}<i>Artist:</i> {Artist}{/block:Artist}<br/>{block:Album}<i>Album:</i> {Album}{/block:Album}<br/><i style="font-size:9px;"> {PlayCountWithLabel}</i></div></div>{/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}{/block:audio}
  1197.  
  1198.  
  1199. {block:Video}<br>{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1200.  
  1201. {block:Answer}<br><div class="asker">{asker}</div><img src="{AskerPortraitURL-64}" align="left" class="askborder" style="margin-left:-3px;"> <div class="bubble"> <div class="question">{Question}</div></div><br>{Answer}{/block:Answer}
  1202. <br>
  1203. <div style="text-shadow:0px;text-align:left;"><hr>
  1204. {block:HasTags}{block:Tags} <a href="{TagURL}" ><span class="lnr lnr-tag"></span> {Tag}</a> <i class="fa fa-circle" aria-hidden="true"></i> {/block:Tags}{/block:HasTags}</div>
  1205.  
  1206.  
  1207.  
  1208. </div>
  1209.  
  1210. {/block:Posts}
  1211. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1212. {/block:Posts}</div></div>
  1213.  
  1214. <input type="checkbox" id="navigation" />
  1215. <label for="navigation">
  1216. <div style="margin-top:-4px;"><span class="lnr lnr-location"></span></div>
  1217. </label>
  1218.  
  1219. <nav>
  1220. <ul style="padding:15px;">
  1221.  
  1222. <!--- TOP IMAGE --->
  1223.  
  1224. <img src="https://78.media.tumblr.com/57c8d9f13fea499832d4c279bc587355/tumblr_ozblpgA8y01u3b9rdo1_400.gif"><br><br>
  1225.  
  1226. <!--- FIRST TITLE & BOX --->
  1227.  
  1228. <span> home isn't a place</span><br><br>
  1229. <p style="width:350px;height:190px;padding:7px;overflow:auto;">
  1230.  
  1231. <br><b>O QUE É <i>CASA</i>? </b> <br>
  1232.  
  1233. <i>Uma moradia?</i> Um conjunto de quatro ou mais <i>paredes</i> e um teto? Ou um local para se voltar onde você se sente <i>bem vindo</i> e protegido<b>?</b> <br>
  1234.  
  1235. <b> O QUE É <i>FAMÍLIA</i>? </b> <br>
  1236.  
  1237. Pessoas com quem dividem <i>laços sanguíneos</i>? Aqueles que participaram de sua <i>criação</i> e crescimento? Ou pessoas que se preocupam com você e fariam de tudo pra lhe ajudar <b>sempre?
  1238. </P>
  1239.  
  1240. <br>
  1241.  
  1242. <!--- LINK TITLE & BOX --->
  1243.  
  1244. <span style="text-align:right;">It is a person. And we are finally home </span><Br> <br>
  1245.  
  1246. <a href="/plot.">plot</a>
  1247. <a href="/regras.">regras</a>
  1248. <a href="/muses.">personagens</a>
  1249. <a href="/app.">aplicação</a>
  1250. <a href="/nav.">navegação</a>
  1251. </div>
  1252.  
  1253. </ul>
  1254. </nav>
  1255.  
  1256. </div>
  1257. </div>
  1258.  
  1259. </div>
  1260.  
  1261.  
  1262. </div>
  1263.  
  1264.  
  1265.  
  1266.  
  1267. <div id="cred" style="font-style:none;">
  1268. <a href="http://www.musecentral.tumblr.com/"><span class="lnr lnr-code"></span></a> <div class="credit" style="color:{color:shadow};">musecentral</div>
  1269. </div>
  1270.  
  1271.  
  1272.  
  1273.  
  1274.  
  1275. </body>
  1276.  
  1277.  
  1278.  
  1279.  
  1280. </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!