API tools faq
paste
Advertisement
xariaaaa

[THEME] ʟᴜɴᴀᴛɪᴄ ʟᴏᴠᴇʀs

xariaaaa
Mar 9th, 2016
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.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. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  5. ᴘᴏsᴛs ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  7. ᴛʜᴇᴍᴇ ʙʏ ᴄʜʀᴠsᴛɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="text:URL Here" content="tvboo" />
  19.  
  20. <style type="text/css">
  21.  
  22.  
  23. /* GASARA */
  24. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  25.  
  26. /* DARLESTON */
  27. @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
  28.  
  29.  
  30. iframe#tumblr_controls {
  31. z-index: 9999999999;
  32. white-space: nowrap;
  33. -webkit-filter: invert(100%);
  34. -moz-filter: invert(100%);
  35. -o-filter: invert(100%);
  36. -ms-filter: invert(100%);
  37. filter: invert(100%);
  38. opacity:.2;
  39. transition: .8s ease-in-out;
  40. -webkit-transition: .8s ease-in-out;
  41. -moz-transition: .8s ease-in-out;
  42. -o-transition: .8s ease-in-out;
  43. }
  44.  
  45. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  46.  
  47. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  48.  
  49. ::selection {
  50. background:transparent;
  51. color:#000000;
  52. text-shadow: 0px 0px 1px #d4c6ff;
  53. }
  54.  
  55. ::-moz-selection {
  56. background:transparent;
  57. color:#000000;
  58. text-shadow: 0px 0px 1px #d4c6ff;
  59. }
  60.  
  61. ::-webkit-selection {
  62. background:transparent;
  63. color:#000000;
  64. text-shadow: 0px 0px 1px #d4c6ff;
  65. }
  66.  
  67. /* THEME SPECIALS */
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. background-color: #f2eeff;
  71. border: 3px solid #ddd2ff;
  72. height:auto;
  73. border-bottom:none;
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height:9px;
  78. width:9px;
  79. background-color: #f2eeff;
  80. border:4px solid #ddd2ff;
  81. }
  82.  
  83. /* BODY */
  84. body {
  85. background-image: url({image:background image});
  86. background-repeat: no-repeat;
  87. background-attachment: fixed;
  88. background-color: #f2eeff;
  89. background-position: bottom right;
  90. margin: 0;
  91. }
  92.  
  93. #bt {
  94. top: 0px;
  95. left: 0px;
  96. height: 30px;
  97. width: 100%;
  98. position: fixed;
  99. background-color: #ddd2ff;
  100. z-index: 999999;
  101. }
  102.  
  103. #bb {
  104. bottom: 0px;
  105. left: 0px;
  106. height: 30px;
  107. width: 100%;
  108. position: fixed;
  109. background-color: #ddd2ff;
  110. z-index: 999999;
  111. }
  112.  
  113. #bl {
  114. top: 0px;
  115. left: 0px;
  116. height: 100%;
  117. width: 30px;
  118. position: fixed;
  119. background-color: #ddd2ff;
  120. z-index: 999999;
  121. }
  122.  
  123. #br {
  124. top: 0px;
  125. right: 0px;
  126. height: 100%;
  127. width: 30px;
  128. position: fixed;
  129. background-color: #ddd2ff;
  130. z-index: 999999;
  131. }
  132.  
  133. a:link, a:visited, a:active {
  134. text-decoration: none;
  135. color: #e7e3f3;
  136. -moz-transition:all ease-in-out 0.7s;
  137. -webkit-transition:all ease-in-out 0.7s;
  138. -o-transition:all ease-in-out 0.7s;
  139. transition:all ease-in-out 0.7s;
  140. }
  141.  
  142. small, sub, sup, code {
  143. font-family: "calibri";
  144. font-size: 11px;
  145. letter-spacing: 1;
  146. margin-top: 10px !important;
  147. line-height: 90%;
  148. }
  149.  
  150. h1, h2 {
  151. font-family: "bebas";
  152. font-size: 25px;
  153. color: #d4c6ff;
  154. text-shadow: -2px 2px 0px #f2eeff;
  155. line-height: 30px;
  156. letter-spacing: -1px;
  157. }
  158.  
  159. pre {
  160. width: 100%;
  161. text-align: justify;
  162. font-family: "Gasara";
  163. background-color: #f2eeff;
  164. border-left: 1px dotted #d4c6ff;
  165. border-bottom: 1px dotted #d4c6ff;
  166. border-radius: 0px 0px 30px 0px;
  167. font-size: 8px;
  168. text-transform: uppercase;
  169. white-space:pre-wrap;
  170. word-wrap:break-word;
  171. padding:3px;
  172. }
  173.  
  174. code {
  175. font-family: 'tinytots';
  176. font-size: 8px;
  177. text-transform: uppercase;
  178. letter-spacing: 1;
  179. line-height: 100%;
  180. }
  181.  
  182. blockquote {
  183. margin-left:5px;
  184. width:90%;
  185. padding-left:5px;
  186. border-left: 2px solid #f2eeff;
  187. overflow:hidden;
  188. }
  189.  
  190. blockquote blockquote {
  191. margin-left: 10px;
  192. width: 85%;
  193. text-align: justify;
  194. border-left: 2px solid #f2eeff;
  195. padding: 5px;
  196. overflow:hidden;
  197. }
  198.  
  199. blockquote img {
  200. max-width:210px !important;
  201. opacity: .5;
  202. overflow:hidden;
  203. }
  204.  
  205. blockquote blockquote img {
  206. max-width:180px !important;
  207. opacity: .5;
  208. overflow:hidden;
  209. }
  210.  
  211. blockquote img:hover {
  212. opacity: 0.9;
  213. }
  214.  
  215. blockquote blockquote img:hover {
  216. opacity: 0.9;
  217. }
  218.  
  219. .alignment {
  220. position: relative;
  221. margin-left: 150px;
  222. margin-top: 10px;
  223. height: 100%;
  224. height: auto !important;
  225. min-height: 100%;
  226. width:250px;
  227. }
  228.  
  229. /* QUOTES */
  230.  
  231. #quote {
  232. color: #000000;
  233. font-family: "Darleston";
  234. font-size: 20px;
  235. line-height: 25px;
  236. }
  237.  
  238. #source {
  239. font-family: "Gasara";
  240. font-size: 8px;
  241. letter-spacing:1px;
  242. text-align:right;
  243. text-transform:uppercase;
  244. }
  245.  
  246. /* CONTENT WRAPPER */
  247.  
  248. #wrapper {
  249. float: right;
  250. margin-right: 250px;
  251. width:270px;
  252. height:auto;
  253. margin-top:30px;
  254. margin-bottom:40px;
  255. position:relative;
  256. }
  257.  
  258. /* BLOG POSTS */
  259.  
  260. .posts {
  261. width:250px;
  262. font-family: "calibri";
  263. font-size: 12px;
  264. letter-spacing: 1;
  265. line-height: 100%;
  266. color: #000000;
  267. text-align: justify;
  268. word-wrap: break-word;
  269. background-color: #ddd2ff;
  270. border: 10px double #f2eeff;
  271. padding: 10px;
  272. margin-bottom: 20px;
  273. -moz-transition:all ease-in-out 0.7s;
  274. -webkit-transition:all ease-in-out 0.7s;
  275. -o-transition:all ease-in-out 0.7s;
  276. transition:all ease-in-out 0.7s;
  277. }
  278.  
  279. .postinfo {
  280. width:250px;
  281. font-family: "calibri";
  282. font-size:9px;
  283. letter-spacing: 1;
  284. line-height: 100%;
  285. color: #000000;
  286. text-align: justify;
  287. word-wrap:break-word;
  288. margin-top: -15px;
  289. padding: 10px;
  290. -moz-transition:all ease-in-out 0.7s;
  291. -webkit-transition:all ease-in-out 0.7s;
  292. -o-transition:all ease-in-out 0.7s;
  293. transition:all ease-in-out 0.7s;
  294. }
  295.  
  296. .postcontainer img:hover, #photoset:hover {
  297. opacity: 0.9;
  298. max-width:100%;
  299. -webkit-filter:grayscale(20%);
  300. -webkit-transition: all 0.7s ease-in-out;
  301. -moz-transition: all 0.7s ease-in-out;
  302. -o-transition: all 0.7s ease-in-out;
  303. transition: all 0.7s ease-in-out;
  304. }
  305.  
  306. .postcontainer img, #photoset {
  307. max-width:250px;.
  308. opacity: 0.9;
  309. max-width:100%;
  310. -webkit-filter:grayscale(100%);
  311. -webkit-transition: all 0.7s ease-in-out;
  312. -moz-transition: all 0.7s ease-in-out;
  313. -o-transition: all 0.7s ease-in-out;
  314. transition: all 0.7s ease-in-out;
  315. }
  316.  
  317. .photopost img {
  318. max-width: 250px !important;
  319. -webkit-filter: grayscale(100%);
  320. -moz-transition:all ease-in-out 0.7s;
  321. -webkit-transition:all ease-in-out 0.7s;
  322. -o-transition:all ease-in-out 0.7s;
  323. transition:all ease-in-out 0.7s;
  324. }
  325.  
  326. .photopost img:hover {
  327. opacity: 0.9;
  328. max-width:100%;
  329. -webkit-filter:grayscale(20%);
  330. -webkit-transition: all 0.7s ease-in-out;
  331. -moz-transition: all 0.7s ease-in-out;
  332. -o-transition: all 0.7s ease-in-out;
  333. transition: all 0.7s ease-in-out;
  334. }
  335.  
  336. .posts img, #photoset {
  337. max-width: 250px !important;
  338. height: auto;
  339. opacity: .5;
  340. -webkit-filter: grayscale(100%);
  341. -moz-transition:all ease-in-out 0.7s;
  342. -webkit-transition:all ease-in-out 0.7s;
  343. -o-transition:all ease-in-out 0.7s;
  344. transition:all ease-in-out 0.7s;
  345. }
  346.  
  347. .posts img:hover {
  348. opacity: 0.9;
  349. max-width:100%;
  350. -webkit-filter:grayscale(20%);
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;
  354. transition: all 0.7s ease-in-out;
  355. }
  356.  
  357. .video {
  358. max-width: 250px !important;
  359. opacity: .5;
  360. -webkit-filter: grayscale(100%);
  361. -moz-transition:all ease-in-out 0.7s;
  362. -webkit-transition:all ease-in-out 0.7s;
  363. -o-transition:all ease-in-out 0.7s;
  364. transition:all ease-in-out 0.7s;
  365. }
  366.  
  367. .video:hover {
  368. opacity: 0.9;
  369. max-width:100%;
  370. -webkit-filter:grayscale(20%);
  371. -webkit-transition: all 0.7s ease-in-out;
  372. -moz-transition: all 0.7s ease-in-out;
  373. -o-transition: all 0.7s ease-in-out;
  374. transition: all 0.7s ease-in-out;
  375. }
  376.  
  377. .postnotes {
  378. width:250px;
  379. font-family: "Gasara";
  380. font-size: 8px;
  381. letter-spacing: 1;
  382. line-height: 100%;
  383. color: black;
  384. text-align: left;
  385. text-transform: uppercase;
  386. word-wrap:break-word;
  387. padding: 10px;
  388. -moz-transition:all ease-in-out 0.7s;
  389. -webkit-transition:all ease-in-out 0.7s;
  390. -o-transition:all ease-in-out 0.7s;
  391. transition:all ease-in-out 0.7s;
  392. }
  393.  
  394. .postnotes img {
  395. display:none;
  396.  
  397. }
  398.  
  399. .postperma {
  400. width:250px;
  401. margin-left: 25px;
  402. margin-top: -20px;
  403. margin-bottom: 20px;
  404. font-family: "Gasara";
  405. font-size: 8px;
  406. color: black;
  407. text-transform: uppercase;
  408. text-align:center;
  409. line-height:100%;
  410. padding:1px;
  411. -moz-transition:all ease-in-out 0.7s;
  412. -webkit-transition:all ease-in-out 0.7s;
  413. -o-transition:all ease-in-out 0.7s;
  414. transition:all ease-in-out 0.7s;
  415.  
  416. }
  417.  
  418. .postperma a {
  419. color: #d4c6ff;
  420. -moz-transition:all ease-in-out 0.7s;
  421. -webkit-transition:all ease-in-out 0.7s;
  422. -o-transition:all ease-in-out 0.7s;
  423. transition:all ease-in-out 0.7s;
  424.  
  425. }
  426.  
  427. .postperma a:hover {
  428. color: #d4c6ff;
  429. -moz-transition:all ease-in-out 0.7s;
  430. -webkit-transition:all ease-in-out 0.7s;
  431. -o-transition:all ease-in-out 0.7s;
  432. transition:all ease-in-out 0.7s;
  433.  
  434. }
  435.  
  436. #posttitle {
  437. text-shadow: -1px 2px 0px #f2eeff;
  438. color: #d4c6ff;
  439. font-family: "bebas";
  440. font-size:20px;
  441. letter-spacing:1px;
  442. line-height:16px;
  443. text-transform:uppercase;
  444. text-align:center;
  445. }
  446.  
  447. #permtitle {
  448. font-family: "Gasara";
  449. color: black;
  450. font-size: 8px;
  451. padding: 5px;
  452. margin-top: 5px;
  453. text-align: center;
  454. text-transform: uppercase;
  455. }
  456.  
  457. #tags {
  458. font-family: "Gasara";
  459. font-size: 8px;
  460. text-transform: uppercase;
  461. letter-spacing: 1;
  462. line-height: 100%;
  463. }
  464.  
  465. .postinfo a, .postnotes a{
  466. color: #000000;
  467. }
  468.  
  469. /* AUDIO */
  470.  
  471. .album {
  472. background-repeat: no-repeat;
  473. background-position: center;
  474. position: absolute;
  475. width: 86px;
  476. height: 86px;
  477. background-size: 60px;
  478. overflow: hidden;
  479. background-color: #f2eeff;
  480. -moz-transition:all ease-in-out 0.7s;
  481. -webkit-transition:all ease-in-out 0.7s;
  482. -o-transition:all ease-in-out 0.7s;
  483. transition:all ease-in-out 0.7s;
  484. }
  485.  
  486. .album img {
  487. width: 86px;
  488. height: 86px;
  489. overflow: hidden;
  490. -moz-transition:all ease-in-out 0.7s;
  491. -webkit-transition:all ease-in-out 0.7s;
  492. -o-transition:all ease-in-out 0.7s;
  493. transition:all ease-in-out 0.7s;
  494. -webkit-filter: grayscale(100%);
  495. opacity:.5;
  496. }
  497.  
  498. .album img:hover {
  499. -moz-transition:all ease-in-out 0.7s;
  500. -webkit-transition:all ease-in-out 0.7s;
  501. -o-transition:all ease-in-out 0.7s;
  502. transition:all ease-in-out 0.7s;
  503. -webkit-filter: grayscale(0%) !important;
  504. opacity: 0.9;
  505. }
  506.  
  507. .player {
  508. width: 10px;
  509. height: 11px;
  510. overflow: hidden;
  511. padding: 4px 21px 21px 4px;
  512. margin-top: 27px;
  513. margin-left: 26px;
  514. position: absolute;
  515. background-color: #fff;
  516. opacity: 0.5;
  517. z-index: 10;
  518. -webkit-transition: all 0.4s linear;
  519. -moz-transition: all 0.4s linear;
  520. -o-transition: all 0.4s linear;
  521. -moz-border-radius: 30px;
  522. -webkit-border-radius: 30px;
  523. border-radius: 30px;
  524. }
  525.  
  526. .album:hover .player {
  527. opacity: 0.5;
  528. }
  529.  
  530. .track {
  531. margin-left: 90px;
  532. min-height: 80px;
  533. max-height: 100px;
  534. overflow: auto;
  535. font-family:"Gasara";
  536. font-size: 8px;
  537. padding: 3px;
  538. color: #000000;
  539. text-transform: uppercase;
  540. letter-spacing: 1px;
  541. background: #f2eeff};
  542. }
  543.  
  544.  
  545. /* QUESTION */
  546.  
  547. #ask {
  548. max-width:250px;
  549. }
  550.  
  551. .as {
  552. min-height: auto;
  553. padding: 5px;
  554. padding-bottom:8px;
  555. background-color: #f2eeff;
  556. border: 5px double #ddd2ff;
  557. }
  558.  
  559. .aske {
  560. margin-top:5px;
  561. font-family: "bebas";
  562. font-size: 33px;
  563. line-height:40px;
  564. text-align:center;
  565. border-bottom:solid 1px #d4c6ff;
  566. text-transform:none;
  567. color: #d4c6ff;
  568. background-color: #f2eeff;
  569. -moz-transition:all ease-in-out 0.7s;
  570. -webkit-transition:all ease-in-out 0.7s;
  571. -o-transition:all ease-in-out 0.7s;
  572. transition:all ease-in-out 0.7s;
  573. }
  574.  
  575. .aske:hover {
  576. -moz-transition:all ease-in-out 0.7s;
  577. -webkit-transition:all ease-in-out 0.7s;
  578. -o-transition:all ease-in-out 0.7s;
  579. transition:all ease-in-out 0.7s;
  580. }
  581.  
  582. .que {
  583. font-family: "Gasara";
  584. font-size: 8px;
  585. text-align:center;
  586. text-transform:uppercase;
  587. color: black;
  588. }
  589.  
  590. .ans {
  591. font-size:9px;
  592. color: black;
  593. }
  594.  
  595. #moon {
  596. height: 500px;
  597. width: 350px;
  598. position: fixed;
  599. margin-left: 100px;
  600. margin-top: 100px;
  601. }
  602.  
  603. #links {
  604. position: fixed;
  605. font-family: "Bebas";
  606. font-size: 40px;
  607. color: #d4c6ff;
  608. font-weight: 100;
  609. letter-spacing: -1px;
  610. word-spacing: 10px;
  611. margin-top: 585px;
  612. margin-left: 400px;
  613. outline-width: 3px;
  614. outline-width: -10px;
  615. outline-color: #d4c6ff;
  616. }
  617.  
  618. #pagi {
  619. position: fixed;
  620. font-family: "Bebas";
  621. font-size: 20px;
  622. color: #d4c6ff;
  623. font-weight: 100;
  624. letter-spacing: -1px;
  625. word-spacing: 10px;
  626. margin-top: 610px;
  627. margin-left: 870px;
  628. }
  629.  
  630. /* Hover Title Style */
  631.  
  632. #s-m-t-tooltip{
  633. max-width:250px;
  634. margin-top:15px;
  635. margin-left: 15px;
  636. padding-left: 4px;
  637. padding-right: 4px;
  638. z-index: 9999999;
  639. background-color: #ddd2ff;
  640. color: black;
  641. font-family: "gasara";
  642. font-size:8px;
  643. letter-spacing:0px;
  644. text-transform:uppercase;
  645. text-align:center;
  646. line-height: 14px;
  647. border-left: 3px solid #d4c6ff;
  648. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  649. }
  650.  
  651. /* POP UP */
  652.  
  653. *html #fade {
  654. position: absolute;
  655. }
  656. #fade {
  657. display: none;
  658. background: #ffffff;
  659. position: fixed;
  660. left: 0;
  661. top: 0;
  662. width: 100%;
  663. height: 100%;
  664. opacity: 0;
  665. z-index: 9999;
  666. }
  667.  
  668. *html .popup_block {
  669. position: absolute;
  670. }
  671.  
  672. .popup_block{
  673. background-color: #ddd2ff;
  674. display: none;
  675. position: fixed;
  676. float: left;
  677. top: 50%;
  678. left: 50%;
  679. height: 395px;
  680. padding: 5px;
  681. border: 10px double #f2eeff;
  682. z-index: 9999999999;
  683. overflow-y: auto;
  684. text-align: center;
  685. }
  686.  
  687. /* ASPEX */
  688. @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  689.  
  690. .popuptit {
  691. width: 100%;
  692. background-color: #f2eeff;
  693. font-family: "Bebas";
  694. font-size: 20px;
  695. color: #d4c6ff;
  696. letter-spacing: 1px;
  697. line-height: 25px;
  698. text-align: center;
  699. margin-bottom: 10px;
  700. }
  701.  
  702. .popupfancy {
  703. width: 100%;
  704. background-color: #f2eeff;
  705. font-family: "Darleston";
  706. font-size: 30px;
  707. color: #d4c6ff;
  708. letter-spacing: 1px;
  709. line-height: 33px;
  710. text-align: center;
  711. margin-bottom: 10px;
  712. }
  713.  
  714. .popuptext {
  715. font-family: "Gasara";
  716. font-size: 8px;
  717. letter-spacing: 1px;
  718. line-height: 16px;
  719. text-align: justify !important;
  720. }
  721.  
  722. .popuptext b{
  723. font-family: "Aspex";
  724. font-size: 11px;
  725. color: #000000 !important;
  726. letter-spacing: 1px;
  727. }
  728.  
  729. .popnavi {
  730. font-size: 12px;
  731. font-family: "Aspex";
  732. text-align: center;
  733. color: #000000;
  734. }
  735.  
  736. .popnavi a {
  737. display: inline-block;
  738. overflow:hidden;
  739. background-color: #f2eeff;
  740. height:17px;
  741. padding: 4px;
  742. width: 120px !important;
  743. margin-right: 10px;
  744. margin-bottom: 10px;
  745. line-height: 21px;
  746. -webkit-transition:all 0.7s ease-in-out;
  747. -moz-transition:all 0.7s ease-in-out;
  748. -o-transition:all 0.7s ease-in-out;
  749. -ms-transition:all 0.7s ease-in-out;
  750. transition:all 0.7s ease-in-out;
  751. }
  752.  
  753. .popnavi a:hover {
  754. letter-spacing: 10px;
  755. color: #d4c6ff;
  756. opacity: 0;
  757. -webkit-transition:all 0.7s ease-in-out;
  758. -moz-transition:all 0.7s ease-in-out;
  759. -o-transition:all 0.7s ease-in-out;
  760. -ms-transition:all 0.7s ease-in-out;
  761. transition:all 0.7s ease-in-out;
  762. }
  763. </style>
  764.  
  765.  
  766. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  767.  
  768. <!-- POP UP SCRIPT -->
  769. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  770. <script>
  771. $(document).ready(function() {
  772.  
  773. $('a.poplight[href^=#]').click(function() {
  774. var popID = $(this).attr('rel');
  775. var popURL = $(this).attr('href');
  776. var query= popURL.split('?');
  777. var dim= query[1].split('&');
  778. var popWidth = dim[0].split('=')[1];
  779. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  780. var popMargTop = ($('#' + popID).height() + 80) / 2;
  781. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  782.  
  783. $('#' + popID).css({
  784. 'margin-top' : -popMargTop,
  785. 'margin-left' : -popMargLeft
  786. });
  787. $('body').append('<div id="fade"></div>');
  788. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  789. return false;
  790. });
  791. $('a.close, #fade').live('click', function() {
  792. $('#fade , .popup_block').fadeOut(function() {
  793. $('#fade, a.close').remove();
  794. });
  795. return false;
  796. });
  797. });
  798. </script>
  799.  
  800.  
  801. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  802. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  803. <script>
  804. (function($){
  805. $(document).ready(function(){
  806. $("[title],a[title],img[title]").style_my_tooltips({
  807. tip_follows_cursor:true,
  808. tip_delay_time:100,
  809. tip_fade_speed:300,
  810. attribute:"title"
  811. });
  812. });
  813. })(jQuery);
  814. </script>
  815. </head>
  816.  
  817. <body>
  818. <div id="inbox" class="popup_block">
  819. <div class="popuptit">LEAVE SOME DOWN HERE!</div>
  820. <div class="popuptext">Please specify the muse before sending in any meme ask or I will assign one randomly and you may or may not enjoy them. I'm open for plotting at all times, though I may be a little slow on it!</div>
  821. <iframe frameborder="0" scrolling="no" width="100%" height="280" src="https://www.tumblr.com/ask_form/{text:URL Here}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  822. <br />
  823. </div>
  824.  
  825. <div id="muse" class="popup_block">
  826. <center>
  827. <div class="popuptit">FULL MUSES</div>
  828. <a href="/bitter/abel"><img src="http://i.imgur.com/ai4ib4o.gif" /></a>
  829. <a href="/bitter/ace"><img src="http://i.imgur.com/V4W5jh7.gif" /></a>
  830. <a href="/bitter/caleb"><img src="http://i.imgur.com/mURZQFc.gif" /></a>
  831. <a href="/bitter/cedric"><img src="http://i.imgur.com/C2r2VMj.gif" /></a>
  832. <a href="/bitter/china"><img src="http://i.imgur.com/q6G2rPb.gif" /></a>
  833. <a href="/bitter/chivalry"><img src="http://i.imgur.com/TqZo4BG.gif" /></a>
  834. <a href="/bitter/gabriela"><img src="http://i.imgur.com/kjWRaBr.gif" /></a>
  835. <a href="/bitter/hunter"><img src="http://i.imgur.com/Xcfd33Q.gif" /></a>
  836. <a href="/bitter/iris"><img src="http://i.imgur.com/dMbyfBr.gif" /></a>
  837. <a href="/bitter/lois"><img src="http://i.imgur.com/BBalYDL.gif" /></a>
  838. <a href="/bitter/lydia"><img src="http://i.imgur.com/mDgsbGq.gif" /></a>
  839. <a href="/bitter/ode"><img src="http://i.imgur.com/xIRfnod.gif" /></a>
  840. <div class="popuptit">TRIAL MUSES</div>
  841. <a href="/bitter/autumn"><img src="http://i.imgur.com/sWRZ7vm.jpg" /></a>
  842. <a href="/bitter/shine"><img src="http://i.imgur.com/cbSax3h.jpg" /></a>
  843. <div class="popuptit">NEW MUSES</div>
  844. <a href="/bitter/dexter"><img src="http://i.imgur.com/mYXqmRV.gif" /></a>
  845. <a href="/bitter/scarlett"><img src="http://i.imgur.com/rvydHwR.gif" /></a>
  846. <a href="/bitter/yi-ah"><img src="http://i.imgur.com/SEIFThY.gif" /></a>
  847. <a href="/bitter/zayn"><img src="http://i.imgur.com/LfL5F2a.gif" /></a>
  848. </center>
  849. <div class="popuptext">
  850. NOTES!<br />
  851. a. All my muses are <b>ORIGINAL CHARACTERS</b> and they will not respond to their idol name and will react accordingly to their personality when treated as such.<br />
  852. b. Please red the about of every muse before interacting, it makes it easier for pre-enstablished relationships!<br />
  853. c. I am not affiliated with any of these muses nor do I claim to be.<br /><br />
  854. STATISTICS!<br />
  855. <b>Full muses</b>: 12<br />
  856. <b>Trial muses</b>: 2<br />
  857. <b>New Muses</b>: 4<br />
  858. <b>Total number:</b> 18<br />
  859. <br />
  860. <b>Female</b>: 10<br />
  861. <b>Male</b>: 8<br />
  862. <br />
  863. <b>Over 21</b>: tba<br />
  864. <b>Under 21</b>: tba<br />
  865. </div>
  866. </div>
  867. <div id="links" class="popup_block">
  868. <div class="popuptit">FULL MUSES!</div>
  869. <div class="popupfancy">Abel,</div>
  870. <div class="popnavi">
  871. <a href="/bitter/abel">ABOUT</a><a href="/tagged/& abel : chat .">REPLIES</a><br />
  872. <a href="/tagged/& abel .">VISUAL</a><a href="/tagged/& abel : plot .">PLOTS</a><br />
  873. </div>
  874.  
  875. <div class="popupfancy">Ace,</div>
  876. <div class="popnavi">
  877. <a href="/bitter/ace">ABOUT</a><a href="/tagged/& ace : chat .">REPLIES</a><br />
  878. <a href="/tagged/& ace .">VISUAL</a><a href="/tagged/& ace : plot .">PLOTS</a><br />
  879. </div>
  880.  
  881. <div class="popupfancy">Caleb,</div>
  882. <div class="popnavi">
  883. <a href="/bitter/caleb">ABOUT</a><a href="/tagged/& caleb : chat .">REPLIES</a><br />
  884. <a href="/tagged/& caleb .">VISUAL</a><a href="/tagged/& caleb : plot .">PLOTS</a><br />
  885. </div>
  886.  
  887. <div class="popupfancy">Cedric,</div>
  888. <div class="popnavi">
  889. <a href="/bitter/cedric">ABOUT</a><a href="/tagged/& cedric : chat .">REPLIES</a><br />
  890. <a href="/tagged/& cedric .">VISUAL</a><a href="/tagged/& cedric : plot .">PLOTS</a><br />
  891. </div>
  892.  
  893. <div class="popupfancy">China,</div>
  894. <div class="popnavi">
  895. <a href="/bitter/china">ABOUT</a><a href="/tagged/& china : chat .">REPLIES</a><br />
  896. <a href="/tagged/& china .">VISUAL</a><a href="/tagged/& china : plot .">PLOTS</a><br />
  897. </div>
  898.  
  899. <div class="popupfancy">Chivalry,</div>
  900. <div class="popnavi">
  901. <a href="/bitter/chivalry">ABOUT</a><a href="/tagged/& chivalry : chat .">REPLIES</a><br />
  902. <a href="/tagged/& chivalry .">VISUAL</a><a href="/tagged/& chivalry : plot .">PLOTS</a><br />
  903. </div>
  904.  
  905. <div class="popupfancy">Gabriela,</div>
  906. <div class="popnavi">
  907. <a href="/bitter/gabriela">ABOUT</a><a href="/tagged/& gabriela : chat .">REPLIES</a><br />
  908. <a href="/tagged/& gabriela .">VISUAL</a><a href="/tagged/& gabriela : plot .">PLOTS</a><br />
  909. </div>
  910.  
  911. <div class="popupfancy">Hunter,</div>
  912. <div class="popnavi">
  913. <a href="/bitter/hunter">ABOUT</a><a href="/tagged/& hunter : chat .">REPLIES</a><br />
  914. <a href="/tagged/& hunter .">VISUAL</a><a href="/tagged/& hunter : plot .">PLOTS</a><br />
  915. </div>
  916.  
  917. <div class="popupfancy">Iris,</div>
  918. <div class="popnavi">
  919. <a href="/bitter/iris">ABOUT</a><a href="/tagged/& iris : chat .">REPLIES</a><br />
  920. <a href="/tagged/& iris .">VISUAL</a><a href="/tagged/& iris : plot .">PLOTS</a><br />
  921. </div>
  922.  
  923. <div class="popupfancy">Lois,</div>
  924. <div class="popnavi">
  925. <a href="/bitter/lois">ABOUT</a><a href="/tagged/& lois : chat .">REPLIES</a><br />
  926. <a href="/tagged/& lois .">VISUAL</a><a href="/tagged/& lois : plot .">PLOTS</a><br />
  927. </div>
  928.  
  929. <div class="popupfancy">Lydia,</div>
  930. <div class="popnavi">
  931. <a href="/bitter/lydia">ABOUT</a><a href="/tagged/& lydia : chat .">REPLIES</a><br />
  932. <a href="/tagged/& lydia .">VISUAL</a><a href="/tagged/& lydia : plot .">PLOTS</a><br />
  933. </div>
  934.  
  935. <div class="popupfancy">Ode,</div>
  936. <div class="popnavi">
  937. <a href="/bitter/ode">ABOUT</a><a href="/tagged/& ode : chat.">REPLIES</a><br />
  938. <a href="/tagged/& ode .">VISUAL</a><a href="/tagged/& ode : plot .">PLOTS</a><br />
  939. </div>
  940. <div class="popuptit">NEW MUSES!</div>
  941. <div class="popupfancy">Dexter,</div>
  942. <div class="popnavi">
  943. <a href="/bitter/dexter">ABOUT</a><a href="/tagged/& dexter : chat .">REPLIES</a><br />
  944. <a href="/tagged/& dexter .">VISUAL</a><a href="/tagged/& dexter : plot .">PLOTS</a><br />
  945. </div>
  946.  
  947. <div class="popupfancy">Scarlett,</div>
  948. <div class="popnavi">
  949. <a href="/bitter/scarlett">ABOUT</a><a href="/tagged/& scarlett : chat .">REPLIES</a><br />
  950. <a href="/tagged/& scarlett .">VISUAL</a><a href="/tagged/& scarlett : plot .">PLOTS</a><br />
  951. </div>
  952.  
  953. <div class="popupfancy">Yi Ah,</div>
  954. <div class="popnavi">
  955. <a href="/bitter/yi-ah">ABOUT</a><a href="/tagged/& yiah : chat .">REPLIES</a><br />
  956. <a href="/tagged/& yiah .">VISUAL</a><a href="/tagged/& yiah : plot .">PLOTS</a><br />
  957. </div>
  958.  
  959. <div class="popupfancy">Zayn,</div>
  960. <div class="popnavi">
  961. <a href="/bitter/zayn">ABOUT</a><a href="/tagged/& zayn : chat .">REPLIES</a><br />
  962. <a href="/tagged/& zayn .">VISUAL</a><a href="/tagged/& zayn : plot .">PLOTS</a><br />
  963. </div>
  964.  
  965. <div class="popuptit">TRIAL MUSES!</div>
  966. <div class="popupfancy">Autumn,</div>
  967. <div class="popnavi">
  968. <a href="/bitter/autumn">ABOUT</a><a href="/tagged/& autumn : chat .">REPLIES</a><br />
  969. <a href="/tagged/& autumn .">VISUAL</a><a href="/tagged/& autumn : plot .">PLOTS</a><br />
  970. </div>
  971.  
  972. <div class="popupfancy">Shine,</div>
  973. <div class="popnavi">
  974. <a href="/bitter/shine">ABOUT</a><a href="/tagged/& shine : chat .">REPLIES</a><br />
  975. <a href="/tagged/& shine .">VISUAL</a><a href="/tagged/& shine : plot .">PLOTS</a><br />
  976. </div>
  977.  
  978. <div class="popuptit">OTHER LINKS!</div>
  979. <div class="popupfancy">Aria,</div>
  980. <div class="popnavi">
  981. <a href="/tagged/& aria : update .">UPDATES</a><a href="/tagged/& aria : plot .">PLOTS</a><br />
  982. <a href="/tagged/& aria : call .">CALLS</a><a href="/tagged/& aria : starter .">STARTERS</a><br />
  983. <a href="/tagged/& aria : games .">MEMES</a><a href="/tagged/& aria : potential .">FACE CLAIMS</a><br />
  984. </div>
  985. </div>
  986.  
  987.  
  988. <div id="bt"></div><div id="bb"></div><div id="bl"></div><div id="br"></div>
  989.  
  990. <div id="moon"><img src="http://i.imgur.com/xruzbEA.png" /></div>
  991. <div id="links">
  992. <a href="/">HOME</a>
  993. <a href="#?w=300" rel="inbox" class="poplight">INBOX</a>
  994. <a href="#?w=300" rel="muse" class="poplight">MUSES</a>
  995. <a href="#?w=300" rel="links" class="poplight">LINKS</a>
  996. </div>
  997. <div id="pagi">
  998. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  999. </div>
  1000. <div id="wrapper">
  1001. <div class="alignment">
  1002. <div class="autopagerize_page_element" >
  1003.  
  1004. {block:Posts}
  1005. <div class="posts">
  1006.  
  1007. {block:ContentSource}
  1008. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1009. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1010. {/block:SourceLogo}
  1011. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1012.  
  1013. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1014. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1015. {/block:ReblogParentLogo}
  1016. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1017. {/block:ContentSource}
  1018.  
  1019.  
  1020. <!-- PHOTO POSTS -->
  1021.  
  1022. {block:Photo}
  1023. {LinkOpenTag}
  1024. <div class="photopost">
  1025. <img src="{PhotoURL-250}">
  1026. </div>
  1027. {LinkCloseTag}
  1028. {block:ifShowCaptions}
  1029. {block:Caption}
  1030. {Caption}
  1031. {/block:Caption}
  1032. {/block:ifShowCaptions}
  1033. {/block:photo}
  1034.  
  1035.  
  1036.  
  1037.  
  1038. <!-- PHOTOSET POSTS -->
  1039.  
  1040. {block:Photoset}
  1041. <div id="photoset">
  1042. {Photoset-250}
  1043. </div>
  1044. {block:ifShowCaptions}
  1045. {block:Caption}
  1046. {Caption}
  1047. {/block:Caption}
  1048. {/block:ifShowCaptions}
  1049. {/block:Photoset}
  1050.  
  1051.  
  1052. <!-- VIDEO POSTS -->
  1053. <div class="video">
  1054.  
  1055. {block:Video}
  1056. {Video-250}
  1057. {block:Caption}
  1058. {Caption}
  1059. {/block:Caption}
  1060. {/block:Video}
  1061. </div>
  1062.  
  1063. <!-- AUDIO POSTS -->
  1064. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1065.  
  1066. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1067.  
  1068. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1069. {Album}{/block:Album}</div>
  1070. {block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}
  1071.  
  1072. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1073. {/block:Audio}
  1074.  
  1075.  
  1076. <!-- QUOTE POSTS -->
  1077. {block:Quote}
  1078. <div id="quote">{Quote}</div>
  1079. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1080. {/block:Quote}
  1081.  
  1082.  
  1083. <!-- TEXT POSTS -->
  1084. {block:Text}
  1085. {block:Title}
  1086. <div id="posttitle">{Title}</div>
  1087. {/block:Title}
  1088. {Body}
  1089. {/block:Text}
  1090.  
  1091.  
  1092. <!-- QUESTION POSTS -->
  1093. {block:Answer}
  1094. <div id="ask">
  1095. <div class="as">
  1096. <div class="aske">{Asker}</div>
  1097. <div class="que">{Question}</div>
  1098. </div>
  1099. </div>
  1100. <div class="ans">{Answer}</div>
  1101. {/block:Answer}
  1102.  
  1103. <!-- CHAT POSTS -->
  1104. {block:Chat}
  1105. {block:Title}
  1106. <div id="posttitle">{Title}</div><br />
  1107. {/block:Title}
  1108. {block:Lines}<div id="{Alt}">
  1109. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1110. {/block:Lines}
  1111. {/block:Lines}
  1112. {/block:Chat}
  1113.  
  1114. <!-- LINK POSTS -->
  1115. {block:Link}
  1116. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1117. {block:Description}
  1118. {Description}
  1119. {/block:Description}
  1120. {/block:Link}
  1121. </div>
  1122.  
  1123. {block:IndexPage}
  1124. <div class="postperma">
  1125. {block:Date}Posted <a href="{Permalink}" title="with
  1126. {NoteCountWithLabel}">{TimeAgo}{/block:Date}</a>, <a href="{RebogURL}">reblog</a> it? <br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1127. {/block:IndexPage}
  1128.  
  1129. {block:PermaLinkPage}
  1130. <div class="postinfo">
  1131. <center>
  1132. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1133. {block:RebloggedFrom}
  1134. <div id="tags">Via:
  1135. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1136. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1137. {/block:RebloggedFrom}
  1138. <a href="{ReblogURL}">Reblog it?</a>
  1139. </center>
  1140. <br>
  1141. {block:HasTags}
  1142. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1143. {/block:HasTags}
  1144. </div>
  1145.  
  1146. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1147. {/block:PermalinkPage}
  1148.  
  1149. {/block:Posts}
  1150. </div>
  1151. </div>
  1152. </div>
  1153. </div>
  1154. </body>
  1155. </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!