API tools faq
paste
Advertisement
lonelywasaround

old tumblr layout

lonelywasaround
Sep 10th, 2017
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.37 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. <head>
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9.  
  10. <!--------------------JAVASCRIPTS-------------------->
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:100,
  20. tip_fade_speed:100,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27. <script>
  28. $(document).ready(function() {
  29. $('iframe.tumblr_audio_player').load( function() {
  30. $('iframe.tumblr_audio_player').contents().find("head")
  31. .append($("<style type='text/css'> .audio-player{background:{color:custom links background} !important; padding:5px 10px 5px 0px !important;} </style>"));
  32. $('iframe.tumblr_audio_player').contents().find("head")
  33. .append($("<style type='text/css'> .play-pause{color:{color:custom links} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  34. });
  35. });
  36. </script>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='https://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <!--------------------COLORS-------------------->
  44.  
  45. <meta name="color:background" content="#000"/>
  46. <meta name="color:post" content="#181818"/>
  47. <meta name="color:text" content="#999"/>
  48. <meta name="color:Bold" content="#bbb">
  49. <meta name="color:Italic" content="#aaa">
  50. <meta name="color:blockquote" content="#4f638f"/>
  51. <meta name="color:Link" content="#77aacc">
  52. <meta name="color:Link Hover" content="#ddd">
  53. <meta name="color:left bg" content="#000">
  54. <meta name="color:bar 1" content="#000">
  55. <meta name="color:bar 2" content="#090c1b">
  56. <meta name="color:bar 3" content="#202f57">
  57. <meta name="color:description" content="#bbb">
  58. <meta name="color:description link" content="#fff">
  59. <meta name="color:description link hover" content="#999">
  60. <meta name="color:description background" content="#000"/>
  61. <meta name="color:custom links" content="#ddd">
  62. <meta name="color:custom links hover" content="#77aacc">
  63. <meta name="color:custom links background" content="#181818">
  64. <meta name="color:nav links" content="#727272">
  65. <meta name="color:nav links background" content="#262626">
  66. <meta name="color:nav links hover" content="#ddd">
  67. <meta name="color:nav links background hover" content="#000">
  68. <meta name="color:borders" content="#444">
  69. <meta name="color:chat odd" content="#333">
  70. <meta name="color:chat even" content="#111">
  71. <meta name="color:permalink" content="#ddd">
  72. <meta name="color:permalink hover" content="#77aacc">
  73. <meta name="color:scrollbar" content="#042947">
  74. <meta name="color:scrollbar bg" content="#070e12"/>
  75. <meta name="color:highlight" content="#0f1b23">
  76. <meta name="color:highlighted text" content="#bbb">
  77.  
  78. <!--------------------OPTIONS-------------------->
  79.  
  80. <meta name="if:photo fade" content="0" />
  81. <meta name="if:monochrome posts" content="1" />
  82. <meta name="if:borders" content="1" />
  83. <meta name="if:show music player" content="1" />
  84.  
  85. <!--------------------IMAGES-------------------->
  86.  
  87. <meta name="image:left img" content=""/>
  88. <meta name="image:background image" content=""/>
  89.  
  90. <!--------------------TITLES-------------------->
  91.  
  92. <meta name="text:billy music player code" content="">
  93. <meta name="text:Link 1" content="">
  94. <meta name="text:Link 1 URL" content="">
  95. <meta name="text:Link 2" content="">
  96. <meta name="text:Link 2 URL" content="">
  97. <meta name="text:Link 3" content="">
  98. <meta name="text:Link 3 URL" content="">
  99. <meta name="text:Link 4" content="">
  100. <meta name="text:Link 4 URL" content="">
  101. <meta name="text:Link 5" content="">
  102. <meta name="text:Link 5 URL" content="">
  103. <meta name="text:Link 6" content="">
  104. <meta name="text:Link 6 URL" content="">
  105.  
  106. <!-------------------------------------------------------------------->
  107.  
  108. <style type="text/css">
  109.  
  110. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  111.  
  112. /* fontawesome */
  113. [class*="fontawesome-"]:before {
  114. font-family: 'FontAwesome', sans-serif;
  115. }
  116.  
  117. /*--------------------TOOLTIPS--------------------*/
  118.  
  119. #s-m-t-tooltip {
  120. padding: 4px 9px;
  121. margin: 15px 9px 8px 5px;
  122. background-color: {color:background};
  123. font-family: calibri;
  124. font-size: 8px;
  125. letter-spacing: 1px;
  126. text-transform: uppercase;
  127. color: {color:text};
  128. z-index: 1005;
  129. border:1px solid {color:Scrollbar};
  130. -moz-border-radius:5px; -webkit-border-radius:5px;
  131. }
  132.  
  133.  
  134. /*--------------------SCROLLBAR--------------------*/
  135.  
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background-color:{color:Scrollbar};
  138. height: 30px;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. background-color:{color:Scrollbar};
  143. width: 30px;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. background-color:{color:Scrollbar BG};
  148. height: 7px;
  149. width: 7px;
  150. }
  151.  
  152. /*--------------------SCROLLBAR--------------------*/
  153.  
  154. ::selection {
  155. background: {color:highlight};
  156. color:{color:highlighted text};
  157. }
  158.  
  159. ::-moz-selection {
  160. background: {color:highlight};
  161. color:{color:highlighted text};
  162. }
  163.  
  164.  
  165. /*--------------------BASICS--------------------*/
  166.  
  167. body {
  168. background:{color:background} url({image:background image});
  169. background-attachment:fixed;
  170. background-repeat:repeat;
  171. color:{color:text};
  172. cursor:normal;
  173. font-family:open sans;
  174. line-height:16px;
  175. font-size:10px;
  176. text-align:left;
  177. }
  178.  
  179. blockquote {
  180. padding-left:15px;
  181. border-left:1px solid;
  182. border-color:{color:blockquote};
  183. margin:10px;
  184. }
  185.  
  186. /*--------------------LINKS--------------------*/
  187.  
  188. a {
  189. color:{color:link};
  190. cursor:help;
  191. text-decoration:none;
  192. -webkit-transition: all 0.4s ease-in-out;
  193. -moz-transition: all 0.4s ease-in-out;
  194. -o-transition: all 0.4s ease-in-out;
  195. }
  196.  
  197. a:hover {
  198. text-decoration:none;
  199. color: {color:link hover};
  200. -webkit-transition: all 0.4s ease-in-out;
  201. -moz-transition: all 0.4s ease-in-out;
  202. -o-transition: all 0.4s ease-in-out;
  203. }
  204.  
  205. img {
  206. opacity:1;
  207. text-decoration:none;
  208. }
  209.  
  210. h1 {
  211. font-size:11px;
  212. font-weight:bold;
  213. text-transform:uppercase;
  214. letter-spacing:2px;
  215. text-align:center;
  216. }
  217.  
  218. /*--------------------TUMBLR CONTROLS--------------------*/
  219.  
  220. iframe#tumblr_controls, .iframe-controls--desktop {
  221. top:2px!important;
  222. right:2px!important;
  223. position:fixed!important;
  224. z-index:999999!important;
  225. transition:0.5s ease-in-out;
  226. opacity:0.3;
  227. z-index:999999!important;
  228. }
  229.  
  230. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  231. opacity:0.6;
  232. }
  233.  
  234. /*--------------------BOLDED TEXT--------------------*/
  235.  
  236. b, strong, .strong {
  237. color: {color:Bold};
  238. }
  239.  
  240. t {
  241. font-size:14px;
  242. }
  243.  
  244. /*--------------------ITALIZED TEXT--------------------*/
  245.  
  246. i, em, .em {
  247. color: {color:Italic};
  248. }
  249.  
  250. /*--------------------SIDE IMAGE--------------------*/
  251.  
  252. #bigthing{
  253. position:fixed;
  254. width:525px;
  255. height:100%;
  256. top:0;
  257. left:0;
  258. background:url('{image:left img}') fixed no-repeat;
  259. background-color: {color:left bg};
  260. background-position:top left;
  261. z-index:50;
  262. }
  263.  
  264. #bigthing img{
  265. min-width:525px;
  266. }
  267. /*--------------------NAV VERTICAL BAR--------------------*/
  268. #barthing{
  269. position:fixed;
  270. width:15px;
  271. height:100%;
  272. top:0;
  273. left:0;
  274. margin-left:525px;
  275. background-color:{color:bar 2};
  276. }
  277.  
  278. #barthingy {
  279. position:fixed;
  280. width:15px;
  281. height:100%;
  282. top:0;
  283. left:0;
  284. margin-left:540px;
  285. background-color:{color:bar 3};
  286. }
  287.  
  288. /*--------------------BAAAAAAAAAARZZZZZ--------------------*/
  289. #leftobar {
  290. position:fixed;
  291. width:25px;
  292. height:100%;
  293. top:0;
  294. left:0;
  295. margin-left:0px;
  296. background-color:{color:bar 1};
  297. z-index:51;
  298. }
  299.  
  300.  
  301. /*--------------------POST CONTAINER--------------------*/
  302.  
  303. .container {
  304. left:0;
  305. margin-left:610px;
  306. width:500px;
  307. position:absolute;
  308. }
  309.  
  310. /*--------------------POSTS--------------------*/
  311.  
  312. .posts {
  313. {block:IndexPage}
  314. margin-bottom:35px;
  315. {/block:IndexPage}
  316. {block:PermalinkPage}
  317. margin-bottom:40px;
  318. {/block:PermalinkPage}
  319. width:500px;
  320. padding:20px;
  321. background-color:{color:post};
  322. {block:ifborders}border-top:1px solid {color:borders}; border-left:1px solid {color:borders}; border-right:1px solid {color:borders};{/block:ifborders}
  323. border-bottom:3px solid {color:scrollbar};
  324. }
  325.  
  326. .posts img{
  327. max-width:100%;
  328. {block:ifmonochromeposts}
  329. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  330. filter: gray; /* IE6-9 */
  331. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  332. {/block:ifmonochromeposts}
  333. transition: 0.7s;
  334. -moz-transition: 0.7s;
  335. -webkit-transition: 0.7s;
  336. -o-transition: 0.7s;
  337.  
  338. {block:ifphotofade}
  339. opacity:0.7;
  340. {/block:ifphotofade}
  341. }
  342.  
  343. .posts img:hover {
  344. {block:ifmonochromeposts}
  345. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  346. filter: gray; /* IE6-9 */
  347. -webkit-filter: grayscale(0%);
  348. {/block:ifmonochromeposts}
  349.  
  350. {block:ifphotofade}
  351. opacity:1;
  352. {/block:ifphotofade}
  353. }
  354.  
  355. .posts iframe{
  356. max-width:100%;
  357. }
  358.  
  359. .entries {
  360. margin-left:-20px;
  361. width:500px;
  362. margin-top:35px;
  363. margin-bottom:40px;
  364. }
  365.  
  366. .posts img, .posts li, .posts blockquote {
  367. max-width: 100%;
  368. }
  369.  
  370. .posts li {
  371. list-style: square;
  372. }
  373.  
  374. /*--------------------PERMALINK--------------------*/
  375.  
  376. .info {
  377. border-top:1px solid {color:borders};
  378. padding-top:15px;
  379. text-transform:uppercase;
  380. font-size:8px;
  381. letter-spacing:1px;
  382. margin-top:15px;
  383. }
  384.  
  385. .info a {
  386. color:{color:permalink};
  387. }
  388.  
  389. .info a:hover {
  390. color:{color:permalink hover};
  391. }
  392.  
  393. .tags {
  394. margin-top:5px;
  395. font-size:8px;
  396. letter-spacing:1px;
  397. font-style:italic;
  398. }
  399.  
  400. .tags a {
  401. margin-right:8px;
  402. }
  403.  
  404.  
  405. /*--------------------POST NOTES--------------------*/
  406.  
  407. ol.notes {
  408. padding:0px;
  409. margin:25px 0px 0px -10px;
  410. list-style-type:none;
  411. }
  412.  
  413. ol.notes li.note {
  414. padding:10px;
  415. }
  416.  
  417. ol.notes li.note img.avatar {
  418. vertical-align:-4px;
  419. margin-right:10px;
  420. width:16px;
  421. height:16px;
  422. }
  423.  
  424. ol.notes li.note span.action {
  425. font-weight:none;
  426. }
  427.  
  428. ol.notes li.note .answer_content {
  429. font-weight:normal;
  430. }
  431.  
  432. ol.notes li.note blockquote {
  433. padding:4px 10px;
  434. margin:10px 0px 0px 25px;
  435. }
  436.  
  437. ol.notes li.note blockquote a {
  438. text-decoration:none;
  439. }
  440.  
  441. /*---------------------------SIDEBAR---------------------------*/
  442.  
  443. .sidebar {
  444. position:fixed;
  445. width:320px;
  446. left:0;
  447. margin-left:60px;
  448. height:auto;
  449. padding:20px;
  450. bottom:0;
  451. margin-bottom:10px;
  452. z-index:51;
  453. }
  454.  
  455. .tits {
  456. position:fixed;
  457. width:320px;
  458. font-size:16px;
  459. font-style:italic;
  460. text-transform:uppercase;
  461. font-family:economica;
  462. letter-spacing:3px;
  463. color:white;
  464. margin-top:-3px;
  465. margin-left:40px;
  466. height:auto;
  467. text-shadow:1px 0px black;
  468. }
  469.  
  470. .description {
  471. width:320px;
  472. height:120px;
  473. overflow:auto;
  474. margin-top:10px;
  475. text-align:center;
  476. padding-bottom:10px;
  477. margin-left:35px;
  478. background-color:rgba({RGBcolor:description background},0.7);
  479. padding:10px;
  480. color:{color:description};
  481. }
  482.  
  483. .description a {
  484. color:{color:description link};
  485. }
  486.  
  487. .description a:hover {
  488. color:{color:description link hover};
  489. }
  490.  
  491. .otherlinks {
  492. height:auto;
  493. font-family:fontawesome;
  494. width:28px;
  495. margin-left:-10px;
  496. margin-top:-140px;
  497. left:0;
  498. text-align:center;
  499. text-transform:uppercase;
  500. font-size:12px;
  501. letter-spacing:2px;
  502. }
  503.  
  504. .otherlinks a {
  505. width:12px;
  506. height:12px;
  507. padding:8px;
  508. color:{color:nav links};
  509. background-color:{color:nav links background};
  510. border:1px solid {color:nav links};
  511. margin-bottom:9px;
  512. margin-right:3px;
  513. display:inline-block;
  514. border-radius:100%;
  515. }
  516.  
  517. .otherlinks a:hover {
  518. color:{color:nav links hover};
  519. border:1px solid {color:nav links hover};
  520. background-color:{color:nav links background hover};
  521. }
  522.  
  523.  
  524. .sidelinks {
  525. position:fixed;
  526. height:auto;
  527. width:140px;
  528. margin-left:-55px;
  529. margin-top:-200px;
  530. }
  531.  
  532. .sidelinks a {
  533. text-transform:uppercase;
  534. font-family:open sans;
  535. font-size:7px;
  536. letter-spacing:3px;
  537. padding:4px 10px;
  538. color:{color:custom links};
  539. background-color:{color:custom links background};
  540. margin-bottom:5px;
  541. display:inline-block;
  542. border-left:0px solid transparent;
  543. border-bottom:none;
  544. webkit-transition: all 0.4s ease-in-out;
  545. -moz-transition: all 0.4s ease-in-out;
  546. -o-transition: all 0.4s ease-in-out;
  547. }
  548.  
  549. .sidelinks a:hover {
  550. border-left:10px solid {color:bar 1};
  551. letter-spacing:4px;
  552. color:{color:custom links hover};
  553. webkit-transition: all 0.4s ease-in-out;
  554. -moz-transition: all 0.4s ease-in-out;
  555. -o-transition: all 0.4s ease-in-out;
  556. }
  557.  
  558. /*---------------------------QUOTES---------------------------*/
  559.  
  560. .quote {
  561. text-transform:uppercase;
  562. font-size:12px;
  563. font-weight:bold;
  564. text-align:center;
  565. }
  566.  
  567. .quotesource {
  568. text-align:center;
  569. margin-top:10px;
  570. }
  571.  
  572.  
  573. /*---------------------------CHATS---------------------------*/
  574.  
  575. .chat {
  576. line-height:20px;
  577. list-style:none;
  578. }
  579.  
  580. .linee.odd {
  581. background:{color:chat odd};
  582. margin-bottom:2px;
  583. padding:5px;
  584. list-style:none;
  585. font-size:inherit;
  586. }
  587.  
  588. .linee.even {
  589. background:{color:chat even};
  590. margin-bottom:2px;
  591. padding:5px;
  592. list-style:none;
  593. font-size:inherit;
  594. }
  595.  
  596. .label {
  597. padding-right:1px;
  598. text-transform:uppercase;
  599. font-weight:bold;
  600. color:{color:link};
  601. }
  602.  
  603.  
  604. /*---------------------------ASKS---------------------------*/
  605.  
  606. .question {
  607. background:{color:custom links background};
  608. color:{color:custom links};
  609. padding:10px;
  610. }
  611.  
  612. .question a {
  613. color:{color:link};
  614. }
  615.  
  616. .asker {
  617. text-transform:uppercase;
  618. }
  619.  
  620. .answer {
  621. padding:5px;
  622. margin-top:-15px;
  623. margin-bottom:-15px
  624. }
  625.  
  626. /*---------------------------AUDIO---------------------------*/
  627.  
  628. .playerbutton {
  629. position:absolute;
  630. margin-top:18.5px;
  631. margin-left:18.5px;
  632. width:27px;
  633. height:27px;
  634. overflow:hidden;
  635. border-radius:100%;
  636. }
  637.  
  638. .trackdetails {
  639. width:auto;
  640. display:inline-block;
  641. margin-left:70px;
  642. padding:5px;
  643. line-height:1.8;
  644. }
  645.  
  646. .trackdetails b {
  647. font-weight:normal;
  648. }
  649.  
  650. .audiowrapper {
  651. position:relative;
  652. display:inline;
  653. height:0px;
  654. }
  655.  
  656.  
  657. /*---------------------------PAGINATION---------------------------*/
  658.  
  659. .pagination {
  660. padding-top:2px;
  661. position:absolute;
  662. width:400px;
  663. text-align:center;
  664. margin-top:10px;
  665. margin-left:70px;
  666. margin-bottom:20px;
  667. border-top: 2px solid {color:Scrollbar};
  668. }
  669.  
  670. /* 'Current page' number */
  671. .pagination span {
  672. margin:7px 0;
  673. font-size:9px;
  674. color:{color:Text};
  675. padding:5px;
  676. width:9px;
  677. display:inline-block;
  678. margin-left:2px;
  679. text-align:center;
  680. -moz-border-radius:2px; -webkit-border-radius:2px;
  681. }
  682.  
  683. /* Other page numbers */
  684. .pagination a {
  685. margin:7px 0;
  686. background-color:{color:Scrollbar};
  687. font-size:9px;
  688. color:{color:Text};
  689. padding:5px;
  690. width:9px;
  691. display:inline-block;
  692. margin-left:2px;
  693. text-align:center;
  694. -moz-border-radius:2px; -webkit-border-radius:2px;\
  695. }
  696.  
  697. .pagination a:hover {
  698. background-color:{color:Scrollbar};
  699. }
  700.  
  701. {CustomCSS}
  702.  
  703. {block:ifmonochromeposts}
  704. .html_photoset{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  705.  
  706. .html_photoset:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  707. {/block:ifmonochromeposts}
  708.  
  709. {block:ifphotofade}
  710. .html_photoset{opacity:0.7; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  711.  
  712. .html_photoset:hover{opacity:1; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  713. {/block:ifphotofade}
  714.  
  715. {block:ifshowmusicplayer}
  716. #musicplayer {
  717. position: fixed;
  718. z-index: 999999;
  719. top: 15px;
  720. margin-left: 45px;
  721. width: 31px;
  722. height: 31px;
  723. -webkit-border-radius: 100%;
  724. -moz-border-radius: 100%;
  725. border-radius: 100%;
  726. background: {color:nav links background}; /* icon background */
  727. -webkit-transition: all .7s ease;
  728. -moz-transition: all .7s ease;
  729. -o-transition: all .7s ease;
  730. transition: all .7s ease;
  731. }
  732.  
  733. #musicplayer img {
  734. width: 15px;
  735. padding: 8px 0px 0px 8px;
  736. }
  737.  
  738. #line {
  739. position:absolute;
  740. background:{color:nav links background}; /* middle line color*/
  741. }
  742.  
  743. .line {
  744. top: 13px;
  745. left: 30px;
  746. width: 0px;
  747. height: 3px;
  748. -webkit-transition:all .4s ease;
  749. -moz-transition:all .4s ease;
  750. -o-transition:all .4s ease;
  751. transition-delay: 0s;
  752. -webkit-transition-delay: 0s;
  753. }
  754.  
  755. #musicplayer:hover .line {
  756. width: 20px;
  757. -webkit-transition-delay: 0s;
  758. }
  759.  
  760. .play {
  761. z-index: 9999;
  762. top: 0px;
  763. left: 50px;
  764. width: 140px;
  765. height: 0px;
  766. padding: 0px 5px 5px 5px;
  767. overflow: hidden;
  768. position: absolute;
  769. text-align: center;
  770. background: {color:Post}; /* player background */
  771. border-left: 3px solid {color:nav links background hover}; /* player border */
  772. opacity: 0;
  773. -webkit-transition: all .4s ease;
  774. -moz-transition: all .4s ease;
  775. -o-transition: all .4s ease;
  776. transition-delay: .4s;
  777. -webkit-transition-delay: .4s;
  778. }
  779.  
  780. #musicplayer:hover .play {
  781. height: 25px;
  782. opacity: 1;
  783. transition-delay: .6s;
  784. -webkit-transition-delay: .6s;
  785. }
  786. {/block:ifshowmusicplayer}
  787.  
  788. </style>
  789.  
  790. </head>
  791.  
  792. <body>
  793. {block:ifshowmusicplayer}
  794. <div id="musicplayer">
  795. <img src="http://static.tumblr.com/n9vj50j/cxEn20wqg/12.gif">
  796. <div id="line" class="line"></div>
  797. <div class="play">
  798. {text:billy music player code}
  799. </div>
  800. </div>
  801. {/block:ifshowmusicplayer}
  802.  
  803. <div id="bigthing"></div>
  804. <div id="leftobar"></div>
  805. <div id="barthing"></div>
  806. <div id="barthingy"></div>
  807.  
  808. <div class="container">
  809.  
  810.  
  811. <div class="sidebar">
  812.  
  813. <div class="sidelinks">
  814. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  815. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  816. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  817. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  818. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  819. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  820. </div>
  821.  
  822.  
  823. <div class="tits">{Title}</div>
  824. <div class="description">{Description}</div>
  825.  
  826. <div class="otherlinks">
  827. <a href="/" title="home"><span class="fontawesome-home"></span></a>
  828. <a href="/ask" title="message"><span class="fontawesome-envelope-alt"></span></a>
  829. <a href="/archive" title="archive"><span class="fontawesome-folder-open"></span></a>
  830. <a href="http://glenthemes.tumblr.com" title="theme"><span class="fontawesome-cut"></span></a>
  831. </div>
  832.  
  833. </div>
  834.  
  835.  
  836. <div class="entries">
  837. {block:Posts}
  838. <div class="posts">
  839.  
  840. {block:Text}
  841. <h1>{block:Title}{Title}{/block:Title}</h1>
  842. {Body}{/block:Text}
  843.  
  844.  
  845. {block:Photo}
  846. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  847. {block:Caption}{Caption}{/block:Caption}
  848. {/block:Photo}
  849.  
  850.  
  851. {block:Photoset}
  852. {Photoset-500}
  853. {block:Caption}{Caption}{/block:Caption}
  854. {/block:Photoset}
  855.  
  856.  
  857. {block:Quote}
  858. <div class="quote">"{Quote}"</div>
  859. {block:Source}<div class="quotesource"> — {Source}</div>
  860. {/block:Source}{/block:Quote}
  861.  
  862.  
  863. {block:Link}
  864. <h1><a href="{URL}" {Target}>{Name} »</a></h1>
  865. {block:Description}{Description}{/block:Description}
  866. {/block:Link}
  867.  
  868.  
  869. {block:Chat}
  870. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="linee {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  871. {/block:Chat}
  872.  
  873.  
  874. {block:Audio}
  875. {block:AudioPlayer}
  876. <div class="audiowrapper">
  877. <div class="playerbutton">
  878. {AudioPlayer}
  879. </div>
  880.  
  881. <div class="trackdetails">
  882. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  883.  
  884. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  885.  
  886. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  887. {/block:AudioPlayer}
  888.  
  889. {block:Caption}
  890. <div class="caption">{Caption}</div>
  891. {/block:Caption}
  892. {/block:Audio}
  893.  
  894.  
  895. {block:Video}
  896. {Video-500}
  897. {block:Caption}{Caption}{/block:Caption}
  898. {/block:Video}
  899.  
  900.  
  901. {block:Answer}
  902. <div class="question">
  903. <div class="asker"><b>{Asker} asked:</b></div>
  904. {Question}</div><br>
  905. <div class="answer">
  906. {Answer}</div>
  907. {/block:Answer}
  908.  
  909. {block:Date}
  910. {block:IndexPage}
  911. <div class="info">
  912. <b><a href="{Permalink}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a></b>
  913.  
  914. &nbsp;&nbsp;
  915. <a href="{Permalink}">{NoteCountWithLabel}</a>
  916. &nbsp;&nbsp;
  917.  
  918.  
  919. <a href="{ReblogURL}" target="_blank" class="details">reblog?</a>
  920. </div>
  921.  
  922.  
  923. {block:HasTags}
  924. <div class="tags">
  925. {block:Tags}
  926. <a href="{TagURL}">#{Tag}</a>
  927. {/block:Tags}
  928. </div>
  929. {/block:HasTags}
  930.  
  931. </div>
  932. {/block:IndexPage}
  933. {/block:Date}
  934.  
  935.  
  936. {block:Date}
  937. {block:PermalinkPage}
  938. <div class="info">
  939. <b><a href="{Permalink}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a></b>
  940.  
  941. &nbsp;&nbsp;
  942. <a href="{Permalink}">{NoteCountWithLabel}</a>
  943. &nbsp;&nbsp;
  944.  
  945. {block:RebloggedFrom}
  946. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>&nbsp;&nbsp;
  947. {block:ContentSource}
  948. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">source</a>
  949. {/block:ContentSource}
  950. {/block:RebloggedFrom}
  951.  
  952. &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog?</a>
  953. </div>
  954.  
  955.  
  956. {block:HasTags}
  957. <div class="tags">
  958. {block:Tags}
  959. <a href="{TagURL}">#{Tag}</a>
  960. {/block:Tags}
  961. </div>
  962. {/block:HasTags}
  963.  
  964. </div>
  965. {/block:PermalinkPage}
  966. {/block:Date}
  967.  
  968.  
  969. {block:PostNotes}
  970. {PostNotes}
  971. {/block:PostNotes}
  972.  
  973. {/block:Posts}
  974.  
  975. {block:ContentSource}
  976. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  977. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  978. {/block:SourceLogo}
  979. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  980. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  981.  
  982. {block:Pagination}
  983. <div class="pagination">
  984. {block:PreviousPage}<a title="Previous" href="{PreviousPage}">«</a>{/block:PreviousPage}
  985. {block:JumpPagination length="6"}
  986. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  987. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  988. {/block:JumpPagination}
  989. {block:NextPage}<a title="Next" href="{NextPage}">»</a>{/block:NextPage}
  990. </div>
  991. {/block:Pagination}
  992.  
  993.  
  994. <script>
  995. var hitOffsetTop = 49;
  996. document.write('<script src="http://ajax.googleapis.org/ajax/libs/jquery/1.10.1/jquery.min.js"><\/script>')</script><script src="http://www.themesltd.com/hit-counter/counter.js?public_key=8e3482c91925cf5414e13165ac03dd74&style=tumblr&label=Victims"></script>
  997.  
  998. <img style="position:fixed; opacity: 1.0; width: 202px; height: 186px; TOP:25px; RIGHT:12px; z-index: 1;" src="http://orig07.deviantart.net/82f3/f/2017/121/7/5/oie_wphnreix2xux_by_distortionai-db7tulw.gif">
  999.  
  1000. <img style="position:fixed; opacity: 1.0; width: 202px; height: 186px; TOP:256px; RIGHT:12px; z-index: 1;" src="http://orig09.deviantart.net/f348/f/2017/121/5/6/oie_pluvbmxg0zv4_by_distortionai-db7tuyg.gif">
  1001.  
  1002. <img style="position:fixed; opacity: 1.0; width: 202px; height: 186px; TOP:485px; RIGHT:12px; z-index: 1;" src="http://orig09.deviantart.net/b859/f/2017/121/e/7/oie_yntzh4hiuraw_by_distortionai-db7tv8d.gif">
  1003. </body>
  1004.  
  1005. </div></div>
  1006. </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!