API tools faq
paste
Advertisement
NitrogenFixation

nerd hater

NitrogenFixation
Jan 24th, 2015
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 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. <!--
  5.  
  6. Theme 06 (revamped) - Vongola Decimo
  7. made by magnusthemes, don't steal
  8.  
  9. -->
  10.  
  11. <head>
  12.  
  13. <!-- these are the custom fonts -->
  14. <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Economica:400,700' rel='stylesheet' type='text/css'>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <script src="http://static.tumblr.com/p0knose/OtNn6c1tv/modernizr.custom.97074.js"></script>
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:links" content="#aaa"/>
  30. <meta name="color:links hover" content="#fff" />
  31. <meta name="color:scrollbar" content="#000" />
  32. <meta name="color:scrollbar background" content="#fff" />
  33. <meta name="color:text" content="#000000"/>
  34. <meta name="color:borders" content="#888" />
  35. <meta name="color:content borders" content="#333" />
  36. <meta name="color:posts" content="#ffffff"/>
  37. <meta name="color:bold" content="#000" />
  38. <meta name="color:italic" content="#000" />
  39. <meta name="color:permalinks and asks" content="#fefefe" />
  40. <meta name="color:permalink tabs" content="#ccc" />
  41. <meta name="color:permalink tabs hover" content="#ddd" />
  42. <meta name="color:chat odd" content="#eee" />
  43. <meta name="color:chat even" content="#fff" />
  44. <meta name="color:music info text" content="#eee" />
  45. <meta name="color:tooltips" content="#fff" />
  46. <meta name="color:tooltips background" content="#000" />
  47. <meta name="color:post title" content="#000" />
  48. <meta name="color:sidebar" content="#aaa" />
  49. <meta name="color:custom links" content="#eee" />
  50. <meta name="color:custom links background" content="#333" />
  51. <meta name="color:custom links hover" content="#eee" />
  52. <meta name="color:custom links hover background" content="#333" />
  53. <meta name="color:description" content="#888" />
  54. <meta name="color:title" content="#fff" />
  55.  
  56. <meta name="image:background" content=""/>
  57. <meta name="image:icon" content="" />
  58. <meta name="image:sidebar" content="" />
  59.  
  60. <meta name="if:billy player" content="1" />
  61. <meta name="if:show tags" content="1" />
  62. <meta name="if:show captions" content="1" />
  63. <meta name="if:monochrome images" content="0" />
  64. <meta name="if:500px posts" content="0" />
  65. <meta name="if:white audio player" content="1" />
  66. <meta name="if:infinite scroll" content="0" />
  67. <meta name="if:fading images" content="0" />
  68.  
  69. <meta name="text:font size" content="11" />
  70. <meta name="text:billy code" content="" />
  71. <meta name="text:link 1" content=""/>
  72. <meta name="text:link 1 url" content=""/>
  73. <meta name="text:link 2" content=""/>
  74. <meta name="text:link 2 url" content=""/>
  75. <meta name="text:link 3" content=""/>
  76. <meta name="text:link 3 url" content=""/>
  77. <meta name="text:link 4" content=""/>
  78. <meta name="text:link 4 url" content=""/>
  79. <meta name="text:link 5" content=""/>
  80. <meta name="text:link 5 url" content=""/>
  81. <meta name="text:link 6" content=""/>
  82. <meta name="text:link 6 url" content=""/>
  83. <meta name="text:link 7" content=""/>
  84. <meta name="text:link 7 url" content=""/>
  85. <meta name="text:link 8" content=""/>
  86. <meta name="text:link 8 url" content=""/>
  87.  
  88. <style type="text/css">
  89.  
  90. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  91.  
  92. /* fontawesome */
  93. [class*="fontawesome-"]:before {
  94. font-family: 'FontAwesome', sans-serif;
  95. }
  96.  
  97. /* CUSTOM THINGIES */
  98.  
  99. ::-webkit-scrollbar {height:5px; width:5px;}
  100.  
  101. ::-webkit-scrollbar-track-piece {
  102. background-color:{color:scrollbar background};
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb {
  106. width: 5px; height:5px;
  107. background-color:{color:scrollbar};
  108. }
  109.  
  110. /* this is for the fancy tooltips */
  111.  
  112. #s-m-t-tooltip{
  113. max-width:250px;
  114. z-index:99999999999;
  115. margin:5px 20px;
  116. line-height:150%;
  117. padding:2px 5px;
  118. background:{color:tooltips background};
  119. border-radius:0px;
  120. box-shadow:0px 0px 3px #232323;
  121. font-size:8px;
  122. font-family:calibri, sans-serif;
  123. text-transform:uppercase;
  124. color:{color:tooltips};
  125. }
  126.  
  127. /* BORING BASICS */
  128.  
  129. body{
  130. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  131. word-wrap:break-word;
  132. overflow:auto;
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. background-color: {color:background};
  136. margin-left:0px;
  137. margin-top:0px;
  138. color:{color:text};
  139. font-family: calibri, 'ubuntu', helvetica neue, sans-serif;
  140. letter-spacing:0px;
  141. font-size:{text:font size}px;
  142. line-height:150%;
  143. }
  144.  
  145. a{
  146. text-decoration:none;
  147. color:{color:links};
  148. transition:0.2s;
  149. -webkit-transition:0.2s;
  150. -moz-transition:0.2s;
  151. -o-transition:0.2s;
  152. -ms-transition:0.2s;
  153. }
  154.  
  155. a:hover {color:{color:links hover};}
  156.  
  157. i, italic, em{color:{color:italic}; text-transform:italic;}
  158. b, bold, strong{color:{color:bold}; font-weight:600;}
  159.  
  160. img{border:none;}
  161. img:hover {border:none;}
  162. iframe:hover {border:none;}
  163.  
  164. blockquote {
  165. margin:10px 0px;
  166. margin-left:10px;
  167. display:block;
  168. border-left:2px solid {color:content borders};
  169. padding:0px 10px;
  170. }
  171.  
  172. blockquote img {max-width:100%!important;}
  173.  
  174. pre {
  175. background:{color:permalinks and asks};
  176. padding:10px;
  177. font-family:'Inconsolata', consolas, monospace;
  178. }
  179.  
  180. /* these are the tumblr buttons */
  181.  
  182. iframe#tumblr_controls {
  183. right:3px !important;
  184. position:fixed !important;
  185. opacity: 0.2;
  186. transition: all 0.4s ease-in-out;
  187. -webkit-transition: all 0.4s ease-in-out;
  188. -moz-transition: all 0.4s ease-in-out;
  189. -o-transition: all 0.4s ease-in-out;
  190. -ms-transition: all 0.4s ease-in-out;
  191. }
  192.  
  193. iframe#tumblr_controls:hover {opacity: 0.5;}
  194.  
  195. /* POSTS */
  196.  
  197. #postmargin{
  198. margin-left:150px;
  199. margin-top:10px;
  200. z-index:9999999;
  201. padding: 20px;
  202. padding-bottom:0;
  203. {block:if500pxposts}width:560px;{/block:if500pxposts}
  204. {block:ifnot500pxposts}width:460px;{/block:ifnot500pxposts}
  205. }
  206.  
  207. .posts{
  208. {block:if500pxposts}width:540px;{/block:if500pxposts}
  209. {block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  210. padding:0px;
  211. margin-bottom:20px;
  212. background:{color:posts};
  213. }
  214.  
  215. .container {padding:20px;}
  216.  
  217. .posts img{
  218. max-width:100%;
  219. transition:0.6s;
  220. -webkit-transition:0.6s;
  221. -moz-transition:0.6s;
  222. -o-transition:0.6s;
  223. -ms-transition:0.6s;
  224. {block:ifmonochromeimages}
  225. filter:grayscale(100%);
  226. -webkit-filter:grayscale(100%);
  227. -moz-filter:grayscale(100%);
  228. -o-filter:grayscale(100%);
  229. -ms-filter:grayscale(100%);
  230. transition:0.3s;
  231. -webkit-transition:0.3s;
  232. -moz-transition:0.3s;
  233. -o-transition:0.3s;
  234. -ms-transition:0.3s;
  235. }
  236.  
  237. .posts img:hover {
  238. filter:grayscale(0%);
  239. -webkit-filter:grayscale(0%);
  240. -moz-filter:grayscale(0%);
  241. -o-filter:grayscale(0%);
  242. -ms-filter:grayscale(0%);
  243. {/block:ifmonochromeimages}
  244. }
  245.  
  246. .posts iframe{
  247. transition:0.6s;
  248. -webkit-transition:0.6s;
  249. -moz-transition:0.6s;
  250. -o-transition:0.6s;
  251. -ms-transition:0.6s;
  252. max-width:100%;
  253. {block:ifmonochromeimages}
  254. filter:grayscale(100%);
  255. -webkit-filter:grayscale(100%);
  256. -moz-filter:grayscale(100%);
  257. -o-filter:grayscale(100%);
  258. -ms-filter:grayscale(100%);
  259. }
  260.  
  261. .posts iframe:hover {
  262. filter:grayscale(0%);
  263. -webkit-filter:grayscale(0%);
  264. -moz-filter:grayscale(0%);
  265. -o-filter:grayscale(0%);
  266. -ms-filter:grayscale(0%);
  267. {/block:ifmonochromeimages}
  268. }
  269.  
  270. {block:iffadingimages}
  271. .posts img, .posts iframe {opacity:0.6;}
  272. .posts img:hover, .posts iframe:hover {opacity:1;}
  273. {/block:iffadingimages}
  274.  
  275. #quote{
  276. padding:5px;
  277. font-size:18px;
  278. padding-top:10px;
  279. text-align:center;
  280. letter-spacing:0px;
  281. line-height:150%;
  282. font-weight:bold;
  283. font-family:'economica', sans-serif;
  284. margin-bottom:15px;
  285. }
  286.  
  287. #link{
  288. text-align:center;
  289. padding:5px;
  290. border-left:20px solid {color:content borders};
  291. background:{color:permalinks and asks};
  292. line-height:130%;
  293. font-size:17px;
  294. letter-spacing:0px;
  295. }
  296.  
  297. /* PERMALINK BAR */
  298.  
  299. #permalink{
  300. {block:if500pxposts}width:520px;{/block:if500pxposts}
  301. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  302. padding:10px;
  303. margin-top:10px;
  304. background:{color:permalinks and asks};
  305. font-size:8px;
  306. padding-top:10px;
  307. font-family:calibri, sans-serif;
  308. text-transform:uppercase;
  309. line-height:110%;
  310. padding-bottom:10px;
  311. height:auto;
  312. }
  313.  
  314. /* POST TITLE */
  315.  
  316. .jrc {
  317. margin:5px;
  318. color:{color:post title};
  319. letter-spacing:0px;
  320. font-weight:bold;
  321. font-family:'economica', sans-serif;
  322. }
  323.  
  324. #ask img {width:50px; height:50px;}
  325.  
  326. /* MUSIC POSTS */
  327.  
  328. #musicinfo{
  329. color:{color:music info text};
  330. margin-left:130px;
  331. background:{color:permalinks and asks};
  332. height:100px;
  333. font-weight:normal;
  334. padding:10px 25px;
  335. overflow:hidden;
  336. {block:if500pxposts}width:320px;{/block:if500pxposts}
  337. {block:ifnot500pxposts}
  338. {block:ifnot700pxposts}width:220px;{/block:ifnot700pxposts}
  339. {block:if700pxposts}width:520px;{/block:if700pxposts}
  340. {/block:ifnot500pxposts}
  341. }
  342.  
  343. .albumart {
  344. position: absolute;
  345. width:100px;
  346. border:10px solid {color:permalinks and asks};
  347. height:100px;
  348. background:url(http://i.imgur.com/Q8nlF2H.png);
  349. background-size:100px 100px;
  350. background-position:fixed;
  351. background-repeat:no-repeat;
  352. }
  353.  
  354. .tplayer {
  355. width: 20px;
  356. height: 30px;
  357. overflow: hidden;
  358. position: relative;
  359. z-index: 1;
  360. margin-left:5px;
  361. margin-top:35px;
  362. transition:0.4s;
  363. -webkit-transition:0.4s;
  364. -moz-transition:0.4s;
  365. -o-transition:0.4s;
  366. -ms-transition:0.4s;
  367. }
  368.  
  369. .playercontainer {
  370. {block:ifnotwhiteaudioplayer}
  371. background-color: #000;
  372. {/block:ifnotwhiteaudioplayer}
  373. {block:ifwhiteaudioplayer}
  374. background-color:#fff;
  375. {/block:ifwhiteaudioplayer}
  376. position: absolute;
  377. opacity:0.6;
  378. z-index: 1;
  379. margin:10px;
  380. height:100px;
  381. width:30px;
  382. padding:0;
  383. transition:0.4s;
  384. -webkit-transition:0.4s;
  385. -moz-transition:0.4s;
  386. -o-transition:0.4s;
  387. -ms-transition:0.4s;
  388. }
  389.  
  390. .playercontainer:hover {opacity:0.8; width:100px;}
  391. .playercontainer:hover .tplayer {margin-left:40px;}
  392.  
  393. /* CHAT POSTS */
  394.  
  395. .label {
  396. padding:5px;
  397. border-left:10px solid {color:content borders};
  398. padding-left:20px;
  399. margin-top:10px;
  400. color:{color:music info text};
  401. }
  402.  
  403. .label:before {
  404. content:"";
  405. display:inline-block;
  406. margin-left:-20px;
  407. margin-top:-2px;
  408. margin-right:10px;
  409. width:15px;
  410. height:2px;
  411. background:{color:content borders};
  412. }
  413.  
  414. .label:nth-of-type(odd) span {
  415. color:{color:chat even};
  416. }
  417.  
  418. .label:nth-of-type(even) span {
  419. color:{color:chat odd};
  420. }
  421.  
  422. /* NOTES */
  423.  
  424. ol.notes{
  425. {block:if500pxposts}width:520px;{/block:if500pxposts}
  426. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  427. max-height:200px;
  428. overflow:auto;
  429. padding-left:10px;
  430. padding-right:10px;
  431. padding-top:10px;
  432. padding-bottom:10px;
  433. list-style-type:none;
  434. font-size:9px;
  435. background-color:{color:permalinks and asks};
  436. }
  437.  
  438. ol.notes li.note{
  439. border-top:1px dotted #cccccc;
  440. padding:2px;
  441. font-size:9px;
  442. }
  443.  
  444. ol.notes li.note img{padding:0px !important;}
  445. ol.notes li.note img.avatar{margin-right:5px; width:0px; height:0px;}
  446.  
  447. ol.notes li.note a img.avatar{
  448. padding:0px;
  449. border-width:0px;
  450. border:none;
  451. }
  452.  
  453. ol.notes li.note img{
  454. padding:0px;
  455. border-width:0px;
  456. border:none;
  457. }
  458.  
  459. ol.notes li.note span.action {font-weight:bold; color:gray;}
  460. ol.notes li.note.answer_content {font-weight:300;}
  461. ol.notes li.note.blockquote {padding:1px 1px; margin:1px 0px 0px 1px;}
  462. ol.notes li.note.blockquote a {text-decoration:none;}
  463.  
  464. #info {
  465. position:absolute;
  466. border-left:2px solid {color:content borders};
  467. width:25px;
  468. height:70px;
  469. {block:if500pxposts}margin-left:540px;{/block:if500pxposts}
  470. {block:ifnot500pxposts}margin-left:440px;{/block:ifnot500pxposts}
  471. }
  472.  
  473. .permalink {
  474. width:15px;
  475. height:20px;
  476. background:{color:permalink tabs};
  477. display:block;
  478. margin-top:10px;
  479. transition:0.3s ease-in-out;
  480. -webkit-transition:0.3s ease-in-out;
  481. -moz-transition:0.3s ease-in-out;
  482. -o-transition:0.3s ease-in-out;
  483. }
  484.  
  485. .permalink:hover {width:25px; background:{color:permalink tabs hover};}
  486.  
  487. /* IMPORTANT */
  488.  
  489. #jan {bottom:5px; right:5px; position:fixed; z-index:99999;}
  490.  
  491. #menu {
  492. position: fixed;
  493. top: 0;
  494. padding: 0px;
  495. border-right:10px solid {color:borders};
  496. width: 120px;
  497. left:0px;
  498. height: 100%;
  499. background:{color:sidebar};
  500. }
  501.  
  502. .icon img {
  503. top:20%;
  504. display: block;
  505. width:80px; height:80px;
  506. margin-top: 30px;
  507. position: absolute;
  508. border:5px solid {color:custom links background};
  509. margin-left:15px;
  510. }
  511.  
  512. .menu {
  513. position:fixed;
  514. top:20%;
  515. margin-top:120px;
  516. width: 90px;
  517. margin-left:15px;
  518. transition:0.6s;
  519. -webkit-transition:0.6s;
  520. -moz-transition:0.6s;
  521. -o-transition:0.6s;
  522. -ms-transition:0.6s;
  523. }
  524.  
  525. #menu a {
  526. display:block;
  527. color: {color:custom links};
  528. padding: 5px;
  529. background-color: {color:custom links background};
  530. font-size: 10px;
  531. margin:5px 0;
  532. text-transform:uppercase;
  533. text-align: center;
  534. transition: all 0.4s ease-in-out;
  535. -webkit-transition: all 0.4s ease-in-out;
  536. -moz-transition: all 0.4s ease-in-out;
  537. -o-transition: all 0.4s ease-in-out;
  538. -ms-transition: all 0.4s ease-in-out;
  539. }
  540.  
  541. #menu a:hover {
  542. background-color: {color:custom links hover background};
  543. color: {color:custom links hover};
  544. padding:10px 5px;
  545. }
  546.  
  547. .music {
  548. position:fixed;
  549. {block:ifnotwhiteaudioplayer}background: rgba(0, 0, 0, 0.8);{/block:ifnotwhiteaudioplayer}
  550. {block:ifwhiteaudioplayer}background: rgba(255, 255, 255, 0.8);{/block:ifwhiteaudioplayer}
  551. height:80px;
  552. left:0px;
  553. top:20%;
  554. margin-top:35px;
  555. margin-left:20px;
  556. z-index:9999;
  557. opacity:0;
  558. width:80px;
  559. transition:all 0.3s ease-in-out;
  560. -webkit-transition: all 0.3s ease-in-out;
  561. -moz-transition: all 0.3s ease-in-out;
  562. -ms-transition:all 0.3s ease-in-out;
  563. -o-transition: all 0.3s ease-in-out;
  564. }
  565.  
  566. .music:hover {opacity:1;}
  567.  
  568. #sidebar {
  569. position:fixed;
  570. {block:if500pxposts}left:750px;{/block:if500pxposts}
  571. {block:ifnot500pxposts}left:650px;{/block:ifnot500pxposts}
  572. width:250px;
  573. height:435px;
  574. padding:5px;
  575. top:60px;
  576. background:{color:sidebar};
  577. }
  578.  
  579. #sidebar img {width:250px; height:400px;}
  580.  
  581. #links {
  582. width:250px;
  583. height:30px;
  584. }
  585.  
  586. #links a {
  587. width:80px;
  588. height:30px;
  589. background:{color:custom links background};
  590. color:{color:custom links};
  591. display:inline-block;
  592. text-align:center;
  593. transition:0.5s ease-in-out;
  594. -webkit-transition:0.5s ease-in-out;
  595. -moz-transition:0.5s ease-in-out;
  596. -o-transition:0.5s ease-in-out;
  597. }
  598.  
  599. #links span {font-size:15px; line-height:30px;}
  600. #links a:hover {background:{color:custom links hover background}; color:{color:custom links hover};}
  601. #links a:nth-of-type(even) {margin:0 2.5px;}
  602.  
  603. .prev, .next {
  604. position:absolute;
  605. width:20px;
  606. height:30px;
  607. background:{color:sidebar};
  608. color:{color:title};
  609. text-align:center;
  610. transition:0.5s ease-in-out;
  611. -webkit-transition:0.5s ease-in-out;
  612. -moz-transition:0.5s ease-in-out;
  613. -o-transition:0.5s ease-in-out;
  614. }
  615.  
  616. .prev span, .next span {font-size:12px; line-height:30px;}
  617. .prev:hover, .next:hover {background:{color:custom links hover background}; color:{color:custom links hover}; width:35px;}
  618.  
  619. .prev {margin-left:-25px;}
  620. .next {margin-left:255px;}
  621. .prev:hover {margin-left:-40px;}
  622.  
  623. #title {
  624. position:absolute;
  625. height:25px;
  626. padding:0;
  627. width:250px;
  628. z-index:100;
  629. border-bottom:5px solid {color:custom links background};
  630. margin-top:370px;
  631. background:{color:sidebar};
  632. color:{color:title};
  633. opacity:0.8;
  634. font-size:12px;
  635. text-align:center;
  636. font-weight:bold;
  637. font-style:italic;
  638. line-height:25px;
  639. transition:0.5s ease-in-out;
  640. -webkit-transition:0.5s ease-in-out;
  641. -moz-transition:0.5s ease-in-out;
  642. -o-transition:0.5s ease-in-out;
  643. }
  644.  
  645. #desc {
  646. padding:10px;
  647. position:absolute;
  648. width:230px;
  649. height:100px;
  650. overflow:hidden;
  651. background:{color:sidebar};
  652. margin-top:280px;
  653. opacity:0;
  654. z-index:99;
  655. color:{color:description};
  656. transition:0.5s ease-in-out;
  657. -webkit-transition:0.5s ease-in-out;
  658. -moz-transition:0.5s ease-in-out;
  659. -o-transition:0.5s ease-in-out;
  660. }
  661.  
  662. #sidebar:hover #title {margin-top:250px;}
  663. #sidebar:hover #desc {opacity:0.8; transition-delay:0.25s;}
  664.  
  665. {CustomCSS}
  666. </style>
  667.  
  668. {block:ifinfinitescroll}
  669. <!-- INFINITE SCROLL SCRIPT -->
  670. <script src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  671. {/block:ifinfinitescroll}
  672.  
  673. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  674. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  675. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  676.  
  677. <script>
  678. (function($){
  679. $(document).ready(function(){
  680. $("a[title]").style_my_tooltips({
  681. tip_follows_cursor:true,
  682. tip_delay_time:0,
  683. tip_fade_speed:0,
  684. attribute:"title"
  685. });
  686. });
  687. })(jQuery);
  688. </script>
  689.  
  690. </head>
  691. <body>
  692.  
  693. <div id="jan"><a href="http://magnusthemes.tumblr.com" title="theme by magnusthemes"><img src="http://static.tumblr.com/p0knose/WGInhv5r9/untitled-1.png"/></a></div>
  694.  
  695. <div id="menu"><!-- CUSTOM LINKS BAR -->
  696.  
  697. <!-- BILLY PLAYER -->
  698. {block:ifbillyplayer}
  699. <div class="music">
  700. <div style="margin-top:30px; width:50px; overflow:hidden; margin-left:10px;">
  701. {text:billy code}
  702. </div><!-- STYLE -->
  703. </div><!-- MUSIC -->
  704. {/block:ifbillyplayer}
  705. <!-- BILLY PLAYER -->
  706.  
  707. <!-- CUSTOM LINKS -->
  708. <div class="icon">
  709. <img src="{image:icon}"/>
  710. </div>
  711. <div class="menu">
  712. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}
  713. {block:iflink2}<a href="{text:link 2 URL}">{text:link 2}</a>{/block:iflink2}
  714. {block:iflink3}<a href="{text:link 3 URL}">{text:link 3}</a>{/block:iflink3}
  715. {block:iflink4}<a href="{text:link 4 URL}">{text:link 4}</a>{/block:iflink4}
  716. {block:iflink5}<a href="{text:link 5 URL}">{text:link 5}</a>{/block:iflink5}
  717. {block:iflink6}<a href="{text:link 6 URL}">{text:link 6}</a>{/block:iflink6}
  718. {block:iflink7}<a href="{text:link 7 URL}">{text:link 7}</a>{/block:iflink7}
  719. {block:iflink8}<a href="{text:link 8 URL}">{text:link 8}</a>{/block:iflink8}
  720. </div>
  721. </div>
  722. <!-- CUSTOM LINKS BAR -->
  723.  
  724. <div id="sidebar">
  725. {block:ifnotinfinitescroll}{block:Pagination}
  726. {block:PreviousPage}<a href="{PreviousPage}"><div class="prev"><span class="fontawesome-arrow-left"></span></div></a>{/block:PreviousPage}
  727. {block:NextPage}<a href="{NextPage}"><div class="next"><span class="fontawesome-arrow-right"></span></div></a>{/block:NextPage}
  728. {/block:Pagination}{/block:ifnotinfinitescroll}
  729.  
  730. <div id="title">{Title}</div>
  731. <div id="desc">{Description}</div>
  732. <img src="{image:sidebar}"/>
  733. <div id="links">
  734. <a href="/" title="restart" style="margin-right:5px;"><span class="fontawesome-off"></span></a><a href="/ask" title="contact" style="margin-right:5px;margin-left:0px;"><span class="fontawesome-inbox"></span></a><a href="/archive" title="archive" style="margin-left:0px;"><span class="fontawesome-hdd"></span></a>
  735. </div>
  736. </div>
  737.  
  738. <!-- POSTS -->
  739. <div id="btm"></div>
  740.  
  741. <div id="postmargin">
  742. <div class="autopagerize_page_element"><!-- FOR INFINITE SCROLLING -->
  743. {block:Posts}
  744. <div class="posts">
  745. {block:indexpage}
  746. <div id="info">
  747. <a href="{Permalink}" title="{block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/block:Date}{block:NoteCount} | {NoteCount}{/block:NoteCount}"><div class="permalink"></div></a>
  748. <a href="{ReblogURL}" title="reblog?"><div class="permalink"></div></a>
  749. </div>
  750. {/block:indexpage}
  751. <div class="container">
  752.  
  753. {block:Text}
  754. {block:Title}
  755. <div id="link">
  756. <div class="jrc">{Title}</div>
  757. </div>
  758. {/block:Title}
  759. {Body}
  760. {/block:Text}
  761.  
  762. {block:Photo}
  763. {block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:if500pxposts}
  764. {block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{/block:ifnot500pxposts}
  765. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  766. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  767. {/block:Photo}
  768.  
  769. {block:Photoset}
  770. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  771. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  772. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  773. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  774. {/block:Photoset}
  775.  
  776. {block:Quote}
  777. <div id="quote">
  778. <span style="font-size:26px; font-family:georgia;">“</span>{Quote}<span style="font-size:26px; font-family:georgia;">”</span><br>
  779. {block:Source}<span style="text-transform:uppercase; font-family:calibri, 'ubuntu', helvetica neue, sans-serif; font-size:{text:font size}px; font-weight:normal;">{Source}</span>{/block:Source}
  780. </div>
  781. {/block:Quote}
  782.  
  783. {block:Link}
  784. <div id="link" style="text-align:right;"><div class="jrc" style="text-align:right;">
  785. <a href="{URL}" {Target}>{Name} ▹</a>
  786. </div></div>
  787. {block:Description}{Description}{/block:Description}
  788. {/block:Link}
  789.  
  790. {block:Chat}
  791. {block:Title}<div id="link"><div class="jrc"><t>{Title}</t></div></div>{/block:Title}
  792. {block:Lines}<div class="label">
  793. {block:Label}<span>{Label}</span>{/block:Label} {Line}<br/></div>
  794. {/block:Lines}
  795. {/block:Chat}
  796.  
  797. {block:Audio}
  798. <div class="playercontainer"><div class="tplayer">
  799. {block:AudioPlayer}{block:ifnotwhiteaudioplayer}{AudioPlayerBlack}{/block:ifnotwhiteaudioplayer}{block:ifwhiteaudioplayer}{AudioPlayerWhite}{/block:ifwhiteaudioplayer}{/block:AudioPlayer}</div></div>
  800. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  801. <div id="musicinfo"><table style="height:100px; overflow:auto;"><td style="vertical-align:middle;">
  802. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  803. {block:Artist}{Artist}{/block:Artist}
  804. {block:Album} | {Album}{/block:Album}<br>
  805. {PlayCountWithLabel}
  806. </td></table></div>
  807. <div class="audiocaption">
  808. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  809. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  810. </div>
  811. {/block:Audio}
  812.  
  813. {block:Video}
  814. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  815. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  816. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  817. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  818. {/block:Video}
  819.  
  820. {block:Answer}
  821. <div id="ask">
  822. <table>
  823. <tr>
  824. <td style="vertical-align:top;width:60px; height:60px; padding:0;">
  825. <img src="{AskerPortraitURL-64}" width="50" height="50"
  826. style="border:5px solid {color:permalinks and asks};">
  827. </td>
  828. <td style="font-size:25px; vertical-align:top; margin:-5px; color:{color:permalinks and asks}; padding:0; text-align:right;">
  829. <br><div style="margin-right:-10px;">◀</div>
  830. </td>
  831. <td style="vertical-align:top; background-color:{color:permalinks and asks}; padding:10px; padding-left:20px; margin-left:-10px; min-height:30px; {block:ifnot500pxposts}{block:if700pxposts}width:590px;{/block:if700pxposts}{block:ifnot700pxposts}width:290px;{/block:ifnot700pxposts}{/block:ifnot500pxposts}{block:if500pxposts}width:390px;{/block:if500pxposts}">
  832. <strong>{Asker} inquired:</strong><br> {Question}
  833. </td>
  834. </tr>
  835. </table>
  836. </div>
  837. {Answer}
  838. {/block:Answer}
  839. </div><!-- CONTAINER -->
  840.  
  841. {block:PermalinkPage}
  842. <div id="permalink">
  843.  
  844. {block:Date}
  845. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a>
  846. at <a href="{Permalink}">{24Hour}:{Minutes}{AmPm}</a>
  847. {/block:Date}
  848.  
  849. {block:NoteCount}
  850. with <a href="{Permalink}">{NoteCount}</a> notes
  851. {/block:NoteCount}
  852.  
  853. {block:RebloggedFrom}
  854. - <a href="{ReblogRootURL}">source</a> - <a href="{ReblogParentURL}">from</a>
  855. {/block:RebloggedFrom}
  856.  
  857. {block:indexpage}- <a href="{ReblogURL}">reblog</a>{/block:indexpage}
  858.  
  859.  
  860. {block:HasTags}<div style="margin-right:1px;">
  861. <br>
  862. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}
  863. </div>
  864. {/block:HasTags}
  865.  
  866. </div><!-- PERMALINK -->
  867. {/block:PermalinkPage}
  868.  
  869. {block:ifshowtags}{block:indexpage}{block:hastags}<div id="permalink">
  870. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}
  871. </div>{/block:hastags}{/block:indexpage}{/block:ifshowtags}
  872.  
  873. <div class="notes">
  874. {block:PostNotes}
  875. <a name="notes">{PostNotes}</a>
  876. {/block:PostNotes}
  877. </div><!-- NOTES -->
  878.  
  879. </div><!-- POSTS -->
  880. {/block:Posts}
  881. </div><!-- AUTOPAGERIZE -->
  882. </div><!-- POSTMARGIN -->
  883. <!-- POSTS -->
  884.  
  885. </body>
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!