API tools faq
paste
Advertisement
lexaofrp

crap!

lexaofrp
Jan 14th, 2021
489
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.01 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="https://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
  5. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:400
  6. }
  7. );
  8. });
  9. })(jQuery);
  10. </script>
  11.  
  12.  
  13.  
  14. <head><title>{Title}</title>
  15. <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
  16.  
  17. <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
  18. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Container" content=""/>
  26. <meta name="image:PNG" content=""/>
  27. <meta name="image:SB" content=""/>
  28.  
  29. <meta name="if:Dotbg" content="0"/>
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:PostBG" content="#ffffff"/>
  33. <meta name="color:Text" content="#000000"/>
  34. <meta name="color:Post Links" content="#000000"/>
  35. <meta name="color:Hover" content="#000000"/>
  36. <meta name="color:Links" content="#000000"/>
  37. <meta name="color:Linksbg" content="#000000"/>
  38. <meta name="color:Border" content="#000000"/>
  39. <meta name="color:Accent" content="#ffffff"/>
  40. <meta name="color:Blockquote" content="#000000"/>
  41. <meta name="color:descbg" content="#000000"/>
  42. <meta name="color:desctext" content="#eeeeee"/>
  43. <meta name="color:container" content="#ffffff"/>
  44.  
  45. <meta name="text:Link 1 URL" content="/"/>
  46. <meta name="text:Link 1 Title" content="Return"/>
  47. <meta name="text:Link 2 URL" content="/"/>
  48. <meta name="text:Link 2 Title" content="Questions"/>
  49. <meta name="text:Link 3 URL" content="/"/>
  50. <meta name="text:Link 3 Title" content="Navigate"/>
  51. <meta name="text:Link 4 URL" content="/"/>
  52. <meta name="text:Link 4 Title" content="Codes"/>
  53. <meta name="text:Title1" content="lorem ipsum"/>
  54. <meta name="text:Title2" content="Lorem ipsum"/>
  55.  
  56. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  57. <link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet">
  58. <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700&display=swap" rel="stylesheet">
  59. <style type="text/css">
  60. @font-face { font-family: "pistilli"; src: url('https://dl.dropboxusercontent.com/s/ebmesxab9u6pf0d/Pistilli-Roman.otf'); ;}
  61.  
  62. #s-m-t-tooltip {
  63.  
  64. max-width:100px;
  65. margin-left:10px;
  66. margin-top:10px;
  67. padding:3px;
  68. padding-bottom:2px;
  69. background: {color:postbg};
  70. border:1px solid {color:text};
  71. font-family: 'work sans';
  72. font-size:9px;
  73. letter-spacing:0px;
  74. border-radius:3px;
  75. text-transform:uppercase;
  76. color:{color:text};
  77. text-shadow: 1px 1px 0px rgba(255,255,255,.3);
  78. z-index:799999999999999999999999999999999999; }
  79.  
  80. a:hover{
  81. cursor:pointer;
  82. }
  83.  
  84. blockquote {
  85. font-size:9px;
  86. font-family: 'work sans';
  87. margin-left:0px;
  88. margin-right:0px;
  89. border-left:2px solid{color:blockquote};
  90. text-align:left;
  91. padding:1px;
  92. line-height:10px;
  93. padding-left:7px;
  94. font-weight:normal;
  95. text-align:justify;
  96. color:{color:text};
  97. background-color:{color:postbg};
  98. }
  99.  
  100. blockquote a{
  101. color:{color:hover};
  102. }
  103.  
  104. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  105. background-color:{color:postbg};
  106. color:{color:text};
  107. }
  108.  
  109. .entries blockquote img {
  110. max-width:100%;
  111. height:auto;
  112. margin-left: 0px;
  113. }
  114.  
  115. #max > blockquote {
  116. margin: 0; padding: 0;
  117. }
  118.  
  119. blockquote blockquote img{
  120. max-width:100%;
  121. right:0px;
  122. }
  123.  
  124. blockquote blockquote blockquote img{
  125. max-width:100%;
  126. }
  127.  
  128. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  129. font-size:8px;
  130. font-family: 'work sans';
  131. margin-left:5px;
  132. margin-right:5px;
  133. letter-spacing:0px;
  134. border-left:4px solid{color:blockquote};
  135. text-align:left;
  136. padding:5px;
  137. padding-left:5px;
  138. font-weight:normal;
  139. color:{color:text};
  140. background-color:{color:postbg};
  141. }
  142.  
  143. small, sub, sup{
  144. font-size:8px;
  145. }
  146.  
  147. code {
  148. font-size:9px;
  149. font-family: 'work sans';
  150. text-transform:none;
  151.  
  152. }
  153.  
  154. b, bold, strong{
  155. color:{color:post links};
  156. font-weight:bold;
  157. }
  158.  
  159. i{
  160. color:{color:hover};
  161. }
  162.  
  163. hr{
  164. border:none;
  165. border-top:dashed 1px {color:text};
  166. }
  167.  
  168. pre {
  169. font-family: 'work sans';
  170. text-align:center;
  171. font-size:10px;
  172. max-width:220px;
  173. padding:10px ;
  174. color:{color:text};
  175. background:{color:postbg};
  176. }
  177. h1{
  178. font-family: 'pistilli';
  179. font-size:20px;
  180. text-align:center;
  181. max-width:220px;
  182. text-transform:uppercase;
  183. padding-bottom:3px;
  184. padding-top:10px;
  185. line-height:20px;
  186. color:{color:blockquote};
  187. }
  188.  
  189. h1 sub, h1 bold, h1 italic, h2 small, h2 sub, h2 sup{
  190. font-size:20px;
  191. color:{color:blockquote};
  192. }
  193.  
  194. h2{
  195. text-shadow: 1px 1px 0px {color:hover};
  196. margin-top:5px;
  197. color:{color:text};
  198. text-transform:uppercase;
  199. line-height:20px;
  200. font-family:'pistilli';
  201. font-size:15px;
  202. text-align:center;
  203. }
  204.  
  205. h3{
  206. color:{color:text};
  207. letter-spacing:2px;
  208. font-size:30px;
  209. text-transform:uppercase;
  210. font-weight:bold;
  211. text-align:right;
  212. }
  213.  
  214. h4{
  215. color:{color:text};
  216. letter-spacing:2px;
  217. font-size:10px;
  218. text-transform:uppercase;
  219. font-weight:bold;
  220. text-align:left;
  221. }
  222. /*GENERAL*/
  223.  
  224.  
  225. a {
  226. color:{color:Background};
  227. color:{color:post links};
  228. text-decoration:none;
  229. -webkit-transition:all 0.5s ease-in-out;
  230. -moz-transition:all 0.5s ease-in-out;
  231. -o-transition:all 0.5s ease-in-out;
  232. transition:all 0.5s ease-in-out;}
  233.  
  234. a:hover {
  235. color:{color:Hover};
  236. text-decoration:underline;
  237. -webkit-transition:all 0.5s ease-in-out;
  238. -moz-transition:all 0.5s ease-in-out;
  239. -o-transition:all 0.5s ease-in-out;
  240. transition:all 0.5s ease-in-out;}
  241.  
  242.  
  243. /*GENERAL*/
  244.  
  245. body {
  246. font-family:'work sans';
  247. font-size:9px;
  248. letter-spacing:1px;
  249. background-color:{color:background};
  250. background-image:url('{image:background}') ;
  251. }
  252.  
  253. a {
  254. color:{color:post links};
  255. text-decoration:none;
  256. -webkit-transition:all 0.5s ease-in-out;
  257. -moz-transition:all 0.5s ease-in-out;
  258. -o-transition:all 0.5s ease-in-out;
  259. transition:all 0.5s ease-in-out;}
  260.  
  261. a:hover {
  262. color:{color:Hover};
  263. text-decoration:underline;
  264. -webkit-transition:all 0.5s ease-in-out;
  265. -moz-transition:all 0.5s ease-in-out;
  266. -o-transition:all 0.5s ease-in-out;
  267. transition:all 0.5s ease-in-out;}
  268.  
  269.  
  270.  
  271. /*END GENERAL*/
  272.  
  273. /*Acco*/
  274.  
  275.  
  276. /*SIDEBAR*/
  277. .sb{
  278. position:fixed;
  279. left:50%;
  280. top:50%;
  281. margin-left:-340px;
  282. margin-top:-150px;
  283. background-image:url('{image:sb}');
  284. width:350px;
  285. height:470px;
  286. }
  287.  
  288. .links {
  289. position:fixed;
  290. display:block;
  291. top:50%;
  292. left:50%;
  293. margin-top:-285px;
  294. margin-left:368px;
  295. width:30px;
  296. height:70px;
  297. overflow:visible;
  298. line-height:0px;
  299. text-align:center;
  300. z-index:9999999999999999999999999999999999999999999999999999999;
  301. -webkit-transition:all 0.5s ease-in-out;
  302. -moz-transition:all 0.5s ease-in-out;
  303. -o-transition:all 0.5s ease-in-out;
  304. transition:all 0.5s ease-in-out
  305. }
  306.  
  307.  
  308. .links a{
  309. display:block;
  310. width:30px;
  311. height:10px;
  312. padding-left:4px;
  313. padding-right:10px;
  314. padding-bottom:11px;
  315. padding-top:22px;
  316. margin-top:30px;
  317. line-height:0px;
  318. font-family:'montserrat';
  319. font-size:17px;
  320. text-decoration:none;
  321. font-style:italic;
  322. text-transform:uppercase;
  323. text-align:center;
  324. color:transparent;
  325. font-style:italic;
  326. letter-spacing:-2px;
  327. border-radius:100%;
  328. background:{color:linksbg};
  329. -webkit-text-stroke-width: 1px;
  330. -webkit-text-stroke-color: {color:links};
  331. -webkit-transition:all 0.7s ease-in-out;
  332. -moz-transition:all 0.7s ease-in-out;
  333. -o-transition:all 0.7s ease-in-out;
  334. transition:all 0.7s ease-in-out;
  335. }
  336.  
  337. .links a:hover{
  338. color:{color:hover};
  339. -webkit-transition:all 0.7s ease-in-out;
  340. -moz-transition:all 0.7s ease-in-out;
  341. -o-transition:all 0.7s ease-in-out;
  342. transition:all 0.7s ease-in-out;
  343. }
  344.  
  345. .title{
  346. position:relative;
  347. width:350px;
  348. height:17px;
  349. margin-left:135px;
  350. text-align:center;
  351. margin-top:20px;
  352. z-index:79999999;
  353. }
  354.  
  355. .title span{
  356. letter-spacing:-10px;
  357. font-size:80px;
  358. margin-top:74px;
  359. margin-left:-40px;
  360. text-align:left;
  361. line-height:0px;
  362. color:transparent;
  363. font-family:pistilli;
  364. font-style:italic;
  365. text-shadow: 4px 4px 0px {color:links};
  366. -webkit-text-stroke-width: 1px;
  367. -webkit-text-stroke-color: {color:accent};
  368. }
  369.  
  370. .title p{
  371. position:fixed;
  372. color:{color:linksbg};
  373. padding-top:2px;
  374. padding-left:5px;
  375. padding-right:5px;
  376. padding-bottom:3px;
  377. height:auto;
  378. margin-top:-70px;
  379. margin-left:70px;
  380. width:180px;
  381. font-size:10px;
  382. font-weight:bold;
  383. text-align:left;
  384. text-transform:uppercase;
  385. font-family:work sans;
  386. -webkit-transition-duration: 0.5s;
  387. -webkit-transition:all 0.5s ease-in-out;
  388. -moz-transition:all 0.5s ease-in-out;
  389. -o-transition:all 0.5s ease-in-out;
  390. transition:all 0.5s ease-in-out;
  391. }
  392.  
  393.  
  394. .png{
  395. width:100px;
  396. height:140px;
  397. left:50%;
  398. top:50%;
  399. position:fixed;
  400. background:url('{image:png}');
  401. margin-top:-280px;
  402. margin-left:-267px;
  403. z-index:99999;
  404. -webkit-border-bottom-right-radius: 100px;
  405. -webkit-border-bottom-left-radius: 100px;
  406. -moz-border-radius-bottomright: 100px;
  407. -moz-border-radius-bottomleft: 100px;
  408. border-bottom-right-radius: 100px;
  409. border-bottom-left-radius: 100px;
  410. }
  411.  
  412. .t2{
  413. position:fixed;
  414. left:50%;
  415. top:50%;
  416. width:370px;
  417. text-align:center;
  418. letter-spacing:0px;
  419. margin-left:-200px;
  420. margin-top:-300px;
  421. font-size:20px;
  422. font-family:pistilli;
  423. }
  424.  
  425. .desc{
  426. position:fixed;
  427. width:270px;
  428. height:150px;
  429. text-align:justify;
  430. overflow:auto;
  431. margin-left:490px;
  432. margin-top:370px;
  433. background:{color:descbg};
  434. border:20px solid {color:descbg};
  435. color:{color:desctext};
  436. padding-top:0px;
  437. }
  438.  
  439. .desc p{
  440. line-height:17px;
  441. margin-top:-4px;
  442. }
  443.  
  444. .pagination{
  445. position:fixed;
  446. width:170px;
  447. height:50px;
  448. top:50%;
  449. left:50%;
  450. margin-top:260px;
  451. margin-left:-360px;
  452. z-index:99999999;
  453. text-align:center;
  454. font-weight:bold;
  455. }
  456.  
  457. .pagination a{
  458. display:inline-block;
  459. color:{color:links};
  460. text-align:center;
  461. width:10px;
  462. height:10px;
  463. margin-left:20px;
  464. padding-left:3px;
  465. padding-top:3px;
  466. border:10px solid {color:linksbg};
  467. border-radius:200px;
  468. background:{color:linksbg};
  469. -webkit-transition:all 0.5s ease-in-out;
  470. -moz-transition:all 0.5s ease-in-out;
  471. -o-transition:all 0.5s ease-in-out;
  472. transition:all 0.5s ease-in-out;
  473. }
  474.  
  475. .pagination a:hover{
  476. text-decoration:none;
  477. color:{color:hover};
  478. -webkit-transition:all 0.5s ease-in-out;
  479. -moz-transition:all 0.5s ease-in-out;
  480. -o-transition:all 0.5s ease-in-out;
  481. transition:all 0.5s ease-in-out;}
  482.  
  483.  
  484. /*END SIDEBAR*/
  485.  
  486. /*POSTS*/
  487.  
  488.  
  489. #c{
  490. height:550px;
  491. width:750px;
  492. top:50%;
  493. left:50%;
  494. margin-top:-250px;
  495. z-index:0;
  496. position:fixed;
  497. margin-left:-415px;
  498. overflow:auto;
  499. color:{color:text};
  500. overflow-x: hidden;
  501. }
  502.  
  503. .container{
  504. position:fixed;
  505. left:50%;
  506. top:50%;
  507. border:20px solid {color:container};
  508. margin-top:-320px;
  509. margin-left:-340px;
  510. height:600px;
  511. width:650px;
  512. z-index:-9;
  513. overflow:hidden;
  514. background:{color:container};
  515. background-image:url('{image:container}');
  516. }
  517.  
  518. .container h12, .prepng h12{
  519. width:670px;
  520. height:630px;
  521. position:fixed;
  522. z-index:-9;
  523. overflow:hidden;
  524. font-size:20px;
  525. letter-spacing:20px;
  526. line-height:25px;
  527. color:transparent;
  528. font-family:pistilli;
  529. margin-top:-17px;
  530. margin-left:-5px;
  531. text-shadow: 1px 1px 0px {color:links};
  532. -webkit-text-stroke-width: 1px;
  533. -webkit-text-stroke-color: {color:hover};
  534. }
  535.  
  536. .prepng h12{
  537. margin-top:-100px;
  538. z-index:-9;
  539.  
  540. background:{color:container};
  541. }
  542.  
  543.  
  544. .posts {
  545. width:260px;
  546. margin-top:100px;
  547. margin-left:445px;
  548. font-family: 'work sans';
  549. color:{color:text};
  550. font-weight:normal;
  551. z-index:8;
  552. border-radius:5px;
  553. }
  554.  
  555. .posts p{
  556.  
  557. }
  558.  
  559. .posts a{
  560. color:{color:post links};
  561. }
  562.  
  563. .entries {
  564. width:260px;
  565. padding:20px;
  566. padding-top:20px;
  567. font-weight:normal;
  568. color:{color:text};
  569. background-color:{color:postbg};
  570. font-family: 'work sans';
  571. margin-bottom:20px;
  572. border-radius:5px;
  573. -webkit-transition-property: top, bottom;
  574. -webkit-transition-duration: 0.5s;
  575. -webkit-transition:all 0.5s ease-in-out;
  576. -moz-transition:all 0.5s ease-in-out;
  577. -o-transition:all 0.5s ease-in-out;
  578. transition:all 0.5s ease-in-out;
  579. z-index:8;
  580. }
  581.  
  582. .info {
  583. padding:20px;
  584. padding-bottom:0px;
  585. padding-top:20px;
  586.  
  587. margin-left:-20px;
  588. margin-top:-21px;
  589. text-align:right;
  590. font-family: 'work sans';
  591. width:260px;
  592. border-bottom:none;
  593. line-height:10px;
  594. letter-spacing:2px;
  595. text-transform:uppercase;
  596. color:{color:post links};
  597. background-color:{color:postbg};
  598. margin-bottom:10px;
  599. -webkit-transition-property: top, bottom;
  600. -webkit-transition-duration: 0.5s;
  601. -webkit-transition:all 0.5s ease-in-out;
  602. -moz-transition:all 0.5s ease-in-out;
  603. -o-transition:all 0.5s ease-in-out;
  604. transition:all 0.5s ease-in-out;
  605. border-radius:5px;
  606. }
  607.  
  608. .info i{
  609. margin-top:4px;
  610. color:{color:postbg};
  611. position:absolute;
  612. }
  613.  
  614. .info i:hover{
  615. cursor:pointer;
  616. }
  617.  
  618. .info a {
  619. color:{color:post links};
  620. -webkit-transition-property: top, bottom;
  621. -webkit-transition-duration: 0.5s;
  622. -webkit-transition:all 0.5s ease-in-out;
  623. -moz-transition:all 0.5s ease-in-out;
  624. -o-transition:all 0.5s ease-in-out;
  625. transition:all 0.5s ease-in-out;}
  626.  
  627. .info a:hover {
  628. color:{color:hover};
  629. -webkit-transition-property: top, bottom;
  630. -webkit-transition-duration: 0.5s;
  631. -webkit-transition:all 0.5s ease-in-out;
  632. -moz-transition:all 0.5s ease-in-out;
  633. -o-transition:all 0.5s ease-in-out;
  634. transition:all 0.5s ease-in-out;}
  635.  
  636. .noties{
  637. margin-top:-10px;
  638. text-align:right;
  639. }
  640.  
  641. .tags{
  642. padding:20px;
  643. margin-left:-20px;
  644. margin-bottom:-31px;
  645. font-family: 'work sans';
  646. width:260px;
  647. padding-top:10px;
  648. line-height:15px;
  649. font-style:italic;
  650. color:{color:post links};
  651. background-color:{color:postbg};
  652. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  653. -webkit-transition:all 0.5s ease-in-out;
  654. -moz-transition:all 0.5s ease-in-out;
  655. -o-transition:all 0.5s ease-in-out;
  656. transition:all 0.5s ease-in-out;
  657. }
  658.  
  659. .tags a {
  660. display:inline-block;
  661. margin-right:5px;
  662. margin-top:0px;
  663. color:{color:post links};
  664. -webkit-transition:all 0.5s ease-in-out;
  665. -moz-transition:all 0.5s ease-in-out;
  666. -o-transition:all 0.5s ease-in-out;
  667. transition:all 0.5s ease-in-out;
  668. }
  669.  
  670. .tags a:hover{
  671. color:{color:hover};
  672. }
  673.  
  674. .post_title {
  675. display:block;
  676. padding:2px;
  677. text-align:center;
  678. font-size:20px;
  679. letter-spacing:0px;
  680. font-family: 'pistilli';
  681. color:{color:links};
  682. }
  683.  
  684. .post_title a{
  685. color:{color:links};
  686. }
  687.  
  688. .text {
  689. display:block;
  690. padding:5px;
  691. text-align:justify;
  692. color:{color:Text};
  693. }
  694.  
  695. .photo{
  696. padding-top:10px;
  697. margin-left:2px;}
  698.  
  699. .photo img {
  700. display:block;
  701. max-width:250px;
  702. margin-left:-2px;
  703. }
  704.  
  705. .photoset{
  706. width:100%;
  707. margin-left:1px;
  708. padding-top:6px;
  709. }
  710.  
  711. .posts img{
  712. max-width:260px;
  713. -webkit-transition:all 0.7s ease-in-out;
  714. -moz-transition:all 0.7s ease-in-out;
  715. -o-transition:all 0.7s ease-in-out;
  716. transition:all 0.7s ease-in-out;
  717. }
  718.  
  719. .posts img:hover{
  720. -webkit-filter: grayscale(1);
  721. filter: grayscale(1);
  722. }
  723.  
  724. .video {
  725. width:245px;
  726. margin-left:0px;
  727. }
  728.  
  729. .video iframe {
  730. width:245px;}
  731.  
  732. .posts p{
  733. color:{color:text};
  734. }
  735.  
  736. .quote {
  737. display:block;
  738. padding:10px;
  739. text-align:center;
  740. font-size:15px;
  741. letter-spacing:0px;
  742. font-family:'pistilli';
  743. color:{color:text};}
  744.  
  745. .source {
  746. display:block;
  747. padding:5px;
  748. text-align:center;
  749. font-size:9px;
  750. }
  751.  
  752. .chat li {
  753. display:block;
  754. padding:5px;
  755. color:{color:text};}
  756.  
  757. .audio{
  758. width:100%-30px;
  759. border-radius:4px;
  760. margin-top:20px;
  761. height:55px;
  762. background:#f2f2f2;padding:20px;
  763. }
  764.  
  765. .audioimg img {
  766. width:40px;
  767. height:40px;
  768. margin-left:270px;
  769. border-radius:30px;
  770. padding:4px;
  771. border:1px solid {color:border};
  772. color:{color:text};
  773. font-family: 'work sans';
  774. text-align:center;
  775. text-transform:uppercase;}
  776.  
  777. .audioinfo {
  778. margin-top:-20px;
  779. margin-left:50px;
  780. max-width:100px;
  781. overflow:scroll;
  782. color:{color:Text};}
  783.  
  784. .audioplayer{
  785. height:30px;
  786. width:30px;
  787. margin-top:-40px;
  788. margin-left:5px;
  789. font-size:15px;
  790. overflow:hidden;
  791. -webkit-transition:all 0.7s ease-in-out;
  792. -moz-transition:all 0.7s ease-in-out;
  793. -o-transition:all 0.7s ease-in-out;
  794. transition:all 0.7s ease-in-out;
  795. }
  796.  
  797. .audioimg:hover .audioplayer{
  798. opacity:1
  799. -webkit-transition:all 0.7s ease-in-out;
  800. -moz-transition:all 0.7s ease-in-out;
  801. -o-transition:all 0.7s ease-in-out;
  802. transition:all 0.7s ease-in-out;
  803. }
  804.  
  805. #ask{
  806. font-family:'work sans';
  807. width:340px;
  808. margin-left:5px;
  809. color:{color:text};
  810. font-family:'work sans';
  811. font-size:9px;
  812. }
  813.  
  814. .question{
  815. width:200px;
  816. color:{color:text};
  817. padding:1px;
  818. letter-spacing:0px;
  819. line-height:10px;
  820. margin-left:50px;
  821. font-family:'work sans';
  822. font-size:9px;
  823. }
  824.  
  825. .question b, .question a{
  826. font-size:15px;
  827. line-height:0px;
  828. padding-bottom:0px;
  829. z-index:9;
  830. font-style:italic;
  831. border-bottom:{color:text} 7px solid;
  832. color:{color:post links};
  833. }
  834.  
  835. .question img{
  836. -webkit-border-radius: 50px;
  837. -moz-border-radius: 50px;
  838. border-radius: 50px;
  839. padding:3px;
  840. margin-left:-35px;
  841. margin-top:12px;
  842. border:1px solid {color:border};
  843. }
  844. .answer{
  845. margin-top:20px;
  846. width: 260px;
  847. text-transform:none;
  848. color:{color:text};
  849. }
  850. /*END POSTS*/
  851.  
  852. /*scrollbar*/
  853.  
  854. ::-webkit-scrollbar {
  855. height:0px;
  856. width:0px;
  857. background-color:{color:border};}
  858.  
  859. ::-webkit-scrollbar-thumb {
  860. height:auto;
  861. background-color:{color:accent};}
  862.  
  863.  
  864. .notes {
  865. font-family:'work sans';
  866. text-align:center;
  867. text-transform:uppercase;
  868. font-size:8px;
  869. width:250px;
  870. margin-left:-30px;
  871. margin-top:20px;
  872. color:{color:border};
  873. }
  874.  
  875. .notes li{
  876. list-style-type:none;
  877. padding:5px;
  878. }
  879.  
  880. .notes img {
  881. opacity:0;
  882. display:none;
  883. }
  884.  
  885. .notes a{
  886. color:{color:post links};
  887. }
  888.  
  889. #credit {
  890. position:fixed;
  891. font-family:'work sans';
  892. color:{color:Border};
  893. text-transform:uppercase;
  894. font-weight:bold;
  895. font-size:11px;
  896. width:10px;
  897. height:10px;
  898. right:5px;
  899. bottom:5px;
  900. padding:5px;
  901. opacity:1;
  902. letter-spacing:4px;
  903. }
  904.  
  905.  
  906.  
  907. #btmlft{
  908. left:50%;
  909. top:50%;
  910. width:260px;
  911. height:200px;
  912. position:fixed;
  913. margin-top:157px;
  914. margin-left:-340px;
  915. fill:{color:hover};
  916. z-index:99999;
  917. }
  918.  
  919. #tprt{
  920. left:50%;
  921. top:50%;
  922. width:200px;
  923. height:200px;
  924. position:fixed;
  925. margin-top:-351px;
  926. margin-left:150px;
  927. fill:{color:hover};
  928. z-index:99999;
  929. }
  930.  
  931. #tplft{
  932. left:50%;
  933. top:50%;
  934. width:200px;
  935. height:200px;
  936. position:fixed;
  937. margin-top:-320px;
  938. margin-left:-344px;
  939. fill:{color:links};
  940. z-index:99999;
  941. }
  942.  
  943.  
  944. /*END SCROLLBAR*/
  945.  
  946. </style>
  947. </ul>
  948.  
  949. </head>
  950. <body>
  951.  
  952. <div class="container">
  953. {block:ifdotbg}
  954. <h12>
  955. ......................................<br>.......................................<br>
  956. ......................................<br>.......................................<br>
  957. ......................................<br>.......................................<br>
  958. ......................................<br>.......................................<br>
  959. ......................................<br>.......................................<br>
  960. ......................................<br>.......................................<br>
  961. ......................................<br>.......................................<br>
  962. ......................................<br>.......................................<br>
  963. ......................................<br>.......................................<br>
  964. ......................................<br>.......................................<br>
  965. ......................................<br>.......................................<br>
  966. ......................................<br>.......................................<br>
  967. ......................................<br>.......................................<br>
  968. ......................................<br>.......................................<br>
  969.  
  970. </h12>
  971. {/block:ifdotbg}
  972. <div class="sb"></div>
  973.  
  974. <div class="t2">{text:title1}</div>
  975. <div class="title">{text:title2}</div>
  976. <div id="sidebar">
  977.  
  978. </div>
  979.  
  980. </div>
  981.  
  982. <div class="links">
  983. <a href="{text:link 1 URL}"><span title="{text:link 1 Title}" >.01</span></a>
  984. <a href="{text:link 2 URL}"><span title="{text:link 2 Title}">.02</span></a>
  985. <a href="{text:link 3 URL}"><span title="{text:link 3 Title}">.03</span></a>
  986. <a href="{text:link 4 URL}"><span title="{text:link 4 Title}">.04</span></a></div>
  987.  
  988. <!--SIDEBAR-->
  989.  
  990. <div id="c">
  991.  
  992.  
  993.  
  994. <div class="posts">
  995. {block:Posts}
  996.  
  997. <div class="entries">
  998. <div class="info">
  999. <div class="timego" style="text-align:left; margin-top:0px;">
  1000. <a href="{Permalink}" title="{12Hour}:{Minutes}"><span class="th th-clock-o"></span></a></div>
  1001. <div class="noterb" style="margin-top:-10px">
  1002. <a href="{Permalink}">{NoteCount}</a>&nbsp;<a href="{ReblogURL}" target="_blank" class="details"><span class="th th-reblog"></span></a></a></div></div>
  1003. {block:Text}
  1004.  
  1005. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1006. <div class="text">{Body}</div>
  1007.  
  1008. {/block:Text}
  1009.  
  1010. <!--END TEXT POSTS-->
  1011.  
  1012. <!--PHOTO POSTS-->
  1013.  
  1014. {block:Photo}
  1015.  
  1016. <div class="photo"><center><img src="{PhotoURL-HighRES}"/></center></div>
  1017. <div class="text">{Caption}</div>
  1018.  
  1019. {/block:Photo}
  1020.  
  1021. <!--END PHOTO POSTS-->
  1022.  
  1023. <!--PHOTOSET POSTS-->
  1024.  
  1025. {block:Photoset}
  1026.  
  1027. <center><div class="photoset">{Photoset}</div></center>
  1028. <div class="text">{Caption}</div>
  1029.  
  1030. {/block:Photoset}
  1031.  
  1032. <!--END PHOTOSET POSTS-->
  1033.  
  1034. <!--QUOTE POSTS-->
  1035.  
  1036. {block:Quote}
  1037.  
  1038. <div class="quote">❝{Quote}❞ </div>
  1039.  
  1040. {/block:Quote}
  1041.  
  1042. <!--END QUOTE POSTS-->
  1043.  
  1044. <!--LINK POSTS-->
  1045.  
  1046. {block:Link}
  1047.  
  1048. <div class="post_title"><a href="{URL}">{Name}</a></div>
  1049. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1050.  
  1051. {/block:Link}
  1052.  
  1053. <!--END LINK POSTS-->
  1054.  
  1055. <!--CHAT POSTS-->
  1056.  
  1057. {block:Chat}
  1058.  
  1059. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1060. <div class="chat">
  1061. <ul>
  1062. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1063. </ul>
  1064. </div>
  1065.  
  1066. {/block:Chat}
  1067.  
  1068. <!--END CHAT POSTS-->
  1069.  
  1070. <!--AUDIO POSTS-->
  1071.  
  1072. {block:Audio}
  1073.  
  1074. <div class="audio"> {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/><div class="audioplayer">{AudioPlayerWhite}</div></div>{/block:AlbumArt}
  1075. <div class="audioinfo">
  1076. {block:TrackName}<b>Now Playing</b> {TrackName}{/block:TrackName}{block:Artist} <b>by</b> {Artist}{/block:Artist}<br></div>
  1077. </div>
  1078. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1079.  
  1080. {/block:Audio}
  1081.  
  1082. <!--END AUDIO POSTS-->
  1083.  
  1084. <!--VIDEO POSTS-->
  1085.  
  1086. {block:Video}
  1087.  
  1088. <center><div class="video">{Video-400}</div></center>
  1089. <div class="text">{Caption}</div>
  1090.  
  1091. {/block:Video}
  1092.  
  1093. <!--END VIDEO POSTS-->
  1094.  
  1095. <!--ANSWER POSTS-->
  1096. {block:Answer}
  1097. <div id="ask">
  1098. <div class="question">
  1099. <img src="{AskerPortraitURL-40}"/><p style="margin-top:-25px;"><b>{Asker}:</b> {Question}</p></div>
  1100. <div class="answer">
  1101. {Answer}</div></div>
  1102. {/block:answer}
  1103. <!--END ANSWER POSTS-->
  1104. {block:HasTags}
  1105. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1106. {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
  1107.  
  1108. {/block:Posts}
  1109.  
  1110. </div>
  1111. {/block:PermalinkPage}
  1112.  
  1113. </div>
  1114.  
  1115. </div> <svg id="btmlft" data-name="Layer 6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1666.71 816.08"><path class="cls-1" d="M-2.89,1001h1660a59.45,59.45,0,0,1,6.31.35c-20.61-61.76-151.56-170.71-300.69-218.47-155.26-49.73-234.91-2.59-331.87-84.38-33.09-27.9-64.56-76.1-127.5-172.5-82.18-125.85-68.77-132.29-105-165-92.74-83.71-226.43-82.93-300-82.5-92,.54-93,19.71-166.88,20.63C148.33,301.39,67.57,184.74-3,185.53c.06,1,.09,2,.09,2.95Z" transform="translate(3.11 -185.4)"/></svg>
  1116. <svg id="tplft" data-name="Layer 9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 474.23 494.36"><path class="cls-1" d="M474,321.61A172,172,0,0,1,407.15,458,172.53,172.53,0,1,1,474,321.61Z" transform="translate(0.13 0.13)"/><path class="cls-1" d="M129,321.61c3.16-35.62-13.55-69.84-43.12-88.13C46,208.83,3.87,226.19,0,227.86V0H406.48c-49.94,4.21-86.58,44.35-86.25,87.23.26,33.14,22.57,64.44,56.25,78.75a174.24,174.24,0,0,1,89.06,102.19q4.21,26.71,8.44,53.44c-.12,11.15-2,79.36-58.24,129.23C368.48,492.75,314,494.11,301.48,494.11c-9.63,0-64.67-.83-112.42-41.67A172.06,172.06,0,0,1,129,321.61Z" transform="translate(0.13 0.13)"/></svg>
  1117. <svg id="tprt" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 611.1 425.22"><path class="cls-1" d="M1276.76,0l-1,.1c-.52.05-1,.09-1.55.12l-.87,0c-.81,0-1.62.07-2.43.07H670.11a231.75,231.75,0,0,1,51,46.8c11.63,14.28,51.33,64.28,59.53,135.21,9.77,84.56-35.35,111.42-11.83,165,19.68,44.8,70.15,68.95,108.49,75.38,46.25,7.76,83-8.9,103.19-18.39,32.19-15.12,38.25-27.88,101.55-85.89,77.78-71.29,100.5-81.24,124-83.94,9.5-1.1,43.86-5,70.81,15.24,1,.75,1.95,1.51,2.88,2.3l.88-252.28h-1.8C1278.17-.15,1277.47-.06,1276.76,0Z" transform="translate(-669.7 0.39)"/></svg><div class="png"></div>
  1118. <div class="pagination">
  1119. {block:PreviousPage}<a href="{PreviousPage}"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><span class="th th-chevron-right"></span></a>{/block:NextPage}{/block:Pagination}</div>
  1120. </div>
  1121. </div> </div>
  1122. </div>
  1123. <div id="credit">
  1124. <a href="http://etcrnities.tumblr.com" title="etcrnities"><span class="th th-bee-o"></span></a>
  1125. </div>
  1126. </div>
  1127. </div>
  1128. <!--END POSTS-->
  1129.  
  1130. </div>
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!