API tools faq
paste
Advertisement
kyngri

Stormy Weather

kyngri
Dec 21st, 2014
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!--
  6.  
  7. ᴛʜɪs ᴛʜᴇᴍᴇ ɪs ᴍᴀᴅᴇ ʙʏ ᴍᴀʏᴜʙɪɪ ᴛʜᴇᴍᴇs
  8. ᴅᴏɴᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛs ᴀɴᴅ ᴅᴏɴᴛ sᴛᴇᴀʟ
  9. ɪғ ʏᴏᴜ ʜᴀᴠᴇ ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴀsᴋ ᴍᴀʏᴜʙɪɪ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  10. ʏᴏᴜ ᴄᴀɴ ᴛᴡᴇᴀᴋ ɪᴛ ɪғ ʏᴏᴜ ᴡᴀɴᴛ
  11. ʙᴜᴛ ᴋᴇᴇᴘ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴡʜᴇʀᴇ ɪᴛ ɪs!
  12.  
  13. -->
  14.  
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{title}</title>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Posts" content="#ffffff" />
  28. <meta name="color:Post Title" content="#777777" />
  29. <meta name="color:Text" content="#999999" />
  30. <meta name="color:Links" content="#7dc56c" />
  31. <meta name="color:Links Hover" content="#dfdfdf" />
  32. <meta name="color:Scroll" content="#ffffff" />
  33. <meta name="color:Scrollbar" content="#f3f3f3" />
  34. <meta name="color:Bold" content="#777777" />
  35. <meta name="color:Italic" content="#c2c2c2"/>
  36. <meta name="color:Question" content="#eeeeee"
  37. <meta name="color:Blockquote" content="#bbbbbb" />
  38. <meta name="color:Permalink BG" content="#ffffff"/>
  39. <meta name="color:Chat" content="#f2f2f2" />
  40. <meta name="color:Audio Background" content="#f4f4f4" />
  41. <meta name="color:Audio Text" content="#999999" />
  42. <meta name="color:Border" content="#ffffff" />
  43.  
  44. <meta name="image:Background" content=""/>
  45.  
  46. <meta name="if:ShowCaptions" content="1" />
  47. <meta name="if:ShowTags" content="1" />
  48. <meta name="if:InfiniteScroll" content="0" />
  49. <meta name="if:ImageFade" content="1" />
  50. <meta name="if:Grayscale" content="1"/>
  51. <meta name="if:Pagination" content="1">
  52. <meta name="if:250px" content="0" />
  53. <meta name="if:400px" content="0" />
  54. <meta name="if:500px" content="1" />
  55.  
  56. <meta name="text:tagged" content="icon url">
  57. <meta name="text:Sidebar Title" content="Jiyuuka">
  58. <meta name="text:Sidebar Subtitle" content="Here will go a short quote or text.">
  59.  
  60.  
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. /*Body*/
  66.  
  67. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  68.  
  69.  
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color:{color:Scrollbar};
  74. border:2px solid {color:Scroll};
  75. }
  76. ::-webkit-scrollbar-thumb:horizontal {
  77. background-color:{color:Scrollbar};
  78. border:2px solid {color:Scroll};
  79. }
  80. ::-webkit-scrollbar {
  81. background-color:{color:Scrollbar};
  82. border:5px solid {color:Scroll};
  83. width:11px;
  84. height:7px;
  85. }
  86. ::-webkit-scrollbar-button:start:decrement {
  87. background-color:{color:Scrollbar};
  88. display:block;height:8px;
  89. border-right:2px solid {color:Scroll};
  90. border-left:2px solid {color:Scroll};
  91. }
  92.  
  93. ::-webkit-scrollbar-button:end:increment {
  94. background-color:{color:Scrollbar};
  95. display:block;height:8px;
  96. border-right:2px solid {color:Scroll};
  97. border-left:2px solid {color:Scroll};
  98. }
  99.  
  100.  
  101.  
  102. body {
  103. margin:0;
  104. padding:0;
  105. border:0;
  106. background:url('{image:Background}');
  107. background-attachment:fixed;
  108. background-repeat:repeat;
  109. background-color:{color:Background};
  110. color:{color:Text};
  111. font-family:trebuchet ms, sans-serif;
  112. font-size:10px;
  113. line-height:12px;
  114. word-wrap:break-word;
  115. }
  116.  
  117.  
  118. a {
  119. color:{color:Links};
  120. text-decoration:none;
  121. font-weight:500;
  122. }
  123.  
  124. a:hover{
  125. color:{color:Links Hover};
  126. }
  127.  
  128.  
  129. pre {
  130. width:95%;
  131. white-space:pre-wrap;
  132. word-wrap:break-word;
  133. padding:4px;
  134. }
  135.  
  136.  
  137.  
  138. blockquote {
  139. width:90%;
  140. margin-left:15px;
  141. padding-left:5px;
  142. padding-top:0px;
  143. padding-bottom:0px;
  144. border-left:1px solid {color:Blockquote};
  145. }
  146.  
  147.  
  148.  
  149. b, strong {
  150. color:{color:Bold};
  151. font-weight:bold;
  152. }
  153.  
  154.  
  155.  
  156. i, em {
  157. color:{color:Italic};
  158. font-style:italic;
  159. }
  160.  
  161. #wrapper_outer {
  162. position:fixed;
  163. width:460px;
  164. height:410px;
  165. right:450px;
  166. bottom:270px;
  167. border:5px solid black;
  168. z-index:9999;
  169. }
  170.  
  171. #wrapper{
  172. position:absolute;
  173. overflow:auto;
  174. width:450px;
  175. height:400px;
  176. bottom:3px;
  177. left:3px;
  178. border:2px solid black;
  179. z-index:999;
  180. }
  181.  
  182.  
  183.  
  184. .post {
  185. margin-left:10px;
  186. margin-top:20px;
  187. {block:IndexPage}
  188. {block:if250px}
  189. width:270px;
  190. {/block:if250px}
  191. {block:if400px}
  192. width:420px;
  193. {/block:if400px}
  194. {block:if500px}
  195. width:520px;
  196. {/block:if500px}
  197. {/block:IndexPage}
  198. {block:PermalinkPage}
  199. width:400px;
  200. {/block:PermalinkPage}
  201. margin-bottom:40px;
  202. background-color:transparent;
  203.  
  204. }
  205.  
  206.  
  207. .perma{
  208. margin-top:5px;
  209. color:{color:Perma text};
  210. font-family:trebuchet ms;
  211. font-size:7px;
  212. letter-spacing:1px;
  213. line-height:9px;
  214. text-align:right;
  215. text-transform:uppercase;
  216. }
  217.  
  218.  
  219.  
  220. .taggs{
  221. margin-top:8px;
  222. color:{color:Perma text};
  223. font-family:trebuchet ms;
  224. font-size:7px;
  225. text-transform:uppercase;
  226. letter-spacing:1px;
  227. line-height:9px;
  228. text-align:left;
  229. }
  230.  
  231.  
  232. .perma1 a, .perma2 a {
  233. color:{color:Permalink BG};
  234. }
  235.  
  236. .taggs a {
  237. color:{color:Links};
  238. }
  239.  
  240.  
  241. #permaline {
  242. {block:IndexPage}
  243. {block:if250px}
  244. width:200px;
  245. {/block:if250px}
  246. {block:if400px}
  247. width:350px;
  248. {/block:if400px}
  249. {block:if500px}
  250. width:450px;
  251. {/block:if500px}
  252. {/block:IndexPage}
  253. height:1px;
  254. margin-left:37px;
  255. margin-top:4px;
  256. background-color:{color:Permalink BG};
  257. position:absolute;
  258. z-index:-1;
  259. }
  260.  
  261.  
  262.  
  263. .perma1 {
  264. margin-top:-2px;
  265. padding-bottom:2px;
  266. padding-top:2px;
  267. padding-left:6px;
  268. padding-right:6px;
  269. float:left;
  270. font-size:11px;
  271. }
  272.  
  273.  
  274.  
  275. .perma2 {
  276. margin-top:-2px;
  277. padding-right:3px;
  278. padding-left:3px;
  279. padding-top:1px;
  280. padding-bottom:1px;
  281. font-size:11px;
  282. }
  283.  
  284.  
  285.  
  286.  
  287. .posts {
  288. {block:IndexPage}
  289. {block:if250px}
  290. width:250px;
  291. {/block:if250px}
  292. {block:if400px}
  293. width:400px;
  294. {/block:if400px}
  295. {block:if500px}
  296. width:500px;
  297. {/block:if500px}
  298. {/block:IndexPage}
  299. {block:PermalinkPage}
  300. width:400px;
  301. {/block:PermalinkPage}
  302. padding:10px;
  303. background-color:{color:Posts};
  304. color:#999;
  305. font-family:calibri;
  306. font-size:11px;
  307. text-transform:none;
  308.  
  309. }
  310.  
  311.  
  312. #photo img {
  313. max-width:100%;
  314. display:block;
  315. {block:ifImageFade}
  316. {block:IndexPage}
  317. opacity:.7;
  318. -moz-transition:all ease-in-out 0.7s;
  319. -webkit-transition:all ease-in-out 0.7s;
  320. -o-transition:all ease-in-out 0.7s;
  321. transition:all ease-in-out 0.7s;
  322. {/block:IndexPage}
  323. {/block:ifImageFade}
  324. {block:ifGrayscale}
  325. -webkit-filter:grayscale(90%);
  326. {/block:ifGrayscale}
  327. }
  328.  
  329. #pset, #vid {
  330. margin-bottom:-2px;
  331. {block:ifImageFade}
  332. {block:IndexPage}
  333. opacity:.7;
  334. -moz-transition:all ease-in-out 0.7s;
  335. -webkit-transition:all ease-in-out 0.7s;
  336. -o-transition:all ease-in-out 0.7s;
  337. transition:all ease-in-out 0.7s;
  338. {/block:IndexPage}
  339. {/block:ifImageFade}
  340. {block:ifGrayscale}
  341. -webkit-filter:grayscale(90%);
  342. {/block:ifGrayscale}
  343. }
  344.  
  345. {block:ifImageFade}
  346. .posts:hover #pset, .posts:hover #vid, .posts:hover #photo img {
  347. opacity:1;
  348. }
  349. {/block:ifImageFade}
  350.  
  351. {block:ifGrayscale}
  352. .posts:hover #pset, .posts:hover #vid, .posts:hover #photo img {
  353. -webkit-filter:grayscale(0%);
  354. }
  355. {/block:ifGrayscale}
  356.  
  357.  
  358.  
  359. #h2 {
  360. color:{color:Post Title};
  361. font-family:'Josefin Sans', sans-serif;
  362. font-size:14px;
  363. line-height:15px;
  364. text-align:right;
  365. text-transform:uppercase;
  366. }
  367.  
  368. /* Quote */
  369.  
  370. #quote {
  371. padding-left:13px;
  372. color:{color:Post Title and Quote};
  373. font-family:calibri;
  374. font-size:11px;
  375. line-height:auto;
  376. letter-spacing:2px;
  377.  
  378. }
  379.  
  380. #quote:first-letter {
  381. font-size:24px;
  382. font-family:lainie;
  383. color:{color:italic};
  384. }
  385.  
  386. #source {
  387. text-align:right;
  388. margin-top:-25px;
  389. }
  390.  
  391. /* Chat */
  392.  
  393. #chat {
  394. padding-top:2px;
  395. padding-bottom:3px;
  396. padding-left:5px;
  397. padding-right:5px;
  398. line-height:11px;
  399. color:{color:Text};
  400. }
  401.  
  402. #chat.even {
  403. background-color:{color:Chat};
  404. }
  405.  
  406. /* Question */
  407.  
  408. #asker {
  409. padding-top:3px;
  410. color:#777777;
  411. font-family:calibri;
  412. font-size:9px;
  413. line-height:12px;
  414. text-transform:uppercase;
  415. text-align:right;
  416. border-bottom:1px dashed #ddd;
  417. margin-top:-25px;
  418. }
  419.  
  420. #asker:first-letter {
  421. font-size:18px;
  422. text-transform:uppercase;
  423. font-family:lainie;
  424. }
  425.  
  426. #asker a {
  427. color:{color:text};
  428. }
  429.  
  430. #portrait img {
  431. background-color:#ddd;
  432. -moz-border-radius: 60px;
  433. -khtml-border-radius: 60px;
  434. -webkit-border-radius: 60px;
  435. border-radius: 60px;
  436. -webkit-filter: Grayscale(80%);
  437. z-index:2;
  438. width:30px;
  439. left:10px;
  440. top:-10px;
  441. padding:3px;
  442. }
  443.  
  444. #question {
  445. background-color:{color:question};
  446. padding:10px;
  447. text-align:center;
  448. font-family:calibri;
  449. font-size:11px;
  450. color:{color:text};
  451. }
  452.  
  453.  
  454. .audio img {
  455. max-width: 50px;
  456. float: left;
  457. margin-right: 5px;
  458. border: 5px solid {color:Entry Titles Border};
  459. }
  460.  
  461. .player {
  462. background-color: #fff;
  463. height: 25px;
  464. width: 25px;
  465. margin-left: 80px;
  466. margin-top: 10px;
  467. overflow: hidden;
  468. position: absolute;
  469. margin-left: 13px;
  470. margin-top: 13px;
  471. opacity: .2;
  472. transition: 0.5s;
  473. -moz-transition: 0.5s;
  474. -webkit-transition: 0.5s;
  475. -o-transition: 0.5s;
  476. }
  477.  
  478. .player:hover {
  479. opacity: .7;
  480. }
  481.  
  482.  
  483. #s-m-t-tooltip{
  484. max-width:300px;
  485. margin-top:25px;
  486. margin-left:15px;
  487. padding-left:4px;
  488. padding-right:4px;
  489. z-index:99999999999;
  490. background-color:black;
  491. color:{color:Text};
  492. font-size:12px;
  493. letter-spacing:1px;
  494. font-family:tinytots;
  495. font-size:8px;
  496. text-transform:uppercase;
  497. line-height:14px;
  498. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  499. }
  500.  
  501.  
  502. .bottom {
  503. background-color:{color:Border};
  504. width:140%;
  505. bottom:-10px;
  506. height:50px;
  507. position:fixed;
  508. z-index:1;
  509. left:29px;
  510. }
  511.  
  512. .bottom2 {
  513. background-color:{color:Border};
  514. width:140%;
  515. bottom:42px;
  516. height:3px;
  517. position:fixed;
  518. z-index:1;
  519. left:34px;
  520. }
  521.  
  522. .left {
  523. background-color:{color:Border};
  524. width:30px;
  525. height:150%;
  526. left:-1px;
  527. bottom:-1px;
  528. position:fixed;
  529. }
  530.  
  531. .left2 {
  532. background-color:{color:Border};
  533. width:3px;
  534. height:150%;
  535. left:31px;
  536. bottom:42px;
  537. position:fixed;
  538. }
  539.  
  540.  
  541. .sb {
  542. position:fixed;
  543. -webkit-transition: all 0.99s ease-in-out;
  544. bottom:150px;
  545. right:170px;
  546. z-index:999;
  547. width:500px;
  548. height:500px;
  549. }
  550.  
  551. .sbbg img{
  552. position:absolute;
  553. right:50px;
  554. bottom:300px;
  555. }
  556. .sbee img {
  557. position:absolute;
  558. -webkit-transition: all 0.99s ease-in-out;
  559. display: block;
  560. width:250px;
  561. padding:5px;
  562. right:0px;
  563. bottom:0px;
  564. -webkit-transition: all 0.99s ease-in-out;
  565. border: solid 0px #101010;
  566. background-color:#000;
  567. outline-offset: -10px;
  568. outline:double 0px rgba(000,000,000,0.3);
  569. }
  570.  
  571. .sbee img:hover{
  572. outline-offset: -140px;
  573. outline:double 140px rgba(000,000,000,0.3);
  574. }
  575.  
  576. .titlee {
  577. text-shadow: 2px 2px #000, -1px -1px #aaa;
  578. font-family: arial;
  579. font-size: 40px;
  580. font-weight: bold;
  581. letter-spacing: -4px;
  582. color:#fff;
  583. width:220px;
  584. bottom:80px;
  585. right:235px;
  586. position:absolute;
  587. z-index:2;
  588. }
  589.  
  590. .subtitle {
  591. width:250px;
  592. height:auto;
  593. bottom:55px;
  594. font-family:wendy;
  595. font-size:10px;
  596. right:137px;
  597. position:absolute;
  598. z-index:2;
  599. text-transform:uppercase;
  600. color:{color:text};
  601. }
  602.  
  603. .line1 {
  604. width:92px;
  605. height:2px;
  606. position:absolute;
  607. right:389px;
  608. bottom:60px;
  609. background-color:{color:Border}
  610. }
  611.  
  612. .line2 {
  613. width:220px;
  614. height:5px;
  615. position:absolute;
  616. right:257px;
  617. bottom:52px;
  618. background-color:{color:Border}
  619. }
  620.  
  621. .line3 {
  622. width:220px;
  623. height:10px;
  624. position:absolute;
  625. right:257px;
  626. bottom:39px;
  627. background-color:{color:Border}
  628. }
  629.  
  630. /* Navigation */
  631.  
  632. .sidebar_nav {
  633. position:absolute;
  634. width:217px;
  635. right:260px;
  636. bottom:10px;
  637. border-top:1px solid {color:Border};
  638. }
  639.  
  640. #nav {
  641. margin:0;
  642. border:0;
  643. padding:0;
  644. list-style:none;
  645. position:relative;
  646. }
  647. #nav li {
  648. display:inline;
  649. }
  650. #nav li a {
  651. width:40px;
  652. padding-top:10px;
  653. padding-left:5px;
  654. padding-right:5px;
  655. display:block;
  656. float:left;
  657. color:{color:Links};
  658. font-family:calibri;
  659. font-size:8px;
  660. text-align:center;
  661. text-transform:uppercase;
  662. }
  663. #nav li a:hover {
  664. color:{color:Links Hover};
  665. }
  666.  
  667. /* Triangle */
  668.  
  669. .tri{
  670. top:0;
  671. left:0px;
  672. width:40px;
  673. border:0;
  674. padding:0;
  675. margin-top:-1px;
  676. position:absolute;
  677. background:transparent;
  678. }
  679.  
  680. .tri:before, .tri:after {
  681. content:"";
  682. position:absolute;
  683. width:0;
  684. height:0;
  685. border-style:solid;
  686. border-color:transparent;
  687. border-bottom:0;
  688. }
  689. .tri:before {
  690. left:13px;
  691. border-top-color:{color:Border};
  692. border-width:10px;
  693. }
  694. .tri:after {
  695. left:13px;
  696. border-top-color:{color:Border};
  697. border-width:9px;
  698. }
  699.  
  700. .bts img {
  701. background-color:{color:Border};
  702. border:3px double {color:Background};
  703. width:50px;
  704. height:50px;
  705. padding:5px;
  706. right:470px;
  707. bottom:20px;
  708. position:absolute;
  709. -moz-border-radius: 60px;
  710. -khtml-border-radius: 60px;
  711. -webkit-border-radius: 60px;
  712. border-radius: 60px;
  713. -webkit-filter: Grayscale(80%);
  714. z-index:2;
  715. }
  716.  
  717. .musicc{
  718. overflow:hidden;
  719. position:absolute;
  720. width:20px;
  721. height:20px;
  722. padding:5px;
  723. bottom:35px;
  724. right:485px;
  725. border-radius:10em;
  726. border:3px double {color:Background};
  727. background:{color:Border};
  728. z-index:9999;
  729. opacity:0;
  730. -webkit-transition: all 1s ease-in-out;
  731. -moz-transition: all 1s ease-in-out;
  732. transition: all 1s ease-in-out;
  733. }
  734.  
  735. .icon{
  736. margin-top:2px;
  737. margin-left:3px;
  738. opacity:0.7;
  739. -webkit-transition: all 0.5s linear;
  740. -moz-transition: all 0.5s linear;
  741. transition: all 0.5s linear;
  742. }
  743.  
  744. .musicc:hover .icon{
  745. margin-top:-20px;
  746. -webkit-transition: all 0.5s linear;
  747. -moz-transition: all 0.5s linear;
  748. transition: all 0.5s linear;
  749. }
  750.  
  751. .musicbox{
  752. width:8px;
  753. height:8px;
  754. border-radius:10em;
  755. overflow:hidden;
  756. margin-top:10px;
  757. margin-left:6px;
  758. }
  759.  
  760. .music2{
  761. margin-top:-7px;
  762. margin-left:-35px;
  763. border-radius:10em;
  764. }
  765.  
  766. .sb:hover .musicc{
  767. opacity:0.7;
  768. -webkit-transition: all 1s ease-in-out;
  769. -moz-transition: all 1s ease-in-out;
  770. transition: all 1s ease-in-out;
  771. }
  772.  
  773.  
  774.  
  775. /* Pagination */
  776.  
  777. .pagination {
  778. position:absolute;
  779. width:460px;
  780. right:280px;
  781. bottom:100px;
  782. padding:5px;
  783. font-size:8px;
  784. line-height:11px;
  785. text-align:left;
  786. z-index:99;
  787. }
  788.  
  789. .pagination a {
  790. padding-top:5px;
  791. padding-left:10px;
  792. padding-right:10px;
  793. margin-left:2px;
  794. margin-right:2px;
  795. }
  796.  
  797. .current_page {
  798. padding-top:5px;
  799. padding-left:10px;
  800. padding-right:10px;
  801. }
  802.  
  803. #fade {
  804. display: none;
  805. background: #000;
  806. position: fixed;
  807. left: 0;
  808. top: 0;
  809. width: 100%;
  810. height: 100%;
  811. opacity: .80;
  812. z-index: 9999;
  813. }
  814.  
  815. .popup_block{
  816. display: none;
  817. background: #FFFFFF;
  818. padding: 20px;
  819. float: left;
  820. position: fixed;
  821. top: 50%;
  822. left: 50%;
  823. z-index: 99999;
  824. }
  825.  
  826. img.btn_close {
  827. float: right;
  828. margin: -55px -55px 0 0;
  829. }
  830.  
  831. *html #fade {
  832. position: absolute;
  833. }
  834.  
  835. *html .popup_block {
  836. position: absolute;
  837. }
  838.  
  839.  
  840.  
  841. </style>
  842.  
  843.  
  844.  
  845. {block:IndexPage}
  846. {block:ifInfiniteScroll}
  847. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  848. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  849. {/block:ifInfiniteScroll}
  850. {/block:IndexPage}
  851.  
  852. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  853. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  854. <script>
  855. (function($){
  856. $(document).ready(function(){
  857. $("[title],a[title],img[title]").style_my_tooltips({
  858. tip_follows_cursor:true,
  859. tip_delay_time:100,
  860. tip_fade_speed:280,
  861. attribute:"title"
  862. });
  863. });
  864. })(jQuery);
  865. </script>
  866.  
  867.  
  868. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
  869. <script>
  870. $(function() {
  871. var $el, leftPos, newWidth,
  872. $mainNav = $("#nav");
  873. $mainNav.append("<li class='tri'></li>");
  874. var $magicLine = $(".tri");
  875. $magicLine
  876. .width($(".current_item").width())
  877. .css("left", $(".current_item a").position().left)
  878. .data("origLeft", $magicLine.position().left);
  879. $("#nav li a").hover(function() {
  880. $el = $(this);
  881. leftPos = $el.position().left;
  882. newWidth = $el.parent().width();
  883. $magicLine.stop().animate({
  884. left: leftPos,
  885. });
  886. }, function() {
  887. $magicLine.stop().animate({
  888. left: $magicLine.data("origLeft"),
  889. });
  890. });
  891. });
  892. </script>
  893.  
  894. </head>
  895. <body>
  896.  
  897. <div class="sb">
  898. <div class="sbbg">
  899. <img src="https://31.media.tumblr.com/d6c21b1829b3fd13b7531aba3bdb5572/tumblr_inline_mpn92vADog1qz4rgp.png">
  900. </div>
  901. <div class="sbee" class="hover">
  902. <img src="https://31.media.tumblr.com/0c69f0fbc0fd96c458e94382b2b21c51/tumblr_na7tcknYBg1tj3l1yo1_500.png">
  903. </div>
  904.  
  905. {block:ifnotInfiniteScroll}
  906. {block:Pagination}
  907. <div class="pagination">
  908. {block:JumpPagination length="5"}
  909. {block:CurrentPage}
  910. <span class="current_page">{PageNumber}</span>
  911. {/block:CurrentPage}
  912. {block:JumpPage}
  913. <a class="jump_page" href="{URL}">{PageNumber}</a>
  914. {/block:JumpPage}
  915. {/block:JumpPagination}
  916. </div>
  917. {/block:Pagination}
  918. {/block:ifnotInfiniteScroll}
  919.  
  920. <div class="titlee">{text:sidebar title}</div>
  921. <div class="subtitle">{text:Sidebar Subtitle}</div>
  922. <div class="line1"></div>
  923. <div class="line2"></div>
  924. <div class="line3"></div>
  925. <div class="sidebar_nav">
  926. <ul class="group" id="nav">
  927. <li class="current_item"><a href="/">Home</a></li>
  928. <li><a href="/ask">message</a></li>
  929. <li><a href="/submit">mail</a></li>
  930. <li><a href="/archive">archive</a></li>
  931. </ul>
  932. </div>
  933. <div class="bts">
  934. <a href="{text:tagged}"><img src="https://31.media.tumblr.com/a78c22fb0913c4c051b32d18628449b7/tumblr_inline_na89woEuBG1slekhb.jpg"></a>
  935. </div>
  936. <div class="musicc"><div class="icon">
  937. <img src="https://31.media.tumblr.com/644129a4e2dbcfdfd784061a562b902d/tumblr_inline_mxopznmZTZ1qfnehg.gif"/>
  938. </div>
  939. <div class="musicbox"><div class="music2">
  940. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  941. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  942. <param name="bgcolor" value="#080808" />
  943. <param name="FlashVars" value="mp3=https://db.tt/ErLPq6nE&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=080808&amp;bgcolor=080808&amp;bgcolor1=080808&amp;bgcolor2=080808&amp;buttoncolor=ffffff&amp;buttonovercolor=ffffff&amp;showlist=0" />
  944. </object>
  945. </div></div></div>
  946. </div>
  947.  
  948. <div class="bottom"> </div>
  949. <div class="bottom2"> </div>
  950. <div class="left"> </div>
  951. <div class="left2"> </div>
  952. <div class="left3"> </div>
  953.  
  954.  
  955. <div id="wrapper_outer">
  956. <div id="wrapper">
  957. <div class="autopagerize_page_element" >
  958.  
  959. {block:Posts}
  960. <div class="post">
  961. <div class="posts">
  962.  
  963. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  964.  
  965. {block:Photo}
  966. {block:IndexPage}
  967. <div id="photo">
  968. {LinkOpenTag}
  969. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  970. {LinkCloseTag}
  971. </div>
  972. {/block:IndexPage}
  973. {block:PermalinkPage}
  974. <div id="photo">
  975. {LinkOpenTag}
  976. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  977. {LinkCloseTag}
  978. </div>
  979. {/block:PermalinkPage}
  980. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  981. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  982. {/block:Photo}
  983.  
  984.  
  985. {block:Photoset}
  986. <div id="pset">
  987. {block:IndexPage}
  988. {block:if250px}
  989. {Photoset-250}
  990. {/block:if250px}
  991. {block:if400px}
  992. {Photoset-400}
  993. {/block:if400px}
  994. {block:if500px}
  995. {Photoset-500}
  996. {/block:if500px}
  997. {/block:IndexPage}
  998. {block:PermalinkPage}
  999. {Photoset-250}
  1000. {/block:PermalinkPage}
  1001. </div>
  1002. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1003. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1004. {/block:Photoset}
  1005.  
  1006.  
  1007. {block:Video}
  1008. <div id="vid">
  1009. {block:IndexPage}
  1010. {block:if250px}
  1011. <center>{Video-250}</center>
  1012. {/block:if250px}
  1013. {block:if400px}
  1014. <center>{Video-400}</center>
  1015. {/block:if400px}
  1016. {block:if500px}
  1017. <center>{Video-500}</center>
  1018. {/block:if500px}
  1019. {/block:IndexPage}
  1020. {block:PermalinkPage}
  1021. <center>{Video-250}</center>
  1022. {/block:PermalinkPage}
  1023. </div>
  1024. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1025. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1026. {/block:Video}
  1027.  
  1028.  
  1029. {block:Audio}
  1030. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  1031. <div class="player">{AudioPlayerBlack}</div>
  1032. <div style="font-size: 12px; margin-top: 8px; margin-left: 10px; text-transform: uppercase;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
  1033. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  1034. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  1035. {Caption}
  1036. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1037. {block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
  1038. {/block:Audio}
  1039.  
  1040.  
  1041.  
  1042. {block:Text}
  1043. {block:Title}<div id="h2">▷ {Title}</div>{/block:Title}
  1044. {Body}
  1045. {/block:Text}
  1046.  
  1047. {block:Link}
  1048. <div id="h2"><a href="{URL}" {Target}>{Name}</a></div>
  1049. {block:Description}{Description}{/block:Description}
  1050. {/block:Link}
  1051.  
  1052.  
  1053. {block:Answer}
  1054. <div id="portrait"> <img src="{AskerPortraitURL-24}"></td> </div>
  1055. <div id="asker">{Asker} </div>
  1056. <p><div id="question">{Question} </div>
  1057. {Answer}
  1058. {/block:Answer}
  1059.  
  1060.  
  1061. {block:Quote}<span style="font:30px cambria; margin-top:-8px; font-weight:bold; opacity:.5; position:absolute;"> </span>
  1062. <p><div id="quote">{Quote}</div>
  1063. {block:Source}<p style="margin-top:40px;"><div id="source"> {Source}</div>{/block:Source}
  1064. {/block:Quote}
  1065.  
  1066.  
  1067. {block:Chat}
  1068. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  1069. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  1070. {block:Label}
  1071. <b>{Label}</b>
  1072. {/block:Label}
  1073. {Line}</div>
  1074. {/block:Lines}
  1075. {/block:Chat}
  1076. </div>
  1077.  
  1078.  
  1079. {block:IndexPage}
  1080. <div class="perma">
  1081. <div id="permaline"></div>
  1082. {block:Date}<span class="perma1"><a href="{Permalink}" title="{TimeAgo}">■</a>&nbsp;<a title="{NoteCountwithLabel}"><span>■</span></a></span>
  1083. {/block:Date}
  1084.  
  1085. <span class="perma2"> <a title="{block:Tags}#{Tag} {/block:Tags}">■</a> <a href="{ReblogURL}" title="Reblog" >■</a> </span></div>
  1086.  
  1087. {block:ifShowTags}
  1088. {block:HasTags}<div class="taggs">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}{/block:IndexPage}
  1089.  
  1090. {block:PermalinkPage}
  1091. {block:Date}<div class="perma" style="background-color:#000; padding:4px; color:#999">Posted {TimeAgo} on {DayOfMonth}. {ShortMonth} {Year}{/block:Date}{block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount}
  1092. {/block:PermalinkPage}
  1093. </div>
  1094. {/block:Posts}
  1095.  
  1096. </div>
  1097. </div>
  1098. </div>
  1099. </div>
  1100. </div>
  1101.  
  1102.  
  1103. <div style="position:fixed; bottom:0px; left:0px; z-index:-999;"><img src="https://38.media.tumblr.com/69613226a50ee8a0693a886948c974ff/tumblr_na8ghj74Q51tj3l1yo1_1280.jpg"></div>
  1104.  
  1105. </body>
  1106. </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!