API tools faq
paste
azurethemes

method // theme 24

azurethemes
Oct 16th, 2016
832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.29 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. @1204px // prev. daddythemes
  3. theme 24: method
  4. this theme was made by azure/1204px.
  5. dont steal or copy.
  6. --->
  7. <!--start html-->
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  10. <!--custom google fonts-->
  11. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400,700|Raleway:400,500,600,700,800|Roboto+Condensed:400,700|Roboto:300i,400,400i,500,500i,700,700i|Josefin+Sans:700|Muli:400|Mitr:500|Cabin:400,500,600|Open+Sans:300i,400,400italic,600,600italic,700,700italic|Merriweather:700,700i" rel="stylesheet">
  12. <!--tooltips-->
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><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:10,
  20. tip_fade_speed:900,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26. <!--back to top button-->
  27. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function(){
  30.  
  31. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  32. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  33. $("body").append(back_to_top_button)
  34.  
  35. // Der Button wird ausgeblendet
  36. $(".back-to-top").hide();
  37.  
  38. // Funktion für das Scroll-Verhalten
  39. $(function () {
  40. $(window).scroll(function () {
  41. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  42. $('.back-to-top').fadeIn();
  43. } else {
  44. $('.back-to-top').fadeOut();
  45. }
  46. });
  47.  
  48. $('.back-to-top').click(function () { // Klick auf den Button
  49. $('body,html').animate({
  50. scrollTop: 0
  51. }, 800);
  52. return false;
  53. });
  54. });
  55.  
  56. });
  57. </script>
  58. <!--minimalist fonts-->
  59. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  60. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
  61. <link rel="stylesheet" href="path/to/material-design-iconic-font/css/material-design-iconic-font.min.css">
  62. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  63. <head>
  64. <title>{Title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <!--toggles-->
  69. <meta name="if:SlideShow" content="1"/>
  70. <!--all colors-->
  71. <meta name="color:background" content="#ffffff"/>
  72. <meta name="color:posts" content="#ffffff">
  73. <meta name="color:top bar" content="#222222"/>
  74. <meta name="color:text" content="#222222"/>
  75. <meta name="color:links" content="#222222"/>
  76. <meta name="color:text accent" content="#cccccc"/>
  77. <meta name="color:accent" content="#666666">
  78. <meta name="color:link accent" content="#222222">
  79. <meta name="color:hover" content="#666666">
  80. <meta name="color:asks" content="#f6f6f6">
  81. <meta name="color:border" content="#eeeeee"/>
  82. <meta name="color:scrollbar" content="#222222">
  83. <meta name="color:tooltip" content="#ffffff">
  84. <!--images-->
  85. <meta name="image:sidebar" content=""/>
  86. <meta name="image:header" content=""/>
  87. <!--texts-->
  88. <meta name="text:small title" content="Brand new"/>
  89. <meta name="text:big title" content="METHOD"/>
  90. <!--sidebar links-->
  91. <meta name="text:link one" content=" Link one">
  92. <meta name="text:link two" content="Link two">
  93. <meta name="text:link three" content="Link three">
  94. <meta name="text:link four" content="Link four">
  95. <meta name="text:link five" content="Link five">
  96. <meta name="text:link one url" content="/">
  97. <meta name="text:link two url" content="/">
  98. <meta name="text:link three url" content="/">
  99. <meta name="text:link four url" content="/">
  100. <meta name="text:link five url" content="/">
  101. <!--custom css-->
  102. <style type="text/css">
  103. /*tumblr controls*/
  104. .tmblr-iframe {
  105. top:0px!important;
  106. position:fixed!important;
  107. opacity:0.5;
  108. transform-origin:right;
  109. z-index:99999999999999!important;
  110. -webkit-filter: invert(100%);
  111. -moz-filter: invert(100%);
  112. -o-filter: invert(100%);
  113. -ms-filter: invert(100%);
  114. filter: invert(100%);
  115. white-space:nowrap;
  116. transition-duration: 0.3s;
  117. -moz-transition-duration: 0.3s;
  118. -webkit-transition-duration: 0.3s;
  119. -o-transition-duration: 0.3s;
  120. }
  121. /*scrollbar*/
  122. ::-webkit-scrollbar {
  123. width:6px;
  124. height:6px;
  125. background:{color:background};
  126. }
  127. ::-webkit-scrollbar-thumb {
  128. background:{color:scrollbar};
  129. }
  130. /*tooltips*/
  131. #s-m-t-tooltip{
  132. margin:13px 10px 6px 10px;
  133. padding:6px;
  134. background-color:{color:tooltip};
  135. font-family: 'roboto', sans-serif;
  136. border:1px solid {color:border};
  137. font-weight:400;
  138. font-size:9px;
  139. text-transform:uppercase;
  140. letter-spacing:1px;
  141. color:{color:text};
  142. z-index:999999999999999999999999999999999999;
  143. transition:0.3s ease-in-out;
  144. -webkit-transition:0.3s ease-in-out;
  145. -moz-transition:0.3s ease-in-out;
  146. -ms-transition:0.3s ease-in-out;
  147. -o-transition:0.3s ease-in-out;
  148. }
  149. /*body basics*/
  150. body{
  151. background-color:{color:background};
  152. background-attachment: fixed;
  153. background-repeat: repeat;
  154. font-weight:none;
  155. font-family: 'roboto', sans-serif;
  156. font-size:10px;
  157. text-align:justify;
  158. color:{color:text};
  159. margin:0;
  160. }
  161. a{
  162. text-decoration:none;
  163. color:{color:links};
  164. -moz-transition-duration:0.5s;
  165. -webkit-transition-duration:0.5s;
  166. -o-transition-duration:0.5s;
  167. transition: all 0.3s ease-out;
  168. }
  169. a:hover{
  170. text-decoration:none;
  171. color:{color:hover};
  172. -moz-transition-duration:0.5s;
  173. -webkit-transition-duration:0.5s;
  174. -o-transition-duration:0.5s;
  175. transition: all 0.3s ease-out;
  176. }
  177. img {
  178. }
  179. blockquote {
  180. font-size:9px;
  181. width:auto;
  182. border-left:1px solid {color:border};
  183. text-align:left;
  184. padding:1px;
  185. font-weight:none;
  186. margin-top:11px;
  187. margin-left:20px;
  188. padding-top:0.5px;
  189. padding-bottom:0.5px;
  190. font-size:11px;
  191. font-family: 'cabin', sans-serif;
  192. margin-right:20px;
  193. padding-left:15px;
  194. color:{color:text};
  195. }
  196. pre{
  197. font-size:9px;
  198. text-align:center;
  199. text-transform:none;
  200. font-family: 'Bitter', serif;
  201. font-weight:bold;
  202. line-height:9px;
  203. border-left:1px solid #eee;
  204. border-bottom:1px solid #eee;
  205. letter-spacing:2px;
  206. background-color:{color:posts};
  207. color:{color:text};
  208. padding:6px;
  209. }
  210. small{
  211. font-size:9px;
  212. font-family: 'calibri', sans-serif;
  213. }
  214. big{
  215. font-size:12px;
  216. font-family: 'calibri', sans-serif;
  217. font-weight:700;
  218. }
  219. sub{
  220. font-size:8px;
  221. letter-spacing:6px;
  222. font-weight:800;
  223. text-transform:uppercase;
  224. font-family: 'calibri', sans-serif;
  225. }
  226. h1 {
  227. font-size:15px;
  228. text-align:left;
  229. font-family: 'arial', sans-serif;
  230. letter-spacing:-1px;
  231. margin-left:-190px;
  232. text-transform:lowercase;
  233. font-weight:700;
  234. line-height:0px;
  235. color:{color:text};
  236. padding:7px;
  237. }
  238. h1 a{
  239. color:{color:text};
  240. text-align:left;
  241. }
  242. h2{
  243. color:{color:text};
  244. text-transform:uppercase;
  245. font-family: 'Montserrat', sans-serif;
  246. text-align:left;
  247. }
  248. b {
  249. font-weight:800;
  250. font-family: 'roboto', sans-serif;
  251. color:{color:text};
  252. }
  253. sh {
  254. color:{color:links};
  255. text-transform:uppercase;
  256. font-family: 'arial', sans-serif;
  257. font-size:13px
  258. font-weight:800;
  259. }
  260. am {
  261. color:{color:text};
  262. font-size:22px;
  263. padding:8px;
  264. padding-top:2px;
  265. text-transform:uppercase;
  266. font-family: 'roboto', sans-serif;
  267. letter-spacing:0px;
  268. font-weight:500;
  269. }
  270. t {
  271. font-weight:bold;
  272. letter-spacing:0px;
  273. font-size:45px;
  274. font-style:italic;
  275. font-family: 'times new roman', sans-serif;
  276. text-transform:uppercase;
  277. color:{color:text};
  278. }
  279. u {
  280. text-decoration:none;
  281. color:{color:text};
  282. padding:3px;
  283. border-bottom:1px solid {color:border};
  284. }
  285. /*back to top button*/
  286. .back-to-top {
  287. position: fixed;
  288. color:{color:text};
  289. bottom:10px;
  290. text-transform:uppercase;
  291. left:10px;
  292. font-family: 'calibri', sans-serif;
  293. font-size:8px;
  294. letter-spacing:3px;
  295. z-index:9999999999;
  296. font-weight:600;
  297. padding:10px;
  298. }
  299. /*jump pagination*/
  300. .pagination{
  301. font-family: 'roboto', sans-serif;
  302. margin-left:-190px;
  303. width:auto;
  304. padding-top:-10px;
  305. letter-spacing:2px;
  306. padding-bottom:20px;
  307. font-size:13px;
  308. text-align:center;
  309. }
  310. .pagination a{
  311. padding:5px;
  312. font-family: 'roboto', sans-serif;
  313. font-weight:600;
  314. bottom:10px;
  315. margin-left:5px;
  316. color:{color:text};
  317. }
  318. .pagination a:hover{
  319. color:{color:hover};
  320. -moz-transition-duration:0.5s;
  321. -webkit-transition-duration:0.5s;
  322. -o-transition-duration:0.5s;
  323. transition: all 0.3s ease-out;
  324. }
  325. /*post notes*/
  326. ol.notes {
  327. padding: 0px;
  328. margin: 25px 0px;
  329. font-family:'roboto',sans-serif;
  330. list-style-type: none;
  331. margin-top:-60px;
  332. background:{color:posts};
  333. margin-left:15px;
  334. width:500px;
  335. border: solid 1px {color:border};
  336. }
  337. ol.notes li.note {
  338. border-top: solid 1px {color:border};
  339. padding: 10px;
  340. }
  341. ol.notes li.note img.avatar {
  342. vertical-align: -10px;
  343. border-radius:100px;
  344. margin-left: 10px;
  345. padding:6px;
  346. width: 16px;
  347. height: 16px;
  348. }
  349. ol.notes li.note span.action {
  350. font-weight: 300;
  351. }
  352. ol.notes li.note .answer_content {
  353. font-weight: normal;
  354. }
  355. ol.notes li.note blockquote {
  356. border-color: {color:border};
  357. padding: 4px 10px;
  358. margin: 10px 0px 0px 25px;
  359. }
  360. ol.notes li.note blockquote a {
  361. text-decoration: none;
  362. }
  363. /*like button*/
  364. .buttons a {
  365. position:relative;
  366. display:inline-block;
  367. padding:3px;
  368. }
  369. .custom-like-button {
  370. position: relative;
  371. display: inline-block;
  372. width: 12px;
  373. height: 12px;
  374. cursor: pointer;
  375. }
  376. .like_button {
  377. position: absolute;
  378. top: 0px;
  379. left: -2px;
  380. right: 0;
  381. bottom: -1px;
  382. width: 12px;
  383. height: 12px;
  384. opacity: 0;
  385. z-index: 10;
  386. }
  387. .like_button iframe {
  388. width: 100% !important;
  389. height: 100% !important;
  390. }
  391. .our_button {
  392. position: absolute;
  393. top: 1.5px;
  394. left: 0;
  395. right: 0;
  396. bottom: 0;
  397. width: 100%;
  398. height: 100%;
  399. z-index: 1;
  400. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  401. -o-transition:all 0.6s ease-in-out;/*opera*/
  402. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  403. -ms-transition:all 0.6s ease-in-out;/*ie*/
  404. transition:all 0.6s ease-in-out;/*w3c*/
  405. }
  406. .like_button:hover + .our_button {
  407. color: {color:link hover};
  408. }
  409. .like_button.liked + .our_button {
  410. color: red;
  411. }
  412. /*audio*/
  413. .audioartist {
  414. font-family:'roboto', sans-serif;
  415. font-size:10px;
  416. text-transform:lowercase;
  417. font-weight:600;
  418. }
  419. .audiotitle {
  420. font-family:'roboto', sans-serif;
  421. font-size:10px;
  422. text-transform:lowercase;
  423. font-weight:600;
  424. }
  425. .audioplayed {
  426. font-family:'roboto', sans-serif;
  427. font-size:10px;
  428. text-transform:lowercase;
  429. font-weight:600;
  430. }
  431. .audioplayr {
  432. width:400px;
  433. color:{color:text};
  434. background:{color:accent};
  435. }
  436. audioinfo {
  437. font-family:'roboto', sans-serif;
  438. font-size:10px;
  439. letter-spacing:2px;
  440. text-transform:lowercase;
  441. font-weight:300;
  442. }
  443. /*post styles*/
  444. .pcaption{
  445. font-family:'roboto', sans-serif;
  446. font-size:10px;
  447. margin-left:10px;
  448. letter-spacing:0px;
  449. text-transform:none;
  450. text-align:left;
  451. background:{color:posts};
  452. font-weight:400;
  453. }
  454. .pcaption a{
  455. font-family:'roboto', sans-serif;
  456. font-size:10px;
  457. margin-left:0px;
  458. letter-spacing:0px;
  459. text-transform:none;
  460. text-align:left;
  461. font-weight:400;
  462. }
  463. .psets{
  464. width:100%;
  465. margin-top:-12px;
  466. margin-left:1px;
  467. }
  468. .vsets{
  469. width:100%;
  470. margin-top:-12px;
  471. }
  472. .ppost{
  473. width:100%;
  474. margin-top:-12px;
  475. }
  476. .qcaption{
  477. font-family:'Vidaloka', sans-serif;
  478. font-size:15px;
  479. margin-left:15px;
  480. letter-spacing:0px;
  481. text-align:justify;
  482. text-transform:none;
  483. color:{color:text};
  484. font-weight:200;
  485. }
  486. .qsource{
  487. font-size:12px;
  488. margin-left:30px;
  489. margin-top:12px;
  490. text-align:left;
  491. letter-spacing:0px;
  492. font-family:'calibri', sans-serif;
  493. text-transform:uppercase;
  494. font-style:italic;
  495. font-weight:300;
  496. }
  497. /*posts*/
  498. #entries {
  499. margin-left:555px;
  500. margin-top:474px;
  501. z-index:99999999999;
  502. }
  503. #post {
  504. font-size:10px;
  505. width:500px;
  506. color:{color:text};
  507. background-color:{color:posts};
  508. border:1px solid {color:border};
  509. text-align:justify;
  510. z-index:9999;
  511. padding:0px;
  512. border-radius:3px;
  513. margin-left:15px;
  514. margin-bottom:60px;
  515. padding-bottom:0px;
  516. overflow:hidden;
  517. }
  518. #post img{
  519. max-width:100%;
  520. margin-top:-12px;
  521. height:auto;
  522. }
  523. /*questions and answers*/
  524. #asking {
  525. margin-left:40px;
  526. margin-top:-35px;
  527. }
  528. #askingimage {
  529. }
  530. #askingimage img {
  531. margin-left:23px;
  532. width:35px;
  533. height:35px;
  534. border:1px solid {color:border};
  535. border-radius:3px;
  536. margin-top:-7px;
  537. }
  538. #question {
  539. padding:25px;
  540. padding-left:62px;
  541. margin-top:-24px;
  542. padding-top:32px;
  543. margin-left:20px;
  544. width:467px;
  545. text-transform:none;
  546. border-radius:3px;
  547. font-family: 'calibri', serif;
  548. color:{color:text};
  549. background-color:{color:asks};
  550. }
  551. #asker{
  552. margin-top:-39px;
  553. padding:20px;
  554. font-weight:300;
  555. width:365px;
  556. font-size:11px;
  557. z-index:9999999999;
  558. color:{color:text};
  559. opacity:1;
  560. background:{color:asks};
  561. border:1px solid {color:border};
  562. border-radius:2px;
  563. margin-left:70px;
  564. letter-spacing:0px;
  565. font-family: 'roboto', sans-serif;
  566. text-transform:none;
  567. }
  568. askerurl{
  569. font-weight:bold;
  570. font-family: 'montserrat', sans-serif;
  571. }
  572. /*post info*/
  573. #info {
  574. width:530px;
  575. text-align:left;
  576. font-family: 'roboto', sans-serif;
  577. text-transform:lowercase;
  578. margin-left:-40px;
  579. font-size:10px;
  580. margin-top:-5px;
  581. padding-left:60px;
  582. padding-top:17px;
  583. padding-bottom:10px;
  584. opacity:1;
  585. overflow:hidden;
  586. font-weight:600;
  587. line-height:14px;
  588. letter-spacing:0px;
  589. border-top:1px solid {color:border};
  590. background:{color:posts};
  591. z-index:9999999999999999;
  592. color:{color:links};
  593. }
  594. #info a {
  595. text-align:center;
  596. font-weight:600;
  597. padding:2px;
  598. font-size:10px;
  599. letter-spacing:0px;
  600. font-family: 'roboto', sans-serif;
  601. text-transform:lowercase;
  602. line-height:5px;
  603. color:{color:links};
  604. -moz-transition-duration:0.2s;
  605. -webkit-transition-duration:0.2s;
  606. -o-transition-duration:0.2s;
  607. transition: all 0.2s ease-out;
  608. }
  609. #info a:hover{
  610. color:{color:hover};
  611. -moz-transition-duration:0.2s;
  612. -webkit-transition-duration:0.2s;
  613. -o-transition-duration:0.2s;
  614. transition: all 0.2s ease-out;
  615. }
  616. #info date {
  617. font-size:10px;
  618. letter-spacing:0px;
  619. text-transform:capitalize;
  620. font-family: 'roboto', sans-serif;
  621. font-weight:500;
  622. color:{color:link accent};
  623. -moz-transition-duration:0.2s;
  624. -webkit-transition-duration:0.2s;
  625. -o-transition-duration:0.2s;
  626. transition: all 0.2s ease-out;
  627. }
  628. #info tagged {
  629. font-family: 'roboto', sans-serif;
  630. text-transform:capitalize;
  631. font-size:9px;
  632. font-weight:bold;
  633. }
  634. #info date:hover{
  635. color:{color:hover};
  636. -moz-transition-duration:0.2s;
  637. -webkit-transition-duration:0.2s;
  638. -o-transition-duration:0.2s;
  639. transition: all 0.2s ease-out;
  640. }
  641. #infot {
  642. width:520px;
  643. text-align:left;
  644. font-family: 'Roboto Condensed', sans-serif;
  645. text-transform:capitalize;
  646. margin-left:-30px;
  647. font-size:11px;
  648. margin-top:5px;
  649. padding-left:20px;
  650. padding-top:22px;
  651. padding-bottom:22px;
  652. margin-bottom:24px;
  653. opacity:1;
  654. overflow:hidden;
  655. font-weight:800;
  656. border-bottom:1px solid {color:border};
  657. line-height:0px;
  658. letter-spacing:1px;
  659. background:{color:posts};
  660. z-index:9999999999999999;
  661. color:{color:top links};
  662. }
  663. #infot a {
  664. text-align:left;
  665. font-weight:500;
  666. padding:2px;
  667. letter-spacing:1px;
  668. height:20px;
  669. margin-left:10px;
  670. margin-top:-12px;
  671. font-family: 'Roboto Condensed', sans-serif;
  672. line-height:0px;
  673. color:{color:top links};
  674. -moz-transition-duration:0.2s;
  675. -webkit-transition-duration:0.2s;
  676. -o-transition-duration:0.2s;
  677. transition: all 0.2s ease-out;
  678. }
  679. #infot img {
  680. width:25px;
  681. height:25px;
  682. border:2px solid {color:posts};
  683. margin-left:20px;
  684. border-radius:100px;
  685. }
  686. #infot #nname {
  687. text-align:left;
  688. font-weight:400;
  689. padding:2px;
  690. font-size:10px;
  691. letter-spacing:0px;
  692. margin-left:28px;
  693. margin-top:-15px;
  694. font-family: 'roboto', sans-serif;
  695. line-height:0px;
  696. color:{color:top links};
  697. -moz-transition-duration:0.2s;
  698. -webkit-transition-duration:0.2s;
  699. -o-transition-duration:0.2s;
  700. transition: all 0.2s ease-out;
  701. }
  702. #infot #nname a{
  703. text-align:left;
  704. font-weight:500;
  705. padding:2px;
  706. font-size:10px;
  707. letter-spacing:0px;
  708. margin-left:60px;
  709. margin-top:-9px;
  710. font-family: 'roboto', sans-serif;
  711. line-height:0px;
  712. color:{color:top links};
  713. -moz-transition-duration:0.2s;
  714. -webkit-transition-duration:0.2s;
  715. -o-transition-duration:0.2s;
  716. transition: all 0.2s ease-out;
  717. }
  718. /*top navigation*/
  719. .topbar {
  720. width:100%;
  721. top:400px;
  722. position:absolute;
  723. z-index:999999999999999;
  724. }
  725. .sticky{
  726. width:801px;
  727. top:-55px;
  728. z-index:99999999999;
  729. position:fixed;
  730. }
  731. .sticky #navi{
  732. width:801px;
  733. height:50px;
  734. margin-top:50px;
  735. margin-left:269px;
  736. text-align:center;
  737. line-height:55px;
  738. background:{color:top bar};
  739. -webkit-transition: all 0.4s ease-in-out;
  740. -moz-transition: all 0.4s ease-in-out;
  741. -o-transition: all 0.4s ease-in-out;
  742. -ms-transition: all 0.4s ease-in-out;
  743. transition: all 0.4s ease-in-out;
  744. }
  745. #navi{
  746. margin:auto;
  747. font-size:13px;
  748. height:50px;
  749. letter-spacing:0px;
  750. font-weight:300;
  751. z-index:9999;
  752. width:801px;
  753. margin-left:269px;
  754. background:{color:top bar};
  755. font-style:none;
  756. border-left:1px solid {color:border};
  757. border-bottom:1px solid {color:border};
  758. border-right:1px solid {color:border};
  759. border-radius:0px 0px 3px 3px;
  760. text-align:center;
  761. -webkit-transition: all 0.3s ease-in-out;
  762. -moz-transition: all 0.3s ease-in-out;
  763. -o-transition: all 0.3s ease-in-out;
  764. -ms-transition: all 0.3s ease-in-out;
  765. transition: all 0.3s ease-in-out;
  766. }
  767. #navi a{
  768. display:inline-block;
  769. color:{color:links};
  770. padding:20px 0px 11px 0px;
  771. margin:2px 30px 0px 5px;
  772. font-weight:400;
  773. margin-top:-4px;
  774. text-align:center;
  775. line-height:20px;
  776. font-style:none;
  777. border-bottom:3px solid transparent;
  778. font-family: 'open sans', sans-serif;
  779. text-transform:capitalize;
  780. -webkit-transition: all 0.4s ease-in-out;
  781. -moz-transition: all 0.4s ease-in-out;
  782. -o-transition: all 0.4s ease-in-out;
  783. -ms-transition: all 0.4s ease-in-out;
  784. transition: all 0.4s ease-in-out;
  785. }
  786. #navi a:hover{
  787. border-bottom:3px solid {color:hover};
  788. color:{color:hover};
  789. -webkit-transition: all 0.4s ease-in-out;
  790. -moz-transition: all 0.4s ease-in-out;
  791. -o-transition: all 0.4s ease-in-out;
  792. -ms-transition: all 0.4s ease-in-out;
  793. transition: all 0.4s ease-in-out;
  794. }
  795. #navi .firstlink a{
  796. font-weight:700;
  797. color:{color:links};
  798. border-bottom:3px solid {color:links};
  799. }
  800. /*titles*/
  801. #sbtitle2{
  802. top:0px;
  803. width:800px;
  804. height:400px;
  805. opacity:1;
  806. position:absolute;
  807. font-family: 'montserrat', sans-serif;
  808. letter-spacing:3px;
  809. text-align:center;
  810. padding-left:3px;
  811. overflow:hidden;
  812. font-weight:700;
  813. word-wrap:none;
  814. color:{color:text accent};
  815. padding-top:10px;
  816. text-transform:uppercase;
  817. line-height:350px;
  818. font-size:12px;
  819. left:270px;
  820. z-index:9999999;
  821. }
  822. #sbtitle3{
  823. top:0px;
  824. width:800px;
  825. height:400px;
  826. opacity:1;
  827. position:absolute;
  828. font-family: 'montserrat', sans-serif;
  829. letter-spacing:3px;
  830. text-align:center;
  831. padding-left:3px;
  832. overflow:hidden;
  833. font-weight:700;
  834. word-wrap:none;
  835. font-style:italic;
  836. color:{color:text};
  837. padding-top:10px;
  838. text-transform:uppercase;
  839. line-height:390px;
  840. font-size:25px;
  841. left:270px;
  842. z-index:99999999999;
  843. }
  844. /*sidebar image*/
  845. #sb {
  846. position:fixed;
  847. margin-top:190px;
  848. margin-left:180px;
  849. z-index:9999999999999999;
  850. }
  851. #sbimage {
  852. z-index:-99999;
  853. }
  854. #sbimage img {
  855. width:800px;
  856. height:400px;
  857. left:270px;
  858. top:0px;
  859. position:absolute;
  860. opacity:1;
  861. z-index:-99999;
  862. -webkit-transition: all 0.4s ease-in-out;
  863. -moz-transition: all 0.4s ease-in-out;
  864. -o-transition: all 0.4s ease-in-out;
  865. -ms-transition: all 0.4s ease-in-out;
  866. transition: all 0.4s ease-in-out;
  867. }
  868. /*credit (u better leave this here u goof)*/
  869. #credit a{
  870. position:fixed;
  871. font-size:9px;
  872. font-weight:800;
  873. height:15px;
  874. width:25px;
  875. opacity:1;
  876. right:15px;
  877. bottom:5px;
  878. padding:2px;
  879. letter-spacing:0px;
  880. padding-top:3px;
  881. line-height:11px;
  882. z-index:9999999999999999999999999999;
  883. text-align:center;
  884. float:left;
  885. font-family: 'montserrat', cursive;
  886. color:{color:text};
  887. text-transform:lowercase;
  888. -moz-transition-duration:0.3s;
  889. -webkit-transition-duration:0.3s;
  890. -o-transition-duration:0.3s;
  891. transition: all 0.3s ease-out;
  892. }
  893. #credit a:hover{
  894. color:{color:hover};
  895. -moz-transition-duration:0.3s;
  896. -webkit-transition-duration:0.3s;
  897. -o-transition-duration:0.3s;
  898. transition: all 0.3s ease-out;
  899. }
  900. #creditline {
  901. font-family: 'calibri', sans-serif;
  902. z-index:999999;
  903. border-top: 1px solid {color:border};
  904. border-left: 1px solid {color:border};
  905. border-right: 1px solid {color:border};
  906. border-radius:3px 3px 0px 0px;
  907. width:800px;
  908. background:{color:posts};
  909. margin-left:270px;
  910. }
  911. #creditline a {
  912. font-size:9px;
  913. text-transform: uppercase;
  914. padding:0px;
  915. font-weight:700;
  916. color:{color:accent};
  917. font-family: 'roboto', sans-serif;
  918. letter-spacing:1px;
  919. }
  920. #creditline a:hover {
  921. color:{color:hover};
  922. }
  923. #creditline .infoo {
  924. color:{color:text};
  925. margin:0 auto;
  926. padding:15px;
  927. font-size:9px;
  928. font-family: 'roboto', sans-serif;
  929. font-weight:700;
  930. text-transform:uppercase;
  931. letter-spacing:1px;
  932. }
  933. /*sidebar*/
  934. .sidebar-title {
  935. font-size:18px;
  936. text-transform:none;
  937. letter-spacing:1px;
  938. padding-top:5px;
  939. line-height:32px;
  940. font-weight:400;
  941. width:264px;
  942. padding-left:16px;
  943. padding-top:10px;
  944. height:30px;
  945. z-index:99999;
  946. margin-left:-21px;
  947. margin-bottom:10px;
  948. background:{color:posts};
  949. border-top:1px solid {color:border};
  950. border-left:1px solid {color:border};
  951. border-right:1px solid {color:border};
  952. border-radius:3px;
  953. margin-top:-21px;
  954. text-align:left;
  955. font-family: 'raleway', sans-serif;
  956. color:{color:text};
  957. }
  958. .sidebar-title f {
  959. border-bottom:2px solid {color:text};
  960. padding:2px;
  961. }
  962. .sidebox {
  963. position:absolute;
  964. width:300px;
  965. top:475px;
  966. left:270px;
  967. z-index:999;
  968. }
  969. .box {
  970. padding:20px;
  971. }
  972. #description {
  973. margin:5px;
  974. text-align:justify;
  975. }
  976. .members {
  977. margin:5px;
  978. font-size:10px;
  979. text-transform:uppercase;
  980. text-align:justify;
  981. }
  982. #description1 {
  983. margin:5px;
  984. font-size:9px;
  985. margin-top:-18px;
  986. padding-top:8px;
  987. z-index:-999999;
  988. background:{color:posts};
  989. border-left:1px solid {color:border};
  990. border-right:1px solid {color:border};
  991. border-bottom:1px solid {color:border};
  992. margin-left:-21px;
  993. width:250px;
  994. border-radius:0px 0px 3px 3px;
  995. font-weight:400;
  996. padding:15px;
  997. line-height:14px;
  998. font-family: 'arial', sans-serif;
  999. }
  1000. #description1 h5 {
  1001. font-family: 'muli', sans-serif;
  1002. font-size:12px;
  1003. font-weight:500;
  1004. }
  1005. #socialmedialinks {
  1006. z-index:9999999999;
  1007. padding:22px;
  1008. text-align:justify;
  1009. font-size:10px;
  1010. border-radius:0px 0px 3px 3px;
  1011. font-weight:500;
  1012. background:{color:posts};
  1013. line-height:12px;
  1014. border-left:1px solid {color:border};
  1015. border-right:1px solid {color:border};
  1016. border-bottom:1px solid {color:border};
  1017. font-family:'roboto', sans-serif;
  1018. margin-bottom:25px;
  1019. margin-left:-21px;
  1020. margin-top:-16px;
  1021. width:236px;
  1022. }
  1023. #socialmedialinks a{
  1024. width:230px;
  1025. height:25px;
  1026. margin-bottom:2px;
  1027. text-align:left;
  1028. padding-bottom:1px;
  1029. padding:10px;
  1030. line-height:3px;
  1031. color:{color:text};
  1032. z-index:99999;
  1033. font-weight:700;
  1034. font-family: 'open sans', sans-serif;
  1035. letter-spacing:0px;
  1036. font-size:13px;
  1037. text-transform:uppercase;
  1038. text-decoration:none;
  1039. display:inline-block;
  1040. }
  1041. #socialmedialinks a:hover {
  1042. color:{color:hover};
  1043. -webkit-transition: all 0.3s ease-in-out;
  1044. -moz-transition: all 0.3s ease-in-out;
  1045. -o-transition: all 0.3s ease-in-out;
  1046. -ms-transition: all 0.3s ease-in-out;
  1047. transition: all 0.3s ease-in-out;
  1048. }
  1049. #socialmedialinks i {
  1050. background:{color:text};
  1051. color:{color:posts};
  1052. padding:3px;
  1053. margin-left:-2px;
  1054. width:25px;
  1055. text-align:center;
  1056. font-size:15px;
  1057. line-height:26px;
  1058. height:25px;
  1059. border-radius:3px;
  1060. }
  1061. #socialmedialinks space {
  1062. padding:5px;
  1063. }
  1064. .navlinks {
  1065. z-index:9999999999;
  1066. padding:15px;
  1067. text-align:justify;
  1068. font-size:10px;
  1069. font-weight:500;
  1070. background:{color:posts};
  1071. line-height:12px;
  1072. border-radius:0px 0px 3px 3px;
  1073. border-left:1px solid {color:border};
  1074. border-right:1px solid {color:border};
  1075. border-bottom:1px solid {color:border};
  1076. font-family:'roboto', sans-serif;
  1077. margin-left:-41px;
  1078. margin-top:-16px;
  1079. width:250px;
  1080. }
  1081. .navlinks a{
  1082. margin:5px;
  1083. width:225px;
  1084. height:25px;
  1085. margin-bottom:2px;
  1086. text-align:left;
  1087. padding-bottom:1px;
  1088. padding:6px;
  1089. line-height:33px;
  1090. color:{color:text};
  1091. border-bottom:1px dashed {color:border};
  1092. z-index:99999;
  1093. font-weight:400;
  1094. font-family: 'cabin', sans-serif;
  1095. letter-spacing:1px;
  1096. font-size:10px;
  1097. text-transform:uppercase;
  1098. text-decoration:none;
  1099. display:inline-block;
  1100. }
  1101. .navlinks a:hover {
  1102. color:{color:hover};
  1103. border-bottom:1px dashed {color:hover};
  1104. -webkit-transition: all 0.3s ease-in-out;
  1105. -moz-transition: all 0.3s ease-in-out;
  1106. -o-transition: all 0.3s ease-in-out;
  1107. -ms-transition: all 0.3s ease-in-out;
  1108. transition: all 0.3s ease-in-out;
  1109. }
  1110. #sidebarr {
  1111. margin:5px;
  1112. text-align:justify;
  1113. }
  1114. #members {
  1115. margin:5px;
  1116. font-size:10px;
  1117. margin-top:-16px;
  1118. padding-top:8px;
  1119. z-index:-9;
  1120. border-radius:0px 0px 3px 3px;
  1121. background:{color:posts};
  1122. border-left:1px solid {color:border};
  1123. border-right:1px solid {color:border};
  1124. border-bottom:1px solid {color:border};
  1125. margin-left:-41px;
  1126. width:228px;
  1127. font-weight:400;
  1128. padding:26px;
  1129. line-height:14px;
  1130. font-family: 'cabin', sans-serif;
  1131. }
  1132. #affiliates {
  1133. margin:5px;
  1134. font-size:10px;
  1135. margin-top:-16px;
  1136. padding-top:8px;
  1137. z-index:-9;
  1138. background:{color:posts};
  1139. margin-left:-41px;
  1140. border-radius:0px 0px 3px 3px;
  1141. border-left:1px solid {color:border};
  1142. border-right:1px solid {color:border};
  1143. border-bottom:1px solid {color:border};
  1144. width:234px;
  1145. text-align:left;
  1146. letter-spacing:15px;
  1147. font-weight:400;
  1148. padding:23px;
  1149. line-height:32px;
  1150. font-family: 'cabin', sans-serif;
  1151. }
  1152. #affiliates img {
  1153. width:45px;
  1154. height:45px;
  1155. opacity:1;
  1156. border-radius:3px;
  1157. -webkit-transition: all 0.3s ease-in-out;
  1158. -moz-transition: all 0.3s ease-in-out;
  1159. -o-transition: all 0.3s ease-in-out;
  1160. -ms-transition: all 0.3s ease-in-out;
  1161. transition: all 0.3s ease-in-out;
  1162. }
  1163. #affiliates img:hover{
  1164. opacity:0.5;
  1165. -webkit-transition: all 0.3s ease-in-out;
  1166. -moz-transition: all 0.3s ease-in-out;
  1167. -o-transition: all 0.3s ease-in-out;
  1168. -ms-transition: all 0.3s ease-in-out;
  1169. transition: all 0.3s ease-in-out;
  1170. }
  1171. #projects {
  1172. font-size:10px;
  1173. margin-top:-16px;
  1174. margin-left:-41px;
  1175. font-weight:400;
  1176. border-radius:0px 0px 3px 3px;
  1177. width:240px;
  1178. border-left:1px solid {color:border};
  1179. border-right:1px solid {color:border};
  1180. border-bottom:1px solid {color:border};
  1181. font-family: 'arial', sans-serif;
  1182. padding:20px;
  1183. background:{color:posts};
  1184. line-height:15px;
  1185. }
  1186. #projects img {
  1187. width:70px;
  1188. height:70px;
  1189. border-radius:3px;
  1190. border:1px solid {color:border};
  1191. float:left;
  1192. margin-right:10px;
  1193. }
  1194. {CustomCSS}</style>
  1195. </head>
  1196. <body>
  1197. <div id="sbimage"><img src="{image:header}"></div>
  1198. <!--basics-->
  1199. <div id="sidebar">
  1200. <div id="sbtitle2">{text:small title}</div>
  1201. <div id="sbtitle3">{text:big title}</div>
  1202. <!--top bar links-->
  1203. <div class="topbar">
  1204. <div id="navi">
  1205. <span class="firstlink"><a href="/">Index</a></span>
  1206. <a href="/ask">Contact</a>
  1207. <a href="{text:link one url}">{text:link one}</a>
  1208. <a href="{text:link two url}">{text:link two}</a>
  1209. <a href="{text:link three url}">{text:link three}</a>
  1210. <a href="{text:link four url}">{text:link four}</a>
  1211. </div>
  1212. </div>
  1213. </div>
  1214.  
  1215. <script>
  1216. var header = document.querySelector('.topbar');
  1217. var origOffsetY = header.offsetTop;
  1218.  
  1219. function onScroll(e) {
  1220. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1221. header.classList.remove('sticky');
  1222. }
  1223.  
  1224. document.addEventListener('scroll', onScroll);
  1225. </script>
  1226. <!--sidebar-->
  1227. <div class="sidebox">
  1228. <!--description // will appear automatically. dont edit this here -->
  1229. <div class="box">
  1230. <div class="sidebar-title"style="margin-bottom:15px">
  1231. <f>Welcome</f>
  1232. </div>
  1233. <div id="description1">{description}</div>
  1234. </div>
  1235. <!--updates-->
  1236. <div class="box">
  1237. <div class="sidebar-title"style="margin-bottom:15px">
  1238. <f>Social media</f>
  1239. </div>
  1240. <div id="socialmedialinks">
  1241. <div id="all">
  1242. <a href="/"><i class="zmdi zmdi-facebook"></i><space> </space> Facebook </a>
  1243. <a href="/"><i class="zmdi zmdi-twitter"></i><space> </space> Twitter </a>
  1244. <a href="/"><i class="zmdi zmdi-instagram"></i><space> </space> Instagram </a>
  1245. <a href="/"><i class="zmdi zmdi-github"></i><space> </space> Github </a>
  1246. <a href="/"><i class="zmdi zmdi-codepen"></i><space> </space> Codepen </a>
  1247. </div></div>
  1248. <!--projects or albums // to add more projects, just copy and paste the "<div id="projects"> name, producer... </div> -->
  1249. <div class="box">
  1250. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1251. <f>Projects</f>
  1252. </div>
  1253. <div id="projects">
  1254. <img src="https://placehold.it/70x70">
  1255. <b>ALBUM NAME</b><br>
  1256. <b>Producer:</b> Name here<br>
  1257. <b>Year:</b> Year here<br>
  1258. <b>Tracks:</b> Tracks amount here<br>
  1259. <b>Label:</b> Label here
  1260. </ul>
  1261. <br><br>
  1262. <img src="https://placehold.it/70x70">
  1263. <b>ALBUM NAME</b><br>
  1264. <b>Producer:</b> Name here<br>
  1265. <b>Year:</b> Year here<br>
  1266. <b>Tracks:</b> Tracks amount here<br>
  1267. <b>Label:</b> Label here
  1268. </ul>
  1269. </div>
  1270. </div>
  1271. <!--navigation // to add more links, just copy and paste the "<a href="/">navi link</a> as much as you want.-->
  1272. <div class="box">
  1273. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1274. <f>Navigation</f>
  1275. </div>
  1276. <div class="navlinks">
  1277. <div id="all">
  1278. <a href="/">navi link</a>
  1279. <a href="/">navi link</a>
  1280. <a href="/">navi link</a>
  1281. <a href="/">navi link</a>
  1282. <a href="/">navi link</a>
  1283. </div>
  1284. </div>
  1285. </div>
  1286. <!--affiliates // to add more affiliate images, just copy and paste the code (just as the links above) as much as you need.-->
  1287. <div class="box">
  1288. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1289. <f>Affiliates</f>
  1290. </div>
  1291. <div id="affiliates">
  1292. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1293. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1294. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1295. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1296. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1297. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1298. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1299. <a href="/"title="name"><img src="http://i.imgur.com/2Mdi5k8.png"></a>
  1300. </div></div>
  1301. <!--blog members // blog members will add automatically if theme is used on a sideblog! -->
  1302. <div class="box">
  1303. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1304. <f>Members</f>
  1305. </div>
  1306. <div id="members">
  1307. {block:GroupMembers}
  1308. <table style="margin-top:0px;">
  1309. {block:GroupMember}
  1310. <tr>
  1311. <td style="width:40px;">
  1312. <img src="{GroupMemberPortraitURL-128}" width="40px;" height="auto;" style="margin-right: 10px;border-radius:3px;border:1px solid {color:border}"> </td>
  1313. <td style="height:auto;">
  1314. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'open sans', sans-serif;;margin-top:0px;font-weight:700;text-transform:capitalize;font-size:11px;letter-spacing:0px;">{GroupMemberName}</a><br><grouptitle>{GroupMemberTitle}</grouptitle></div>
  1315. </tr>
  1316. {/block:GroupMember}
  1317. </table>
  1318. {/block:GroupMembers}
  1319. </div></div>
  1320. <!--disclaimer-->
  1321. <div class="box">
  1322. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1323. <f>Disclaimer</f>
  1324. </div>
  1325. <div id="description1"style="margin-left:-41px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1326.  
  1327. Lorem ipsum dolor sit amet.
  1328. Consectetuer adipiscing elit.
  1329. Nam at tortor quis ipsum tempor aliquet.
  1330. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
  1331. </a>
  1332. </div></div>
  1333. <!--blog info-->
  1334. <div class="box">
  1335. <div class="sidebar-title"style="margin-bottom:15px;margin-left:-41px">
  1336. <f>Blog info</f>
  1337. </div>
  1338. <div id="description1"style="margin-left:-41px">
  1339. <b>Blog created by:</b> Azure
  1340. </br>
  1341. <b>Blog established:</b> Late 2015
  1342. </br>
  1343. <b>Graphics by:</b> Azure
  1344. </br>
  1345. <b>Theme made by:</b> Azure (1204px)
  1346. </div>
  1347. </div>
  1348. </div></div>
  1349. <!--posts and entries-->
  1350. <div id="entries">
  1351. {block:Posts}
  1352. <div id="post">
  1353. <div id="infot">
  1354. <div id="permalink">
  1355. {block:RebloggedFrom}
  1356. {block:ContentSource}
  1357. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-128}"></a> <a href="{SourceURL}"title="SRC: {ReblogRootName}"><img src="{ReblogRootPortraitURL-128}"style="margin-left:-25px"></a><a href="https://{Name}.tumblr.com"><div id="nname">{Name}</a> reblogged this</a> <font style="float:right;margin-right:30px">{NoteCount}</font style></div>
  1358. {/block:ContentSource}
  1359. {/block:RebloggedFrom}
  1360. </div></div>
  1361. <!--texts-->
  1362. {block:Text}
  1363. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1364. {Body}
  1365. {/block:Text}
  1366. <!--question and answers-->
  1367. {block:Answer}
  1368. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1369. <div id="asker"><askerurl>{Asker} asked:</askerurl> {Question}</div>
  1370. {Answer}{/block:Answer}
  1371. <!--quotes-->
  1372. {block:Quote}
  1373. {block:Quote}
  1374. <div class="qcaption">{Quote}</div>
  1375. <div class="qsource">
  1376. {block:Source}- {Source}{/block:Source}
  1377. </div>
  1378. {/block:Quote}
  1379. <!--links-->
  1380. {block:Link}
  1381. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1382. {block:Description}{Description}{/block:Description}
  1383. {/block:Link}
  1384. <!--chats-->
  1385. {block:Chat}
  1386. {block:Title}<h2>{Title}</h2>{/block:Title}
  1387. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1388. {Line}</li>{/block:Lines}</ul>
  1389. {/block:Chat}
  1390. <!--photos-->
  1391. {block:Photo}
  1392. {LinkOpenTag}<div class="ppost"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%">{LinkCloseTag}</div>
  1393. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1394. {/block:Photo}
  1395. <!--photosets-->
  1396. {block:Photoset}
  1397. <div class="psets">{Photoset}</div>
  1398. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1399. {/block:Photoset}
  1400. <!--videos-->
  1401. {block:Video}
  1402. <div class="vsets">{Video-500}</div>
  1403. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1404. {/block:Video}
  1405. <!--audios-->
  1406. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  1407. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  1408. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  1409. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  1410. </br>
  1411. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  1412. {/block:Audio}
  1413. <!--info-->
  1414. <div id="info">
  1415. <div id="permalink">
  1416. <a href="{Permalink}"title="{TimeAgo}"><date>{DayOfMonth}. {Month} {Year}</date></a>
  1417. <font style="float:right;margin-right:70px"> <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="zmdi zmdi-refresh-alt"style="font-size:14px;margin-top:-25px"></i>
  1418. </a><div class="custom-like-button">{LikeButton}<span class="our_button"><i class="zmdi zmdi-favorite-outline"style="font-size:13px;margin-top:-7px"></i></span></div></font style>
  1419. </div>
  1420. {/block:Date}
  1421. {block:HasTags}<tagged>Tagged with: {block:Tags} <a href="{TagURL}"> <tagged>#{Tag}</tagged> </a> {/block:Tags}
  1422.  
  1423. {/block:HasTags}
  1424. </div></div>
  1425. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1426. {/block:Posts}
  1427. {block:Pagination}
  1428. <div class="pagination"style="{color:title text}">
  1429. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  1430. {/block:Pagination}</div>
  1431. </div>
  1432. <div id="creditline">
  1433. <div class="infoo">
  1434. <center>Theme by <a href="http://1204px.tumblr.com/"> 1204px</a> | Blog owner <a href="http://{name}.tumblr.com/">{Name}</a> | Powered by <a href="https://www.tumblr.com/dashboard">Tumblr</a> | © 2016 All Rights Reserved</center>
  1435. </div></div>
  1436. <!--credit(u better dont touch this here u goof)-->
  1437. <div id="credit">
  1438. <a href="http://ceesty.com/qNgV4R"title="theme credit">Code by 1204px</a>
  1439. </div>
  1440. </html>
  1441. </body>
  1442. <!--end 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!