API tools faq
paste
azurethemes

theme 71 / fansite theme #4

azurethemes
Nov 22nd, 2015
729
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.68 KB | None | 0 0
raw download clone embed print report
  1. <!---- - START HTML / DONT TOUCH!!! - --->
  2. <!----
  3.  
  4. | |
  5. _ __ ___ ___ ___ _ __ ___| |_ __ _ _ __
  6. | '_ ` _ \ / _ \ / _ \| '_ \/ __| __/ _` | '__|
  7. | | | | | | (_) | (_) | | | \__ \ || (_| | |
  8. |_| |_| |_|\___/ \___/|_| |_|___/\__\__,_|_|
  9.  
  10.  
  11. _ _
  12. | | | |
  13. | |_| |__ ___ _ __ ___ ___ ___
  14. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  15. | |_| | | | __/ | | | | | __/\__ \
  16. \__|_| |_|\___|_| |_| |_|\___||___/
  17.  
  18.  
  19.  
  20. theme 71
  21.  
  22. ◜ ◝ ◞ ★ ☾ children ☽ ★ ◟ ◠ ◡
  23.  
  24. ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᵐᵒᵒᶰˢᵗᵃʳ ᵗʰᵉᵐᵉˢ / ᶤᵐ⁻ʰᵃˡˢᵉʸ
  25. ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  26. ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  27. ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾
  28.  
  29.  
  30. --->
  31. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  32. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  33.  
  34. <script type="text/javascript">
  35. WebFontConfig = {
  36. google: { families: [ 'Roboto:400,700:latin' , 'Roboto::latin' , 'Abel::latin', 'Sarpanch::latin', 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin', 'Ubuntu:400,700:latin', 'Poppins:400,700:latin', 'Carrois+Gothic::latin', 'Orienta::latin', 'Oxygen:400,700:latin' , 'Hind:400,700:latin' , 'Karla:400,700:latin' ] }
  37. };
  38. (function() {
  39. var wf = document.createElement('script');
  40. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  41. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  42. wf.type = 'text/javascript';
  43. wf.async = 'true';
  44. var s = document.getElementsByTagName('script')[0];
  45. s.parentNode.insertBefore(wf, s);
  46. })(); </script>
  47.  
  48. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("a[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:90,
  58. tip_fade_speed:600,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  65.  
  66. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  67.  
  68. <head>
  69.  
  70. <title>{Title}</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  74. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  75. <meta name="color:background" content="#ffffff"/>
  76. <meta name="color:second background" content="#ffffff"/>
  77. <meta name="color:blockquote" content="#eeeeee">
  78. <meta name="color:posts" content="#ffffff">
  79. <meta name="color:question" content="#eeeeee">
  80. <meta name="color:scrollbar background" content="#ffffff">
  81. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  82. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  83. <meta name="color:text" content="#000000"/>
  84. <meta name="color:post text" content="#000000"/>
  85. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  86. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  87. <meta name="color:hover" content="#888888">
  88. <meta name="color:border" content="#888888">
  89. <meta name="color:links" content="#000000"/>
  90. <meta name="color:accent" content="#cccccc"/>
  91. <meta name="color:accent 2" content="#cccccc"/>
  92. <meta name="color:box" content="#ffffff"/>
  93. <meta name="color:scrollbar" content="#000000">
  94. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  95. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  96. <meta name="color:blockquote border" content="#211927">
  97. <meta name="color:border" content="#000000"/>
  98. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  99. <!---- - START IMAGES / DONT TOUCH!!! - --->
  100. <meta name="image:background" content=""/>
  101. <meta name="image:icon" content=""/>
  102. <meta name="image:header" content=""/>
  103. <!---- - END IMAGES / DONT TOUCH!!! - --->
  104. <!---- - START TEXT / DONT TOUCH!!! - --->
  105. <meta name="text:title" content="">
  106. <meta name="text:ask url" content="">
  107. <!---- - END TEXT / DONT TOUCH!!! - --->
  108. <!---- - START LINKS / DONT TOUCH!!! - --->
  109. <meta name="text:link one" content="Link One">
  110. <meta name="text:link two" content="Link two">
  111. <meta name="text:link three" content="Link three">
  112. <meta name="text:link four" content="Link four">
  113. <meta name="text:link one url" content="/">
  114. <meta name="text:link two url" content="/">
  115. <meta name="text:link three url" content="/">
  116. <meta name="text:link four url" content="/">
  117. <!---- - END LINKS / DONT TOUCH!!! - --->
  118.  
  119. <style type="text/css">
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. height:auto;
  123. background-color:{color:accent};
  124. }
  125. ::-webkit-scrollbar {
  126. height:2px;
  127. width:9px;
  128. background-color:{color:posts};
  129. }
  130. #s-m-t-tooltip {
  131. margin:12px 0px 0px 12px;
  132. padding:6px;
  133. background-color:{color:accent 2};
  134. font-family: 'arial';
  135. outline:1px solid {color:border};
  136. outline-offset:1px;
  137. font-size:8px;
  138. text-transform:uppercase;
  139. letter-spacing:1px;
  140. color:black;
  141. z-index:999999999999999999999999999999999999;
  142. }
  143. body {
  144. background-color:{color:background};
  145. background-image:url('{image:background}');
  146. background-attachment: fixed;
  147. background-repeat: repeat;
  148. font-weight:none;
  149. font-family: 'arial', sans-serif;
  150. font-size:10px;
  151. text-align:justify;
  152. color:{color:text};
  153. margin:0;
  154. }
  155. a {
  156. text-decoration:none;
  157. color:{color:links};
  158. transition-duration: 0.2s;
  159. -moz-transition-duration: 0.2s;
  160. -webkit-transition-duration: 0.3s;
  161. -o-transition-duration: 0.3s;
  162. }
  163. a:hover {
  164. text-decoration:none;
  165. color:{color:hover};
  166. transition-duration: 0.2s;
  167. -moz-transition-duration: 0.2s;
  168. -webkit-transition-duration: 0.3s;
  169. -o-transition-duration: 0.3s;
  170. }
  171. img {
  172. border:none;
  173. }
  174. blockquote {
  175. font-size:10px;
  176. max-width:545px;
  177. border-left:3px solid{color:accent};
  178. text-align:left;
  179. padding:1px;
  180. font-weight:none;
  181. margin-left:0px;
  182. padding-top:0.5px;
  183. padding-bottom:0.5px;
  184. font-size:10px;
  185. font-family: 'arial', sans-serif;
  186. margin-right:30px;
  187. padding-left:15px;
  188. color:{color:text};
  189. }
  190. pre{
  191. font-size:17px;
  192. text-align:right;
  193. font-family: 'Roboto', sans-serif;
  194. letter-spacing:1px;
  195. text-transform:capitalize;
  196. background:{color:title};
  197. color:{color:top text};
  198. padding:10px;
  199. }
  200. small{
  201. font-size:10px;
  202. }
  203. big{
  204. font-size:10px;
  205. }
  206. sub{
  207. font-size:9px;
  208. }
  209. h1 {
  210. font-size:15px;
  211. text-align:center;
  212. letter-spacing:-1px;
  213. text-transform:uppercase;
  214. font-family: 'Roboto', sans-serif;
  215. text-shadow: 1px 1px 5px {color:accent};
  216. color:{color:text};
  217. padding:3px;
  218. }
  219. h1 a{
  220. color:{color:text};
  221. }
  222. h2{
  223. color:{color:text};
  224. text-transform:uppercase;
  225. font-family: 'Roboto', sans-serif;
  226. text-align:left;
  227. }
  228. b {
  229. font-weight:bold;
  230. padding:2px;
  231. font-family: 'Roboto', sans-serif;
  232. color:{color:post text};
  233. }
  234. i {
  235. font-weight:italic;
  236. color:{color:text};
  237. }
  238. m {
  239. font-style:italic;
  240. color:{color:top text};
  241. }
  242. j {
  243. font-weight:bold;
  244. }
  245. n {
  246. font-weight:bold;
  247. letter-spacing:-1px;
  248. font-size:12px;
  249. text-transform:uppercase;
  250. color:{color:text};
  251. }
  252. u {
  253. text-decoration:none;
  254. border-bottom:1px solid {color:accent};
  255. }
  256. #description {
  257. overflow:auto;
  258. position:absolute;
  259. text-align:justify;
  260. margin-top:100px;
  261. margin-left:25px;
  262. text-transform:none;
  263. font-style:normal;
  264. font-family: 'Carrois Gothic', sans-serif;
  265. width:345px;
  266. height:50px;
  267. opacity:1;
  268. line-height:12px;
  269. font-weight:none;
  270. color:{color:text};
  271. padding:10px;
  272. letter-spacing:0px;
  273. font-size:9px;
  274. z-index:9999999999999999;
  275. transition-duration: 0.9s;
  276. -moz-transition-duration:0.9s;
  277. -webkit-transition-duration:0.9s;
  278. -o-transition-duration:0.9s;
  279. }
  280. #description::-webkit-scrollbar{
  281. width: 0px;
  282. }
  283. #description::-webkit-scrollbar-thumb{
  284. background:transparent;
  285. }
  286. #description::-webkit-scrollbar-track{
  287. background-color:transparent;
  288. }
  289. .pagination{
  290. font-family: 'Ubuntu', sans-serif;
  291. margin-left:-400px;
  292. bottom:30px;
  293. width:auto;
  294. margin-bottom:40px;
  295. font-size:13px;
  296. text-align:center;
  297. }
  298. .pagination a{
  299. padding:6px;
  300. font-family: 'Ubuntu', sans-serif;
  301. font-weight:300;
  302. bottom:0px;
  303. margin-bottom:40px;
  304. color:{color:text};
  305. }
  306. .pagination a:hover{
  307. color:{color:hover};
  308. -moz-transition-duration:0.5s;
  309. -webkit-transition-duration:0.5s;
  310. -o-transition-duration:0.5s;
  311. transition: all 0.3s ease-out;
  312. }
  313. #boxes {
  314. overflow:auto;
  315. position:absolute;
  316. text-align:left;
  317. margin-top:45px;
  318. margin-left:215px;
  319. text-transform:none;
  320. font-style:normal;
  321. font-family: 'Roboto', sans-serif;
  322. width:255px;
  323. height:100px;
  324. opacity:1;
  325. line-height:10px;
  326. font-weight:none;
  327. color:{color:text};
  328. background:{color:description};
  329. padding:17px;
  330. letter-spacing:0px;
  331. font-size:10px;
  332. transition-duration: 0.9s;
  333. -moz-transition-duration:0.9s;
  334. -webkit-transition-duration:0.9s;
  335. -o-transition-duration:0.9s;
  336. }
  337. .tit {
  338. font-size:15px;
  339. text-transform:uppercase;
  340. margin-bottom:20px;
  341. margin-left:-25px;
  342. margin-top:-25px;
  343. width:231px;
  344. letter-spacing:1px;
  345. font-weight:700;
  346. text-align:left;
  347. font-family: 'roboto', sans-serif;
  348. color:{color:post text};
  349. background:{color:accent};
  350. padding:22px;
  351. background: -webkit-linear-gradient(right, {color:accent 2}, {color:accent});
  352. background: -o-linear-gradient(left, {color:accent 2}, {color:accent});
  353. background: -moz-linear-gradient(left, {color:accent 2}, {color:accent});
  354. background: linear-gradient(to left, {color:accent 2};, {color:accent});
  355. }
  356. .sidebox {
  357. position:absolute;
  358. background:{color:posts};
  359. width:275px;
  360. top:725px;
  361. margin-left:110px;
  362. z-index:9999;
  363. }
  364. .sideboxtwo {
  365. position:absolute;
  366. background:{color:posts};
  367. width:275px;
  368. top:725px;
  369. margin-left:965px;
  370. z-index:999;
  371. }
  372. .box {
  373. padding:25px;
  374. }
  375. #description {
  376. margin:5px;
  377. text-align:justify;
  378. }
  379. #askbox {
  380. text-align:justify;
  381. margin:5px;
  382. font-size:10px;
  383. letter-spacing:0px;
  384. }
  385. #events {
  386. text-align:justify;
  387. line-height:45px;
  388. }
  389. .members {
  390. margin:5px;
  391. font-size:10px;
  392. text-transform:uppercase;
  393. text-align:justify;
  394. }
  395. #description1 {
  396. margin:5px;
  397. z-index:9999999999;
  398. text-align:justify;
  399. }
  400. #sidebarr {
  401. margin:5px;
  402. text-align:justify;
  403. }
  404. .aboutt {
  405. position:absolute;
  406. padding-right:15px;
  407. font-family: 'Roboto', sans-serif;
  408. color:{color:text};
  409. margin:5px;
  410. }
  411. #projects {
  412. text-align:left;
  413. margin:5px;
  414. font-size:10px;
  415. letter-spacing:0px;
  416. }
  417. #projects img {
  418. outline:1px solid #ddd;
  419. outline-offset:3px;
  420. width:70px;
  421. height:70px;
  422. float:left;
  423. margin-right:10px;
  424. }
  425. .affiliates {
  426. margin:5px;
  427. text-align:left;
  428. letter-spacing:15.5px;
  429. line-height:40px;
  430. }
  431. .affiliates img {
  432. width:45px;
  433. height:45px;
  434. padding:5px;
  435. border:1px solid #ddd;
  436. border-radius:100px;
  437. }
  438. #events {
  439. text-align:left;
  440. }
  441. .hqs {
  442. text-align:center;
  443. text-transform:uppercase;
  444. font-size:9px;
  445. letter-spacing:14px;
  446. line-height:35px;;
  447. }
  448. .hqs img {
  449. width:60px;
  450. height:60px;
  451. outline-offset:3px;
  452. outline:1px solid #ddd;
  453. }
  454. #events a {
  455. margin:5px;
  456. font-size:10px;
  457. letter-spacing:0px;
  458. width:210px;
  459. height:20px;
  460. margin-bottom:3px;
  461. text-align:center;
  462. padding:4px;
  463. line-height:25px;
  464. color:{color:text};
  465. background:{color:accent};
  466. font-style:none;
  467. z-index:99999;
  468. border-bottom:3px solid transparent;
  469. font-weight:300;
  470. font-family: 'Khand', sans-serif;
  471. letter-spacing:1px;
  472. font-size:11px;
  473. text-decoration:none;
  474. display:inline-block;
  475. -moz-transition-duration:0.5s;
  476. -webkit-transition-duration:0.5s;
  477. -o-transition-duration:0.5s;
  478. transition: all 0.3s ease-out;
  479. }
  480. #events a:hover{
  481. color:{color:hover};
  482. -moz-transition-duration:0.5s;
  483. -webkit-transition-duration:0.5s;
  484. -o-transition-duration:0.5s;
  485. transition: all 0.3s ease-out;
  486. }
  487. .links1 {
  488. width:1122px;
  489. height:60px;
  490. overflow:hidden;
  491. cursor:pointer;
  492. top:0px;
  493. background: -webkit-linear-gradient(right, {color:accent 2}, {color:accent});
  494. background: -o-linear-gradient(left, {color:accent 2}, {color:accent});
  495. background: -moz-linear-gradient(left, {color:accent 2}, {color:accent});
  496. background: linear-gradient(to left, {color:accent 2};, {color:accent});
  497. opacity:1;
  498. z-index:99999;
  499. position:fixed;
  500. padding:4px;
  501. margin-left:110px;
  502. text-align:right;
  503. }
  504. .links1 #all {
  505. margin-right:-10px;
  506. margin-top:-10px;
  507. padding:5px;
  508. letter-spacing:-3px;
  509. height:14px;
  510. -moz-transition-duration:0.8s;
  511. -webkit-transition-duration:0.8s;
  512. -o-transition-duration:0.8s;
  513. transition: all 0.8s ease-out;
  514. }
  515. .links1 #all a:hover {
  516. color:{color:hover};
  517. background:{color:accent 2};
  518. -moz-transition-duration:0.8s;
  519. -webkit-transition-duration:0.8s;
  520. -o-transition-duration:0.8s;
  521. transition: all 0.8s ease-out;
  522. }
  523. .links1 a {
  524. width:100px;
  525. height:50px;
  526. margin-bottom:0px;
  527. text-align:center;
  528. text-transform:uppercase;
  529. padding:14px;
  530. line-height:46px;
  531. color:{color:text};
  532. background:transparent;
  533. font-style:none;
  534. z-index:99999;
  535. padding-left:5px;
  536. font-weight:700;
  537. text-shadow: 1px 1px 1px white;
  538. font-family: 'Ubuntu', sans-serif;
  539. letter-spacing:0px;
  540. font-size:10px;
  541. display:inline-block;
  542. -moz-transition-duration:0.8s;
  543. -webkit-transition-duration:0.8s;
  544. -o-transition-duration:0.8s;
  545. transition: all 0.8s ease-out;
  546. }
  547. #title{
  548. width:417px;
  549. height:68px;
  550. top:0px;
  551. opacity:1;
  552. position:fixed;
  553. font-family: 'Oxygen', sans-serif;
  554. letter-spacing:0px;
  555. text-align:center;
  556. font-weight:700;
  557. color:{color:text};
  558. text-shadow: 1px 1px 1px white;
  559. text-transform:uppercase;
  560. padding-bottom:0px;
  561. line-height:67px;
  562. font-size:12px;
  563. margin-left:110px;
  564. z-index:999999999;
  565. }
  566. #header {
  567. position:relative;
  568. width:1130px;
  569. top:68px;
  570. height:470px;
  571. background:{color:text};
  572. margin-left:110px;
  573. }
  574. #header img {
  575. position:absolute;
  576. margin-left:0;
  577. width:1130px;
  578. height:470px;
  579. margin-top:30;
  580. }
  581. #icon2 {
  582. position:fixed;
  583. width:70px;
  584. margin-top:190px;
  585. padding:10px;
  586. height:70px;
  587. margin-left:180px;
  588. background-color:transparent;
  589. z-index:9999999999999999;
  590. }
  591. #icon2image {
  592. width 70px;
  593. z-index:-99999;
  594. }
  595. #icon2image img {
  596. width:75px;
  597. height:75px;
  598. margin-left:165px;
  599. margin-top:-5px;
  600. border-radius:100px;
  601. position:fixed;
  602. opacity:1;
  603. background-image:url('{image:icon}');
  604. border:9px solid {color:accent};
  605. background:{color:background};
  606. z-index:999999;
  607. }
  608. #bbackground{
  609. position:absolute;
  610. opacity:1;
  611. width:1130px;
  612. height:143px;
  613. background-color:{color:posts};
  614. top:538px;
  615. margin-left:110px;
  616. box-shadow:0px 2px 3px rgba(0,0,0,.15);
  617. z-index:9999;
  618. background: -webkit-linear-gradient(right, {color:accent 2}, {color:accent});
  619. background: -o-linear-gradient(left, {color:accent 2}, {color:accent});
  620. background: -moz-linear-gradient(left, {color:accent 2}, {color:accent});
  621. background: linear-gradient(to left, {color:accent 2};, {color:accent});
  622. }
  623. #entries {
  624. margin-left:405px;
  625. opacity:1;
  626. margin-top:255px;
  627. }
  628. #post {
  629. font-size:10px;
  630. width:500px;
  631. color:{color:post text};
  632. background-color:{color:posts};
  633. text-align:justify;
  634. padding:20px;
  635. padding-top:5px;
  636. padding-bottom:5px;
  637. overflow:hidden;
  638. line-height:20px;
  639. margin-bottom:60px;
  640. }
  641. #post img{
  642. max-width:500px;
  643. height:auto;
  644. }
  645. #info {
  646. width:500px;
  647. height:25px;
  648. text-align:left;
  649. font-family: 'Ubuntu', sans-serif;
  650. text-transform:uppercase;
  651. margin-left:-5px;
  652. font-size:9px;
  653. margin-top:20px;
  654. overflow:hidden;
  655. font-weight:300;
  656. font-style:none;
  657. padding:10px;
  658. line-height:15px;
  659. background-color:{color:posts};
  660. color:{color:text};
  661. }
  662. #info a {
  663. text-align:center;
  664. font-weight:300;
  665. letter-spacing:1px;
  666. font-family: 'Ubuntu', sans-serif;
  667. line-height:7px;
  668. color:{color:text};
  669. }
  670. #info a:hover{
  671. color:{color:hover};
  672. }
  673. .right{
  674. float:center;
  675. }
  676. #tags {
  677. text-align:left;
  678. opacity:1;
  679. font-size:8px;
  680. font-family: 'arial', sans-serif;
  681. margin-top:-25px;
  682. margin-left:0px;
  683. padding:5px;
  684. font-weight:none;
  685. margin-bottom:5px;
  686. height:15px;
  687. width:510px;
  688. text-transform:uppercase;
  689. transition-duration: 0.5s;
  690. -moz-transition-duration: 0.5s;
  691. -webkit-transition-duration: 0.5s;
  692. -o-transition-duration: 0.5s;
  693. }
  694. #tags a {
  695. padding:0px;
  696. margin-top:-3px;
  697. color:{color:text};
  698. line-height:12px;
  699. letter-spacing:1px;
  700. font-weight:none;
  701. text-align:left;
  702. font-size:8px;
  703. font-family: 'arial', sans-serif;
  704. display:inline-block;
  705. }
  706. #tags a:hover {
  707. -moz-transition-duration:0.3s;
  708. -webkit-transition-duration:0.3s;
  709. -o-transition-duration:0.3s;
  710. color:{color:hover};
  711. }
  712. #asking {
  713. margin-left:20px;
  714. margin-top:-35px;
  715. }
  716. #askingimage {
  717. }
  718. #askingimage img {
  719. margin-left:455px;
  720. width:43px;
  721. height:43px;
  722. border-radius:4px 4px 4px 4px;
  723. margin-top:20px;
  724. }
  725. #question {
  726. padding:20px;
  727. padding-left:14px;
  728. margin-top:-25px;
  729. margin-left:0px;
  730. width:400px;
  731. border-radius:2px 2px 2px 2px;
  732. color:{color:text};
  733. background-color:{color:accent};
  734. }
  735. #asker{
  736. margin-top:-66px;
  737. padding:1px;
  738. font-weight:300;
  739. font-size:11px;
  740. z-index:9999999999;
  741. color:{color:text};
  742. opacity:1;
  743. margin-left:14px;
  744. letter-spacing:0px;
  745. font-family: 'roboto', sans-serif;
  746. text-transform:lowercase;
  747. }
  748. #credit{
  749. position:fixed;
  750. font-size:14px;
  751. font-weight:bold;
  752. padding-bottom:5px;
  753. padding-top:5px;
  754. height:20px;
  755. width:20px;
  756. opacity:1;
  757. padding-left:5px;
  758. padding-right:5px;
  759. margin-left:1320px;
  760. top:645px;
  761. border-radius:100px;
  762. letter-spacing:0px;
  763. line-height:22px;
  764. text-align:center;
  765. float:left;
  766. font-family: 'Roboto', sans-serif;
  767. color:{color:text};
  768. text-transform:uppercase;
  769. background-color: rgba(255,255,255, 0.3);
  770. transition-duration: 0.8s;
  771. }
  772. lol {
  773. font-size:13px;
  774. text-align:center;
  775. width:auto;
  776. height:5px;
  777. margin-left:5px;
  778. text-transform:capitalize;
  779. font-family: 'roboto', sans-serif;
  780. letter-spacing:0px;
  781. background-color:transparent;
  782. color:{color:post text};
  783. padding:4px;
  784. }
  785. date {
  786. font-size:12px;
  787. text-align:center;
  788. width:auto;
  789. height:5px;
  790. font-weight:none;
  791. font-weight:700;
  792. font-family: 'roboto', sans-serif;
  793. letter-spacing:-1px;
  794. background-color:{color:accent};
  795. color:{color:text};
  796. padding:13px;
  797. }
  798. dateu {
  799. font-size:12px;
  800. text-align:center;
  801. width:auto;
  802. height:5px;
  803. font-weight:700;
  804. text-transform:uppercase;
  805. font-family: 'roboto', sans-serif;
  806. background:{color:accent 2};
  807. letter-spacing:3px;
  808. color:{color:text};
  809. padding:13px;
  810. }
  811. .triangle {
  812. align:right;
  813. margin:7px 0px 10px 0px;
  814. padding:10px;
  815. position: relative;
  816. }
  817. .triangle t1{
  818. display:block;
  819. position:absolute;
  820. width:1px;
  821. height:1px
  822. font-size:0;
  823. margin-left:5px;
  824. top:-19px;z-index:9999999;
  825. border-right:7px solid transparent;
  826. border-left:7px solid transparent;
  827. border-top:10px solid transparent;
  828. -ms-transform: rotate(92deg); /* IE 9 */
  829. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  830. transform: rotate(92deg);
  831. }
  832. .triangle t2 {
  833. display:block;
  834. position:absolute;
  835. width:0px;
  836. height:1px
  837. font-size:0;
  838. margin-left:381px;
  839. top:-20px;
  840. border-right:9px solid transparent;
  841. border-left:9px solid transparent;
  842. border-top:10px solid {color:accent};
  843. -ms-transform: rotate(90deg); /* IE 9 */
  844. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  845. transform: rotate(270deg);
  846. }
  847. .triangletwo {
  848. align:right;
  849. margin:7px 0px 10px 0px;
  850. padding:10px;
  851. position: relative;
  852. }
  853. .triangletwo t1{
  854. display:block;
  855. position:absolute;
  856. width:1px;
  857. height:1px
  858. font-size:0;
  859. margin-left:5px;
  860. top:-19px;z-index:9999999;
  861. border-right:7px solid transparent;
  862. border-left:7px solid transparent;
  863. border-top:10px solid transparent;
  864. -ms-transform: rotate(92deg); /* IE 9 */
  865. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  866. transform: rotate(92deg);
  867. }
  868. .triangletwo t2 {
  869. display:block;
  870. position:absolute;
  871. width:0px;
  872. height:1px
  873. font-size:0;
  874. margin-left:358px;
  875. top:-10px;
  876. border-right:10px solid transparent;
  877. border-left:10px solid transparent;
  878. border-top:12px solid {color:accent};
  879.  
  880. }
  881. .triangleposts {
  882. align:right;
  883. margin:7px 0px 10px 0px;
  884. padding:10px;
  885. position: relative;
  886. }
  887. .triangleposts t1{
  888. display:block;
  889. position:absolute;
  890. width:1px;
  891. height:1px
  892. font-size:0;
  893. margin-left:5px;
  894. top:-19px;z-index:9999999;
  895. border-right:7px solid transparent;
  896. border-left:7px solid transparent;
  897. border-top:10px solid transparent;
  898. -ms-transform: rotate(92deg); /* IE 9 */
  899. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  900. transform: rotate(92deg);
  901. }
  902. .triangleposts t2 {
  903. display:block;
  904. position:absolute;
  905. width:0px;
  906. height:1px
  907. font-size:0;
  908. margin-left:3px;
  909. top:-20px;
  910. border-right:8px solid transparent;
  911. border-left:8px solid transparent;
  912. border-top:12px solid rgba(0, 0, 0, 0.6);;
  913. -ms-transform: rotate(90deg); /* IE 9 */
  914. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  915. transform: rotate(90deg);
  916. }
  917. .bubble {
  918. overflow: hidden;
  919. padding:0;
  920. margin:0;
  921. }
  922. .bubble li{
  923. margin:0 0 5px;
  924. border-radius:1em;
  925. padding:.5em 10px;
  926. max-width:75%;
  927. clear:both;
  928. position:relative;
  929. list-style-type:none;
  930. }
  931. .bubble li strong{
  932. color:#000;
  933. }
  934. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13,.user_15,.user_17,.user_19,.user_21,.user_23,.user_25,.user_27,.user_29,.user_31,.user_33,.user_35,.user_37,.user_39,.user_41,.user_43,.user_45,.user_47,.user_49{float:left;background:#e5e5ea;color:#000;left:3px}.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after,.user_13::after,.user_15::after,.user_17::after,.user_19::after,.user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after,.user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after,.user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14,.user_16,.user_18,.user_20,.user_22,.user_24,.user_26,.user_28,.user_30,.user_32,.user_34,.user_36,.user_38,.user_40,.user_42,.user_44,.user_46,.user_48,.user_50{right:3px;float:right;background-color:#e8f3f9;color:#000}.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after,.user_16::after,.user_18::after,.user_20::after,.user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after,.user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after,.user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}
  935.  
  936. {CustomCSS}</style>
  937.  
  938.  
  939.  
  940. </head>
  941. <body>
  942.  
  943.  
  944. <!---- - START BASICS / DONT TOUCH!!! - --->
  945. <div id="sidebar">
  946. <div id="postbg"></div>
  947. <div id="bbackground"><img src="{image:icon}"style="background:#fff;width:120px;height:120px;border:7px solid {color:accent};border-radius:100px;margin-top:-80px;margin-left:500px;z-index:99999999999;margin-bottom:20px" align="center"><div class="triangletwo" style="background:transparent;margin-top:-11px; margin-left:190px;"><t2></t2><t1></t1></div><div id="description"style="margin-top:-30px;margin-left:385px;text-align:center;">{description}</div></div>
  948. <div id="header"><img src="{image:header}"></a></div>
  949. <div id="title">{text:title}</div>
  950. <!---- - LINKS / EDIT RIGHT BELOW!!!! - --->
  951. <div class="links1">
  952. <div id="all">
  953. <a href="/"><i class="fa fa-home"stlye="color:{color:accent 2}"></i> Home</a>
  954. <a href="/ask"><i class="fa fa-envelope"stlye="color:{color:accent 2}"></i> inbox</a>
  955. <a href="/"><i class="fa fa-cog"stlye="color:{color:accent 2}"></i> Link one</a>
  956. <a href="/"><i class="fa fa-rss"stlye="color:{color:accent 2}"></i> Link two</a>
  957. <a href="/"><i class="fa fa-folder"stlye="color:{color:accent 2}"></i> link three</a>
  958. <a href="/"><i class="fa fa-bars"stlye="color:{color:accent 2}"></i> link four</a>
  959.  
  960. </div>
  961. </div>
  962. </div>
  963. </div>
  964. <!---- - POP UP / LINKS HAVE TO BE EDITED IN HTML - --->
  965. <div class="topp">
  966. <div class="sidebox">
  967. <!---- - ABOUT ARTIST - --->
  968. <div class="box">
  969. <div class="tit">About Artist</div>
  970. <div id="description1">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.
  971.  
  972. Lorem ipsum dolor sit amet.
  973. Consectetuer adipiscing elit.
  974. Nam at tortor quis ipsum tempor aliquet.
  975. 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.
  976.  
  977. Donec placerat mauris commodo dolor. Nulla tincidunt. Nulla vitae augue.
  978. Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.</div>
  979. </div>
  980. <!---- - LATEST NEWS - --->
  981. <div class="box">
  982. <div class="tit">Latest News</div>
  983. <div id="aboutt">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.
  984.  
  985. Lorem ipsum dolor sit amet.
  986. Consectetuer adipiscing elit.
  987. Nam at tortor quis ipsum tempor aliquet.
  988. 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.
  989.  
  990. </div></div>
  991. <!---- - TOUR DATES/EVENT DATES - --->
  992. <div class="box">
  993. <div class="tit">Upcoming Events</div>
  994. <div id="events">
  995. <date>DATE</date><dateu>City here</dateu>
  996. </br>
  997. <date>DATE</date><dateu>City here</dateu>
  998. </br>
  999. <date>DATE</date><dateu>City here</dateu>
  1000. </br>
  1001. <date>DATE</date><dateu>City here</dateu>
  1002. </br>
  1003. <date>DATE</date><dateu>City here</dateu>
  1004. </br>
  1005. </div></div>
  1006. <!---- - ALBUMS/PROJECTS - --->
  1007. <div class="box">
  1008. <div class="tit">Albums</div>
  1009. <div id="projects"><img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1010. <ul>
  1011. <b>Album name</b><br>
  1012. <b>Producer:</b> Name here<br>
  1013. <b>Year:</b> Year here<br>
  1014. <b>Tracks:</b> Tracks amount here
  1015. <b>Label:</b> Label here<br>
  1016. </ul>
  1017. <br><br>
  1018. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1019. <ul>
  1020. <b>Album name</b><br>
  1021. <b>Producer:</b> Name here<br>
  1022. <b>Year:</b> Year here<br>
  1023. <b>Tracks:</b> Tracks amount here
  1024. <b>Label:</b> Label here<br>
  1025. </ul>
  1026. </div>
  1027. </div>
  1028. <!---- - LATEST HQ IMAGES - --->
  1029. <div class="box">
  1030. <div class="tit">Latest HQ's</div>
  1031. <div class="hqs">
  1032. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1033. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1034. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1035. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1036. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1037. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1038. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1039. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1040. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1041. </div></div>
  1042. </div>
  1043.  
  1044. <div class="sideboxtwo">
  1045.  
  1046. <!---- - BLOG MEMBERS - --->
  1047. <div class="box">
  1048. <div class="tit">Blog members</div>
  1049. <div class="members">
  1050. {block:GroupMembers}
  1051. <table style="margin-top:0px;">
  1052. {block:GroupMember}
  1053. <tr>
  1054. <td style="width:40px;">
  1055. <img src="{GroupMemberPortraitURL-128}" width="50px;" height="auto;" style="margin-right: 10px;border-radius:100px;border:solid 1px #ddd;padding:5px">
  1056. </td>
  1057. <td style="height:auto;">
  1058. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'Roboto', sans-serif;margin-top:0px;font-weight:bold;text-transform:uppercase;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  1059. </tr>
  1060. {/block:GroupMember}
  1061. </table>
  1062. {/block:GroupMembers}
  1063. </div></div>
  1064. <!---- - AFFILIATES - --->
  1065. <div class="box">
  1066. <div class="tit">Affiliates</div>
  1067. <div class="affiliates">
  1068. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1069. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1070. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1071. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1072. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1073. <a href="/" title="name"><img src="http://static.tumblr.com/1a3c0aca479afa87136d7d4eb4179506/ylbnqqn/Sclny4blk/tumblr_static_3thhx8xeq1s08o840s00w88kk.jpg"></a>
  1074. </div></div>
  1075. <!---- - ASKBOX - --->
  1076. <div class="box">
  1077. <div class="tit">Message</div>
  1078. <div id="askbox"><p style="margin-left:0px;"><iframe src="http://www.tumblr.com/ask_form/{text:ask url}.tumblr.com" id="ask_form" frameborder="0" height="285" scrolling="no" width="210"></iframe></p></div>
  1079. </div>
  1080. <!---- - DISCLAIMER - --->
  1081. <div class="box">
  1082. <div class="tit">Disclaimer</div>
  1083. <div id="description1">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.
  1084.  
  1085. Lorem ipsum dolor sit amet.
  1086. Consectetuer adipiscing elit.
  1087. Nam at tortor quis ipsum tempor aliquet.
  1088. 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.</div>
  1089. </div>
  1090. <!---- - BLOG INFO - --->
  1091. <div class="box">
  1092. <div class="tit">Blog info</div>
  1093. <div class="description1">
  1094. 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.
  1095.  
  1096. Lorem ipsum dolor sit amet.
  1097. Consectetuer adipiscing elit.
  1098. Nam at tortor quis ipsum tempor aliquet.
  1099. 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.
  1100.  
  1101. Donec placerat mauris commodo dolor. Nulla tincidunt. Nulla vitae augue.
  1102. Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.
  1103. </div>
  1104.  
  1105. </div>
  1106. </div>
  1107. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  1108. <div id="entries">
  1109. {block:Posts}
  1110. <div id="post"
  1111. <div id="post">
  1112. <!--TEXT POSTS-->
  1113. {block:Text}
  1114. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1115. {Body}
  1116. {/block:Text}
  1117. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  1118. {block:Answer}
  1119. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1120. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  1121. <div id="asker"><j>{Asker}</j> asked:</div>
  1122. <div id="question">{Question}</div>
  1123. {Answer}{/block:Answer}
  1124. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  1125. {block:Quote}
  1126. {block:Quote}
  1127. <h2>{Quote}</h2>
  1128. <div align="right">
  1129. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1130. </div>
  1131. {/block:Quote}
  1132. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  1133. {block:Link}
  1134. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1135. {block:Description}{Description}{/block:Description}
  1136. {/block:Link}
  1137. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  1138. {block:Chat}
  1139. {block:Title}
  1140. <h1>{Title}</h1>{/block:Title}<br>
  1141. <ul class="bubble">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1142. {Line}</li>{/block:Lines}</ul>
  1143. {/block:Chat}
  1144. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  1145. {block:Photo}
  1146. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1147. {block:Caption}{Caption}{/block:Caption}
  1148. {/block:Photo}
  1149. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  1150. {block:Photoset}
  1151. {Photoset-500}
  1152. {block:Caption}{Caption}{/block:Caption}
  1153. {/block:Photoset}
  1154. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  1155. {block:Video}
  1156. {Video-500}
  1157. {block:Caption}{Caption}{/block:Caption}
  1158. {/block:Video}
  1159. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  1160. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1161. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1162. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1163. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1164. {/block:Audio}
  1165. <!---- - INFO / DONT TOUCH!!! - --->
  1166. <div id="info">
  1167. <div id="permalink">
  1168. <a href="{Permalink}"> {DayOfMonth} {ShortMonth} {ShortYear} · </a> {NoteCountWithLabel} {block:RebloggedFrom}
  1169. {block:ContentSource}
  1170. · <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> / <a href="{SourceURL}"title="{ReblogRootName}">SRC</a>
  1171. {/block:ContentSource}
  1172. {/block:RebloggedFrom}
  1173. <font style="float:right">
  1174. {block:RebloggedFrom}
  1175. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:post text}"></i></a>
  1176. {block:RebloggedFrom}
  1177. {/block:RebloggedFrom}
  1178. </font style>
  1179. </a></div></div>
  1180. {block:HasTags}<div id="tags"><i class="fa fa-tags"></i> {block:Tags} <a href="{TagURL}"> {Tag} </a>, {/block:Tags}
  1181. </div>
  1182. {/block:HasTags}
  1183. </div>
  1184. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1185.  
  1186. {/block:Posts}
  1187.  
  1188. {block:Pagination}
  1189. <div class="pagination"style="color:{color:text}">
  1190. {block:PreviousPage}<a href="{PreviousPage}"title="previous page"><i class="fa fa-caret-left"></i></a>{/block:PreviousPage}{block:JumpPagination length="6"}{block:CurrentPage}<span class="current_page"style="color:{color:background};background: {color:posts};padding:5px;width:10px;height:10px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:title text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page"><i class="fa fa-caret-right"></i></a>{/block:NextPage}
  1191. {/block:Pagination}</div>
  1192.  
  1193. </div>
  1194. <!---- - CREDIT / DONT TOUCH!!! - --->
  1195. <!---- - END INFO / DONT TOUCH!!! - --->
  1196. <!---- - START CREDIT / DONT TOUCH!!! - --->
  1197. <div id="credit">
  1198. <a href="http://adf.ly/1Q6OGo"title="moonstar themes"><i class="fa fa-moon-o"></i></a>
  1199. </div>
  1200. </div>
  1201. <!---- - END CREDIT / DONT TOUCH!!! - --->
  1202. </html>
  1203. </body>
  1204. </div>
  1205. <!---- - END HTML / DONT TOUCH!!! - --->
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!