Advertisement
kyngri

Mischief Managed

Nov 1st, 2014
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.16 KB | None | 0 0
  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. <!--- #45 Theme by Heidi @ladmilk
  5.  
  6. Dear person in my source code,
  7.  
  8. I see you.
  9. And I will find you.
  10. Because I always do.
  11.  
  12. Sincerely,
  13. Someone you don't
  14. want to mess with.
  15.  
  16. PS. If you want to know how to do something, just ask. Simple as that. Ignore your pride and ask. It's less dramatic and you'll be more respected in the long-run.
  17.  
  18. ---->
  19.  
  20. <head>
  21.  
  22. <script language=JavaScript> var message="Boo."; function clickIE4(){ if (event.button==2) { alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script>
  23.  
  24. <title>: {Title} :</title>
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31. <meta name="text:backgroundimg" content="https://38.media.tumblr.com/fc94669f3515aa283ffaf14a193437c1/tumblr_n9yc9k5o1r1tj3n6no1_1280.jpg">
  32.  
  33. <meta name="color:Background" content="#ffffff" />
  34. <meta name="color:Posts" content="#f6f6f6" />
  35. <meta name="color:Borders" content="#000000" />
  36. <meta name="color:Text" content="#666666" />
  37. <meta name="color:Links" content="#b997ce" />
  38. <meta name="color:Links Hover" content="#ffffff" />
  39. <meta name="color:Scrollbar" content="#000000" />
  40. <meta name="color:Bold" content="#444444" />
  41. <meta name="color:Italic" content="#bbbbbb"/>
  42.  
  43. <meta name="color:Caption Text" content="#666666" />
  44. <meta name="color:Caption Background" content="#ffffff" />
  45. <meta name="color:Caption Border" content="#f6f6f6" />
  46.  
  47. <meta name="color:Ask Text" content="#cccccc" />
  48. <meta name="color:Ask Background" content="#ffffff" />
  49. <meta name="color:Ask Border" content="#eeeeee" />
  50. <meta name="color:Asker" content="#b997ce" />
  51.  
  52. <meta name="if:ContainedContent" content="1" />
  53. <meta name="if:ShowCaptions" content="1" />
  54. <meta name="if:InfiniteScroll" content="0" />
  55.  
  56. <meta name="text:Height of Container" content="350px" />
  57.  
  58. <meta name="text:audiourl" content="https://db.tt/SS3OUizw">
  59.  
  60. <meta name="text:Link1" content="" />
  61. <meta name="text:Title1" content="" />
  62. <meta name="text:Link2" content="" />
  63. <meta name="text:Title2" content="" />
  64. <meta name="text:Link3" content="" />
  65. <meta name="text:Title3" content="" />
  66. <meta name="text:Link4" content="" />
  67. <meta name="text:Title4" content="" />
  68. <meta name="text:Link5" content="" />
  69. <meta name="text:Title5" content="" />
  70. <meta name="text:Link6" content="" />
  71. <meta name="text:Title6" content="" />
  72. <meta name="text:Link7" content="" />
  73. <meta name="text:Title7" content="" />
  74. <meta name="text:Link8" content="" />
  75. <meta name="text:Title8" content="" />
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80. /* Body */
  81.  
  82.  
  83. @font-face {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  84. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  85.  
  86. iframe#tumblr_controls {
  87. top:0%!important;
  88. right:0%!important;
  89. position:fixed!important;
  90. z-index:999999999!important;
  91. opacity:0.3;
  92. -webkit-filter:invert(100%);
  93. -moz-filter:invert(100%);
  94. -o-filter:invert(100%);
  95. -ms-filter:invert(100%);
  96. filter:invert(100%);
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. width:5px;
  101. height:5px;
  102. }
  103.  
  104. ::-webkit-scrollbar-track-piece {
  105. background-color:{color:Background};
  106. border:2px solid {color:Background};
  107. }
  108. ::-webkit-scrollbar-thumb {
  109. background-color:{color:Scrollbar};
  110. border:1px solid {color:Background};
  111. }
  112.  
  113. body {
  114. margin:0;
  115. padding:0;
  116. border:0;
  117. background:url('{image:Background}');
  118. background-attachment:fixed;
  119. background-repeat:repeat;
  120. background-color:{color:Background};
  121. color:{color:Text};
  122. font-family:arial;
  123. font-size:9px;
  124. line-height:9px;
  125. word-wrap:break-word;
  126. }
  127.  
  128. ol, ul { margin-left:-15px }
  129.  
  130. /* Typo */
  131.  
  132. a {
  133. color:{color:Links};
  134. text-decoration:none;
  135. transition-duration: 0.6s;
  136. -moz-transition-duration: 0.6s;
  137. -webkit-transition-duration: 0.6s;
  138. -o-transition-duration: 0.6s;
  139. }
  140. a:hover{ color:{color:Links Hover}; }
  141.  
  142. pre {
  143. width:95%;
  144. margin-left:auto;
  145. margin-right:auto;
  146. padding:4px;
  147. background:#000;
  148. color:#fff;
  149. font-family:ms gothic;
  150. font-size:11px;
  151. text-align:left;
  152. white-space:pre-wrap;
  153. word-wrap:break-word;
  154. }
  155.  
  156. pre.odd {
  157. text-align:right;
  158. }
  159.  
  160. blockquote {
  161. width:88%;
  162. margin-left:auto;
  163. margin-right:auto;
  164. margin-top:0px;
  165. margin-bottom:0px;
  166. padding-left:10px;
  167. padding-right:10px;
  168. padding-top:1px;
  169. padding-bottom:1px;
  170. border-left:1px solid #000;
  171. }
  172.  
  173. b, strong {
  174. color:{color:Bold};
  175. font-weight:bold;
  176. }
  177.  
  178. i, em {
  179. color:{color:Italic};
  180. font-style:italic;
  181. }
  182. big {
  183. font-size:10px;
  184. }
  185.  
  186. sub, small {
  187. font-size:8px;
  188. }
  189.  
  190. h2 {
  191. margin-top:0px;
  192. text-decoration:none;
  193. font-family: ms gothic;
  194. background-color: #000;
  195. border:3px double white;
  196. text-align:center;
  197. color:white;
  198. text-transform: normal;
  199. font-size:20px;
  200. line-height:28px;
  201. }
  202.  
  203. h2:first-letter {
  204. font-family: alexbrush;
  205. font-size:25px;
  206. }
  207.  
  208. h1 {
  209. font-size:20px;
  210. line-height:20px;
  211. }
  212.  
  213. #container {
  214. position:fixed;
  215. left:130px;
  216. bottom:0px;
  217. height:100%;
  218. width:100%;
  219. }
  220.  
  221.  
  222. #sb {
  223. position:absolute;
  224. bottom:0px;
  225. left:0px;
  226. width:600px;
  227. height:100%;
  228. }
  229.  
  230. #phm {
  231. position:absolute;
  232. font-family:ms gothic;
  233. font-size:11px;
  234. line-height:11px;
  235. letter-spacing:1px;
  236. background-color:#fff;
  237. border-top:5px solid {color:Borders};
  238. border-right:2px solid {color:Borders};
  239. border-bottom:5px solid {color:Borders};
  240. border-left:2px solid {color:Borders};
  241. border-radius:20px 0px 20px 0px;
  242. padding:4px;
  243. padding-top:0px;
  244. bottom:350px;
  245. left:360px;
  246. width:200px;
  247. height:50px;
  248. text-align:center;
  249. }
  250.  
  251. #title {
  252. position:absolute;
  253. right:15px;
  254. bottom:425px;
  255. padding:4px;
  256. font-family:alexbrush;
  257. font-size:35px;
  258. line-height:35px;
  259. letter-spacing:1px;
  260. text-align:center;
  261. width:200px;
  262. color:#000;
  263. }
  264.  
  265. #line1 {
  266. position:absolute;
  267. right:0px;
  268. bottom:430px;
  269. width:150px;
  270. height:1px;
  271. background:{color:Borders};
  272. }
  273.  
  274. #line2 {
  275. position:absolute;
  276. right:0px;
  277. bottom:300px;
  278. width:1px;
  279. height:280px;
  280. background:{color:Borders};
  281. }
  282.  
  283. #line3 {
  284. position:absolute;
  285. left:590px;
  286. bottom:470px;
  287. width:200px;
  288. height:1px;
  289. background:{color:Borders};
  290. }
  291.  
  292. #line4 {
  293. position:absolute;
  294. left:700px;
  295. bottom:75px;
  296. width:440px;
  297. height:1px;
  298. background:{color:Borders};
  299. }
  300.  
  301. #line5 {
  302. position:absolute;
  303. left:1080px;
  304. bottom:60px;
  305. width:1px;
  306. height:150px;
  307. background:{color:Borders};
  308. }
  309.  
  310. #misc {
  311. position:absolute;
  312. left:600px;
  313. bottom:475px;
  314. }
  315.  
  316. #misc2 {
  317. position:absolute;
  318. left:1060px;
  319. bottom:75px;
  320. }
  321.  
  322. #linkline1 {
  323. position:absolute;
  324. right:15px;
  325. bottom:350px;
  326. width:4px;
  327. height:80px;
  328. background:{color:Borders};
  329. transition-duration: 0.6s;
  330. -moz-transition-duration: 0.6s;
  331. -webkit-transition-duration: 0.6s;
  332. -o-transition-duration: 0.6s;
  333. }
  334.  
  335. #linkline1:hover {
  336. height:100px;
  337. bottom:330px;
  338. transition-duration: 0.6s;
  339. -moz-transition-duration: 0.6s;
  340. -webkit-transition-duration: 0.6s;
  341. -o-transition-duration: 0.6s;
  342. }
  343.  
  344. #linkline2 {
  345. position:absolute;
  346. right:10px;
  347. bottom:340px;
  348. width:4px;
  349. height:90px;
  350. background:{color:Borders};
  351. transition-duration: 0.6s;
  352. -moz-transition-duration: 0.6s;
  353. -webkit-transition-duration: 0.6s;
  354. -o-transition-duration: 0.6s;
  355. }
  356.  
  357. #linkline2:hover {
  358. height:110px;
  359. bottom:320px;
  360. transition-duration: 0.6s;
  361. -moz-transition-duration: 0.6s;
  362. -webkit-transition-duration: 0.6s;
  363. -o-transition-duration: 0.6s;
  364. }
  365.  
  366. #linkline3 {
  367. position:absolute;
  368. right:5px;
  369. bottom:330px;
  370. width:4px;
  371. height:100px;
  372. background:{color:Borders};
  373. transition-duration: 0.6s;
  374. -moz-transition-duration: 0.6s;
  375. -webkit-transition-duration: 0.6s;
  376. -o-transition-duration: 0.6s;
  377. }
  378.  
  379. #linkline3:hover {
  380. height:120px;
  381. bottom:310px;
  382. transition-duration: 0.6s;
  383. -moz-transition-duration: 0.6s;
  384. -webkit-transition-duration: 0.6s;
  385. -o-transition-duration: 0.6s;
  386. }
  387.  
  388. /* links */
  389.  
  390. #navi {
  391. position:absolute;
  392. bottom:210px;
  393. left:1094px;
  394. width:20px;
  395. font-family:ms gothic;
  396. height:3px;
  397. line-height:10px;
  398. text-align:center;
  399. font-size:10px;
  400.  
  401. }
  402.  
  403. #navi a {
  404. background:#000;
  405. margin:5px;
  406. overflow:hidden;
  407. width:7px;
  408. height:7px;
  409. padding:3px;
  410. color:transparent;
  411. display:block;
  412. border:3px double #fff;
  413. -webkit-transition: all 0.4s ease-in-out;
  414. -moz-transition: all 0.4s ease-in-out;
  415. -o-transition: all 0.4s ease-in-out;
  416. -ms-transition: all 0.4s ease-in-out;
  417.  
  418. }
  419.  
  420. #navi a:hover{
  421. text-shadow:7px 0px transparent, -7px 0px transparent;
  422. -webkit-transition: all 0.4s ease-in-out;
  423. -moz-transition: all 0.4s ease-in-out;
  424. -o-transition: all 0.4s ease-in-out;
  425. -ms-transition: all 0.4s ease-in-out;
  426. color:#fff;
  427. width:35px;
  428. }
  429.  
  430. #extraline {
  431. position:fixed;
  432. left:0px;
  433. bottom:-1px;
  434. width:50px;
  435. height:150%;
  436. border-right:3px double white;
  437. background:{color:Borders};
  438. }
  439.  
  440. #extraextra {
  441. text-align:center;
  442. line-height:45px;
  443. position:fixed;
  444. bottom:0px;
  445. left:0px;
  446. width:50px;
  447. z-index:999;
  448. }
  449.  
  450. #extraextra img {
  451. width:40px;
  452. opacity:0;
  453. transition-duration: 0.8s;
  454. -moz-transition-duration: 0.8s;
  455. -webkit-transition-duration: 0.8s;
  456. -o-transition-duration: 0.8s;
  457. }
  458.  
  459. #extraextra img:hover {
  460. -webkit-filter: blur(15px);
  461. -webkit-transition:all 0.9s;
  462. -moz-transition:all 0.9s;
  463. -ms-transition:all 0.9s;
  464. -o-transition:all 0.9s;
  465. transition:all 0.9s;
  466. -webkit-transition: all 0.5s ease-out;
  467. -moz-transition: all 0.5s ease-out;
  468. transition: all 0.5s ease-out;
  469.  
  470. }
  471.  
  472. #extraline:hover #extraextra img {
  473. opacity:1;
  474. transition-duration: 0.8s;
  475. -moz-transition-duration: 0.8s;
  476. -webkit-transition-duration: 0.8s;
  477. -o-transition-duration: 0.8s;
  478. }
  479.  
  480. #extraextra2 {
  481. text-align:center;
  482. line-height:45px;
  483. position:fixed;
  484. top:10px;
  485. left:0px;
  486. width:50px;
  487. z-index:999;
  488. }
  489.  
  490. #extraextra2 img {
  491. width:30px;
  492. opacity:0;
  493. transition-duration: 0.8s;
  494. -moz-transition-duration: 0.8s;
  495. -webkit-transition-duration: 0.8s;
  496. -o-transition-duration: 0.8s;
  497. }
  498.  
  499. #extraextra2 img:hover {
  500. -webkit-filter: blur(15px);
  501. -webkit-transition:all 0.9s;
  502. -moz-transition:all 0.9s;
  503. -ms-transition:all 0.9s;
  504. -o-transition:all 0.9s;
  505. transition:all 0.9s;
  506. -webkit-transition: all 0.5s ease-out;
  507. -moz-transition: all 0.5s ease-out;
  508. transition: all 0.5s ease-out;
  509.  
  510. }
  511.  
  512. #extraline:hover #extraextra2 img {
  513. opacity:1;
  514. transition-duration: 0.8s;
  515. -moz-transition-duration: 0.8s;
  516. -webkit-transition-duration: 0.8s;
  517. -o-transition-duration: 0.8s;
  518. }
  519.  
  520. /* Container */
  521.  
  522. #wrapper{
  523. position:absolute;
  524. width:420px;
  525. {block:ifnotContainedContent}
  526. height:100%;
  527. bottom:0px;
  528. {/block:ifnotContainedContent}
  529. {block:ifContainedContent}
  530. height:{text:Height of Container};
  531. overflow:auto;
  532. bottom:100px;
  533. {/block:ifContainedContent}
  534. left:600px;
  535. padding-left:20px;
  536. padding-right:20px;
  537. }
  538.  
  539. .animated {
  540. -webkit-animation-duration: 1s;
  541. animation-duration: 1s;
  542. -webkit-animation-fill-mode: both;
  543. animation-fill-mode: both;
  544. -webkit-animation-timing-function: ease-in;
  545. animation-timing-function: ease-in;
  546. }
  547.  
  548. @-webkit-keyframes fadeIn {
  549. 0% {opacity: 0;}
  550. 100% {opacity: 1;}
  551. }
  552. @keyframes fadeIn {
  553. 0% {opacity: 0;}
  554. 100% {opacity: 1;}
  555. }
  556. .fadeIn {
  557. -webkit-animation-name: fadeIn;
  558. animation-name: fadeIn;
  559. }
  560.  
  561.  
  562. /* Posts */
  563.  
  564. .posts_outer {
  565. width:430px;
  566. margin-top:5px;
  567. margin-bottom:30px;
  568. }
  569.  
  570. .postborder {
  571. width:420px;
  572. padding:4px;
  573. border-bottom:4px double {color:Borders};
  574. {block:PermalinkPage}
  575. border-bottom:0px;
  576. {/block:PermalinkPage}
  577. }
  578.  
  579. .posts {
  580. width:400px;
  581. height:auto;
  582. margin-bottom:5px;
  583. padding:10px;
  584. position:relative;
  585. border:1px solid {color:Borders};
  586. background:{color:Posts};
  587. color:{color:Text};
  588. font-family:arial;
  589. font-size:10px;
  590. line-height:12px;
  591. text-align:left;
  592. }
  593.  
  594. .posts img { max-width:100%; -webkit-filter:grayscale(100%);}
  595. #photo img { max-width:100%; margin-bottom:-3px; -webkit-filter:grayscale(100%);}
  596. #pset, #vid { margin-bottom:-3px; -webkit-filter:grayscale(100%);}
  597.  
  598.  
  599. /* Photoset Lightbox */
  600.  
  601. #tumblr_lightbox {
  602. background-color:{color:Background}!important;
  603. }
  604. #tumblr_lightbox img {
  605. opacity:0;
  606. }
  607.  
  608. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  609. padding:10px!important;
  610. background:{color:Posts}!important;
  611. opacity:1!important;
  612. -moz-box-shadow:none!important;
  613. -webkit-box-shadow:none!important;
  614. box-shadow:none!important;
  615. -moz-border-radius:0px!important;
  616. -webkit-border-radius:0px!important;
  617. border-radius:0px!important;
  618. }
  619.  
  620. #tumblr_lightbox_caption {
  621. padding-left:17px;
  622. color:#ccc;!important;
  623. font-family:arial!important;
  624. font-size:12px!important;
  625. font-weight:bold!important;
  626. letter-spacing:1px!important;
  627. text-transform:normal!important;
  628. text-shadow:none!important;
  629. }
  630.  
  631.  
  632. /* Captions */
  633.  
  634.  
  635. .cap {
  636. margin-top:5px;
  637. margin-bottom:5px;
  638. width:400px;
  639. padding:10px;
  640. background:transparent;
  641. }
  642.  
  643. .cap blockquote {
  644. width:93%;
  645. margin-left:0px;
  646. margin-right:0px;
  647. margin-top:2px;
  648. margin-bottom:2px;
  649. padding-left:10px;
  650. padding-right:10px;
  651. padding-top:1px;
  652. padding-bottom:1px;
  653. }
  654. .cap p {
  655. width:93%;
  656. padding-left:10px;
  657. padding-right:10px;
  658. padding-top:1px;
  659. padding-bottom:1px;
  660. margin:0px;
  661. }
  662. .cap blockquote p {
  663. display:block;
  664. padding-left:0px;
  665. padding-right:0px;
  666. padding-top:0px;
  667. padding-bottom:0px;
  668. border:none;
  669. background:transparent;
  670. margin:2px;
  671. }
  672.  
  673.  
  674. /* Permalinks - IndexPage */
  675.  
  676. .permalink {
  677. background-color:#000;
  678. width:8px;
  679. height:8px;
  680. border:1px solid #fff;
  681. transition-duration: 0.8s;
  682. -moz-transition-duration: 0.8s;
  683. -webkit-transition-duration: 0.8s;
  684. -o-transition-duration: 0.8s;
  685. }
  686.  
  687. .permaline {
  688. width:398px;
  689. height:1px;
  690. background-color:#000;
  691. margin-top:18px;
  692. margin-left:11px;
  693. position:absolute;
  694. z-index:-2;
  695. }
  696.  
  697.  
  698. .permalink:hover {
  699. background-color:#fff;
  700. border:1px solid #000;
  701. border-radius: 100%;
  702. transition-duration: 0.8s;
  703. -moz-transition-duration: 0.8s;
  704. -webkit-transition-duration: 0.8s;
  705. -o-transition-duration: 0.8s;
  706. }
  707.  
  708.  
  709. .date {
  710. position:absolute;
  711. display:inline-block;
  712. margin-left:-210px;
  713. margin-top:-194px;
  714. width:8px;
  715. height:415px;
  716. text-align:right;
  717. letter-spacing:0px;
  718. padding:4px;
  719. background:transparent;
  720. -webkit-transform:rotate(90deg);
  721. -moz-transform:rotate(90deg);
  722. -o-transform:(90deg);
  723. }
  724.  
  725. .perma {
  726. color:{color:Links};
  727. padding:1px;
  728. text-align:right;
  729. line-height:8px;
  730. font-family:courier;
  731. font-size:8px;
  732. letter-spacing:1px;
  733. text-transform:uppercase;
  734. }
  735. .perma a {
  736. margin-left:5px;
  737. }
  738.  
  739.  
  740. /* Postinfo - PermalinkPage */
  741.  
  742. #posttitle {
  743. font-family:arial;
  744. color: {color:Text};
  745. font-family: alexbrush; color:#000;
  746. font-size: 30px;
  747. line-height:23px;
  748. padding: 4px;
  749. text-align: center;
  750. text-transform: normal;
  751. border-bottom:4px solid {color:Borders};
  752. }
  753.  
  754.  
  755. .postinfo {
  756. text-align:center;
  757. font-size:11px;
  758. margin-top:5px;
  759. color:{color:Text};
  760. font-family:ms gothic;
  761. border-top:4px double {color:Borders};
  762. }
  763.  
  764. ol.notes {
  765. width:422px;
  766. float:none;
  767. clear:none;
  768. padding:0px;
  769. margin:10px auto;
  770. list-style-type:none;
  771. color:{color:Links};
  772. font-size:9px;
  773. font-style:normal;
  774. text-transform:uppercase;
  775. text-align:left;
  776. }
  777.  
  778. li.note { padding:10px; }
  779.  
  780. img.avatar {
  781. width:14px;
  782. height:14px;
  783. margin-right:10px;
  784. vertical-align:-4px;
  785. }
  786.  
  787.  
  788. /* Quote */
  789.  
  790.  
  791. .quote {
  792. margin-bottom:10px;
  793. color:{color:Text};
  794. font-family:arial;
  795. font-size:8px;
  796. letter-spacing:2px;
  797. text-transform:uppercase;
  798. text-align:center;
  799. }
  800.  
  801. .source {
  802. margin-top:10px;
  803. text-align:center;
  804. }
  805.  
  806.  
  807. /* Audio */
  808.  
  809.  
  810. .audio_player {
  811. padding:10px;
  812. background:#000;
  813. opacity:.9;
  814. }
  815.  
  816. .audio_line {
  817. margin-top:3px;
  818. padding-top:2px;
  819. padding-bottom:2px;
  820. padding-right:2px;
  821. padding-left:4px;
  822. border-top:1px solid #fff;
  823. background:#000;
  824. color:#fff;
  825. font-family:arial;
  826. font-size:8px;
  827. line-height:8px;
  828. letter-spacing:1px;
  829. text-transform:uppercase;
  830. }
  831.  
  832. .audio_line:even {
  833. border-top:1px solid #000;
  834. background:#fff;
  835. color:#000;
  836. }
  837.  
  838.  
  839. /* Ask */
  840.  
  841.  
  842. .question {
  843. padding:5px;
  844. text-decoration:none;
  845. background-color: #000;
  846. border:3px double white;
  847. text-align:center;
  848. color:white;
  849. font-family:arial;
  850. }
  851. .answ { padding-top:5px; padding-bottom:0px; }
  852. .aske { padding-bottom:5px; }
  853. .aske {
  854. text-transform: normal;
  855. color:black;
  856. font-family:arial;
  857. font-size:10px;
  858. line-height:12px;
  859. text-align:left;
  860. font-style:normal;
  861. }
  862.  
  863. .answ{
  864. text-transform: normal;
  865. font-size:18px;
  866. line-height:28px;
  867. font-family:ms gothic;
  868. letter-spacing:2px;
  869. text-align:center;
  870. font-style:normal;
  871. }
  872.  
  873. .answ:first-letter {
  874. text-transform: uppercase;
  875. font-family: alexbrush;
  876. font-size:23px;
  877. }
  878.  
  879. .ans {
  880. color:{color:Text};
  881. text-align:left;
  882. padding:0px;
  883. margin-top:5px;
  884. }
  885. .ans p {
  886. margin:5px;
  887. }
  888.  
  889.  
  890.  
  891. /* Pagination */
  892.  
  893. .pagination {
  894. position:absolute;
  895. width:420px;
  896. left:620px;
  897. bottom:50px;
  898. padding-top:5px;
  899. font-size:8px;
  900. line-height:11px;
  901. text-align:center;
  902. }
  903.  
  904. .pagination a {
  905. padding-top:5px;
  906. padding-left:10px;
  907. padding-right:10px;
  908. margin-left:2px;
  909. margin-right:2px;
  910. }
  911.  
  912. .current_page {
  913. padding-top:5px;
  914. padding-left:10px;
  915. padding-right:10px;
  916. }
  917.  
  918.  
  919. /* Tooltips */
  920.  
  921.  
  922. #s-m-t-tooltip{
  923. max-width:210px;
  924. margin-top:25px;
  925. margin-left:15px;
  926. padding-left:5px;
  927. padding-right:5px;
  928. padding-top:2px;
  929. padding-bottom:1px;
  930. z-index:999999999;
  931. background:rgba(255,255,255,.9);
  932. color:#000;
  933. font-family:trebuchet ms;
  934. font-size:7px;
  935. letter-spacing:2px;
  936. text-transform:uppercase;
  937. line-height:9px;
  938. }
  939.  
  940. /* popup */
  941.  
  942. #fade {
  943. display: none;
  944. position: fixed;
  945. left: 0;
  946. top: 0;
  947. width: 100%;
  948. height: 100%;
  949. opacity: .5;
  950. z-index: 999;
  951. }
  952.  
  953. .popup_block{
  954. display: none;
  955. padding: 10px;
  956. height:350px;
  957. position: fixed;
  958. bottom: 90px;
  959. left: 1000px;
  960. z-index: 9999;;
  961. background-color:{color:Background};
  962. -webkit-animation:HOVER 600ms;
  963. }
  964.  
  965. @-webkit-keyframes HOVER {
  966. 0% {-webkit-transform: scale(.3);}
  967. 50% {-webkit-transform: scale(1.05);}
  968. 70% {-webkit-transform: scale(.9);}
  969. 100% {-webkit-transform: scale(1);}
  970. }
  971.  
  972.  
  973. .popupscroll{
  974. position:absolute;
  975. width:420px;
  976. height:300px;
  977. bottom:5px;
  978. left:8px;
  979. overflow:auto;
  980. font-family:calibri;
  981. font-size:9px;
  982. letter-spacing:1px;
  983. text-align:center;
  984. color:{color:Text}
  985. }
  986.  
  987. .popupscroll img {
  988. -webkit-filter: grayscale(100%);
  989. }
  990.  
  991. #h4 {
  992. width:420px;
  993. color:{color:Title};
  994. margin-top:0px;
  995. text-decoration:none;
  996. font-family: ms gothic;
  997. background-color: #000;
  998. border:3px double white;
  999. color:white;
  1000. font-size:20px;
  1001. line-height:28px;
  1002. text-align:center;
  1003. font-style:normal;
  1004. z-index: 999;
  1005. }
  1006.  
  1007.  
  1008. #h4:first-letter {
  1009. font-family: alexbrush;
  1010. font-size:25px;
  1011. }
  1012.  
  1013. img.btn_close {
  1014. float: right;
  1015. margin: -55px -55px 0 0;
  1016. }
  1017.  
  1018. *html #fade {
  1019. position: absolute;
  1020. }
  1021.  
  1022. *html .popup_block {
  1023. position: absolute;
  1024. }
  1025.  
  1026. </style>
  1027.  
  1028.  
  1029.  
  1030. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1031. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1032. <script>(function($){$(document).ready(function(){$("[title],a[title],img[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:30,tip_fade_speed:300,attribute:"title"});});})(jQuery);</script>
  1033.  
  1034. <script type="text/javascript"
  1035. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1036. <script>
  1037. $(document).ready(function() {
  1038. $('a.poplight[href^=#]').click(function() {
  1039. var popID = $(this).attr('rel');
  1040. var popURL = $(this).attr('href');
  1041. var query= popURL.split('?');
  1042. var dim= query[1].split('&');
  1043. var popWidth = dim[0].split('=')[1];
  1044. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1045. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1046. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1047. $('#' + popID).css({
  1048. 'margin-top' : -popMargTop,
  1049. 'margin-left' : -popMargLeft
  1050. });
  1051. $('body').append('<div id="fade"></div>');
  1052. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  1053. return false;
  1054. });
  1055. $('a.close, #fade').live('click', function() {
  1056. $('#fade , .popup_block').fadeOut(function() {
  1057. $('#fade, a.close').remove();
  1058. });
  1059. return false;
  1060. });
  1061. });
  1062. </script>
  1063.  
  1064. {block:IndexPage}
  1065. {block:ifInfiniteScroll}
  1066. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1067. {/block:ifInfiniteScroll}
  1068. {/block:IndexPage}
  1069.  
  1070. </head>
  1071. <body>
  1072. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  1073. <body onkeydown="return false">
  1074.  
  1075.  
  1076. <div id="container">
  1077. <div id="sb">
  1078.  
  1079. <div id="title">❝ Title ,</div>
  1080.  
  1081. <div id="phm"><div style="text-shadow: 2px 2px #000, -1px -1px #aaa; font-family: arial; color:#fff; font-size: 40px; font-weight: bold; letter-spacing: -4px; text-align:center;">NAME.</div>
  1082. <p>Little description.</p>
  1083. </div>
  1084.  
  1085. <div id="line1"></div>
  1086. <div id="line2"></div>
  1087. <div id="line3"></div>
  1088. <div id="line4"></div>
  1089. <div id="line5"></div>
  1090.  
  1091. <div id="misc"><img src="https://31.media.tumblr.com/80aa0d405b741d2f6894cd24ca27bc44/tumblr_inline_na1bi35bHN1slekhb.png"></div>
  1092.  
  1093. <a href="{text:Link1}" title="{text:Title1}"><div id="linkline1"></div></a>
  1094. <a href="{text:Link2}" title="{text:Title2}"><div id="linkline2"></div></a>
  1095. <a href="{text:Link3}" title="{text:Title3}"><div id="linkline3"></div></a>
  1096. </div>
  1097.  
  1098. <div id="misc2"><img src="https://31.media.tumblr.com/4f2ec9ccee718ab13d8923bd79d02417/tumblr_inline_na0c8fjFYA1slekhb.png" width="280"></div>
  1099.  
  1100. <div id="navi">
  1101. <a href="{text:Link4}" title="{text:Title4}">0:01</a>
  1102. <a href="{text:Link5}" title="{text:Title5}">0:02</a>
  1103. <a href="{text:Link6}" title="{text:Title6}">0:03</a>
  1104. <a href="{text:Link7}" title="{text:Title7}">0:04</a>
  1105. <a href="{text:Link8}" title="{text:Title8}">0:05</a>
  1106. </div>
  1107.  
  1108. <div id="extraline">
  1109. <div id="extraextra">
  1110. <a href="/" title="+ Thing 1"><img src="https://31.media.tumblr.com/d666d79d7a874816badb75d26d14fa45/tumblr_inline_ncqtwqa1vQ1slekhb.png"></a>
  1111. <a href="/" title="+ Thing 2"><img src="https://31.media.tumblr.com/d666d79d7a874816badb75d26d14fa45/tumblr_inline_ncqtwqa1vQ1slekhb.png"></a>
  1112. <a href="/" title="+ Thing 3"><img src="https://31.media.tumblr.com/d666d79d7a874816badb75d26d14fa45/tumblr_inline_ncqtwqa1vQ1slekhb.png"></a>
  1113. <a href="/" title="+ Thing 4"><img src="https://31.media.tumblr.com/d666d79d7a874816badb75d26d14fa45/tumblr_inline_ncqtwqa1vQ1slekhb.png"></a>
  1114. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="30" height="20">
  1115. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  1116. <param name="bgcolor" value="#000000" />
  1117. <param name="FlashVars" value="mp3={text:audiourl}&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;loadingcolor=000000&amp;bgcolor=000000&amp;bgcolor1=000000&amp;bgcolor2=000000&amp;slidercolor1=000000&amp;slidercolor2=000000&amp;sliderovercolor=000000&amp;buttoncolor=ffffff&amp;buttonovercolor=ffffff&amp;textcolor=000000" />
  1118. </object>
  1119. </div>
  1120. </div>
  1121.  
  1122.  
  1123.  
  1124. {block:Pagination}
  1125. <div class="pagination">
  1126. {block:JumpPagination length="5"}
  1127. {block:CurrentPage}
  1128. <span class="current_page">{PageNumber}</span>
  1129. {/block:CurrentPage}
  1130. {block:JumpPage}
  1131. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1132. {/block:JumpPage}
  1133. {/block:JumpPagination}
  1134. </div>
  1135. {/block:Pagination}
  1136.  
  1137. <div id="wrapper" class="animated fadeIn">
  1138.  
  1139. <div class="autopagerize_page_element" >
  1140. {block:Posts}
  1141. <div class="posts_outer">
  1142. <div class="postborder">
  1143. <div class="posts">
  1144.  
  1145.  
  1146. {block:ContentSource}
  1147. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1148. {/block:SourceLogo}
  1149. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1150. {/block:ContentSource}
  1151.  
  1152.  
  1153. {block:Photo}
  1154. {block:IndexPage}
  1155. <div id="photos">
  1156. <center>{LinkOpenTag}
  1157. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  1158. {LinkCloseTag}</center>
  1159. </div>
  1160. {/block:IndexPage}
  1161. {block:PermalinkPage}
  1162. <div id="photos">
  1163. <center>{LinkOpenTag}
  1164. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1165. {LinkCloseTag}</center>
  1166. </div>
  1167. {/block:PermalinkPage}
  1168. {/block:Photo}
  1169.  
  1170.  
  1171. {block:Photoset}
  1172. <div id="pset">
  1173. {Photoset}
  1174. </div>
  1175. {/block:Photoset}
  1176.  
  1177.  
  1178. {block:Video}
  1179. <div id="vid">
  1180. <center>{Video-400}</center>
  1181. </div>
  1182. {/block:Video}
  1183.  
  1184.  
  1185.  
  1186. {block:Audio}
  1187. <div class="audio_player">{AudioPlayerBlack}</div>
  1188. {block:TrackName}
  1189. <div class="audio_line">{TrackName}</div>
  1190. {/block:TrackName}
  1191. {block:Artist}
  1192. <div class="audio_line">{Artist}</div>
  1193. {/block:Artist}
  1194. {block:Album}
  1195. <div class="audio_line">{Album}</div>
  1196. {/block:Album}
  1197. <div class="audio_line">{PlayCount}</div>
  1198. {/block:Audio}
  1199.  
  1200.  
  1201. {block:Text}
  1202. {block:Title}<h2>{Title}</h2>{/block:Title}
  1203. {Body}
  1204. {/block:Text}
  1205.  
  1206.  
  1207. {block:Link}
  1208. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1209. {block:Description}{Description}{/block:Description}
  1210. {/block:Link}
  1211.  
  1212.  
  1213. {block:Answer}
  1214. <div class="question">
  1215. <div class="answ">{Asker}</div>
  1216. {Question}
  1217. </div>
  1218.  
  1219. {block:Answerer}
  1220. <div class="ans">
  1221. <div class="aske">{Answerer}:</div>
  1222. <blockquote>{Answer}</blockquote>
  1223. </div>
  1224. {/block:Answerer}
  1225.  
  1226. {Replies}
  1227. {/block:Answer}
  1228.  
  1229.  
  1230. {block:Quote}
  1231. <div class="quote">{Quote}</div>
  1232. {block:Source}
  1233. <div class="source">— {Source}</div>
  1234. {/block:Source}
  1235. {/block:Quote}
  1236.  
  1237.  
  1238. {block:Chat}
  1239. {block:Title}{Title}{/block:Title}
  1240. {block:Lines}<p>
  1241. {block:Label}
  1242. <b>{Label}</b>
  1243. {/block:Label}
  1244. {Line}</p>
  1245. {/block:Lines}
  1246. {/block:Chat}
  1247.  
  1248. </div>
  1249.  
  1250. {block:Indexpage}
  1251. {block:ifShowCaptions}
  1252. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1253. {/block:ifShowCaptions}
  1254.  
  1255.  
  1256.  
  1257. <div class="perma">
  1258. <div class="date">
  1259. <a href="{ReblogURL}" title="Reblog"><div style="margin-top:5px;" class="permalink"></div></a>
  1260. <a href="{Permalink}" title="Posted {TimeAgo} with {NoteCountWithLabel}"><div style="margin-top:5px;" class="permalink"></div></a>
  1261. {block:HasTags}
  1262. <span style="cursor:pointer; margin-left:5px;" title="{block:Tags}#{Tag} {/block:Tags}"><div style="margin-top:5px;" class="permalink"></div></span>
  1263. {/block:HasTags}
  1264. </div>
  1265. <div class="permaline"></div>
  1266. </div>
  1267. {/block:Indexpage}
  1268.  
  1269. </div>
  1270.  
  1271.  
  1272.  
  1273.  
  1274. {block:PermalinkPage}
  1275. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1276.  
  1277. {block:Date}
  1278. <div class="postinfo">
  1279. <br> <div id="posttitle">Posted {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</div><br>
  1280. <div style="text-transform: uppercase;">
  1281. ({TimeAgo})
  1282. with {NoteCountWithLabel}
  1283. {block:RebloggedFrom}
  1284. <br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1285. {/block:RebloggedFrom}
  1286. {block:HasTags}
  1287. <br>hashtag: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1288. {/block:HasTags}
  1289. </div>
  1290. </div>
  1291. {/block:Date}
  1292. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1293. {/block:PermalinkPage}
  1294.  
  1295.  
  1296.  
  1297. </div>
  1298. {/block:Posts}
  1299. </div>
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305. </div>
  1306. </div>
  1307.  
  1308.  
  1309. <div id="ppg" class="popup_block">
  1310. <div id="h4">Popup</div>
  1311. <div class="popupscroll">
  1312. things
  1313. </div>
  1314. </div>
  1315.  
  1316.  
  1317. <div style="position:fixed; bottom:0px; left:0px; z-index:-99999999999999999999;"><img src="{text:backgroundimg}"></div>
  1318.  
  1319. </body>
  1320. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement