API tools faq
paste
Advertisement
kingdap

Voice of an Angel

kingdap
Sep 4th, 2013
1,682
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.00 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Voice of an Angel by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Q&A Posts: excolo
  6. Two-Column Code: manatopia
  7. Link Hover Text: pohroro
  8. Navigation: thehelpcenter
  9. Sidebar: http://jessicajungs.tumblr.com/tagged/kyungsooedits
  10.  
  11. Please keep the credits intact! You're free to make changes to the
  12. theme, but only for personal use.
  13.  
  14. -------------------------------------------------------------------------->
  15.  
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21. <head>
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="image:Background" content="http://static.tumblr.com/5dacd004927da04b74e271b176c3dee0/fp8s385/ojImsh4sn/tumblr_static_bg.png">
  26. <meta name="image:Sidebar" content="http://static.tumblr.com/f6eff8120c20456c8c1e2e72b5641823/fp8s385/067ms1qbz/tumblr_static_untitled.png">
  27. <meta name="image:Corner Image" content="">
  28.  
  29. <meta name="color:Title" content="#8a96bd">
  30. <meta name="color:Title Hover" content="#b9bbbe">
  31. <meta name="color:Post" content="#fff">
  32. <meta name="color:Background" content="#fff">
  33. <meta name="color:Post Border" content="#d6d6d3">
  34. <meta name="color:Font" content="#949494">
  35. <meta name="color:Link" content="#474746">
  36. <meta name="color:Link Hover" content="#e0e0e0">
  37. <meta name="color:Emphasis Text" content="#686868">
  38.  
  39. <meta name="color:Pagination" content="#000">
  40. <meta name="color:Pagination Hover" content="#e2e2e1">
  41. <meta name="color:Pagination BG" content="#fff">
  42. <meta name="color:Pagination Current Page" content="#9b9b9c">
  43.  
  44. <meta name="color:Post Title" content="#777">
  45. <meta name="color:Link Post Hover" content="#d3d3d1">
  46. <meta name="color:Icon Border" content="#ececec">
  47.  
  48. <meta name="color:Track BG" content="#c7c7c6">
  49. <meta name="color:Track Text" content="#696969">
  50. <meta name="color:Artist BG" content="#ebebe9">
  51. <meta name="color:Artist Text" content="#999">
  52. <meta name="color:Album BG" content="#ebebe9">
  53. <meta name="color:Album Text" content="#999">
  54. <meta name="color:Playcount BG" content="#c7c7c6">
  55. <meta name="color:Playcount Text" content="#696969">
  56.  
  57. <meta name="color:Sidebar" content="#c6c7ca">
  58. <meta name="color:Sidebar Link" content="#696969">
  59. <meta name="color:Sidebar Link Hover" content="#6272a5">
  60. <meta name="color:Sidebar Link BG" content="#fdf8b3">
  61. <meta name="color:Sidebar Link BG Hover" content="#fff">
  62. <meta name="color:Description" content="#818180">
  63.  
  64. <meta name="color:Scrollbar" content="#bdbdbd">
  65. <meta name="color:Scrollbar Background" content="#ebebeb">
  66.  
  67. <meta name="color:Permalink" content="#6f6f6f">
  68. <meta name="color:Permalink BG" content="#fff">
  69. <meta name="color:Permalink Hover" content="#ccc">
  70. <meta name="color:PermaInfo BG" content="#e2e0df">
  71. <meta name="color:PermaInfo" content="#9b9a99">
  72. <meta name="color:PermaInfo BG Hover" content="#f3f3f1">
  73. <meta name="color:PermaInfo Hover" content="#ccc">
  74. <meta name="color:Tag" content="#777">
  75. <meta name="color:Tag Hover" content="#ccc">
  76.  
  77. <meta name="text:Link 1" content="Link 1">
  78. <meta name="text:Link 1 URL" content="/">
  79. <meta name="text:Link 2" content="Link 2">
  80. <meta name="text:Link 2 URL" content="/">
  81. <meta name="text:Link 3" content="Link 3">
  82. <meta name="text:Link 3 URL" content="/">
  83. <meta name="text:Link 4" content="Link 4">
  84. <meta name="text:Link 4 URL" content="/">
  85. <meta name="text:Link 5" content="Link 5">
  86. <meta name="text:Link 5 URL" content="/">
  87. <meta name="text:Corner Image Width" content="200px">
  88. <meta name="text:Corner Image Bottom" content="-2px">
  89. <meta name="text:Corner Image Left" content="50px">
  90.  
  91. <meta name="if:Captions" content="0">
  92. <meta name="if:Infinite Scroll" content="1">
  93. <meta name="if:Month Day Year" content="0">
  94. <meta name="if:Day Month Year" content="0">
  95. <meta name="if:Year Month Day" content="1">
  96. <meta name="if:12 Hour Time" content="0">
  97. <meta name="if:Black Music Player" content="0">
  98.  
  99. <title>{Title}</title>
  100.  
  101. <link rel="shortcut icon" href="{Favicon}" />
  102.  
  103. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  104.  
  105. <script type="text/javascript"
  106. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script></script><script type="text/javascript">
  107. function showStuff(id) {
  108. document.getElementById(id).style.display = 'block';}</script></script>
  109. <script type="text/javascript">
  110. var defaultMenuWidth="125px"
  111. var linkset=new Array()
  112.  
  113.  
  114. linkset[0]='<a href="{text:Link 1 URL}">{text:Link 1}</a>'
  115. linkset[0]+='<a href="{text:Link 2 URL}">{text:Link 2}</a>'
  116. linkset[0]+='<a href="{text:Link 3 URL}">{text:Link 3}</a>'
  117. linkset[0]+='<a href="{text:Link 4 URL}">{text:Link 4}</a>'
  118. linkset[0]+='<a href="{text:Link 5 URL}">{text:Link 5}</a>'
  119.  
  120. var ie5=document.all && !window.opera
  121. var ns6=document.getElementById
  122. if (ie5||ns6)
  123. document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
  124. function iecompattest(){
  125. return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body}
  126. function showmenu(e, which, optWidth){
  127. if (!document.all&&!document.getElementById)
  128. return
  129. clearhidemenu()
  130. menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
  131. menuobj.innerHTML=which
  132. menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
  133. menuobj.contentwidth=menuobj.offsetWidth
  134. menuobj.contentheight=menuobj.offsetHeight
  135. eventX=ie5? event.clientX : e.clientX
  136. eventY=ie5? event.clientY : e.clientY
  137. var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
  138. var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
  139. if (rightedge<menuobj.contentwidth)
  140. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
  141. else
  142. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
  143. if (bottomedge<menuobj.contentheight)
  144. menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
  145. else
  146. menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
  147. menuobj.style.visibility="visible"
  148. return false
  149. }
  150. function contains_ns6(a, b) {
  151. while (b.parentNode)
  152. if ((b = b.parentNode) == a)
  153. return true;
  154. return false;
  155. }
  156. function hidemenu(){
  157. if (window.menuobj)
  158. menuobj.style.visibility="hidden"
  159. }
  160. function dynamichide(e){
  161. if (ie5&&!menuobj.contains(e.toElement))
  162. hidemenu()
  163. else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  164. hidemenu()
  165. }
  166. function delayhidemenu(){
  167. delayhide=setTimeout("hidemenu()",500)
  168. }
  169. function clearhidemenu(){
  170. if (window.delayhide)
  171. clearTimeout(delayhide)
  172. }
  173. if (ie5||ns6)
  174. document.onclick=hidemenu
  175. </script>
  176. <script>
  177. $(document).ready(function() {
  178. $('a.poplight[href^=#]').click(function() {
  179. var popID = $(this).attr('rel');
  180. var popURL = $(this).attr('href');
  181. var query= popURL.split('?');
  182. var dim= query[1].split('&');
  183. var popWidth = dim[0].split('=')[1];
  184. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  185. var popMargTop = ($('#' + popID).height() + 80) / 2;
  186. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  187. $('#' + popID).css({
  188. 'margin-top' : -popMargTop,
  189. 'margin-left' : -popMargLeft
  190. });
  191. $('body').append('<div id="fade"></div>');
  192. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  193. return false;
  194. });
  195. $('a.close, #fade').live('click', function() {
  196. $('#fade , .popup_block').fadeOut(function() {
  197. $('#fade, a.close').remove();
  198. });
  199. return false;
  200. });
  201. });
  202. </script>
  203.  
  204. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  207.  
  208. <style type= "text/css">
  209.  
  210. ::-webkit-scrollbar-thumb:vertical {
  211. background-color:{color:Scrollbar};
  212. height: 30px;
  213. border: 3px solid {color:Scrollbar Background};
  214. }
  215.  
  216. ::-webkit-scrollbar-thumb:horizontal {
  217. background-color:{color:Scrollbar};
  218. border: 3px solid {color:Scrollbar Background};
  219. height: 9px;
  220. width: 30px;
  221. }
  222.  
  223. ::-webkit-scrollbar {
  224. background-color:{color:Scrollbar Background};
  225. height: 9px;
  226. width: 9px;
  227. }
  228.  
  229. body {
  230. background-attachment: fixed;
  231. background-image: url('{image:Background}');
  232. background-color: {color:Background};
  233. font-family: Calibri;
  234. font-size: 11px;
  235. right: 0px;
  236. }
  237.  
  238. a:link, a:active, a:visited {
  239. text-decoration:none;
  240. color: {color:Link};
  241. -webkit-transition: all 0.5s ease-in-out;
  242. -moz-transition: all 0.5s ease-in-out;
  243. -o-transition: all 0.5s ease-in-out;
  244. }
  245.  
  246. a:hover {
  247. color: {color:Link Hover};
  248. }
  249.  
  250. b, strong, .strong, i, em, .em {
  251. color:{color:Emphasis Text};
  252. }
  253.  
  254. blockquote {
  255. border-left: 2px solid {color:Text};
  256. margin: 0;
  257. padding: 5px;
  258. margin-left: 10px;
  259. margin-top: 10px;
  260. margin-bottom: 10px;
  261. }
  262.  
  263. div#qTip {
  264. margin-left: 10px;
  265. font-family: calibri;
  266. text-transform: UPPERCASE;
  267. font-size: 8px;
  268. line-height: 9px;
  269. display: none;
  270. text-align: left;
  271. position: absolute;
  272. z-index: 9999999999999999;
  273. letter-spacing: 2px;
  274. background: #fff;
  275. padding: 4px;
  276. color: {color:Text};
  277. border: 1px solid {color:Post Border};
  278. -webkit-transition: all 0.1s ease-in-out;
  279. -moz-transition: all 0.1s ease-in-out;
  280. -o-transition: all 0.1s ease-in-out;
  281. }
  282.  
  283. /*SIDEBAR*/
  284. #sidebar {
  285. top:175px;
  286. width: 160px;
  287. height: auto;
  288. position:fixed;
  289. right: 150px;
  290. }
  291.  
  292. .desc {
  293. overflow: auto;
  294. position: fixed;
  295. text-align: center;
  296. width: 90px;
  297. height: 90px;
  298. border-radius: 160px;
  299. margin-top: 15px;
  300. margin-left: 15px;
  301. padding: 20px;
  302. font-size: 8px;
  303. letter-spacing: 1px;
  304. line-height: 10px;
  305. font-family: trebuchet ms;
  306. text-transform: uppercase;
  307. color: {color:Description};
  308. background-color: #fff;
  309. opacity: 0;
  310. -webkit-transition: all 0.9s;
  311. -moz-transition: all 0.9s;
  312. -o-transition: all 0.9s ;
  313. }
  314.  
  315. #sidebar:hover .desc {
  316. opacity: 0.9;
  317. }
  318.  
  319. /*TITLE*/
  320. .title {
  321. font-family: libre baskerville;
  322. font-weight: lighter;
  323. font-size: 14px;
  324. font-style: italic;
  325. letter-spacing: 1px;
  326. position: absolute;
  327. margin-top: -88px;
  328. margin-left: 100px;
  329. width: 70px;
  330. text-align: left;
  331. opacity: 0;
  332. -webkit-transition: all 0.6s linear;
  333. -moz-transition: all 0.6s linear;
  334. -o-transition: all 0.6s linear;
  335. }
  336.  
  337. #sidebar:hover .title {
  338. opacity: 1;
  339. margin-left: 170px;
  340. }
  341.  
  342. .title a {
  343. color: {color:Title};
  344. }
  345.  
  346. .title a:hover {
  347. color: {color:Title Hover}
  348. }
  349.  
  350. /*NAVIGATION*/
  351. #navwoo {
  352. width: 160px;
  353. margin-left: 0px;
  354. }
  355.  
  356. .navi {
  357. margin-top: 5px;
  358. display: inline-block;
  359. margin-left: 3px;
  360. margin-right: 3px;
  361. }
  362.  
  363. .navi a:hover {
  364. border: 0px transparent;
  365. }
  366.  
  367. .navi img {
  368. width: 16px;
  369. }
  370.  
  371. /*LINKS*/
  372. #popitmenu {
  373. width: 0px;
  374. text-align: center;
  375. position: absolute;
  376. background-color: {color:Sidebar Link BG};
  377. font: normal 9px calibri;
  378. letter-spacing: 2px;
  379. text-transform: UPPERCASE;
  380. line-height: 15px;
  381. z-index: 100;
  382. visibility: hidden;
  383. }
  384.  
  385. #popitmenu a {
  386. text-decoration: none;
  387. color: {color:Sidebar Link};
  388. display: block;
  389. }
  390.  
  391. #popitmenu a:hover {
  392. background-color: {color:Sidebar Link BG Hover};
  393. color: {color:Sidebar Link Hover};
  394. }
  395.  
  396. /*POSTS*/
  397. #content {
  398. float: right;
  399. text-align: left;
  400. margin-top: 70px;
  401. margin-bottom: 20px;
  402. z-index: 99;
  403. {block:IndexPage}
  404. width: 650px;
  405. margin-right: 350px;
  406. right: 0px;
  407. {/block:IndexPage}
  408. {block:PermalinkPage}
  409. width: 520px;
  410. margin-right: 420px;
  411. {/block:PermalinkPage}
  412. }
  413.  
  414. .post {
  415. text-align: left;
  416. float: left;
  417. margin-bottom: 20px;
  418. padding: 5px;
  419. font-family: trebuchet ms;
  420. font-size: 10px;
  421. letter-spacing: 1px;
  422. line-height: 15px;
  423. {block:IndexPage}
  424. margin-right: 55px;
  425. margin-bottom: 30px;
  426. width: 250px;
  427. {/block:IndexPage}
  428. {block:PermalinkPage}
  429. width: 500px;
  430. {/block:PermalinkPage}
  431. color: {color:Font};
  432. z-index: 100;
  433. float: left;
  434. border: solid 5px {color:Post Border};
  435. background-color: {color:Post};
  436. overflow: hidden;
  437. }
  438.  
  439. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  440. display:none;
  441. }
  442.  
  443. #infscr-loading {
  444. display:none;
  445. }
  446.  
  447. .nav {
  448. display:none!important;
  449. }
  450.  
  451. /*TITLE*/
  452. .posttitle {
  453. text-align: center;
  454. font-size: 10px;
  455. line-height: 11px;
  456. letter-spacing: 1px;
  457. margin-top: 5px;
  458. margin-bottom: -5px;
  459. font-family: libre baskerville;
  460. font-weight: lighter;
  461. font-size: 12px;
  462. font-style: italic;
  463. color: {color:Post Title};
  464. }
  465.  
  466. .linktitle {
  467. text-align: center;
  468. font-size: 10px;
  469. line-height: 11px;
  470. letter-spacing: 1px;
  471. margin-top: 5px;
  472. margin-bottom: -5px;
  473. font-family: libre baskerville;
  474. font-weight: lighter;
  475. font-size: 12px;
  476. font-style: italic;
  477. }
  478.  
  479. .linktitle a {
  480. color: {color:Post Title};
  481. -webkit-transition: all 0.4s linear;
  482. -moz-transition: all 0.4s linear;
  483. -o-transition: all 0.4s linear;
  484. }
  485.  
  486. .linktitle a:hover {
  487. color: {color:Link Post Hover};
  488. }
  489.  
  490. /*CHAT*/
  491. .line.even {
  492. margin-left: 5px;
  493. font-style: italic;
  494. color: {color:Font};
  495. }
  496.  
  497. .line.odd {
  498. color: {color:Chat Font};
  499. }
  500.  
  501. /*AUDIO*/
  502. .album {
  503. width: 250px;
  504. height: 250px;
  505. overflow: hidden;
  506. background-color: transparent;
  507. margin-bottom: 10px;
  508. }
  509.  
  510. .album img {
  511. width: 250px;
  512. height: 250px;
  513. overflow: hidden;
  514. {block:IndexPage}
  515. border-radius: 250px;
  516. {/block:IndexPage}
  517. {block:PermalinkPage}
  518. border-radius: 0px;
  519. {/block:PermalinkPage}
  520. -webkit-transition: all 0.5s linear;
  521. -moz-transition: all 0.5s linear;
  522. -o-transition: all 0.5s linear;
  523. }
  524.  
  525. .post:hover .album img {
  526. border-radius: 0px;
  527. }
  528.  
  529. .tracont {
  530. width: 250px;
  531. height: 250px;
  532. margin-top: 0px;
  533. max-width: 250px;
  534. max-height: 250px;
  535. overflow: auto;
  536. {block:IndexPage}
  537. position: absolute;
  538. overflow: auto;
  539. opacity: 0;
  540. {/block:IndexPage}
  541. {block:PermalinkPage}
  542. float: right;
  543. overflow: auto;
  544. opacity: 1;
  545. {/block:PermalinkPage}
  546. -webkit-transition: all 0.7s linear;
  547. -moz-transition: all 0.7s linear;
  548. -o-transition: all 0.7s linear;
  549. }
  550.  
  551. .tracont:hover {
  552. {block:IndexPage}
  553. opacity: 0.9;
  554. {/block:IndexPage}
  555. }
  556.  
  557. .player {
  558. width: 137px;
  559. height: 20px;
  560. overflow: hidden;
  561. padding-left: 113px;
  562. padding-top: 11px;
  563. padding-bottom: 19px;
  564. position: absolute;
  565. margin-top: 100px;
  566. {block:ifBlackMusicPlayer}
  567. background-color: #000;
  568. {/block:ifBlackMusicPlayer}
  569. {block:ifnotBlackMusicPlayer}
  570. background-color: #fff;
  571. {/block:ifnotBlackMusicPlayer}
  572. z-index: 10;
  573. }
  574.  
  575. .track {
  576. max-width: 250px;
  577. width: 230px;
  578. height: 40px;
  579. position: absolute;
  580. margin-top: 0px;
  581. text-align: center;
  582. overflow: auto;
  583. max-height: 50px;
  584. padding: 5px 10px 5px 10px;
  585. background-color: {color:Track BG};
  586. color: {color:Track Text};
  587. {block:IndexPage}
  588. margin-bottom: -16px;
  589. {/block:IndexPage}
  590. }
  591.  
  592. .info {
  593. text-align: center;
  594. max-width: 250px;
  595. width: 230px;
  596. height: 40px;
  597. position: absolute;
  598. margin-top: 50px;
  599. text-align: center;
  600. overflow: auto;
  601. max-height: 50px;
  602. padding: 5px 10px 5px 10px;
  603. background-color: {color:Artist BG};
  604. color: {color:Artist Text};
  605. }
  606.  
  607. .albumm {
  608. text-align: center;
  609. max-width: 250px;
  610. width: 230px;
  611. height: 40px;
  612. position: absolute;
  613. margin-top: 150px;
  614. text-align: center;
  615. overflow: auto;
  616. max-height: 50px;
  617. padding: 5px 10px 5px 10px;
  618. background-color: {color:Album BG};
  619. color: {color:Album Text};
  620. }
  621.  
  622. .count {
  623. text-align: center;
  624. max-width: 250px;
  625. width: 230px;
  626. height: 40px;
  627. position: absolute;
  628. margin-top: 200px;
  629. text-align: center;
  630. overflow: auto;
  631. max-height: 50px;
  632. padding: 5px 10px 5px 10px;
  633. background-color: {color:Playcount BG};
  634. color: {color:Playcount Text};
  635. }
  636.  
  637. /*ANSWER*/
  638. .portrait img {
  639. width:33px;
  640. border-radius: 33px;
  641. border: 3px solid {color:Icon Border};
  642. -webkit-transition: all 0.5s linear;
  643. -moz-transition: all 0.5s linear;
  644. -o-transition: all 0.5s linear;
  645. }
  646.  
  647. .portrait img:hover {
  648. border-radius: 0px;
  649. }
  650.  
  651. .answer {
  652. width: 250px;
  653. }
  654.  
  655. /*CAPTION*/
  656. .caption {
  657. line-height: 12px;
  658. text-align: left;
  659. margin-top: -5px;
  660. }
  661.  
  662. /*TAG*/
  663. #tag {
  664. color:{color:Tag};
  665. text-transform: UPPERCASE;
  666. font-family: trebuchet ms;
  667. letter-spacing: 2px;
  668. font-size: 7px;
  669. line-height: 10px;
  670. margin-bottom: 20px;
  671. }
  672.  
  673. .tags {
  674. display: inline-block;
  675. color:{color:Tag};
  676. }
  677.  
  678. .tags a {
  679. color:{color:Tag};
  680. }
  681.  
  682. .tags a:hover {
  683. color:{color:Tag Hover};
  684. }
  685.  
  686. /*PERMALINK*/
  687. #perm {
  688. font-family: trebuchet ms;
  689. letter-spacing: 2px;
  690. font-size: 7px;
  691. padding: 0px 5px 0px 5px;
  692. opacity: 1;
  693. z-index: 9000;
  694. text-align: right;
  695. margin-left: -5px;
  696. margin-bottom: -3px;
  697. text-transform: UPPERCASE;
  698. color: {color:Permalink};
  699. width: 250px;
  700. -webkit-transition: all 0.5s ease-out;
  701. -moz-transition: all 0.5s ease-out;
  702. -o-transition: all 0.5s ease-out;
  703. }
  704.  
  705. #perm a {
  706. color: {color:Permalink};
  707. }
  708.  
  709. #perm a:hover {
  710. color: {color:Permalink Hover};
  711. }
  712.  
  713. #perma {
  714. font-family: trebuchet ms;
  715. letter-spacing: 2px;
  716. font-size: 7px;
  717. text-transform: UPPERCASE;
  718. margin-top: -10px;
  719. position: absolute;
  720. padding: 0px 5px 0px 5px;
  721. opacity: 0;
  722. z-index: 9000;
  723. margin-left: -40px;
  724. text-align: right;
  725. background-color: {color:permalink BG};
  726. color: {color:Permalink};
  727. width: 240px;
  728. -webkit-transition: all 0.6s ease-out;
  729. -moz-transition: all 0.6s ease-out;
  730. -o-transition: all 0.6s ease-out;
  731. }
  732.  
  733. .post:hover #perma {
  734. opacity: 0.9;
  735. margin-left: 0px;
  736. }
  737.  
  738. #perma a {
  739. color: {color:Permalink};
  740. }
  741.  
  742. #perma a:hover {
  743. color: {color:Permalink Hover};
  744. }
  745.  
  746. .notess {
  747. max-height: 215px;
  748. overflow: auto;
  749. text-align: left;
  750. line-height: 30px;
  751. padding: 1px 0px 1px 0px;
  752. width: 520px;
  753. background-color: {color:Post};
  754. max-width: 520px;
  755. margin-bottom: 20px;
  756. }
  757.  
  758. #pcont {
  759. width: 520px;
  760. }
  761.  
  762. .booglyboo {
  763. display: inline-block;
  764. margin-right: -1px;
  765. width: 90px;
  766. padding: 3px 6px 3px 6px;
  767. text-align: center;
  768. text-transform: UPPERCASE;
  769. letter-spacing: 2px;
  770. font-size: 9px;
  771. color: {color:PermaInfo};
  772. background-color: {color:PermaInfo BG};
  773. -webkit-transition: all 0.5s ease-out;
  774. -moz-transition: all 0.5s ease-out;
  775. -o-transition: all 0.5s ease-out;
  776. }
  777.  
  778. .booglyboo a {
  779. color:{color:PermaInfo};
  780. -webkit-transition: all 0.5s ease-out;
  781. -moz-transition: all 0.5s ease-out;
  782. -o-transition: all 0.5s ease-out;
  783. }
  784.  
  785. .booglyboo:hover {
  786. background-color: {color:PermaInfo BG Hover};
  787. color: {color:PermaInfo Hover};
  788. }
  789.  
  790. .booglyboo a:hover {
  791. color: {color:PermaInfo Hover};
  792. }
  793.  
  794. /*PAGINATION*/
  795. #pag {
  796. font-family: Calibri;
  797. font-size: 10px;
  798. line-height: 12px;
  799. color: {color:Pagination Current Page};
  800. bottom: 20px;
  801. position: fixed;
  802. {block:IndexPage}
  803. right: 280px;
  804. {/block:IndexPage}
  805. }
  806.  
  807. .pagi {
  808. width: 11px;
  809. margin-right: 3px;
  810. display: inline-block;
  811. height: 11px;
  812. padding: 2px 0px 3px 5px;
  813. background-color: {color:Pagination BG};
  814. border: 1px solid {color:Post Border};
  815. }
  816.  
  817. .pagi a {
  818. color: {color:Pagination};
  819. -webkit-transition: all 0.5s ease-out;
  820. -moz-transition: all 0.5s ease-out;
  821. -o-transition: all 0.5s ease-out;
  822. }
  823.  
  824. .pagi a:hover {
  825. color: {color:Pagination Hover};
  826. }
  827.  
  828. </style>
  829.  
  830. {block:IndexPage}
  831. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  832.  
  833. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  834.  
  835. <script>
  836. $(function(){
  837. var $container = $('#content');
  838. $container.imagesLoaded(function(){
  839. $container.masonry({
  840. itemSelector: '.post',
  841. });
  842. });
  843. $container.infinitescroll({
  844. itemSelector : ".post",
  845. navSelector : "div.nav",
  846. nextSelector : ".nav a#next",
  847. loadingImg : "",
  848. loadingText : "<em></em>",
  849. bufferPx : 10000,
  850. extraScrollPx: 12000,
  851. },
  852. // trigger Masonry as a callback
  853. function( newElements ) {
  854. var $newElems = $( newElements ).css({ opacity: 0 });
  855. // ensure that images load before adding to masonry layout
  856. $newElems.imagesLoaded(function(){
  857. $newElems.animate({ opacity: 1 });
  858. $container.masonry( 'appended', $newElems, true );
  859. });
  860. }
  861. );
  862. });
  863. </script>
  864. {/block:IndexPage}
  865.  
  866. </head>
  867.  
  868. <body>
  869.  
  870. <img src='{image:Corner Image}' width='{text:Corner Image Width}' style='position:fixed;bottom:{text:Corner Image Bottom};left:{text:Corner Image Left};z-index:-999;'/>
  871.  
  872. {block:ifInfiniteScroll}
  873.  
  874. {block:IndexPage}
  875. <div class="nav">
  876. {block:Pagination}
  877. {block:PreviousPage}
  878. <a href="{PreviousPage}">previous</a> &middot;
  879. {/block:PreviousPage}
  880. {block:NextPage}
  881. <a href="{NextPage}" id="next">next</a>
  882. {/block:NextPage}
  883. {/block:Pagination}
  884. </div>
  885. {/block:IndexPage}
  886.  
  887. {/block:ifInfiniteScroll}
  888.  
  889. <div id="sidebar">
  890.  
  891. {block:Description}
  892. <div class="desc">{Description}</div>
  893. {/block:Description}
  894.  
  895. <img src="{image:Sidebar}" style="width: 150px; height: 150px;
  896. border: 5px solid {color:Sidebar}; border-radius: 150px;">
  897.  
  898. <div class="title"><a href="/">{Title}</a></div>
  899.  
  900. <div class="navwoo">
  901. <center>
  902.  
  903. <div class="navi">
  904. <a href="/" title="home">
  905. <img src="http://static.tumblr.com/aqoekwn/A4Bm702ws/home.png">
  906. </a>
  907. </div>
  908.  
  909. <div class="navi">
  910. <a href="/ask" title="message">
  911. <img src="http://i.imgur.com/3JD1eeE.gif">
  912. </a>
  913. </div>
  914.  
  915. <div class="navi">
  916. <a href="/archive" title="archive">
  917. <img src="http://i.imgur.com/Qp1Cig3.gif">
  918. </a>
  919. </div>
  920.  
  921. <div class="navi">
  922. <a href="http://mfe-themes.tumblr.com/" title="theme">
  923. <img src="http://static.tumblr.com/3dz05fq/u0Mmb20b0/heart.png">
  924. </a>
  925. </div>
  926.  
  927. <div class="navi">
  928. <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">
  929. <img src="http://i.imgur.com/wmdD6Pt.gif"></a></div>
  930. </center>
  931. </div>
  932.  
  933. </div>
  934.  
  935. <div id="content">
  936.  
  937. {block:Posts}
  938.  
  939. <div class="post">
  940.  
  941. {block:Text}
  942. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  943. <div style="margin-top: -8px;"></div>
  944. {Body}
  945. <div style="margin-bottom: -8px;"></div>
  946.  
  947. {block:IndexPage}
  948. <div id="perm">
  949. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  950. <a href="{ReblogURL}">reblog</a> |
  951. <a href="{Permalink}">{NoteCount} notes</a>
  952. </div>
  953. {/block:IndexPage}
  954.  
  955. {/block:Text}
  956.  
  957. {block:Photo}
  958. <center>
  959. {block:IndexPage}
  960. <img src="{PhotoURL-250}">
  961. {block:ifCaptions}
  962. <div style="margin-bottom: -3px;"></div>
  963. {block:Caption}
  964. <div class="caption">
  965. {Caption}
  966. <div style="margin-bottom: -8px;"></div>
  967. </div>
  968. {/block:Caption}
  969. {/block:ifCaptions}
  970. {block:ifnotCaptions}
  971. <div style="margin-bottom: -4px;"></div>
  972. {/block:ifnotCaptions}
  973. {/block:IndexPage}
  974.  
  975. {block:IndexPage}
  976. <div id="perma">
  977. <a href="{ReblogURL}">reblog</a> |
  978. <a href="{Permalink}">{NoteCount} notes</a>
  979. </div>
  980. {/block:IndexPage}
  981.  
  982. {block:PermalinkPage}
  983. <img src="{PhotoURL-500}">
  984. <div style="margin-bottom: -3px;"></div>
  985. {block:Caption}
  986. <div class="caption">
  987. {Caption}
  988. <div style="margin-bottom: -8px;"></div>
  989. </div>
  990. {/block:Caption}
  991. {/block:PermalinkPage}
  992. </center>
  993. {/block:Photo}
  994.  
  995. {block:Photoset}
  996. {block:IndexPage}
  997. {Photoset-250}
  998. {block:ifCaptions}
  999. <div style="margin-bottom: -3px;"></div>
  1000. {block:Caption}
  1001. <div class="caption">
  1002. {Caption}
  1003. <div style="margin-bottom: -8px;"></div>
  1004. </div>
  1005. {/block:Caption}
  1006. {/block:ifCaptions}
  1007. {block:ifnotCaptions}
  1008. <div style="margin-bottom: -4px;"></div>
  1009. {/block:ifnotCaptions}
  1010. {/block:IndexPage}
  1011.  
  1012. {block:IndexPage}
  1013. <div id="perma">
  1014. <a href="{ReblogURL}">reblog</a> |
  1015. <a href="{Permalink}">{NoteCount} notes</a>
  1016. </div>
  1017. {/block:IndexPage}
  1018.  
  1019. {block:PermalinkPage}
  1020. {Photoset-500}
  1021. <div style="margin-bottom: -3px;"></div>
  1022. {block:Caption}
  1023. <div class="caption">
  1024. {Caption}
  1025. <div style="margin-bottom: -8px;"></div>
  1026. </div>
  1027. {/block:Caption}
  1028. {/block:PermalinkPage}
  1029. {/block:Photoset}
  1030.  
  1031. {block:Quote}
  1032. <div style="font-family: libre baskerville; font-weight: lighter; font-size: 12px; font-style: italic;">
  1033. {Quote}
  1034. <br>
  1035. </div>
  1036. — {Source}
  1037.  
  1038. {block:IndexPage}
  1039. <div id="perm">
  1040. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  1041. <a href="{ReblogURL}">reblog</a> |
  1042. <a href="{Permalink}">{NoteCount} notes</a>
  1043. </div>
  1044. {/block:IndexPage}
  1045.  
  1046. {/block:Quote}
  1047.  
  1048. {block:Link}
  1049. <div class="linktitle"><a href="{URL}">« {Name} »</a></div>
  1050. {block:Description}
  1051. <div style="margin-top: -8px;"></div>
  1052. {Description}
  1053. <div style="margin-bottom: -8px;"></div>
  1054. {/block:Description}
  1055.  
  1056. {block:IndexPage}
  1057. <div id="perm">
  1058. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  1059. <a href="{ReblogURL}">reblog</a> |
  1060. <a href="{Permalink}">{NoteCount} notes</a>
  1061. </div>
  1062. {/block:IndexPage}
  1063.  
  1064. {/block:Link}
  1065.  
  1066. {block:Chat}
  1067. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1068. {block:Lines}
  1069. <div class="line {Alt}">
  1070. {block:Label}<b>{Label}</b>
  1071. {/block:Label}
  1072. {Line}<br>
  1073. </div>
  1074. {/block:Lines}
  1075.  
  1076. {block:IndexPage}
  1077. <div id="perm">
  1078. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  1079. <a href="{ReblogURL}">reblog</a> |
  1080. <a href="{Permalink}">{NoteCount} notes</a>
  1081. </div>
  1082. {/block:IndexPage}
  1083.  
  1084. {/block:Chat}
  1085.  
  1086. {block:Video}
  1087. {block:IndexPage}
  1088. {Video-250}
  1089. {block:ifCaptions}
  1090. <div style="margin-bottom: -3px;"></div>
  1091. {block:Caption}
  1092. <div class="caption">
  1093. {Caption}
  1094. <div style="margin-bottom: -8px;"></div>
  1095. </div>
  1096. {/block:Caption}
  1097. {/block:ifCaptions}
  1098. {block:ifnotCaptions}
  1099. <div style="margin-bottom: -4px;"></div>
  1100. {/block:ifnotCaptions}
  1101. {/block:IndexPage}
  1102.  
  1103. {block:IndexPage}
  1104. <div id="perma">
  1105. <a href="{ReblogURL}">reblog</a> |
  1106. <a href="{Permalink}">{NoteCount} notes</a>
  1107. </div>
  1108. {/block:IndexPage}
  1109.  
  1110. {block:PermalinkPage}
  1111. {Video-500}
  1112. <div style="margin-bottom: -3px;"></div>
  1113. {block:Caption}
  1114. <div class="caption">
  1115. {Caption}
  1116. <div style="margin-bottom: -8px;"></div>
  1117. </div>
  1118. {/block:Caption}
  1119. {/block:PermalinkPage}
  1120. {/block:Video}
  1121.  
  1122. {block:Answer}
  1123. <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
  1124. <tr>
  1125. <td style="vertical-align:top;padding-right:7px;">
  1126. <div class="portrait"><img src="{AskerPortraitURL-64}"></div></td>
  1127. <td style="vertical-align:top;">
  1128. {Asker}:
  1129. {Question}
  1130. </td>
  1131. </tr>
  1132. </table>
  1133. <div style="border-bottom: 1px dashed {color:PostBorder}; margin-top: -6px;"></div>
  1134. <div class="answer">
  1135. {Answer}
  1136. </div>
  1137. <div style="margin-bottom: -7px;"></div>
  1138.  
  1139. {block:IndexPage}
  1140. <div id="perm">
  1141. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  1142. <a href="{ReblogURL}">reblog</a> |
  1143. <a href="{Permalink}">{NoteCount} notes</a>
  1144. </div>
  1145. {/block:IndexPage}
  1146.  
  1147. {/block:Answer}
  1148.  
  1149. {block:Audio}
  1150.  
  1151. <div class="tracont">
  1152. <div class="track">
  1153. {block:TrackName}
  1154. TRACK: {TrackName}
  1155. {/block:TrackName}
  1156. </div>
  1157.  
  1158. <div class="info">
  1159. {block:Artist}
  1160. ARTIST: {Artist}
  1161. {/block:Artist}
  1162. </div>
  1163.  
  1164. <div class="albumm">
  1165. {block:Album}
  1166. ALBUM: {Album}
  1167. {/block:Album}
  1168. </div>
  1169.  
  1170. <div class="count">
  1171. {block:PlayCount}
  1172. {PlayCountWithLabel}
  1173. {/block:PlayCount}
  1174. </div>
  1175.  
  1176. {block:AudioPlayer}
  1177. {block:ifBlackMusicPlayer}
  1178. <div class="player">{AudioPlayerBlack}</div>
  1179. {/block:ifBlackMusicPlayer}
  1180. {block:ifnotBlackMusicPlayer}
  1181. <div class="player">{AudioPlayerWhite}</div>
  1182. {/block:ifnotBlackMusicPlayer}
  1183. {/block:AudioPlayer}
  1184. </div>
  1185.  
  1186. <div class="album">
  1187. {block:AlbumArt}
  1188. {block:IndexPage}
  1189. <img src="{AlbumArtURL}">
  1190. {/block:IndexPage}
  1191. {block:PermalinkPage}
  1192. <img src="{AlbumArtURL}">
  1193. {/block:PermalinkPage}
  1194. {/block:AlbumArt}
  1195. </div>
  1196.  
  1197. {block:IndexPage}
  1198. {block:ifCaptions}
  1199. <div class="caption">
  1200. {block:Caption}
  1201. {Caption}
  1202. <div style="margin-bottom: -10px;"></div>
  1203. {/block:Caption}
  1204. </div>
  1205. {/block:ifCaptions}
  1206.  
  1207. {block:ifnotCaptions}
  1208. <div style="margin-bottom: -4px;"></div>
  1209. {/block:ifnotCaptions}
  1210.  
  1211. {/block:IndexPage}
  1212.  
  1213. {block:IndexPage}
  1214. <div id="perm">
  1215. <div style= "border-bottom: 1px solid {color:Post Border}; margin-top: 3px;"></div>
  1216. <a href="{ReblogURL}">reblog</a> |
  1217. <a href="{Permalink}">{NoteCount} notes</a>
  1218. </div>
  1219. {/block:IndexPage}
  1220.  
  1221. {block:PermalinkPage}
  1222. {block:Caption}
  1223. <div class="caption"> <div style="margin-top:0px;"></div>
  1224. {Caption}
  1225. <div style="margin-bottom: -8px;"></div>
  1226. </div>
  1227. {/block:Caption}
  1228. {/block:PermalinkPage}
  1229. {/block:Audio}
  1230.  
  1231. {block:ContentSource}
  1232. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1233. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1234. {/block:SourceLogo}
  1235. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1236. {/block:ContentSource}
  1237.  
  1238. </div>
  1239.  
  1240. {block:PermalinkPage}
  1241.  
  1242. <center>
  1243. {block:HasTags}
  1244. <div id="tag">
  1245. {block:Tags}
  1246. <div class="tags">
  1247. # <a href="{TagURL}">{Tag}</a>&nbsp&nbsp
  1248. </div>
  1249. {/block:Tags}
  1250. </div>
  1251. {/block:HasTags}
  1252.  
  1253. <div id="pcont">
  1254. <center>
  1255. {block:RebloggedFrom}
  1256. <div class="booglyboo">
  1257. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1258. </div>
  1259. <div class="booglyboo">
  1260. <a href="{ReblogRootURL}" title= "{ReblogRootName}">origin</a></div>
  1261. {/block:RebloggedFrom}
  1262.  
  1263. {block:NoteCount}
  1264. <div class="booglyboo">{NoteCount} notes</div>
  1265. {/block:NoteCount}
  1266.  
  1267. {block:Date}
  1268. <div class="booglyboo">
  1269. {block:ifMonthDayYear}
  1270. {MonthNumber}/{DayOfMonth}/{Year}
  1271. {/block:ifMonthDayYear}
  1272. {block:ifDayMonthYear}
  1273. {DayOfMonth}/{MonthNumber}/{Year}
  1274. {/block:ifDayMonthYear}
  1275. {block:ifYearMonthDay}
  1276. {Year}/{MonthNumber}/{DayOfMonth}
  1277. {/block:ifYearMonthDay}
  1278. </div>
  1279. {/block:Date}
  1280.  
  1281. {block:Date}
  1282. <div class="booglyboo" style="width: 92px;">
  1283. {block:if12HourTime}
  1284. {12Hour}:{Minutes}{AmPm}
  1285. {/block:if12HourTime}
  1286. {block:ifnot12HourTime}
  1287. {24Hour}:{Minutes}
  1288. {/block:ifnot12HourTime}
  1289. </div>
  1290. {/block:Date}
  1291. </center>
  1292.  
  1293. {block:PostNotes}
  1294. <center>
  1295. <div class="notess">{PostNotes}</div>
  1296. </center>
  1297. {/block:PostNotes}
  1298. </div>
  1299.  
  1300. {/block:PermalinkPage}
  1301.  
  1302.  
  1303. {/block:Posts}
  1304.  
  1305. {block:IfNotInfiniteScroll}
  1306. {block:IndexPage}
  1307. <div id="pag">
  1308. {block:Pagination}
  1309. {block:PreviousPage}
  1310. <div class="pagi">
  1311. <a class="jump_page" href="{PreviousPage}">«</a>
  1312. </div>
  1313. {/block:PreviousPage}
  1314.  
  1315. {block:JumpPagination length="3"}
  1316. {block:CurrentPage}
  1317. <div class="pagi">
  1318. <span class="current_page"> {PageNumber}</span>
  1319. </div>
  1320. {/block:CurrentPage}
  1321.  
  1322. {block:JumpPage}
  1323. <div class="pagi">
  1324. <a class="jump_page" href="{URL}"> {PageNumber}</a>
  1325. </div>
  1326. {/block:JumpPage}
  1327. {/block:JumpPagination}
  1328.  
  1329. {block:NextPage}
  1330. <div class="pagi">
  1331. <a class="jump_page" href="{NextPage}">»</a>
  1332. </div>
  1333. {/block:NextPage}
  1334. {/block:Pagination}
  1335. </div>
  1336. {/block:IndexPage}
  1337. {/block:IfNotInfiniteScroll}
  1338.  
  1339. </div>
  1340.  
  1341. </body>
  1342.  
  1343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!