API tools faq
paste
Advertisement
trenzalours

theme 10-tiberius

trenzalours
Jun 12th, 2014
998
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.22 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <!---
  8. |||||||||| T R E N Z A L O U R S - T H E M E S ||||||||||
  9.  
  10. -PLEASE DON'T REMOVE THE CREDIT--DON'T REPOST AND CLAIM AS YOUR OWN-
  11. -EDIT AS MUCH AS YOU LIKE--Don't just take the update code from theme-
  12. _____________________________________________________________________________
  13.  
  14. -Feel free to message me with any questions! Enjoy!
  15.  
  16. wwww.trenzathemes.tumblr.com *****
  17. ****** wwww.trenzalours.tumblr.com
  18. _____________________________________________________________________________
  19. --->
  20.  
  21. <head>
  22.  
  23.  
  24. <meta name="color:bg" content="#ffffff">
  25. <meta name="color:link" content="#gggggg">
  26. <meta name="color:link hover" content="#ffffff">
  27. <meta name="color:text" content="#gggggg">
  28. <meta name="color:title" content="#000000">
  29. <meta name="color:accent" content="#eeeeee">
  30. <meta name="color:selection" content="#000000" >
  31.  
  32. <meta name="color:tab01" content="#eeeeee">
  33. <meta name="color:tab02" content="#dddddd">
  34.  
  35. <meta name="image:favicon" content="">
  36.  
  37. <meta name="if:updates tab" content="1">
  38. <meta name="if:music" content="0">
  39. <meta name="text:URL" content="url for askbox">
  40. <meta name="text:link2" content="">
  41. <meta name="text:link2 url" content="/">
  42. <meta name="text:link3" content="">
  43. <meta name="text:link3 url" content="/">
  44. <meta name="text:link4" content="">
  45. <meta name="text:link4 url" content="/">
  46.  
  47.  
  48. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="shortcut icon" href="{image:favicon}" />
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.  
  52. <!---FONTS--->
  53. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  54.  
  55. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  56.  
  57. <!--end fonts-->
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. /*---begin tooltips---*/
  64.  
  65. #s-m-t-tooltip {-webkit-animation: Beeh 500ms;
  66.  
  67. max-width:300px;
  68. background-color:{color:bg};
  69. box-shadow:0px 2px 3px gray;
  70. font-family:calibri;
  71. font-size:8px;
  72. color:{color:text};
  73. letter-spacing:2px;
  74. text-transform:uppercase;
  75. padding:3px 4px 3px 4px;
  76. margin:-20px 0px 0px 0px;
  77. z-index:9999999999999999999999; }
  78.  
  79. @-webkit-keyframes Beeh {
  80. 0% {-webkit-transform: opacity(.4);}
  81. 50% {-webkit-transform: opacity(1.04);}
  82. 70% {-webkit-transform: opacity(.9);}
  83. 100% {-webkit-transform: opacity(1);}}
  84. /*---end tooltips---*/
  85.  
  86. ::selection {
  87. background-color:{color:selection};
  88. color:white;
  89. }
  90.  
  91. *, body, a, a:hover {
  92. cursor: url(http://i62.tinypic.com/1eqwk2.png), auto;}
  93.  
  94. /*/BEGIN UPDATES TAB CODE/*/
  95.  
  96. #tab1{
  97. text-transform:uppercase;
  98. font-size:7px; /* CHANGE THE FONT SIZE */
  99. letter-spacing:1px; /* CHENGE THE LETTER SPACING*/
  100. font-family:tahoma; /* CHANGE THE FONT */
  101. background:{color:tab01};
  102. margin-left:2px;
  103. color:{color:text};/* CHANGE THE FONT COLOR */
  104. text-align:justify;
  105. padding:10px;
  106. letter-spacing:1px;
  107.  
  108. }
  109.  
  110. #tab1box{ /*---DO NOT EDIT ANY OF THIS---*/
  111.  
  112. position:absolute;
  113. overflow:hidden;
  114. width:100px;
  115. height:3px;
  116. z-index:999999999999;
  117. z-index:9;
  118. -webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out;
  120. transition: all 0.5s ease-out;
  121.  
  122. }
  123.  
  124. #tab1box:hover{
  125. background:{color:bg};
  126. width:100px;
  127. height:230px; /*--ADJUST THE HEIGHT OF TAB--*/
  128. -webkit-transition: all 0.5s ease-in;
  129. -moz-transition: all 0.5s ease-in;
  130. transition: all 0.5s ease-in;
  131.  
  132. }
  133.  
  134. #tab2{
  135. text-transform:uppercase;
  136. letter-spacing:1px;
  137. font-size:7px; /* CHANGE THE FONT SIZE */
  138. letter-spacing:1px; /* CHENGE THE LETTER SPACING*/
  139. font-family:tahoma; /* CHANGE THE FONT */
  140. background:{color:tab02};
  141. margin-left:2px;
  142. color:{color:text};/* CHANGE THE FONT COLOR */
  143. text-align:justify;
  144. padding:10px;
  145.  
  146. }
  147.  
  148.  
  149. #tab2box{ /*---DO NOT EDIT ANY OF THIS---*/
  150. position:absolute;
  151. overflow:hidden;
  152. margin-left:100px;
  153. width:100px;
  154. height:3px;
  155. z-index:999999999999;
  156. z-index:9;
  157. -webkit-transition: all 0.5s ease-out;
  158. -moz-transition: all 0.5s ease-out;
  159. transition: all 0.5s ease-out;
  160.  
  161. }
  162.  
  163. #tab2box:hover{
  164. background:{color:bg};
  165. width:100px;
  166. height:250px; /*--ADJUST THE HEIGHT OF TAB--*/
  167. -webkit-transition: all 0.5s ease-in;
  168. -moz-transition: all 0.5s ease-in;
  169. transition: all 0.5s ease-in;
  170.  
  171. }
  172. {block:ifupdatestab}
  173. #holder{
  174. padding:5px;
  175. position:relative;
  176. left:20px;/* HIGHER #= MORE RIGHT :: LOWER #= MORE LEFT */
  177. background-color:transparent;
  178. letter-spacing:0px;
  179. z-index:9999999999999999999;
  180. top:15px; /* HIGHER #= MORE DOWN :: LOWER #= MORE UP */
  181. }{/block:ifupdatestab}
  182.  
  183.  
  184. /*---end updates tab css---*/
  185.  
  186. a {
  187. color:{color:link};
  188. text-decoration:none;
  189. -moz-transition-duration:1s;
  190. -webkit-transition-duration:1s;
  191. -o-transition-duration:1s;
  192. }
  193.  
  194. a:hover {
  195. color:{color:link hover};
  196. text-decoration:none;
  197. -moz-transition-duration:1s;
  198. -webkit-transition-duration:1s;
  199. -o-transition-duration:1s;
  200. }
  201.  
  202.  
  203. body {
  204.  
  205. background-color:{color:bg};
  206. font-weight:normal;
  207. font-family:Calibri;
  208.  
  209. }
  210.  
  211.  
  212. h1 {
  213. font-weight:normal;
  214. font-size:17px;
  215. text-align:center;
  216. font-style:normal;
  217. line-height:100%;
  218. letter-spacing:2px;
  219. text-transform:lowercase;
  220. font-family:gothica, serif;
  221. font-style:italic;
  222. color:{color:text};
  223. }
  224.  
  225. h2 {
  226. font-size:13px;
  227. text-align:center;
  228. line-height:100%;
  229. letter-spacing:2px;
  230. color:{color:text};
  231. font-weight:normal;
  232. padding:5px;
  233. padding-bottom:2px;
  234. font-family: 'Codystar', cursive;
  235. }
  236.  
  237. h3 {
  238. font-size:22px;
  239. text-align:center;
  240. line-height:100%;
  241. letter-spacing:2px;
  242. color:{color:title};
  243. font-weight:normal;
  244. padding:5px;
  245. font-family: 'Codystar', cursive;
  246. }
  247.  
  248. strong, b {
  249. font-weight:bold;
  250. color:{color:text};
  251. }
  252.  
  253.  
  254. em, i {
  255. font-style:italic;
  256. color:{color:link};
  257. }
  258.  
  259. pre {
  260. padding:3px 5px;
  261. background-color:#f1f1f1;
  262. }
  263.  
  264. ol {
  265. list-style:upper-roman;
  266. line-height:115%;
  267. }
  268.  
  269. li {
  270. list-style:square;
  271. line-height:115%;
  272. }
  273.  
  274. big{
  275. font-weight:normal;
  276. font-size:15px;
  277. text-align:center;
  278. font-style:normal;
  279. line-height:100%;
  280. letter-spacing:2px;
  281. text-transform:lowercase;
  282. font-family:gothica, serif;
  283. font-style:italic;
  284. color:{color:title};
  285.  
  286. }
  287.  
  288. blockquote {
  289. text-align:justify;
  290. border-left:1px solid #fafafa;
  291. padding-left:0px;
  292. margin-left:50px;
  293. width:400px;
  294. }
  295.  
  296. #theme {
  297. background-color:{color:bg};
  298. width:700px;
  299. margin: 0 auto -12px auto;
  300. text-align: center;
  301. }
  302.  
  303. /*/ SIDEBAR /*/
  304.  
  305.  
  306.  
  307. a {
  308. color:;
  309. text-decoration:none;
  310. -webkit-transition: all 0.7s ease-out;
  311. -moz-transition: all 0.7s ease-out;
  312. transition: all 0.7s ease-out;
  313.  
  314. }
  315.  
  316. .fufu {
  317. width:300px;
  318. -webkit-transition: all 1.7s ease-out;
  319. -moz-transition: all 1.7s ease-out;
  320. transition: all 1.7s ease-out;
  321.  
  322. }
  323.  
  324. .fufu:hover {
  325. -webkit-transform: translate(1em,0);
  326. -moz-transform: translate(1em,0);
  327. -o-transform: translate(1em,0);
  328.  
  329. }
  330.  
  331. #biter
  332.  
  333. #bite a {display:block}
  334.  
  335. #bite .death {
  336.  
  337. margin-bottom:-40px;
  338. filter: alpha(opacity = 0);opacity:0;
  339. -webkit-transition: all 1s ease-out;
  340. -moz-transition: all 1s ease-out;
  341. transition: all 1s ease-out;
  342.  
  343. }
  344.  
  345. #bite:hover .death {
  346.  
  347. margin-bottom:-20px;
  348. -webkit-transition: all 1s ease-out;
  349. -moz-transition: all 1s ease-out;
  350. transition: all 1s ease-out;
  351. filter: alpha(opacity = 100);
  352. filter: alpha(opacity = 100);
  353. opacity:100;
  354.  
  355. }
  356. /*/music player /*/
  357. {block:ifmusic}
  358. #music{
  359. margin-top:-10px;
  360. margin-left:65px;
  361. }
  362. {/block:ifmusic}
  363.  
  364. #title{
  365. background:{color:accent};
  366. padding:10px;
  367. text-align:center;
  368. font-family: 'Codystar', cursive;
  369. line-height:25px;
  370. font-size:30px;
  371. letter-spacing:2px;
  372. text-transform:uppercase;
  373. -webkit-transition: all 1s ease-in-out;
  374. -moz-transition: all 1s ease-in-out;
  375. transition: all 1s ease-in-out;
  376. }
  377. #title a{
  378. text-decoration:none;
  379. color:{color:title};
  380. }
  381.  
  382. #sidebar {
  383. position:fixed;
  384. color:{color:text};
  385. border:1px solid #eee;
  386. margin-top:100px;
  387. width:250px;
  388. margin-left:-115px;
  389. padding:10px 10px 5px 10px;
  390. text-align:center;
  391. }
  392.  
  393.  
  394.  
  395. /*/ DESCRIPTION /*/
  396.  
  397. .description {
  398. padding:12px;
  399. width:250px;
  400. font-size:9px;
  401. margin-top:10px;
  402. line-height:12px;
  403. margin-bottom:5px;
  404. margin-left:-10px;
  405. text-align:center;
  406. font-family:gothic;
  407. font-style:italic;
  408. }
  409.  
  410.  
  411.  
  412.  
  413. /*/ link /*/
  414. #link{
  415. padding:5px;
  416. word-spacing:10px;
  417. font-size:8.5px;
  418. overflow:hidden;
  419. font-style:italic;
  420. letter-spacing:1px;
  421. font-family:gothica;
  422. background:{color:bg};
  423. text-transform:lowercase;
  424. -webkit-transition: all 0.2s linear;
  425. -moz-transition: all 0.2s linear;
  426. transition: all 0.2s linear;
  427.  
  428. }
  429.  
  430. #link a:hover{
  431. margin-top:-19px;
  432. -webkit-transition: all 0.2s linear;
  433. -moz-transition: all 0.2s linear;
  434. transition: all 0.2s linear;
  435.  
  436. }
  437.  
  438.  
  439.  
  440. /*/ POSTS /*/
  441.  
  442. #stuffcontainer {
  443. margin-left:150px;
  444. padding:25px;
  445. width:522px;
  446. text-align:center;
  447. background-color:{color:bg};
  448. color:{color:text};
  449. margin-bottom: 20px;
  450. }
  451.  
  452.  
  453. #stuff {
  454. margin-bottom:100px;
  455. background-color: #ffffff;
  456. width:522px;
  457. text-align:justify;
  458. font-size:11px;
  459. line-height:100%;
  460. letter-spacing:0x;
  461. color:{color:text};
  462.  
  463. }
  464.  
  465.  
  466. /*/ NOTES /*/
  467.  
  468.  
  469. #info {
  470. border:1px solid #eee;
  471. position:absolute;
  472. width:500px;
  473. margin-left:6px;
  474. padding:5px;
  475. font-size:8px;
  476. letter-spacing:1px;
  477. text-transform:uppercase;
  478. color:{color:link};
  479. margin-top:20px;
  480. text-align:left;
  481. -webkit-transition: all 1s ease-in-out;
  482. -moz-transition: all 1s ease-in-out;
  483. -o-transition: all 1s ease-in-out;
  484. -ms-transition: all 1s ease-in-out;
  485. transition: all 1s ease-in-out;
  486. }
  487.  
  488. #inforight{
  489. float:right;
  490. text-align:right;
  491. margin-right:9px;
  492. }
  493.  
  494. #info a{
  495. color:{color:text};
  496. -webkit-transition: all 1s ease-in-out;
  497. -moz-transition: all 1s ease-in-out;
  498. -o-transition: all 1s ease-in-out;
  499. -ms-transition: all 1s ease-in-out;
  500. transition: all 1s ease-in-out;
  501. }
  502.  
  503. #info a:hover{
  504. color:{color:link hover};
  505. -webkit-transition: all 1s ease-in-out;
  506. -moz-transition: all 1s ease-in-out;
  507. -o-transition: all 1s ease-in-out;
  508. -ms-transition: all 1s ease-in-out;
  509. transition: all 1s ease-in-out;
  510. }
  511.  
  512. #tags {
  513. position:absolute;
  514. margin-top:5px;
  515. text-transform:lowercase;
  516. font-style:italic;
  517. font-family:gothica, serif;
  518. font-size:9px;
  519. margin-left:10px;
  520. opacity:0;
  521. color:{color:link};
  522. -webkit-transition: all 1s ease-in-out;
  523. -moz-transition: all 1s ease-in-out;
  524. -o-transition: all 1s ease-in-out;
  525. -ms-transition: all 1s ease-in-out;
  526. transition: all 1s ease-in-out;
  527. }
  528.  
  529. #tags a{
  530. color:{color:link};
  531. -webkit-transition: all 1s ease-in-out;
  532. -moz-transition: all 1s ease-in-out;
  533. -o-transition: all 1s ease-in-out;
  534. -ms-transition: all 1s ease-in-out;
  535. transition: all 1s ease-in-out;
  536. }
  537.  
  538. #tags a:hover{
  539. color:{color:link hover};
  540. -webkit-transition: all 1s ease-in-out;
  541. -moz-transition: all 1s ease-in-out;
  542. -o-transition: all 1s ease-in-out;
  543. -ms-transition: all 1s ease-in-out;
  544. transition: all 1s ease-in-out;
  545. }
  546.  
  547. #stuff:hover #tags {
  548. opacity:.7;
  549. margin-left:0px;
  550. -webkit-transition: all 1s ease-in-out;
  551. -moz-transition: all 1s ease-in-out;
  552. -o-transition: all 1s ease-in-out;
  553. -ms-transition: all 1s ease-in-out;
  554. transition: all 1s ease-in-out;
  555. }
  556.  
  557. ol.notes {
  558. display:block;
  559. text-align:left;
  560. margin-bottom:30px;
  561. list-style-type:none;
  562. width:520px;
  563. margin-left:10px;
  564. padding:0px;
  565. }
  566.  
  567. ol.notes li.note{
  568. padding:5px;
  569. padding-top:2px;
  570. margin-bottom:3px;
  571. }
  572.  
  573. .pagenotes {
  574. text-align:left;
  575. background:transparent;
  576. text-transform:uppercase;
  577. font-size:9px;
  578. }
  579.  
  580. .pagenotes:hover{
  581. Background:{color:link bg};
  582. }
  583.  
  584. .pagenotes img{
  585. padding-right:5px;
  586. padding-top:5px;
  587. margin-bottom:-5px;
  588. border:none;
  589. padding-bottom:2px;
  590. }
  591.  
  592. /*/ PAGINATION /*/
  593.  
  594. #pagi {
  595. margin-top:10px;
  596. margin-left:157px;
  597. padding:15px;
  598. width:auto;
  599. text-align:center;
  600. margin-bottom:30px;
  601. font-size:15px;
  602. z-index:100;
  603.  
  604. }
  605.  
  606.  
  607.  
  608. /*/ ASK /*/
  609.  
  610.  
  611. .ask {
  612. padding:10px;
  613. text-align:left;
  614. color:{color:text};
  615. background:{color:accent};
  616. }
  617. .ask a{
  618. color:{color:text};
  619. }
  620.  
  621. .ans {
  622. text-align:center;
  623. padding:5px;
  624. color:{color:text};
  625. font-size:13px;
  626. font-style:italic;
  627. border-top:1px dashed #ddd;
  628. }
  629.  
  630. /*/ AUDIO /*/
  631.  
  632.  
  633. .cover {
  634. position: relative;
  635. z-index: 1;
  636. width:100px;
  637. background-color:{color:background};
  638. }
  639.  
  640. .musicbutton {
  641. width: 20px;
  642. height: 30px;
  643. overflow: hidden;
  644. position: relative;
  645. z-index: 1000;
  646. margin: 12px 20px 10px 13px;
  647. }
  648.  
  649. .musicbox:hover {
  650. opacity:1;
  651. transition-duration:0.5s;
  652. -o-transition-duration:0.5s;
  653. -ms-transition-duration:0.5s;
  654. -moz-transition-duration:0.5s;
  655. -webkit-transition-duration:0.5s;
  656. }
  657.  
  658. .musicbox {
  659. background-color: #fff;
  660. position: absolute;
  661. z-index: 1000;
  662. margin-top:25px;
  663. margin-left:24px;
  664. opacity:0.6;
  665. width:50px;
  666. height:50px;
  667. transition-duration:0.5s;
  668. -o-transition-duration:0.5s;
  669. -ms-transition-duration:0.5s;
  670. -moz-transition-duration:0.5s;
  671. -webkit-transition-duration:0.5s;
  672. }
  673.  
  674. ul.chat, .chat ol, .chat li {
  675. list-style:none;
  676. margin:0px;
  677. padding:2px;
  678. }
  679.  
  680. .label {
  681. text-decoration:underline;
  682. font-weight:700;
  683. background-color:{color:infobg};
  684. margin-right:5px;
  685. }
  686.  
  687. .thepopup{
  688. display: none;
  689. padding-top: 100px;
  690. padding-bottom: 50px;
  691. padding-left: 40px;
  692. padding-right: 40px;
  693. float: left;
  694. position: fixed;
  695. top: 50%;
  696. left: 50%;
  697. color:{color:text};
  698. font-family:calibri;
  699. text-align:justify;
  700. font-size:10px;
  701. line-height:112%;
  702. height:600px;
  703. z-index: 9999999999999999999999999999999999999999;
  704. }
  705.  
  706.  
  707. *html #fade {
  708. position: absolute;
  709. }
  710.  
  711. *html .thepopup {
  712. position: absolute;
  713. }
  714.  
  715. #fade {
  716. background-color:{color:accent};
  717. display: none;
  718. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  719. opacity: 1;
  720. z-index: 9999;
  721. }
  722.  
  723. img.btn_close {
  724. width:10px;
  725. float: right;
  726. margin: -55px -55px 0 0;
  727. }
  728.  
  729.  
  730. /*DO NOT TOUCH*/
  731. #cred {
  732. bottom:3px;
  733. position:fixed;
  734. right:10px;
  735. float:right;
  736. font-size:13px;
  737. letter-spacing:1px;
  738. padding:4px;
  739. }
  740.  
  741. #cred a {
  742. color:{color:link};
  743. -webkit-transition-duration:1s;
  744. -o-transition-duration:1s;
  745. -moz-transition-duration:1s;
  746.  
  747. }
  748.  
  749. #cred a:hover {
  750. color:{color:link hover};
  751. color:transparent;
  752. }
  753.  
  754.  
  755.  
  756. {CustomCSS}
  757.  
  758. </style></head><body>
  759. <div id="theme">
  760. <div id="sidebar">
  761.  
  762. <div id="bite">
  763. <center><div id="title"><a href="/">{title}</a></div></center>
  764. <div class="death">
  765. <div align="center">
  766. <div id="link">
  767. <a href="#?w=500" rel="02" class="poplight">ask</a>
  768. <a href="{text:link2 url}">{text:link2}</a>
  769. <a href="{text:link3 url}">{text:link3}</a>
  770. <a href="{text:link4 url}">{text:link4}</a>
  771. </div>
  772.  
  773. </div>
  774. </div>
  775. <div class="description">{Description}
  776. </div>
  777. {block:ifmusic}
  778. <div id="music"><center><embed src="http://www.sheepproductions.com/billy/billy.swf?
  779. autoplay=false&f0=http://k007.kiwi6.com/hotlink/94gczdaz8p/Chocolate_The_1975_Cover_-_Nina_Nesbitt_LYRICS.mp3
  780. &t0=Chocolate&f1=http://k007.kiwi6.com/hotlink/99lda92h9a/Ms_Mr_-_Bones.mp3
  781. &t1=Bones&f2=http://k007.kiwi6.com/hotlink/6tytz1pyjq/Cosmic_Love.mp3
  782. &t2=Cosmic Love&f3=http://k007.kiwi6.com/hotlink/lho1v8lt6z/02-04-_Body_Electric.mp3
  783. &t3=Body Electric&f4=http://k007.kiwi6.com/hotlink/6euyxus51u/youtube-55vBV7m_Szc_Little_mix_-_salute_lyrics.mp3
  784. &t4=Salute&f5=http://k007.kiwi6.com/hotlink/vqsh3u1b6y/M.I.A._-_Bad_Girls.mp3
  785. &t5=Bad Girls&f6=http://k007.kiwi6.com/hotlink/1kh9qwhvig/01-01-_Hurricane.mp3
  786. &t6=Hurricane&f7=http://k007.kiwi6.com/hotlink/zvkzmhjcid/Arctic_Monkeys_-_I_Bet_You_Look_Good_On_The_Dancefloor.mp3
  787. &t7=Bet you look good...&f8=http://k007.kiwi6.com/hotlink/r4ys5mdx5c/The_shins_-_kissing_the_lipless_high_quality_lyrics_.mp3
  788. &t8=Kissing the Lipless&f9=http://k007.kiwi6.com/hotlink/qw9laj17fj/02-06-_Gods_and_Monsters_Explicit_.mp3
  789. &t9=Gods &#38; Monsters&f10=http://k007.kiwi6.com/hotlink/oy1whqnfzm/01-03-_Breathe_Me.mp3
  790. &t10=Breathe Me&f11=http://k007.kiwi6.com/hotlink/kg0pt6b33f/Youth_-_Daughter.mp3
  791. &t11=Youth&f12=http://k007.kiwi6.com/hotlink/sq4rrbiziv/Iron_and_Wine_-_Such_Great_Heights_HD.mp3
  792. &t12=Such Great Heights&f13=http://k007.kiwi6.com/hotlink/5djvkr3zyy/The_Shins_-_New_Slang_high_quality_lyrics_1_.mp3
  793. &t13=New Slang&f14=http://k007.kiwi6.com/hotlink/3bqey8ztxn/Arctic_Monkeys_-_When_The_Sun_Goes_Down.mp3
  794. &t14=When the sun goes down&total=15"
  795. quality="high" wmode="transparent"
  796. width="170" height="10" name="billy" align="middle"
  797. type="application/x-shockwave-flash" />
  798. </center></div>{block:ifmusic}
  799. </div>
  800. <!---begin updates tab code--->
  801. {block:ifupdatestab}<div id="holder">
  802. <div id="tab1box">
  803. <div id="tab1">
  804. <div style="color:#80548C; background-color:#fff; padding:2px;text-align:center;font-family:gothica;font-style:italic;text-transform:lowercase;font-size:9px;">title 02<br></div>
  805. TEXT HERE
  806.  
  807. </div></div>
  808.  
  809. <div id="tab2box">
  810. <div id="tab2">
  811. <div style="color:#80548C; background-color:#fff; padding:2px;text-align:center;font-family:gothica;font-style:italic;text-transform:lowercase;font-size:9px;">title 01<br></div>
  812. TEXT HERE
  813.  
  814. </div></div>
  815. </div>{/block:ifupdatestab}
  816. <!---end updates tab code-->
  817. </div>
  818.  
  819.  
  820.  
  821. <div id="stuffcontainer">
  822.  
  823. {block:Posts}
  824.  
  825. <div id="stuff">
  826.  
  827. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  828.  
  829. {block:Quote}<h1>{Quote}</h1><h2>{Source}</h2>{/block:Quote}
  830.  
  831. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  832. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  833.  
  834. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  835.  
  836. {block:Photoset}<center>{Photoset-500}</center>
  837. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  838.  
  839. {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}
  840.  
  841. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  842.  
  843. {block:Answer}<div class="ask"><strong>{Asker} whispered&#8641;</strong> <em>{Question}</em></div><div class="ans">{Answer}</div>{/block:answer}
  844.  
  845. {block:Audio}<div class="musicbox">
  846. <div class="musicbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  847. {block:AlbumArt}
  848. <img src="{AlbumArtURL}" class="cover">
  849. {/block:AlbumArt}
  850. <div style="margin-left:110px; margin-top:-100px; line-height:160%; margin-bottom:10px"><br>
  851. {block:TrackName}{TrackName}{/block:TrackName}<br>
  852. {block:Artist}{Artist}{/block:Artist}<br>
  853. {block:Album}{Album}{/block:Album}
  854. <br>{/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  855. {block:Caption}<div style="max-width:500px; margin-top:30px">{Caption}</div>{/block:Caption}{/block:Audio}
  856.  
  857. {block:Date}
  858. <div id="info">
  859.  
  860. <a href="{Permalink}">
  861. {block:Date}
  862. {12Hour}:{Minutes} {AmPm}
  863. {/block:Date}
  864.  
  865. </a> {block:NoteCount}
  866. | <a href="{Permalink}">♥ {NoteCount}</a> |{/block:NoteCount}
  867. <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  868. <div id="inforight">
  869. {block:RebloggedFrom}
  870. <a href="{ReblogParentURL}">via</a>
  871. {/block:RebloggedFrom}
  872. {block:ContentSource} |
  873. <a href="{SourceURL}">src</a>
  874. {/block:ContentSource}
  875.  
  876.  
  877. </div>
  878.  
  879. <div id="tags">
  880. {block:HasTags}
  881. {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}
  882. {/block:HasTags}
  883. </div>
  884.  
  885. </div></div>
  886.  
  887.  
  888. {block:PostNotes}
  889. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  890. {/block:Posts}
  891.  
  892.  
  893. {/block:Posts}</div>
  894.  
  895.  
  896. <div id="pagi">
  897. {block:Pagination}
  898. {block:PreviousPage}
  899. <a href="{PreviousPage}" title="previous"><i class="fa fa-caret-left"></i></a>
  900. {/block:PreviousPage}
  901. {block:NextPage}
  902. <a href="{NextPage}" title="forth"><i class="fa fa-caret-right"></i></a>
  903. {/block:NextPage}
  904. </div>
  905. {/block:Pagination}
  906. </div>
  907.  
  908.  
  909. </div>
  910. </div>
  911.  
  912.  
  913. <div id="cred">
  914.  
  915. <a href="http://trenzalours.tumblr.com/" title="trenzalours themes">
  916. <i class="fa fa-moon-o"></i>
  917. </a></div>
  918. </body>
  919.  
  920. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  921. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  922. <script>
  923. (function($){
  924. $(document).ready(function(){
  925. $("[title]").style_my_tooltips({
  926. tip_follows_cursor:true,
  927. tip_delay_time:50,
  928. tip_fade_speed:600,
  929. attribute:"title"
  930. });
  931. });
  932. })(jQuery);
  933. </script>
  934.  
  935. <!--- added script for popup -Cathy 5/22 --->
  936.  
  937. <script type="text/javascript"
  938. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  939.  
  940. <script>
  941. $(document).ready(function() {
  942. //
  943. //When you click on a link with class of poplight and the href starts with a #
  944. $('a.poplight[href^=#]').click(function() {
  945. var popID = $(this).attr('rel'); //Get Popup Name
  946. var popURL = $(this).attr('href'); //Get Popup href to define size
  947. //Pull Query & Variables from href URL
  948. var query= popURL.split('?');
  949. var dim= query[1].split('&');
  950. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  951. //Fade in the Popup and add close button
  952. $('#' + 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>');
  953. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  954. //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
  955. var popMargTop = ($('#' + popID).height() + 90) / 2;
  956. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  957. //Apply Margin to Popup
  958. $('#' + popID).css({
  959. 'margin-top' : -popMargTop,
  960. 'margin-left' : -popMargLeft
  961. });
  962. //Fade in Background
  963. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  964. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  965. return false;
  966. });
  967. //Close Popups and Fade Layer
  968. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  969. $('#fade , .thepopup').fadeOut(function() {
  970. $('#fade, a.close').remove(); //fade them both out
  971. });
  972. return false;
  973. });
  974. });
  975. </script>
  976.  
  977. <!-- DON'T TOUCH ANYTHING HERE -->
  978.  
  979. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  980. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  981. <script>
  982. $(function(){
  983. var $container = $('#container');
  984. $container.imagesLoaded(function(){
  985. $container.masonry({
  986. itemSelector: '.char',
  987. });
  988. });
  989. $container.infinitescroll({
  990. itemSelector : ".char",
  991. loadingImg : "",
  992. loadingText : "<em></em>",
  993. bufferPx : 10000,
  994. extraScrollPx: 12000,
  995. },
  996. // trigger Masonry as a callback
  997. function( newElements ) {
  998. var $newElems = $( newElements ).css({ opacity: 0 });
  999. // ensure that images load before adding to masonry layout
  1000. $newElems.imagesLoaded(function(){
  1001. $newElems.animate({ opacity: 1 });
  1002. $container.masonry( 'appended', $newElems, true );
  1003. });
  1004. }
  1005. );
  1006. });
  1007. </script>
  1008.  
  1009. <div id="02" class="thepopup">
  1010. <b><h1>FAQ / ASK</h1></b>
  1011. type in your faq here!
  1012. <Center><font size="5" color="#eeeeee"><p></font><iframe frameborder="0" scrolling="no" width="100%" height="250px" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;padding:5px;" id="ask_form"></div>
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!