API tools faq
paste
Advertisement
seiph

1198 Final

seiph
Nov 9th, 2017
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.53 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. border-radius:3px;
  214. background:{color:container};
  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:162px;
  390. left:1018px;
  391. width:11px;
  392. height:11px;
  393. padding:6px;
  394. border:2px solid {color:background};
  395. border-radius:50px;
  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:9px;
  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:77px;
  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. border-radius:100px;
  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. }
  917.  
  918. .question {
  919. color:{color:desc text};
  920. }
  921.  
  922. .asker a {
  923. color:{color:accent1};
  924. }
  925.  
  926. .asker a:hover {
  927. font-style:none;
  928. font-family:arial black;
  929. color:{color:container};
  930. text-shadow:1px 1px 1px {color:shadow};
  931. -webkit-transition: all 0.4s ease-in-out;
  932. -moz-transition: all 0.4s ease-in-out;
  933. -o-transition: all 0.4s ease-in-out;
  934. -ms-transition: all 0.4s ease-in-out;
  935. transition: all 0.4s ease-in-out;
  936. }
  937.  
  938. .bubble {
  939. align:right;
  940. background: {color:container};
  941. margin:0px 0px 0px 65px;
  942. padding:10px;
  943. position: relative;
  944. overflow:auto;
  945. height:48px;
  946.  
  947. }
  948.  
  949. .bubble p {
  950. margin:0px 0px;
  951.  
  952. }
  953.  
  954. .askborder {
  955. float: left;
  956. margin: 0px 0px 0 0;
  957. padding: 3px;
  958. background:{color:accent1};
  959. border-radius:0px;
  960. }
  961.  
  962.  
  963.  
  964. /*PAGINATION*/
  965.  
  966. #pagination{
  967. width:600px;
  968. font-size:8px;
  969. z-index:999;
  970. text-align:center;
  971. color:{color:text};
  972. position:fixed;
  973. margin-left:-10px;
  974. background:transparent;
  975. height:15px;
  976. margin-top:386px;
  977. background:{color:accent2};
  978. }
  979.  
  980. #pagination a{
  981. color:{color:links};
  982. font-size:8px;
  983. font-family:arial;
  984. background-color:transparent;
  985. }
  986.  
  987.  
  988.  
  989. /*CREDIT*/
  990.  
  991. #cred {
  992. position:fixed;
  993. font-family:arial;
  994. text-transform:uppercase;
  995. font-size:12px;
  996. text-decoration:none;
  997. font-style:none;
  998. padding:4px;
  999. letter-spacing:1px;
  1000. border-radius:3px;
  1001. -webkit-transition: all 0.4s ease-in-out;
  1002. -moz-transition: all 0.4s ease-in-out;
  1003. -o-transition: all 0.4s ease-in-out;
  1004. -ms-transition: all 0.4s ease-in-out;
  1005. transition: all 0.4s ease-in-out;
  1006. }
  1007.  
  1008.  
  1009. #cred a {
  1010. left:9px;
  1011. width:17px;
  1012. height:12px;
  1013. bottom:9px;
  1014. position:fixed;
  1015. text-decoration:none;
  1016. font-style:none;
  1017. font-family:arial;
  1018. text-transform:uppercase;
  1019. font-size:10px;
  1020. left:9px;
  1021. bottom:9px;
  1022. padding:4px;
  1023. letter-spacing:1px;
  1024. -webkit-transition: all 0.4s ease-in-out;
  1025. -moz-transition: all 0.4s ease-in-out;
  1026. -o-transition: all 0.4s ease-in-out;
  1027. -ms-transition: all 0.4s ease-in-out;
  1028. transition: all 0.4s ease-in-out;
  1029. }
  1030.  
  1031. #cred a:hover {
  1032. font-size:10px;
  1033. -webkit-transition: all 0.4s ease-in-out;
  1034. -moz-transition: all 0.4s ease-in-out;
  1035. -o-transition: all 0.4s ease-in-out;
  1036. -ms-transition: all 0.4s ease-in-out;
  1037. transition: all 0.4s ease-in-out;
  1038. }
  1039.  
  1040. .credit {
  1041. position:fixed;
  1042. font-family:arial;
  1043. text-transform:uppercase;
  1044. font-size:8px;
  1045. padding-bottom:5px;
  1046. left:-90px;
  1047. width:100px;
  1048. height:12px;
  1049. bottom:9px;
  1050. text-decoration:none;
  1051. font-style:none;
  1052. letter-spacing:1px;
  1053. opacity:0;
  1054. z-index:-99999;
  1055. -webkit-transition: all 0.4s ease-in-out;
  1056. -moz-transition: all 0.4s ease-in-out;
  1057. -o-transition: all 0.4s ease-in-out;
  1058. -ms-transition: all 0.4s ease-in-out;
  1059. transition: all 0.4s ease-in-out;
  1060. }
  1061.  
  1062. #cred:hover .credit {
  1063. opacity:1;
  1064. font-size:10px;
  1065. margin-left:120px;
  1066. -webkit-transition: all 0.4s ease-in-out;
  1067. -moz-transition: all 0.4s ease-in-out;
  1068. -o-transition: all 0.4s ease-in-out;
  1069. -ms-transition: all 0.4s ease-in-out;
  1070. transition: all 0.4s ease-in-out;
  1071. }
  1072.  
  1073. background-size: cover;
  1074. background-position: center;}
  1075.  
  1076. {CustomCSS}</style></head><body>
  1077.  
  1078.  
  1079.  
  1080. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1081. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1082. <script>
  1083.  
  1084. (function($){
  1085.  
  1086. $(document).ready(function(){
  1087.  
  1088. $("a[title]").style_my_tooltips({
  1089.  
  1090. tip_follows_cursor:true,
  1091.  
  1092. tip_delay_time:50,
  1093.  
  1094. tip_fade_speed:600,
  1095.  
  1096. attribute:"title"
  1097.  
  1098. });
  1099.  
  1100. });
  1101.  
  1102. })(jQuery);
  1103.  
  1104. </script>
  1105.  
  1106.  
  1107.  
  1108.  
  1109. <div id="everything">
  1110.  
  1111. <div id="stats">{text:online now} ◆ {text:hit counter}</div>
  1112.  
  1113. <div id="header"><img src="{image:header}"></div>
  1114.  
  1115. <div id="sidebar">
  1116.  
  1117. <div id="title">{title}</div>
  1118.  
  1119. <div id="description">{description}
  1120. </div>
  1121.  
  1122. <div class="icons">
  1123. <img src="{image:icon1}" title="{text:admin1}">
  1124. <img src="{image:icon2}" title="{text:admin2}">
  1125. <img src="{image:icon3}" title="{text:admin3}">
  1126. </div>
  1127.  
  1128.  
  1129. <div id="pagination">{block:Pagination} {block:PreviousPage}
  1130. <a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span> back </a>
  1131. {/block:PreviousPage}
  1132. &nbsp; <span class="lnr lnr-cross"></span> &nbsp;
  1133. {block:NextPage}
  1134. <a href="{NextPage}">next <span class="lnr lnr-chevron-right"></span></a>
  1135. {/block:NextPage}
  1136. {/block:Pagination}</div>
  1137.  
  1138.  
  1139.  
  1140. <div id="links" >
  1141. <a href="/"><span class="lnr lnr-pointer-up"></span></a>
  1142. <a href="{text:link1}"><span class="lnr lnr-inbox"></span></a>
  1143. <a href="{text:link2}"><span class="lnr lnr-cog"></span></span></a>
  1144.  
  1145. </div>
  1146.  
  1147. <div id="subtitle">{text:subtitle}</div>
  1148.  
  1149.  
  1150.  
  1151. </div>
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158. <div id="box">
  1159. <div id="entries">
  1160.  
  1161.  
  1162.  
  1163. {block:Posts}
  1164.  
  1165.  
  1166. <div id="post">
  1167.  
  1168. <div id="info" style="background:{color:info background};margin-left:-10px;margin-top:-10px;width:400px;padding:10px;">
  1169. <h9 style="background:{color:info background};padding:1px;color:{color:accent2}">
  1170. <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>
  1171.  
  1172. </div>
  1173.  
  1174.  
  1175. {block:Text}
  1176. <br>
  1177. {block:Title}<h1>{Title}</h1>{/block:Title}
  1178. {Body}{/block:Text}
  1179.  
  1180. {block:Photo}<br>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  1181. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1182.  
  1183. {block:Photoset}<br>{Photoset-400}{block:Caption}{Caption}
  1184. {/block:Caption}{/block:Photoset}
  1185.  
  1186. {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>
  1187. {block:Source}<div class="qsource"> — {Source}</div>
  1188. {/block:Source}{/block:Quote}
  1189.  
  1190. {block:Link}<br><h1><a href="{URL}" {Target}>——<b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1191.  
  1192. {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}
  1193.  
  1194.  
  1195. {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}
  1196.  
  1197.  
  1198. {block:Video}<br>{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1199.  
  1200. {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}
  1201. <br>
  1202. <div style="text-shadow:0px;text-align:left;"><hr>
  1203. {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>
  1204.  
  1205.  
  1206.  
  1207. </div>
  1208.  
  1209. {/block:Posts}
  1210. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1211. {/block:Posts}</div></div>
  1212.  
  1213. <input type="checkbox" id="navigation" />
  1214. <label for="navigation">
  1215. <div style="margin-top:-4px;"><span class="lnr lnr-location"></span></div>
  1216. </label>
  1217.  
  1218. <nav>
  1219. <ul style="padding:15px;">
  1220.  
  1221. <!--- TOP IMAGE --->
  1222.  
  1223. <img src="https://78.media.tumblr.com/a8787644efc5e30b7f2aa3692ec6eebd/tumblr_oz1z3wXOHX1wcunzlo1_400.gif"><br><br>
  1224.  
  1225. <!--- FIRST TITLE & BOX --->
  1226.  
  1227. <span> home isn't a place</span><br><br>
  1228. <p style="width:350px;height:190px;padding:7px;overflow:auto;">
  1229.  
  1230. <b>O QUE É <i>CASA</i>? </b> <br>
  1231.  
  1232. <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>
  1233.  
  1234. <b> O QUE É <i>FAMÍLIA</i>? </b> <br>
  1235.  
  1236. 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?
  1237. </P>
  1238.  
  1239. <br>
  1240.  
  1241. <!--- LINK TITLE & BOX --->
  1242.  
  1243. <span style="text-align:right;">It is a person. And we are finally home </span><Br> <br>
  1244.  
  1245. <a href="/plot.">plot</a>
  1246. <a href="/regras.">regras</a>
  1247. <a href="/muses.">moradores</a>
  1248. <a href="/app.">aplicação</a>
  1249. <a href="/nav.">navegação</a>
  1250. </div>
  1251.  
  1252. </ul>
  1253. </nav>
  1254.  
  1255. </div>
  1256. </div>
  1257.  
  1258. </div>
  1259.  
  1260.  
  1261. </div>
  1262.  
  1263.  
  1264.  
  1265.  
  1266. <div id="cred" style="font-style:none;">
  1267. <a href="http://www.musecentral.tumblr.com/"><span class="lnr lnr-code"></span></a> <div class="credit" style="color:{color:shadow};">musecentral</div>
  1268. </div>
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  
  1274. </body>
  1275.  
  1276.  
  1277.  
  1278.  
  1279. </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!