API tools faq
paste
Advertisement
baixiao

Theme 09: Agasae

baixiao
Jul 6th, 2014
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.86 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3.  
  4. [Theme 9: Agasae] created by Ally (taesthetic.tumblr.com)
  5. Please keep the credits for this theme! (You may
  6. redirect to another page if desired.
  7. Feel free to contact me for any questions! <3
  8.  
  9.  
  10. ---------------------------------------------------------------------->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <script>
  17. var current_obj='';
  18. function showLinks(objID) {
  19. var obj=document.getElementById(objID);
  20. if (current_obj.style) {
  21. current_obj.style.display='none';
  22. }
  23. obj.style.display='block';
  24. current_obj=obj;
  25. }
  26. </script>
  27.  
  28. <head>
  29.  
  30. <meta name="text:Search Label" content="" />
  31. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  32.  
  33. <meta name="color:bg" content="#FFFFFF">
  34. <meta name="color:link" content="#E6E4E4">
  35. <meta name="color:hover" content="#454545">
  36. <meta name="color:infobg" content="#FCFCFC">
  37. <meta name="color:text" content="#9A9A9A">
  38. <meta name="color:tags" content="#EDEDED">
  39. <meta name="color:scrollbar" content="#D6D5D5">
  40. <meta name="color:border" content="#FAFAFA">
  41. <meta name="image:sidebar" content="" />
  42.  
  43. <meta name="text:linkA" content="">
  44. <meta name="text:linkB" content="">
  45. <meta name="text:linkC" content="">
  46.  
  47. <meta name="text:music url" content="MUSIC CODE HERE">
  48.  
  49. <meta name="text:link 1 title" content="TITLE ONE">
  50. <meta name="text:link 1 content" content="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. 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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
  51. <meta name="text:link 2 title" content="TITLE TWO">
  52. <meta name="text:link 2 content" content="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. 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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
  53. <meta name="text:link 3 title" content="TITLE THREE">
  54. <meta name="text:link 3 content" content="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. 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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.  
  61. <style type="text/css">
  62.  
  63. iframe#tumblr_controls {
  64.  
  65. top:0%!important;
  66. right:0%!important;
  67. position:fixed!important;
  68. z-index:9999999!important;
  69. opacity:0.3;
  70. -webkit-filter:invert(100%);
  71. -moz-filter:invert(100%);
  72. -o-filter:invert(100%);
  73. -ms-filter:invert(100%);
  74. filter:invert(100%);
  75. }
  76.  
  77. a {
  78. color:{color:link};
  79. text-decoration:none;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. a:hover {
  86. color:{color:hover};
  87. text-decoration:none;
  88. -moz-transition-duration:0.5s;
  89. -webkit-transition-duration:0.5s;
  90. -o-transition-duration:0.5s;
  91. }
  92.  
  93.  
  94. ::-webkit-scrollbar {background-color:#fff; height:8px; width:8px}
  95. ::-webkit-scrollbar-thumb:vertical {background-color:#d3d3d3; height:50px}
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:#d3d3d3; height:8px!important}
  97.  
  98. pre {
  99. color:{color:text};
  100. background-color:#ececec;
  101. font-style:normal;
  102. font-size:8px;
  103. font-family:tinytots;
  104. overflow:auto;
  105. }
  106.  
  107. body {
  108. color:{color:text};
  109. background-color:#fff;
  110. font-family: tinytots;
  111. font-size:8px;
  112. }
  113.  
  114. h1 {
  115. font-weight:normal;
  116. font-size:8px;
  117. text-align:center;
  118. font-style:normal;
  119. line-height:80%;
  120. letter-spacing:1px;
  121. text-transform:uppercase;
  122. color:{color:text};
  123. }
  124.  
  125. h2 {
  126. font-size:14px;
  127. text-align:center;
  128. line-height:100%;
  129. letter-spacing:0px;
  130. text-transform:uppercase;
  131. color:{color:text};
  132. font-weight:normal;
  133. padding:5px;
  134. padding-bottom:2px;
  135. }
  136.  
  137. /*---HOVER---*/
  138. #s-m-t-tooltip {
  139. z-index: 9999;
  140. background: #fff;
  141. font-size: 8px;
  142. font-family: tinytots;
  143. font-style: none;
  144. letter-spacing: 1px;
  145. text-transform: uppercase;
  146. color: #aaa;
  147. max-width: 150px;
  148. text-align: left;
  149. border:1px solid #eee;
  150. padding: 5px 10px 5px 10px;
  151. display: block;
  152. margin: 24px 14px 7px 12px;
  153. border-radius: 3px;
  154. }
  155.  
  156.  
  157. blockquote {
  158. border-left:2px solid {color:text};
  159. padding-left:5px;
  160. margin:5px;
  161. }
  162.  
  163. #theme {
  164. background-color:{color:bg};
  165. width:700px;
  166. margin: 0 auto -45px auto;
  167. text-align: center;
  168. }
  169.  
  170. #sidebar2 {
  171. padding-left:4px;
  172. padding-right:4px;
  173. margin-left:160px;
  174. margin-top:75px;
  175. margin-bottom:-195px;
  176. text-align:left;
  177. letter-spacing:1px;
  178. width: auto;
  179. height: auto;
  180. }
  181.  
  182. .sidebar2 {
  183. width:56px;
  184. padding-top:4px;
  185. padding-bottom:4px;
  186. font-family:tinytots;
  187. font-size:8px;
  188. display:inline-block;
  189. color:{color:text};
  190. text-transform: none;
  191. letter-spacing: 0px;
  192. text-align: center;
  193. background: #ececec;
  194. }
  195.  
  196. .sidebar2:hover {
  197. color: {color:desc text};
  198. color:transparent;
  199. text-shadow:0 0 1px #000;
  200. -moz-box-shadow: 0px 0px 0px #fff;
  201. -webkit-box-shadow: 0px 0px 0px #fff;
  202. box-shadow: 0px 0px 0px #fff;
  203. text-decoration:NONE;
  204. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  205. top-padding:4px;
  206. }
  207.  
  208.  
  209. .links {
  210. padding-top:2px;
  211. font-size:8px;
  212. font-family: tinytots;
  213. text-transform:uppercase;
  214. text-align:left;
  215. letter-spacing:2px;
  216. line-height:170%;
  217. }
  218.  
  219. .links a{
  220. padding:auto;
  221. color:{color:link};
  222. text-decoration:none;
  223. -moz-transition-duration:1s;
  224. -webkit-transition-duration:1s;
  225. -o-transition-duration:1s;
  226. }
  227.  
  228. .links a:hover{
  229. color:{color:hover};
  230. -moz-transition-duration:1s;
  231. -webkit-transition-duration:1s;
  232. -o-transition-duration:1s;
  233. }
  234.  
  235. #lights {
  236. position:fixed;
  237. }
  238.  
  239. #searchbox {
  240. position:absolute;
  241. margin-left:0px;
  242. width: 10px;
  243. background: #f0f0f0;
  244. margin-top: 2px;
  245. }
  246.  
  247. #search {
  248. text-align:center;
  249. border: 1px solid #f0f0f0;
  250. letter-spacing:1px;
  251. text-transform:uppercase;
  252. font-family:tinytots;
  253. width: 105px;
  254. height: 12px;
  255. font-size: 8px;
  256. color: #ddd;
  257. }
  258.  
  259. #button {
  260. position: absolute;
  261. margin-left:-12px;
  262. margin-top:-16px;
  263. background: #f0f0f0;
  264. }
  265.  
  266. #desc {
  267. position:fixed;
  268. padding-bottom:10px;
  269. padding-left:8px;
  270. margin-left:51px;
  271. padding-right:8px;
  272. padding-top:7px;
  273. background:#fafafa;
  274. width:200px;
  275. margin-top:-15px;
  276. text-align:justify;
  277. font-family: tinytots;
  278. font-size:8px;
  279. color:{color:text};
  280. letter-spacing:0px;
  281. line-height:90%;
  282. }
  283.  
  284. #desc2 {
  285. position:fixed;
  286. padding-bottom:10px;
  287. padding-left:8px;
  288. padding-right:8px;
  289. padding-top:7px;
  290. background:#fafafa;
  291. width:130px;
  292. text-align:justify;
  293. font-family: tinytots;
  294. font-size:8px;
  295. color:{color:text};
  296. letter-spacing:0px;
  297. line-height:90%;
  298. }
  299.  
  300. .desc a {
  301. color:{color:link};
  302. }
  303.  
  304. .pagi {
  305. font-size:8px;
  306. font-family:tinytots;
  307. text-transform:uppercase;
  308. letter-spacing:3px;
  309. font-style:normal;
  310. padding-top:15px;
  311. float:center;
  312. }
  313.  
  314. .pagi a {
  315. color:{color:link};
  316. }
  317.  
  318. #renderbender {
  319. position:fixed;
  320. bottom:-10px;
  321. margin-left:307px;
  322. }
  323.  
  324. #renderbender2 {
  325. opacity:0.8;
  326. position:fixed;
  327. top:0px;
  328. right:0px;
  329. }
  330.  
  331. #stuffcontainer {
  332. padding-left:45px;
  333. padding-right:45px;
  334. border:1px solid #ececec;
  335. background-color:#fff;
  336. text-align:justify;
  337. color:{color:text};
  338. padding-bottom:40px;
  339. margin-top:200px;
  340. float:left;
  341. margin-left:160px;
  342. overflow:auto;
  343. max-height:505px;
  344. }
  345.  
  346. #cred {
  347. right:5px;
  348. bottom:5px;
  349. position:fixed;
  350. }
  351.  
  352. #whole {
  353. margin:auto;
  354. margin-top:5%;
  355. width:250px;
  356. }
  357.  
  358. #topbar {
  359. opacity:1;
  360. position:absolute;
  361. float:center;
  362. padding-left:58px;
  363. padding-right:59px;
  364. border-left:1px solid #d3d3d3;
  365. border-right:1px solid #d3d3d3;
  366. margin-left:200px;
  367. padding-top:5px;
  368. background-color:#fff;
  369. width:250px;
  370. height:150px;
  371. text-align:justify;
  372. color:{color:text};
  373. }
  374.  
  375. #title {
  376. font-size:8px;
  377. letter-spacing:1px;
  378. font-family:calibri;
  379. }
  380.  
  381. #holidays {
  382. border-radius:5px;
  383. float:center;
  384. text-transform:none;
  385. width:100px;
  386. padding:15px;
  387. margin-top:200px;
  388. margin-left:535px;
  389. position:fixed;
  390. float:center;
  391. font-size:10px;
  392. font-family:calibri;
  393. border:1px solid #ececec;
  394. color:{color:text};
  395. background-color:{color:bg};
  396. }
  397.  
  398. #holidays img {
  399. max-width:100px;
  400. padding-bottom:5px;
  401. }
  402.  
  403. #stuff {
  404. margin-left:7px;
  405. padding:10px;
  406. width:250px;
  407. font-family:helvetica;
  408. margin-top:40px;
  409. text-align:justify;
  410. font-size:9px;
  411. background-color:#fff;
  412. color:{color:text};
  413. }
  414.  
  415. #asker {
  416. float:left;
  417. margin-right:5px;
  418. }
  419.  
  420. .question{
  421. background-color:#fcfcfc;
  422. text-transform:none;
  423. font-style:italic;
  424. letter-spacing:3px;
  425. padding:6px;
  426. }
  427.  
  428. #audioplayer {
  429. overflow:auto;
  430. top:20px;
  431. margin-bottom:10px;
  432. }
  433.  
  434. #albumart {
  435. float:left; margin:0px 7px;
  436. }
  437.  
  438. .audioinfo {
  439. text-transform:uppercase;
  440. background-color:#fff;
  441. font-family:tinytots;
  442. font-size:8px;
  443. margin-left:80px;
  444. line-height:15px;
  445. }
  446.  
  447. #infos {text-align:center;
  448. margin-top:15px;
  449. line-height:130%;
  450. text-transform:uppercase;
  451. font-size:8px;
  452. font-family:tinytots;
  453. color:#acabab;
  454. font-style:none;
  455. border-top:1px solid #ebebeb;
  456. padding-top:1px;}
  457.  
  458. #infos a {color:{color:link};text-align:right;letter-spacing:0px;}
  459.  
  460. #infos a:hover {color:{color:hover};}
  461.  
  462. .note li {
  463. list-style:hiragana;
  464. border-bottom:0px solid #fbfbfb;
  465. padding:5px 15px 5px 15px;
  466. text-align:left;
  467. margin:0px;
  468. line-height: 80%;
  469. background-color:{color:bg};
  470. -moz-transition-duration:0.5s;
  471. -webkit-transition-duration:0.5s;
  472. -o-transition-duration:0.5s;
  473. }
  474.  
  475. .note li:hover {
  476. background-color:{color:infobg};
  477. -moz-transition-duration:0.5s;
  478. -webkit-transition-duration:0.5s;
  479. -o-transition-duration:0.5s;
  480. }
  481.  
  482. .note img {
  483. display:none;
  484. }
  485.  
  486. .tags{
  487. text-transform:uppercase;
  488. letter-spacing:0px;
  489. line-height:100%;
  490. font-family:tinytots;
  491. font-size:8px;
  492. text-align:right;}
  493.  
  494. #permalink {padding:10px;}
  495.  
  496. #nope {overflow:hidden;padding:0;margin:0}
  497.  
  498.  
  499.  
  500. ul.chat, .chat ol, .chat li {
  501. list-style:hiragana;
  502. margin:0px;
  503. padding:2px;
  504. }
  505.  
  506. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  507.  
  508. .label {
  509. text-decoration:underline;
  510. font-weight:700;
  511. background-color:{color:infobg};
  512. margin-right:5px;
  513. }
  514.  
  515. #credit {
  516. position:fixed;
  517. font-size:15px;
  518. font-weight:normal;
  519. line-height:150%;
  520. letter-spacing:2px;
  521. right:10px;
  522. bottom:10px;
  523. text-transform:uppercase;
  524. text-align:center;
  525. }
  526.  
  527. {CustomCSS}
  528.  
  529. .copyright {
  530. text-align:center;
  531. text-transform:uppercase;
  532. letter-spacing:1px;
  533. font-size:8px;
  534. font-family:tinytots;
  535. margin-top:15px;
  536. }
  537.  
  538. #music-rounded {
  539. position:fixed;
  540. margin-top:20px;
  541. margin-left:135px;
  542. width:50px;
  543. height:50px;
  544. border:1px solid #ececec;
  545. background-color:{color:bg};
  546. -moz-border-radius:100px;
  547. -webkit-border-radius:100px;
  548. border-radius:100px;
  549. opacity:1;
  550. -webkit-transition: all 0.4s ease;
  551. -moz-transition: all 0.4s ease;
  552. transition: all 0.4s ease;
  553. }
  554.  
  555. #music-rounded img {
  556. margin-top:20px;
  557. margin-left:1px;
  558. }
  559.  
  560. #music-rounded:hover .music-player-embed {
  561. border-radius:5px;
  562. margin-top:-20px;
  563. opacity:1;
  564. background-color#fff;
  565. color:#c0bebe;
  566. -webkit-transition: all 0.7s ease;
  567. -moz-transition: all 0.7s ease;
  568. transition: all 0.7s ease;
  569. }
  570.  
  571. .music-player-embed {
  572. border:1px solid #ececec;
  573. font-family:Consolas;
  574. font-size:11px;
  575. position:absolute;
  576. min-width:100px;
  577. background-color:{color:bg};
  578. padding:9px;
  579. margin-left:-100px;
  580. margin-top:0px;
  581. overflow:hidden;
  582. opacity:0;
  583. -webkit-transition: all 0.7s ease;
  584. -moz-transition: all 0.7s ease;
  585. transition: all 0.7s ease;
  586. }
  587.  
  588. #stuff1 {
  589. width:220px;
  590. margin-left:-290px;
  591. top:200px;
  592. background:white;
  593. font-family:calibri;
  594. font-size:10px;
  595. color:gray;
  596. position:fixed;
  597. text-align:left;
  598. letter-spacing:1px;
  599. }
  600.  
  601. #stuff2 {
  602. width:220px;
  603. margin-left:-290px;
  604. top:200px;
  605. background:white;
  606. font-family:calibri;
  607. font-size:10px;
  608. color:gray;
  609. position:fixed;
  610. text-align:left;
  611. letter-spacing:1px;
  612. }
  613.  
  614. #stuff3 {
  615. width:220px;
  616. margin-left:-290px;
  617. top:200px;
  618. background:white;
  619. font-family:calibri;
  620. font-size:10px;
  621. color:gray;
  622. position:fixed;
  623. text-align:left;
  624. letter-spacing:1px;
  625. }
  626.  
  627. .showhide_element {
  628. display: none;
  629. }
  630.  
  631. </style>
  632.  
  633. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  634.  
  635. <script>
  636. $(document).ready(function() {
  637. ///When you click on a link with class of poplight and the href starts with a #
  638. $('a.poplight[href^=#]').click(function() {
  639. var popID = $(this).attr('rel'); //Get Popup Name
  640. var popURL = $(this).attr('href'); //Get Popup href to define size
  641. //Pull Query & Variables from href URL
  642. var query= popURL.split('?');
  643. var dim= query[1].split('&');
  644. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  645. //Fade in the Popup and add close button
  646. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" /></a>');
  647. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  648. var popMargTop = ($('#' + popID).height() + 30) / 2;
  649. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  650. //Apply Margin to Popup
  651. $('#' + popID).css({
  652. 'margin-top' : -popMargTop,
  653. 'margin-left' : -popMargLeft
  654. });
  655. //Fade in Background
  656. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  657. $('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  658. return false;
  659. });
  660. //Close Popups and Fade Layer
  661. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  662. $('#fade , .popup_block').fadeOut(function() {
  663. $('#fade, a.close').remove(); //fade them both out
  664. });
  665. return false;
  666. });
  667. });
  668. </script>
  669.  
  670. <script type="text/javascript"
  671. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  672.  
  673. <script>
  674. $(document).ready(function() {
  675. ////When you click on a link with class of poplight and the href starts with a #
  676. $('a.poplight2[href^=#]').click(function() {
  677. var popID = $(this).attr('rel'); //Get Popup Name
  678. var popURL = $(this).attr('href'); //Get Popup href to define size
  679. //Pull Query & Variables from href URL
  680. var query= popURL.split('?');
  681. var dim= query[1].split('&');
  682. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  683. //Fade in the Popup and add close button
  684. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" /></a>');
  685. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  686. var popMargTop = ($('#' + popID).height() + 30) / 2;
  687. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  688. //Apply Margin to Popup
  689. $('#' + popID).css({
  690. 'margin-top' : -popMargTop,
  691. 'margin-left' : -popMargLeft
  692. });
  693. //Fade in Background
  694. $('body').append('<div id="fade2"></div>'); //Add the fade layer to bottom of the body tag.
  695. $('#fade2').css({'filter' : 'alpha(opacity=50)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  696. return false;
  697. });
  698. //Close Popups and Fade Layer
  699. $('a.close, #fade2').live('click', function() { //When clicking on the close or fade layer...
  700. $('#fade2 , .popup_block2').fadeOut(function() {
  701. $('#fade2, a.close').remove(); //fade them both out
  702. });
  703. return false;
  704. });
  705. });
  706. </script>
  707.  
  708. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  709.  
  710. <script>
  711. $(document).ready(function() {
  712. ///When you click on a link with class of poplight and the href starts with a #
  713. $('a.poplight3[href^=#]').click(function() {
  714. var popID = $(this).attr('rel'); //Get Popup Name
  715. var popURL = $(this).attr('href'); //Get Popup href to define size
  716. //Pull Query & Variables from href URL
  717. var query= popURL.split('?');
  718. var dim= query[1].split('&');
  719. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  720. //Fade in the Popup and add close button
  721. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" /></a>');
  722. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  723. var popMargTop = ($('#' + popID).height() + 30) / 2;
  724. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  725. //Apply Margin to Popup
  726. $('#' + popID).css({
  727. 'margin-top' : -popMargTop,
  728. 'margin-left' : -popMargLeft
  729. });
  730. //Fade in Background
  731. $('body').append('<div id="fade3"></div>'); //Add the fade layer to bottom of the body tag.
  732. $('#fade3').css({'filter' : 'alpha(opacity=50)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  733. return false;
  734. });
  735. //Close Popups and Fade Layer
  736. $('a.close, #fade3').live('click', function() { //When clicking on the close or fade layer...
  737. $('#fade3 , .popup_block3').fadeOut(function() {
  738. $('#fade3, a.close').remove(); //fade them both out
  739. });
  740. return false;
  741. });
  742. });
  743. </script>
  744.  
  745. <!------ SCROLL BAR ------>
  746.  
  747. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  748. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  749. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  750.  
  751. <script>
  752. (function($){
  753. $(document).ready(function(){
  754. $("[title],a[title],img[title]").style_my_tooltips({
  755. tip_follows_cursor:true,
  756. tip_delay_time:100,
  757. tip_fade_speed:300,
  758. attribute:"title"
  759. });
  760. });
  761. })(jQuery);
  762. </script>
  763. <script type="text/javascript"
  764. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  765.  
  766. </head>
  767.  
  768. <body>
  769.  
  770. <div id="theme">
  771. <div class="autopagerize_page_element">
  772. <div id="music-rounded">
  773. <center><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></center>
  774. <div class="music-border"></div>
  775. <div class="music-player-embed">
  776. <center>{text:music url}</center>
  777. </div>
  778. </div>
  779.  
  780. <div id="sidebar2">
  781. <a class="sidebar2" href="/">INDEX</a>
  782. <a class="sidebar2" href="/ask">MESSAGE</a>
  783. {block:IfLinkA}<a class="sidebar2" href="#" onClick="showLinks('stuff1');return false;">{text:linkA}</a>{/block:IfLinkA}
  784. {block:IfLinkB}<a class="sidebar2" href="#" onClick="showLinks('stuff2');return false;">{text:linkB}</a>{/block:IfLinkB}
  785. {block:IfLinkC}<a class="sidebar2" href="#" onClick="showLinks('stuff3');return false;">{text:linkC}</a>{/block:IfLinkC}
  786. <a class="sidebar2" href="/archive">ARCHIVE</a>
  787. </div>
  788.  
  789. <div id="holidays" align="center">
  790. <div id="holidays img">
  791. <img src="{image:sidebar}">
  792. </div>
  793. {Description}
  794.  
  795. <div id="searchbox">
  796. <form onsubmit="return tagSearch(this)">
  797. <input type="text" id="search" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  798. <input type="image" id="button" src="http://static.tumblr.com/7qjmkr5/uxRmhf6ak/search.png" value="{text:Search Label}" />
  799. </form>
  800. </div>
  801. </div>
  802. </div>
  803.  
  804. <div id="stuffcontainer">
  805.  
  806. {block:Posts}
  807.  
  808. <div id="stuff">
  809.  
  810. <div id="nope">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}</div>
  811.  
  812. <div id="nope">{block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}</div>
  813.  
  814. <div id="nope">{block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  815. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}</div>
  816.  
  817. <div id="nope">{block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}</div>
  818.  
  819. <div id="nope">{block:Photoset}<center>{Photoset-250}</center>
  820. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  821.  
  822. <div id="nope">{block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}</div>
  823.  
  824. <div id="nope">{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>
  825.  
  826. <div id="nope">{block:Answer}<b><div class="ask">{Asker}</b> whimpered: <i>{Question}</div></i><div class="ans">{Answer}</div>{/block:answer}</div>
  827.  
  828. <div id="nope">{block:Audio}
  829. <div id="audioplayer">{AudioPlayerWhite} </div>
  830. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  831. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}
  832. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  833. {/block:Audio}
  834. </div>
  835.  
  836. <div id="renderbender"><img src=".https://31.media.tumblr.com/f53803acec2dc2eba0eda04fa3780eab/tumblr_inline_n4maz5SPQW1qzkjs3.png"></div>
  837.  
  838. <div id="stuff1" class="showhide_element">
  839. <div align="center">
  840. <big><big>{text:link 1 title}</big></big>
  841. </div>
  842. {text:link 1 content}
  843. </div>
  844.  
  845. <div id="stuff2" class="showhide_element">
  846. <div align="center">
  847. <big><big>{text:link 2 title}</big></big>
  848. </div>
  849. {text:link 2 content}
  850. </div>
  851.  
  852. <div id="stuff3" class="showhide_element">
  853. <div align="center">
  854. <big><big>{text:link 3 title}</big></big>
  855. </div>
  856. {text:link 3 content}
  857. </div>
  858.  
  859. <div id="infos">
  860. {block:Date}<a href="{Permalink}" title="{Year} {ShortMonth} {DayOfMonthWithZero} @ {12HourWithZero}:{Minutes}{CapitalAmPm}">{NoteCount} NOTES</a>{/block:Date} {block:RebloggedFrom} <a href="{ReblogParentURL}">• via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">• src</a>
  861. {/block:ContentSource}</div>
  862. {block:HasTags}
  863. <div class="tags">
  864. {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  865. {/block:HasTags}
  866. <div class="note">
  867. {block:PostNotes}{PostNotes}{/block:PostNotes}
  868. </div>
  869. </div>
  870. {/block:Posts}
  871. {block:Pagination}
  872. <div align="center" class="pagi">
  873. {block:PreviousPage}
  874. <a href="{PreviousPage}">«</a>
  875. {/block:PreviousPage}
  876. {block:JumpPagination length="3"}
  877. {block:CurrentPage}
  878. <span class="current_page">{PageNumber}</span>
  879. {/block:CurrentPage}{block:JumpPage}
  880. <a class="jump_page" href="{URL}">{PageNumber}</a>
  881. {/block:JumpPage}{/block:JumpPagination}
  882. {block:NextPage}
  883. <a href="{NextPage}">»</a>
  884. {/block:NextPage}
  885. </div>
  886. {/block:Pagination}
  887. <a style="position: fixed; margin-left:-545px; bottom:0px;"><img src=".https://31.media.tumblr.com/c8971cada455a0a8028fa47396993ede/tumblr_n3jejyM3yy1qgk39uo1_500.jpg"></a>
  888. <div class="copyright">theme &copy; taesthetic 2014</div>
  889. </div>
  890. </div>
  891. </div>
  892.  
  893. <div id="credit"><a href="http://taesthetic.tumblr.com">✖</a></div>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. </body>
  899. </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!