API tools faq
paste
codesbyally

make me

codesbyally
Jan 27th, 2017
1,631
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.57 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. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css"><html lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6.  
  7. <base target="_self">
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10.  
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12.  
  13. <script>
  14. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  15. <!--basic tooltip from tutorial-baby! Enjoy-->
  16.  
  17.  
  18. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  19.  
  20. <script type=“text/javascript” src=“http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js”></script>
  21.  
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $(“[title]”).style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400" rel="stylesheet" type="text/css">
  36.  
  37. <!---
  38.  
  39. MAKE ME by ALLY
  40.  
  41. — don't steal anything from this code
  42. — don't remove the credit, it's very small, it won't hurt your aesthetic
  43. — don't redistribute or claim this theme as your own
  44.  
  45. --->
  46.  
  47. <meta name="color:contain"content="#ededed">
  48. <meta name="color:bold"content="#a6b3be">
  49. <meta name="color:italic"content="#b08e80">
  50. <meta name="color:text"content="#dcd6cd">
  51. <meta name="color:link"content="#7e7e7e">
  52. <meta name="color:post"content="#333333">
  53. <meta name="color:hover"content="#dcd6cd">
  54. <meta name="color:background"content="#8c8284">
  55. <meta name="color:description"content="#dcd6cd">
  56. <meta name="color:headbg"content="#b08e80">
  57.  
  58. <meta name="image:background"content="">
  59. <meta name="image:head"content="">
  60.  
  61. <meta name="image:muse1" content=""/>
  62. <meta name="image:muse2" content=""/>
  63. <meta name="image:muse3" content=""/>
  64. <meta name="image:muse4" content=""/>
  65. <meta name="image:muse5" content=""/>
  66. <meta name="image:muse6" content=""/>
  67. <meta name="image:muse7" content=""/>
  68. <meta name="image:muse8" content=""/>
  69. <meta name="image:muse9" content=""/>
  70. <meta name="image:muse10" content=""/>
  71. <meta name="image:muse11" content=""/>
  72. <meta name="image:muse12" content=""/>
  73. <meta name="image:muse13" content=""/>
  74. <meta name="image:muse14" content=""/>
  75. <meta name="image:muse15" content=""/>
  76. <meta name="image:muse16" content=""/>
  77.  
  78. <meta name="text:toptitle" content="" />
  79. <meta name="text:headtitle" content="" />
  80.  
  81. <meta name="text:desc" content="put your description here" />
  82.  
  83. <meta name="text:asktitle" content="ask me anything"/>
  84. <meta name="text:yoururl" content="for your askbox"/>
  85.  
  86. <meta name="text:wid1" content="example"/>
  87. <meta name="text:wid2" content="example"/>
  88. <meta name="text:wid3" content="example"/>
  89. <meta name="text:wid4" content="example"/>
  90. <meta name="text:wid5" content="example"/>
  91.  
  92. <meta name="text:update1" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique urna nibh, eget hendrerit justo maximus vitae."/>
  93. <meta name="text:update2" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique urna nibh, eget hendrerit justo maximus vitae."/>
  94. <meta name="text:update3" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique urna nibh, eget hendrerit justo maximus vitae."/>
  95. <meta name="text:update4" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique urna nibh, eget hendrerit justo maximus vitae."/>
  96. <meta name="text:update5" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique urna nibh, eget hendrerit justo maximus vitae."/>
  97.  
  98. <meta name="text:navlink 1" content=""/>
  99. <meta name="text:navlink 2" content=""/>
  100. <meta name="text:navlink 3" content=""/>
  101. <meta name="text:navlink 4" content=""/>
  102. <meta name="text:navlink 5" content=""/>
  103. <meta name="text:navlink 6" content=""/>
  104. <meta name="text:navlink 7" content=""/>
  105. <meta name="text:navlink 8" content=""/>
  106. <meta name="text:navlink 9" content=""/>
  107. <meta name="text:navlink 10" content=""/>
  108. <meta name="text:navlink 11" content=""/>
  109. <meta name="text:navlink 12" content=""/>
  110. <meta name="text:navlink 1 label" content="link" />
  111. <meta name="text:navlink 2 label" content="link" />
  112. <meta name="text:navlink 3 label" content="link" />
  113. <meta name="text:navlink 4 label" content="link" />
  114. <meta name="text:navlink 5 label" content="link" />
  115. <meta name="text:navlink 6 label" content="link" />
  116. <meta name="text:navlink 7 label" content="link" />
  117. <meta name="text:navlink 8 label" content="link" />
  118. <meta name="text:navlink 9 label" content="link" />
  119. <meta name="text:navlink 10 label" content="link" />
  120. <meta name="text:navlink 11 label" content="link" />
  121. <meta name="text:navlink 12 label" content="link" />
  122.  
  123. <meta name="text:muse1" content="/"/>
  124. <meta name="text:muse2" content="/"/>
  125. <meta name="text:muse3" content="/"/>
  126. <meta name="text:muse4" content="/"/>
  127. <meta name="text:muse5" content="/"/>
  128. <meta name="text:muse6" content="/"/>
  129. <meta name="text:muse7" content="/"/>
  130. <meta name="text:muse8" content="/"/>
  131. <meta name="text:muse9" content="/"/>
  132. <meta name="text:muse10" content="/"/>
  133. <meta name="text:muse11" content="/"/>
  134. <meta name="text:muse12" content="/"/>
  135. <meta name="text:muse13" content="/"/>
  136. <meta name="text:muse14" content="/"/>
  137. <meta name="text:muse15" content="/"/>
  138. <meta name="text:muse16" content="/"/>
  139. <meta name="text:muse1name" content="first last"/>
  140. <meta name="text:muse2name" content="first last"/>
  141. <meta name="text:muse3name" content="first last"/>
  142. <meta name="text:muse4name" content="first last"/>
  143. <meta name="text:muse5name" content="first last"/>
  144. <meta name="text:muse6name" content="first last"/>
  145. <meta name="text:muse7name" content="first last"/>
  146. <meta name="text:muse8name" content="first last"/>
  147. <meta name="text:muse9name" content="first last"/>
  148. <meta name="text:muse10name" content="first last"/>
  149. <meta name="text:muse11name" content="first last"/>
  150. <meta name="text:muse12name" content="first last"/>
  151. <meta name="text:muse14name" content="first last"/>
  152. <meta name="text:muse15name" content="first last"/>
  153. <meta name="text:muse16name" content="first last"/>
  154.  
  155. <meta name="text:slidetitle" content="F A Q"/>
  156. <meta name="text:slidetext" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
  157.  
  158. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  159. <link rel="shortcut icon" href="{Favicon}" />
  160.  
  161. <style type="text/css">
  162.  
  163.  
  164. @font-face { font-family: "kitten"; src: url('https://dl.dropboxusercontent.com/s/n5ggqkni55myczy/kitten.ttf') ;}
  165.  
  166.  
  167. /*TOOLTIP*/
  168.  
  169.  
  170. #s-m-t-tooltip {
  171. max-width:250px;
  172. padding:2px;
  173. margin:20px 20px 0px 0px;
  174. color:#888;
  175. background:#ededed;
  176. z-index:99999;
  177. font-size:8px;
  178. border:1px solid #dadada;
  179. font-variant:small-caps;
  180. letter-spacing:2px;
  181. font-weight:bold;
  182. }
  183.  
  184. /*SELECTION*/
  185.  
  186.  
  187. ::selection {
  188. color: {color:contain};
  189. background: {color:background};
  190. opacity:1;
  191. }
  192.  
  193. ::-moz-selection {
  194. color: {color:contain};
  195. background: {color:background};
  196. opacity:1;
  197. }
  198.  
  199. ::-webkit-selection {
  200. color: {color:contain};
  201. background: {color:background};
  202. opacity:1;
  203. }
  204.  
  205.  
  206. /*SCROLL*/
  207.  
  208.  
  209. ::-webkit-scrollbar-thumb {
  210. height:auto;
  211. width:0px;
  212. background-color:transparent;
  213. }
  214.  
  215. ::-webkit-scrollbar {
  216. height:0px;
  217. width:0px;
  218. background-color:transparent;
  219. }
  220.  
  221.  
  222. /*BODY*/
  223.  
  224.  
  225. body{
  226. overflow:hidden;
  227. color:{color:text};
  228. font-family:'arial';
  229. font-size:10px;
  230. letter-spacing:0px;
  231. text-align:justify;
  232. margin-left:30px;
  233. width:auto;
  234. margin-top:30px;
  235. background:{color:background};
  236. background-image:url('{image:background}');
  237. -webkit-background-size: cover;
  238. -moz-background-size: cover;
  239. -o-background-size: cover;
  240. background-size: cover;
  241. }
  242.  
  243. h1 {
  244. font-size:8px;
  245. letter-spacing:2px;
  246. text-transform:uppercase;
  247. font-family:'arial';
  248. font-style:none;
  249. line-height:10px;
  250. text-align:left;
  251. padding:0px;
  252. }
  253.  
  254. h2 {
  255. color:{color:italic};
  256. text-shadow:1px 1px {color:contain};
  257. font-size:30px;
  258. letter-spacing:2px;
  259. text-transform:normal;
  260. font-weight:bold;
  261. font-family:'kitten';
  262. font-style:none;
  263. margin-top:1px;
  264. line-height:10px;
  265. text-align:center;
  266. padding:10px;
  267. }
  268.  
  269. h2 a {
  270. color:{color:italic};
  271. text-shadow:1px 1px {color:contain};
  272. font-size:30px;
  273. letter-spacing:2px;
  274. text-transform:normal;
  275. font-weight:bold;
  276. font-family:'kitten';
  277. font-style:none;
  278. margin-top:1px;
  279. line-height:10px;
  280. text-align:center;
  281. padding:10px;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;
  285. }
  286.  
  287. h2 a:hover {
  288. color:{color:bold};
  289. text-shadow:1px 1px {color:contain};
  290. font-size:30px;
  291. letter-spacing:2px;
  292. text-transform:normal;
  293. font-weight:bold;
  294. font-family:'kitten';
  295. font-style:none;
  296. margin-top:1px;
  297. line-height:10px;
  298. text-align:center;
  299. padding:10px;
  300. -moz-transition-duration:0.5s;
  301. -webkit-transition-duration:0.5s;
  302. -o-transition-duration:0.5s;
  303. }
  304.  
  305. h3 {
  306. margin-top:1px;
  307. background:{color:italic};
  308. color:{color:description};
  309. font-size:10px;
  310. letter-spacing:2px;
  311. text-transform:lowercase;
  312. font-variant:small-caps;
  313. font-weight:bold;
  314. font-family:'calibri';
  315. font-style:none;
  316. line-height:10px;
  317. text-align:center;
  318. padding:20px;
  319. }
  320.  
  321. blockquote {
  322. text-align:justify;
  323. width:340px;
  324. border-left:2px solid {color:border};
  325. margin-left:3px;
  326. padding-left:15px;
  327. }
  328.  
  329. pre {
  330. font-family:'calibri';
  331. padding:5px;
  332. }
  333.  
  334. b {
  335. font-weight:bold;
  336. font-size:11px;
  337. color:{color:bold};
  338. }
  339.  
  340. i, em {
  341. padding-left:3px;
  342. font-weight:600;
  343. letter-spacing:1px;
  344. color:{color:italic};
  345. }
  346.  
  347. u {
  348. text-decoration:none;
  349. padding:2px;
  350. border-bottom:1px solid {color:text};
  351. }
  352.  
  353. strike {
  354. padding:2px;
  355. color:{color:bold};
  356. font-weight:bold;
  357. font-size:11px;
  358. }
  359.  
  360. a {
  361. font-weight:bold;
  362. color:{color:link};
  363. font-family:'calibri';
  364. text-decoration:none;
  365. -moz-transition-duration:0.5s;
  366. -webkit-transition-duration:0.5s;
  367. -o-transition-duration:0.5s;
  368. }
  369.  
  370. a:hover {
  371. color:{color:hover};
  372. }
  373.  
  374.  
  375. small {
  376. font-size:10px;
  377. }
  378.  
  379. img {
  380. border:none;
  381. max-width:100%;
  382. height:auto;
  383. -webkit-filter:grayscale(100%);
  384. -moz-filter:grayscale(100%);
  385. -o-filter:grayscale(100%);
  386. -moz-transition-duration:0.7s;
  387. -webkit-transition-duration:0.7s;
  388. -o-transition-duration:0.7s;
  389. }
  390.  
  391. resize {
  392. width: 300px;
  393. height:auto;
  394. }
  395.  
  396. .photoset {
  397. width:100%;
  398. -webkit-filter:grayscale(100%);
  399. -moz-filter:grayscale(100%);
  400. -o-filter:grayscale(100%);
  401. -moz-transition-duration:0.7s;
  402. -webkit-transition-duration:0.7s;
  403. -o-transition-duration:0.7s;
  404. }
  405.  
  406. img:hover {
  407. -webkit-filter:grayscale(50%);
  408. -moz-filter:grayscale(50%);
  409. -o-filter:grayscale(50%);
  410. -moz-transition-duration:0.7s;
  411. -webkit-transition-duration:0.7s;
  412. -o-transition-duration:0.7s;
  413. }
  414.  
  415. .photoset:hover {
  416. max-width:100%;
  417. -webkit-filter:grayscale(50%);
  418. -moz-filter:grayscale(50%);
  419. -o-filter:grayscale(50%);
  420. -moz-transition-duration:0.7s;
  421. -webkit-transition-duration:0.7s;
  422. -o-transition-duration:0.7s;
  423. }
  424.  
  425.  
  426. /*CONTAINER*/
  427.  
  428.  
  429. .contain{
  430. padding:15px;
  431. width:600px;
  432. height:395px;
  433. background:{color:contain};
  434. margin-top:6%;
  435. margin-left:310px;
  436. position:fixed;
  437. overflow:hidden;
  438. border-radius:10px;
  439. }
  440.  
  441. .top {
  442. position:absolute;
  443. width:610px;
  444. height:54px;
  445. padding:15px;
  446. background:#555;
  447. margin-left:-20px;
  448. margin-top:-20px;
  449. }
  450.  
  451. .head {
  452. position: relative;
  453. overflow: hidden;
  454. margin-left:-20px;
  455. margin-top:-21px;
  456. width:300px;
  457. border-top-right-radius:20em;
  458. border-bottom-right-radius:20em;
  459. height:90px;
  460. background:{color:headbg};
  461. z-index:9;
  462. }
  463.  
  464. .head h1 {
  465. margin-top:20px;
  466. color:{color:description};
  467. font-weight:800;
  468. text-shadow: 1px 1px #999;
  469. padding: 20px;
  470. padding-left:30px;
  471. text-align:center;
  472. position: relative;
  473. z-index: 2;
  474. }
  475.  
  476. .head img {
  477. position: absolute;
  478. left: 0;
  479. top: 0;
  480. width: 100%;
  481. height: auto;
  482. opacity: 0.3;
  483. -webkit-filter:grayscale(100%);
  484. -moz-filter:grayscale(100%);
  485. -o-filter:grayscale(100%);
  486. }
  487.  
  488. .toptitle {
  489. background:white;
  490. color:{color:bold};
  491. position:absolute;
  492. font-family:'kitten';
  493. font-size:53px;
  494. text-align:center;
  495. width:350px;
  496. height:0px;
  497. overflow:visible;
  498. margin-top:4.2%;
  499. margin-left:590px;
  500. text-shadow:1px 1px {color:description};
  501. z-index:1;
  502. }
  503.  
  504. .links {
  505. position:absolute;
  506. font-variant:small-caps;
  507. font-size:9px;
  508. background:#444;
  509. padding:10px;
  510. width:360px;
  511. height:16px;
  512. margin-top:-37px;
  513. margin-left:240px;
  514. text-align:center;
  515. color:white;
  516. word-spacing:5px;
  517. z-index:4;
  518. }
  519.  
  520. .links a {
  521. color:white;
  522. }
  523.  
  524. #links a:hover{
  525. color:{color:text};
  526. background-color:{color:bold};
  527. }
  528.  
  529.  
  530. /*ENTRIES & POSTS*/
  531.  
  532.  
  533. #entries{
  534. width:100%;
  535. height:365px;
  536. margin-left:171px;
  537. margin-top:35px;
  538. padding-top:29px;
  539. position:absolute;
  540. overflow-x:hidden;
  541. overflow-y:scroll;
  542. }
  543.  
  544. #post{
  545. padding:18px;
  546. background-color:{color:post};
  547. width:400px;
  548. margin-top:8px;
  549. }
  550.  
  551.  
  552. /*SIDEBAR*/
  553.  
  554.  
  555. .sidebar {
  556. position:absolute;
  557. margin-left:-15px;
  558. width:163px;
  559. height:380px;
  560. }
  561.  
  562. #description {
  563. line-height:19px;
  564. font-family:'calibri';
  565. text-align:justify;
  566. font-variant:small-caps;
  567. margin-top:60px;
  568. margin-left:0px;
  569. width:138px;
  570. height:285px;
  571. overflow:hidden;
  572. color:{color:post};
  573. background:{color:description};
  574. padding:20px;
  575. font-size:10px;
  576. z-index:99999999999999;
  577. text-transform:normal;
  578. }
  579.  
  580. #description a {
  581. font-family:'arial';
  582. font-weight:800;
  583. font-size:13px;
  584. }
  585.  
  586. #pagination {
  587. width:166px;
  588. position:fixed;
  589. height:14px;
  590. padding:6px;
  591. padding-top:5px;
  592. margin-top:0px;
  593. margin-left:0px;
  594. text-align:center;
  595. background:{color:italic};
  596. color:{color:text};
  597. z-index:9999999999999;
  598. }
  599.  
  600. #pagination a {
  601. color:{color:description};
  602. font-weight:bold;
  603. letter-spacing:1px;
  604. font-size:7px;
  605.  
  606. }
  607.  
  608. /*POST INFO*/
  609.  
  610.  
  611. #info {
  612. width:auto;
  613. text-align:center;
  614. font-family:'trebuchet ms';
  615. margin-top:3px;
  616. letter-spacing:1px;
  617. font-size:7px;
  618. font-style:none;
  619. padding:4px;
  620. line-height:10px;
  621. text-transform:uppercase;
  622. background:{color:background};
  623. color:{color:description};
  624. }
  625.  
  626. #info i {
  627. color:{color:descripton};
  628. }
  629.  
  630. #info a {
  631. text-align:center;
  632. color:{color:contain};
  633. }
  634.  
  635. #info a:hover {
  636. -moz-transition-duration:0.3s;
  637. -webkit-transition-duration:0.3s;
  638. -o-transition-duration:0.3s;
  639. color:{color:Hover};
  640. }
  641.  
  642. #tags {
  643. background:{color:contain};
  644. padding: 5px;
  645. color:{color:links};
  646. text-transform:lowercase;
  647. font-variant:small-caps;
  648. font-style:none;
  649. font-size: 8px;
  650. text-align: center;
  651. letter-spacing: 1px;
  652. }
  653.  
  654. #tags a {
  655. color: {color:links}; }
  656.  
  657. #tags a:hover {
  658. color: {color:text};
  659. }
  660.  
  661. #notes {
  662. width:275px;
  663. }
  664.  
  665.  
  666. /*QUOTES & SHIT*/
  667.  
  668.  
  669. .qsource {
  670. text-align:center;
  671. letter-spacing:1px;
  672. padding:10px;
  673. background:{color:bold};
  674. margin-top:-10px;
  675. text-transform:lowercase;
  676. color:{color:contain};
  677. }
  678.  
  679.  
  680. /*MUSIC*/
  681.  
  682.  
  683. .audio {
  684. width:400px;
  685. padding-bottom:10px;
  686. background-color:{color:infobg};
  687. }
  688.  
  689. .audioinfo {
  690. background:{color:italic};
  691. width:288px;
  692. height:40px;
  693. text-align:center;
  694. margin-left:80px;
  695. padding:16px;
  696. color:{color:contain};
  697. text-transform:lowercase;
  698. font-variant:small-caps;
  699. }
  700.  
  701. .audioinfo b, strong, i, em {
  702. color:{color:contain};
  703. }
  704.  
  705. .audioinfo h1 {
  706. text-align:center;
  707. font-size:30px;
  708. letter-spacing:0px;
  709. height:0px;
  710. margin-top:10px;
  711. font-variant:none;
  712. text-transform:lowercase;
  713. color:{color:contain};
  714. text-shadow:1px 1px {color:post};
  715. font-family:'kitten';
  716. }
  717.  
  718. .playercontainer {
  719. height:50px;
  720. width:50px;
  721. padding:15px;
  722. background:transparent;
  723. position:absolute;
  724. }
  725.  
  726. .player {
  727. margin-top:-13px;
  728. margin-left:-13px;
  729. position:relative;
  730. text-align:center;
  731. width:6px;
  732. height:10px;
  733. overflow:hidden;
  734. padding:20px;
  735. background:transparent;
  736. opacity:.5;
  737. }
  738.  
  739. .cover {
  740. height:60px;
  741. width:60px;
  742. margin-right:10px;
  743. margin-top:0px;
  744. border:6px solid {color:description};
  745. }
  746.  
  747.  
  748. /*QUESTION & ANSWER*/
  749.  
  750.  
  751. #question {
  752. color:{color:linksbg};
  753. padding:14px;
  754. font-family:'arial';
  755. font-size:9px;
  756. letter-spacing:0px;
  757. text-align:justify;
  758. margin-top:0px;
  759. text-transform:normal;
  760. line-height:100%;
  761. color:{color:text};
  762. background-color:{color:background};
  763. }
  764.  
  765. #asker {
  766. font-size:9px;
  767. color:{color:italic};
  768. padding:5px;
  769. background:{color:contain};
  770. text-align:center;
  771. font-weight:bold;
  772. letter-spacing:2px;
  773. text-transform:lowercase;
  774. font-variant:small-caps;
  775. }
  776.  
  777. #asker a {
  778. color:{color:italic};
  779. }
  780.  
  781.  
  782. /*CHAT*/
  783.  
  784.  
  785. .answer span,.convo li {
  786. margin:0 0 5px;
  787. border-radius:1em;
  788. padding:.5em 10px;
  789. max-width:75%;
  790. clear:both;
  791. position:relative;
  792. }
  793.  
  794. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11 {
  795. float:left;
  796. background:{color:bold};
  797. color:{color:contain};
  798. left:3px;
  799. }
  800.  
  801. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after {
  802. content:"";
  803. position:absolute;
  804. left:-.5em;
  805. bottom:0;
  806. width:.5em;
  807. height:1em;
  808. border-right:.5em solid {color:bold};
  809. border-bottom-right-radius:1em .5em;
  810. }
  811.  
  812. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12 {
  813. right:3px;
  814. float:right;
  815. background:{color:italic};
  816. color:{color:contain};
  817. }
  818.  
  819. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after {
  820. content:"";
  821. position:absolute;
  822. right:-.5em;
  823. bottom:0;
  824. width:.5em;
  825. height:1em;
  826. border-left:.5em solid {color:italic};
  827. border-bottom-left-radius:1em .5em;
  828. }
  829.  
  830. .me p,.answer,.asked span {
  831. padding:0;
  832. margin:0;
  833. }
  834.  
  835. .answer{
  836. overflow:hidden;
  837. }
  838.  
  839. .asked p {
  840. text-align: left;
  841. margin: 0 0px 10px 0px;
  842. padding: 0;
  843. color:{color:contain};
  844. font-family: 'Inconsolata', Inconsolata;
  845. font-size: 12px;
  846. line-height: 0px;
  847. }
  848.  
  849. .footerright .viasrc {
  850. float: left;
  851. }
  852.  
  853. .asked a {
  854. margin:0;
  855. padding:0;
  856. }
  857.  
  858. .user_4 {background-color:#55caff;color:#fff;}.user_4::after{border-color:#55caff}.user_6{background-color:{color:italic};color:{color:contain}}}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  859.  
  860. .convo {
  861. overflow: hidden;
  862. list-style-type: none;
  863. padding: 0;
  864. margin: 0;
  865. }
  866.  
  867.  
  868. /*SLIDER*/
  869.  
  870.  
  871. .slider {
  872. margin-left:284px;
  873. margin-top:93px;
  874. width:180px;
  875. height:20px;
  876. padding:5px;
  877. background:{color:post};
  878. border-radius:50px 0px 0px 50px;
  879. font-size:12px;
  880. text-align:left;
  881. z-index:5;
  882. -webkit-transition: all 0.7s linear;
  883. -moz-transition: all 0.7s linear;
  884. transition: all 0.7s linear;
  885. }
  886.  
  887.  
  888. .slider h1 {
  889. padding:5px;
  890. background:{color:italic};
  891. color:{color:contain};
  892. font-size:10px;
  893. margin-top:-5px;
  894. }
  895.  
  896.  
  897. .slide {
  898. height:15px;
  899. width:180px;
  900. padding:5px;
  901. margin-top:-2px;
  902. margin-left:-4px;
  903. border-radius:50px 0px 0px 50px;
  904. background:transparent;
  905. font-size:12px;
  906. text-align:left;
  907. }
  908.  
  909. .slide b, em {
  910. color:{color:text};
  911. font-size:12px;
  912. margin-top:-2px;
  913. }
  914.  
  915. .slider:hover {
  916. margin-left:120px;
  917. -webkit-transition: all 0.7s linear;
  918. -moz-transition: all 0.7s linear;
  919. transition: all 0.7s linear;
  920. }
  921.  
  922. .slideinfo {
  923. letter-spacing:.5px;
  924. font-size:9px;
  925. color:{color:post};
  926. width:135px;
  927. height:225px;
  928. padding:15px;
  929. background:{color:contain};
  930. margin-left:22px;
  931. margin-top:2px;
  932. text-align:justify;
  933. opacity:.8;
  934. position:fixed;
  935. overflow:auto;
  936. z-index:-1;
  937. }
  938.  
  939.  
  940. /*TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!*/
  941.  
  942.  
  943. .tabcon {
  944. border-radius:5px;
  945. margin-top:161px;
  946. margin-left:488px;
  947. padding:25px;
  948. position:fixed;
  949. width:386px;
  950. height:288px;
  951. background-color:{color:post};
  952. border-top:8px solid {color:contain};
  953. border-left:8px solid {color:contain};
  954. border-right:8px solid {color:contain};
  955. color:#6c4b45;
  956. overflow:hidden;
  957. }
  958.  
  959. .tabclose {
  960. text-transform:uppercase;
  961. font-weight:bold;
  962. font-size:10px;
  963. padding:3px;
  964. color:{color:text};
  965. margin-top:-23px;
  966. margin-right:-18px;
  967. float:right;
  968. }
  969.  
  970. .tabclose:hover {
  971. cursor:pointer;
  972. }
  973.  
  974. .tabtitle {
  975. width:400px;
  976. font-family:'kitten';
  977. margin-left:-7px;
  978. margin-top:-35px;
  979. text-align:center;
  980. font-size:45px;
  981. color:{color:contain};
  982. text-shadow:1px 1px {color:italic};
  983. }
  984.  
  985. .tabboxes {
  986. width:398px;
  987. height:90px;
  988. margin-left:-6px;
  989. overflow-y:hidden;
  990. }
  991.  
  992. .tabboxes h1 {
  993. padding:5px;
  994. background:{color:italic};
  995. color:{color:contain};
  996. font-size:10px;
  997. margin-top:-5px;
  998. }
  999.  
  1000. .tabboxes h2 {
  1001. font-family:'calibri';
  1002. float:left;
  1003. display:block;
  1004. padding:4px;
  1005. width:9px;
  1006. height:10px;
  1007. border-right:5px solid {color:contain};
  1008. background:{color:bold};
  1009. color:{color:contain};
  1010. font-size:9px;
  1011. text-shadow:none;
  1012. }
  1013.  
  1014. .tabboxes h3 {
  1015. float:left;
  1016. display:block;
  1017. padding:0px;
  1018. padding-top:0px;
  1019. padding-left:1px;
  1020. width:10px;
  1021. height:10px;
  1022. margin-top:0px;
  1023. margin-left:10px;
  1024. border-right:5px solid {color:contain};
  1025. background:{color:background};
  1026. color:{color:contain};
  1027. font-size:6px;
  1028. }
  1029.  
  1030. .tabbox1 {
  1031. background:{color:contain};
  1032. float:left;
  1033. text-align:justify;
  1034. font-size:10px;
  1035. line-height:10px;
  1036. width:167px;
  1037. height:60px;
  1038. padding:15px;
  1039. margin-left:-6px;
  1040. overflow-y:auto;
  1041. overflow-x:hidden;
  1042. }
  1043.  
  1044. .tabbox2 {
  1045. background:{color:contain};
  1046. float:right;
  1047. text-align:justify;
  1048. font-size:10px;
  1049. line-height:14px;
  1050. width:167px;
  1051. height:60px;
  1052. padding:15px;
  1053. margin-left:-6px;
  1054. overflow-y:auto;
  1055. overflow-x:hidden;
  1056. }
  1057.  
  1058. .navlinks {
  1059. position:absolute;
  1060. font-variant:small-caps;
  1061. font-size:9px;
  1062. overflow-x:hidden;
  1063. overflow-y:auto;
  1064. width:410px;
  1065. height:160px;
  1066. margin-top:10px;
  1067. margin-left:-16px;
  1068. text-align:center;
  1069. color:white;
  1070. word-spacing:5px;
  1071. z-index:4;
  1072. line-height:20px;
  1073. }
  1074.  
  1075. .navlinks a {
  1076. float:left;
  1077. display:block;
  1078. text-align:center;
  1079. padding:5px;
  1080. width:116px;
  1081. height:20px;
  1082. background-size: 100% 200%;
  1083. background-image: linear-gradient(to bottom, {color:italic} 50%, {color:bold} 50%);
  1084. color:{color:contain};
  1085. margin-left:10px;
  1086. }
  1087.  
  1088. .navlinks a:hover{
  1089. color:{color:contain};
  1090. background-position: 0 -100%;
  1091. }
  1092.  
  1093. .tabmuses {
  1094. background:{color:contain};
  1095. overflow-x:hidden;
  1096. overflow-y:auto;
  1097. padding:10px;
  1098. width:355px;
  1099. height:220px;
  1100. margin-left:3px;
  1101. margin-top:0px;
  1102. }
  1103.  
  1104.  
  1105. /*CREDIT*/
  1106.  
  1107.  
  1108. #credit {
  1109. width: auto;
  1110. height:12px;
  1111. font-family: 'calibri';
  1112. font-size: 10px;
  1113. text-transform: lowercase;
  1114. font-variant:small-caps;
  1115. text-align: center;
  1116. bottom: 10px;
  1117. left: 10px;
  1118. border-radius:4px;
  1119. line-height:100%;
  1120. letter-spacing: 1.5px;
  1121. padding: 5px;
  1122. padding-left:7px;
  1123. display: block;
  1124. background:rgba(255, 255, 255, 0.2);
  1125. position: fixed;
  1126. }
  1127.  
  1128. #credit a{
  1129. color:#666;
  1130. }
  1131.  
  1132.  
  1133. {CustomCSS}</style></head><body>
  1134.  
  1135. <div class="toptitle">{text:toptitle}</div>
  1136.  
  1137. <div class="contain">
  1138. <div class="top">
  1139. <div class="head">
  1140. <h1>{text:headtitle}</h1>
  1141. <img src="{image:head}">
  1142. </div>
  1143. <div class="links">
  1144. &nbsp;&nbsp;&nbsp;<a href="/"><i class="fa fa-home" aria-hidden="true"></i>home</a>&nbsp;&nbsp;&nbsp;
  1145.  
  1146. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"><i class="fa fa-comment" aria-hidden="true"></i>message</a>&nbsp;&nbsp;&nbsp;
  1147.  
  1148. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');"><i class="fa fa-bars" aria-hidden="true"></i>guide</a>&nbsp;&nbsp;&nbsp;
  1149.  
  1150. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');"><i class="fa fa-gear" aria-hidden="true"></i>muses</a>
  1151. </div>
  1152. </div>
  1153.  
  1154. <div class="sidebar">
  1155. <div id="description">
  1156. {text:desc}
  1157. </div>
  1158.  
  1159. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK <b>/</b></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div></div>
  1160.  
  1161.  
  1162.  
  1163. <div id="entries">
  1164. {block:posts}
  1165. <!-- {block:NoRebloggedFrom}
  1166. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1167. {/block:NoRebloggedFrom} -->
  1168. {block:ContentSource}<!-- {SourceURL}
  1169. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1170. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1171. {/block:ContentSource}
  1172. <div id="post">
  1173.  
  1174. {block:Text}
  1175. <h2>{block:Title}{Title}{/block:Title}</h2>
  1176. {Body}{/block:Text}
  1177.  
  1178. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1179.  
  1180. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1181.  
  1182. {block:Quote}<h3><big><big>❝</big></big> {Quote} <big><big>❞</big></big></h3>
  1183. {block:Source}<div class="qsource">{Source}</div>
  1184. {/block:Source}{/block:Quote}
  1185.  
  1186. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  1187.  
  1188. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<br><ul class="convo">{block:Lines} <li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  1189.  
  1190. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" align="left" class="cover" />{/block:AlbumArt}<div class="playercontainer"><div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:TrackName}<h1>{TrackName}{/block:TrackName}</h1>{block:Artist}— {Artist} —{/block:Artist}</div>{/block:Audio}<br>
  1191.  
  1192. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1193.  
  1194. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}<br></div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  1195.  
  1196. <div id="info">
  1197. <a href="{Permalink}">{TimeAgo}</a> &nbsp;&nbsp;<i class="pe-7s-diamond"></i> &nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp; <i class="pe-7s-diamond"></i>&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG</a></div>
  1198. {block:HasTags}<div id="tags">
  1199.  
  1200. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  1201. </div>{block:HasTags}
  1202. </div>
  1203. {/block:Posts}
  1204. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1205. {/block:Posts}</div></div></div></div>
  1206.  
  1207.  
  1208. <!--
  1209. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1210.  
  1211. -->
  1212.  
  1213. <!-- < tabs content >
  1214. -->
  1215.  
  1216.  
  1217. <div id="TabzOne" class="tabcon alytut" style="display:none">
  1218. <span onclick="this.parentElement.style.display='none'" class="tabclose">
  1219. X
  1220. </span>
  1221. <p>
  1222. <div class="tabtitle">{text:asktitle}</div>
  1223. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{text:yoururl}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1224. </p>
  1225. </div>
  1226.  
  1227.  
  1228. <div id="TabzTwo" class="tabcon alytut" style="display:none">
  1229. <span onclick="this.parentElement.style.display='none'" class="tabclose">
  1230. X
  1231. </span>
  1232. <p>
  1233. <div class="tabtitle">navigate</div>
  1234. <div class="tabboxes">
  1235. <div class="tabbox1">
  1236. <h1>what i do</h1>
  1237. <h3>✔</h3> {text:wid1}<br><br>
  1238. <h3>✔</h3> {text:wid2}<br><br>
  1239. <h3>✔</h3> {text:wid3}<br><br>
  1240. <h3>✔</h3> {text:wid4}<br><br>
  1241. <h3>✔</h3> {text:wid5}
  1242. </div>
  1243. <div class="tabbox2">
  1244. <h1>updates</h1>
  1245. <h2>✘</h2> {text:update1}<br>
  1246. <h2>✘</h2> {text:update2}<br>
  1247. <h2>✘</h2> {text:update3}<br>
  1248. <h2>✘</h2> {text:update4}<br>
  1249. <h2>✘</h2> {text:update5}<br>
  1250. </div>
  1251. </div>
  1252. <div class="navlinks">
  1253. <a href="{text:navlink 1}">{text:navlink 1 label}</a>
  1254. <a href="{text:navlink 2}">{text:navlink 2 label}</a>
  1255. <a href="{text:navlink 3}">{text:navlink 3 label}</a><br><br>
  1256. <a href="{text:navlink 4}">{text:navlink 4 label}</a>
  1257. <a href="{text:navlink 5}">{text:navlink 5 label}</a>
  1258. <a href="{text:navlink 6}">{text:navlink 6 label}</a><br><br>
  1259. <a href="{text:navlink 7}">{text:navlink 7 label}</a>
  1260. <a href="{text:navlink 8}">{text:navlink 8 label}</a>
  1261. <a href="{text:navlink 9}">{text:navlink 9 label}</a><br><br>
  1262. <a href="{text:navlink 10}">{text:navlink 10 label}</a>
  1263. <a href="{text:navlink 11}">{text:navlink 11 label}</a>
  1264. <a href="{text:navlink 12}">{text:navlink 12 label}</a>
  1265. </div>
  1266. </p>
  1267. </div>
  1268. </div>
  1269.  
  1270.  
  1271. <div id="TabzThree" class="tabcon alytut" style="display:none">
  1272. <span onclick="this.parentElement.style.display='none'" class="tabclose">
  1273. X
  1274. </span>
  1275. <p>
  1276. <div class="tabtitle">muses</div>
  1277. <div class="tabmuses">
  1278. <a href="{text:muse1}" title="{text:muse1name}"><img src="{image:muse1}"></a>
  1279. <a href="{text:muse2}" title="{text:muse2name}"><img src="{image:muse2}"></a>
  1280. <a href="{text:muse3}" title="{text:muse3name}"><img src="{image:muse3}"></a>
  1281. <a href="{text:muse4}" title="{text:muse4name}"><img src="{image:muse4}"></a><br>
  1282. <a href="{text:muse5}" title="{text:muse5name}"><img src="{image:muse5}"></a>
  1283. <a href="{text:muse6}" title="{text:muse6name}"><img src="{image:muse6}"></a>
  1284. <a href="{text:muse7}" title="{text:muse7name}"><img src="{image:muse7}"></a>
  1285. <a href="{text:muse8}" title="{text:muse8name}"><img src="{image:muse8}"></a><br>
  1286. <a href="{text:muse9}" title="{text:muse9name}"><img src="{image:muse9}"></a>
  1287. <a href="{text:muse10}" title="{text:muse10name}"><img src="{image:muse10}"></a>
  1288. <a href="{text:muse11}" title="{text:muse11name}"><img src="{image:muse11}"></a>
  1289. <a href="{text:muse12}" title="{text:muse12name}"><img src="{image:muse12}"></a>
  1290. <a href="{text:muse13}" title="{text:muse13name}"><img src="{image:muse13}"></a>
  1291. <a href="{text:muse14}" title="{text:muse14name}"><img src="{image:muse14}"></a>
  1292. <a href="{text:muse15}" title="{text:muse15name}"><img src="{image:muse15}"></a>
  1293. <a href="{text:muse16}" title="{text:muse16name}"><img src="{image:muse16}"></a>
  1294. </p>
  1295. </div>
  1296.  
  1297.  
  1298. <!--
  1299.  
  1300. < *TABS END >
  1301.  
  1302. -->
  1303.  
  1304.  
  1305. </div><br><br><br><br>
  1306.  
  1307. <div id="credit"><a href="http://bonecarvers.tumblr.com">bc</a></div>
  1308. </div>
  1309.  
  1310. <div class="slider">
  1311. <div class="slide">
  1312. <i class="fa fa-heart-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;<b><em>{text:slidetitle}</em></b>
  1313. </div>
  1314. <div class="slideinfo">
  1315. {text:slidetext}
  1316. </div>
  1317. </div>
  1318.  
  1319.  
  1320. </div>
  1321. </div>
  1322.  
  1323.  
  1324. </body>
  1325.  
  1326. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1327. <script>
  1328. $(document).ready(function(){
  1329. $('.video iframe').each(function(){
  1330. var scale = $(this).parents('.video').width() / 500;
  1331. $(this).attr({
  1332. width: Math.floor($(this).attr('width') * scale),
  1333. height: Math.floor($(this).attr('height') * scale)
  1334. });
  1335. });
  1336. });
  1337. </script>
  1338.  
  1339. <script>
  1340. /* When the user clicks on the button,
  1341. toggle between hiding and showing the dropdown content */
  1342. function myFunction() {
  1343. document.getElementById("myDropdown").classList.toggle("show");
  1344. }
  1345.  
  1346. // Close the dropdown if the user clicks outside of it
  1347. window.onclick = function(event) {
  1348. if (!event.target.matches('.dropbtn')) {
  1349.  
  1350. var dropdowns = document.getElementsByClassName("dropdown-content");
  1351. var i;
  1352. for (i = 0; i < dropdowns.length; i++) {
  1353. var openDropdown = dropdowns[i];
  1354. if (openDropdown.classList.contains('show')) {
  1355. openDropdown.classList.remove('show');
  1356. }
  1357. }
  1358. }
  1359. }
  1360. </script>
  1361.  
  1362. <script>
  1363. function openAlytut(evt, alytutName) {
  1364. var i, x, tablinks;
  1365. x = document.getElementsByClassName("alytut");
  1366. for (i = 0; i < x.length; i++) {
  1367. x[i].style.display = "none";
  1368. }
  1369. tablinks = document.getElementsByClassName("tablink");
  1370. for (i = 0; i < x.length; i++) {
  1371. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1372. }
  1373. document.getElementById(alytutName).style.display = "block";
  1374. evt.currentTarget.className += " tabzact";
  1375. }
  1376. </script>
  1377.  
  1378. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!