API tools faq
paste
Advertisement
allebyu

sib 2

allebyu
Aug 5th, 2015
220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.22 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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" /><script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:Description}
  11.  
  12. <!--- base code by perrlie & posts fixed up by crayonthemes,
  13. please don't remove the credits, but feel free to move
  14. it or make it smaller or w/e.
  15. ask questions if needed and please enjoy this theme!
  16. -tumblr user eminjiem
  17.  
  18.  
  19. OOOOOOOOOO OOOO OOOOO OOOOOOOOOOOO OOOOOOOOOOOOOOOOO
  20. OOOOOOOOOO OOOOOO OOOOOO OOOOOOOOOOOO OOOOOOOOOOOOOOOOO
  21. OOOO OOOOOOO OOOOOOO OOOOOOO OOOOOO
  22. OOOO OOOO OOO OOO OOOO OOOOOOO OOOOOO
  23. OOOOOOOOOO OOOO OOO OOO OOOO OOOOOOO OOOOOO
  24. OOOOOOOOOO OOOO OOOOOO OOOO OOOOOOO OOOOOO
  25. OOOO OOOO OOOO OOOO OOOOOOO OOOOOO
  26. OOOO OOOO OO OOOO OOOOOOO OOOO OOOOOO
  27. OOOOOOOOOO OOOO OOOO OOOOOOOOOOO OOOOOOOOOOO
  28. OOOOOOOOOO OOOO OOOO OOOOOOOOOOO OOOOOOOOO
  29.  
  30. (ain't that cool??? i spent more time on that than the actual theme)
  31.  
  32. --->
  33.  
  34. <meta name="color:Background" content="#ffffff"/>
  35. <meta name="color:color 1" content="#dddddd"/>
  36. <meta name="color:Text" content="#a8a8a8"/>
  37. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  38. <meta name="color:Border" content="#dddddd"/>
  39. <meta name="color:Hover" content="#f2f2f2"/>
  40. <meta name="color:Scrollbar" content="#000000"/>
  41. <meta name="color:Post Links" content="#c0bfbf"/>
  42.  
  43. <meta name="image:Sidebar" content=""/>
  44.  
  45. <meta name="if:500px Posts" content="1" />
  46. <meta name="if:400px Posts" content="0" />
  47. <meta name="if:250px Posts" content="0" />
  48. <meta name="if:Hide Caption" content="0" />
  49.  
  50. <meta name="text:link 1" content="link"/>
  51. <meta name="text:url 1" content="/"/>
  52. <meta name="text:link 2" content="link"/>
  53. <meta name="text:url 2" content="/"/>
  54. <meta name="text:link 3" content="link"/>
  55. <meta name="text:url 3" content="/"/>
  56. <meta name="text:title" content="title."/>
  57.  
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60.  
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  82. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04b_03_.ttf?dl=1'); format("truetype");}
  83. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  84. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  85. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  86. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  87. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  88. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  89. @font-face {font-family: "dc";src: url('https://dl.dropboxusercontent.com/u/67800931/dc_regular_caps.ttf'); format("truetype");}
  90. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  91. @font-face{ font-family:"angelique"; src: url('https://dl.dropboxusercontent.com/s/15hvjlabq5s44ul/angelique%20ma%20douce%20colombe.ttf?dl=1'); format("truetype");}
  92. @font-face { font-family: "abbeyline"; src: url('https://dl.dropboxusercontent.com/s/xlbk9c4ttfsc8ht/abbeyline.ttf?dl=1'); format("truetype");}
  93. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format("truetype");}
  94. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format("truetype");}
  95. @font-face { font-family: "dawning_of_a_new_day"; src: url('https://dl.dropboxusercontent.com/s/9owbnby9b1vz5m7/dawningofanewday.ttf?dl=1'); format("truetype");}
  96. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format("truetype");}
  97. @font-face { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format("truetype");}
  98. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  99. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  100. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1'); format("truetype");}
  101. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format("truetype");}
  102. @font-face { font-family: "lainie"; src: url('https://dl.dropboxusercontent.com/s/s1scfociufz1dkc/laine.ttf'); }
  103. @font-face {font-family: "yellowtail";src: url('https://dl.dropboxusercontent.com/s/gh31uyp4isfwiex/yellowtail-regular.otf?dl=1'); format("truetype");}
  104. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  105. @font-face {font-family: "kristi";src: url('https://dl.dropboxusercontent.com/s/ktm80yzuubknqf1/kristi.ttf?dl=1'); format("truetype");}
  106. @font-face {font-family: "arsenale_white";src: url('https://dl.dropboxusercontent.com/s/rpfrotuxmqye3fz/arsenale_white.ttf?dl=1'); format("truetype");}
  107. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format("truetype");}
  108. @font-face {
  109. font-family:"swenson";
  110. src:url('https://dl.dropboxusercontent.com/s/g8baufvqnng1g1h/swenson.ttf');
  111. format(“truetype”);}
  112. @font-face { font-family: "dark_roast"; src: url('https://dl.dropboxusercontent.com/s/c7ahqyqieyz0yvo/dark%20roast.ttf?dl=1'); format(“truetype”);}
  113. @font-face { font-family: "art_brewery"; src: url('https://dl.dropboxusercontent.com/s/47546gqsdpic4du/art%20brewery.ttf?dl=1'); format(“truetype”);}
  114. @font-face { font-family: "kill_the_noise"; src: url('https://dl.dropboxusercontent.com/s/2pngxp7a24obrcu/kill%20the%20noise.otf?dl=1'); format(“truetype”);}
  115. @font-face { font-family: "southern_aire"; src: url('https://dl.dropboxusercontent.com/s/9u9rbhl7odlulf0/southernaire_personal_use_only.ttf?dl=1'); format(“truetype”);}
  116. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  117. @font-face { font-family: "greatvibes"; src: url('https://dl.dropboxusercontent.com/s/2l218xbbvqd1lqi/ggreatvibes.ttf'); }
  118.  
  119. @font-face { font-family: "brevscript"; src: url('https://dl.dropboxusercontent.com/s/bx9yqreukdp9wzr/BrevScript_PersonalUse.ttf'); }
  120.  
  121. @font-face { font-family: "telegrafico"; src: url('https://dl.dropboxusercontent.com/s/rnld5pogaqu0gpp/telegrafico.ttf'); }
  122. @font-face { font-family: "celine_dion"; src: url('https://dl.dropboxusercontent.com/u/94606159/Celine_Dion_Handwriting.ttf'); format("truetype");}
  123.  
  124.  
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. height:auto;
  128. background-color:{color:Scrollbar};
  129. border:solid 2px {color:background};
  130. }
  131.  
  132. ::-webkit-scrollbar {
  133. height:9px;
  134. width:5px;
  135. background-color:{color:background};
  136. }
  137.  
  138. body {
  139. background-image:url(http://static.tumblr.com/ce34a4c49e519d2429a2462284aaacbd/zcinpo9/IRbni2h6d/tumblr_static_bo14ra7puv40w0gcc4kc8gg08.png);
  140. background-repeat:no-repeat;
  141. background-size: contain;
  142. background-attachment: fixed;
  143. background-color: #232323;
  144. background-position: bottom left;
  145. margin:0px;
  146. color:{color:text};
  147. word-wrap:break-word;
  148. font-family:"pxl";
  149. font-size:10px;
  150. line-height:105%;
  151. letter-spacing:1px;
  152. text-align:justify;
  153. }
  154.  
  155. body, a, a:hover {
  156. cursor:url('http://i.imgur.com/ZOrzC.png'), auto;
  157. }
  158.  
  159. a, a:visited, a:active{
  160. text-decoration:none;
  161. outline:none;
  162. -moz-outline-style:none;
  163. color:{color:Post Links};
  164. -moz-transition-duration:1s;
  165. -webkit-transition-duration:1s;
  166. -o-transition-duration:1s;
  167. }
  168.  
  169. img {
  170. border:none;
  171. max-width:100%;
  172. }
  173.  
  174. b, strong {
  175. color: #404040;
  176. }
  177.  
  178. i, em {
  179. color: #444444;
  180. }
  181.  
  182. small, sub, sup, {
  183. font-family: silkscreen;
  184. font-size:9px;
  185. letter-spacing: 1;
  186. line-height: 100%;
  187. margin-top: 10px !important;
  188. line-height: 90%;
  189. }
  190.  
  191. pre {
  192. width:100%;
  193. font-family:gasara;
  194. font-size:9px;
  195. text-align:center;
  196. text-transform: uppercase;
  197. white-space:pre-wrap;
  198. word-wrap:break-word;
  199. padding:3px;
  200. }
  201.  
  202. code {
  203. font-family: gasara;
  204. font-size: 9px;
  205. text-transform: uppercase;
  206. letter-spacing: 1;
  207. line-height: 100%;
  208. }
  209.  
  210.  
  211. blockquote {
  212. margin-left:5px;
  213. width:90%;
  214. padding-left:5px;
  215. border-left: solid 1px #5e5e5e;
  216. overflow:hidden;
  217. }
  218.  
  219. blockquote blockquote {
  220. margin-left: 10px;
  221. width: 85%;
  222. text-align: justify;
  223. border-left: solid 1px #5e5e5e;
  224. padding: 5px;
  225. overflow:hidden;
  226. }
  227.  
  228. blockquote img {
  229.  
  230. max-width:330px !important;
  231.  
  232.  
  233. overflow:hidden;
  234. }
  235.  
  236. blockquote blockquote img {
  237.  
  238. max-width:285px !important;
  239.  
  240.  
  241. overflow:hidden;
  242. }
  243.  
  244. blockquote img:hover {
  245.  
  246.  
  247. }
  248.  
  249. blockquote blockquote img:hover {
  250.  
  251. }
  252.  
  253. h1 {
  254. font-size:20px;
  255. font-family:"signerica";
  256. line-height:19px;
  257. text-align:left;
  258. padding:0px;
  259. }
  260.  
  261. h2 {
  262. font-size:19px;
  263. font-family:"celine_dion";
  264. text-align:left;
  265. line-height:19px;
  266. }
  267.  
  268. .qsource {
  269. font-family:"signarita";
  270. font-size:15px;
  271. text-align:right;
  272. }
  273.  
  274. a:hover {
  275. color:{color:Hover};
  276. -moz-transition-duration:1s;
  277. -webkit-transition-duration:1s;
  278. -o-transition-duration:1s;
  279. }
  280.  
  281. .tooltip{
  282. display: inline;
  283. position: relative;
  284. }
  285.  
  286. #s-m-t-tooltip {
  287. max-width:250px;
  288. border-radius: 0px;
  289. padding:3px 3px 5px 4px;
  290. margin:18px 7px -2px 20px;
  291. background-color:{color:color 1};
  292. border-left:3px double {color:background};
  293. border-right:1px solid {color:background};
  294. border-bottom:1px solid {color:background};
  295. border-top:1px solid {color:background};
  296. font-family:"pxl";
  297. font-size:8px;
  298. letter-spacing:1px;
  299. text-transform:none;
  300. color:{color:text};
  301. z-index:999999999999999999999999999999999999;
  302. }
  303.  
  304. /*WRAPPER*/
  305.  
  306. #wrapper {
  307. width:900px;
  308. margin:0px 50px 10px;
  309. }
  310.  
  311. /*SIDEBAR*/
  312.  
  313. #sidebar {
  314. position:fixed;
  315. margin-top:467px;
  316. margin-left:995px;
  317. }
  318.  
  319. #sidebar img {
  320. width:120px;
  321. height:133px;
  322. border:3px double #444444;
  323. }
  324.  
  325. #sidepic3 {
  326. position:fixed;
  327. bottom: 93px;
  328. left: 0px;
  329.  
  330. }
  331.  
  332. #sidepic3 img {
  333. width:40px;
  334. height:40px;
  335.  
  336. -webkit-transition: all 0.7s ease-in-out;
  337. -moz-transition: all 0.7s ease-in-out;
  338. -o-transition: all 0.7s ease-in-out;
  339. -ms-transition: all 0.7s ease-in-out;
  340. transition: all 0.7s ease-in-out;
  341.  
  342. }
  343.  
  344. #sidepic3 img:hover {
  345.  
  346. -webkit-transition: all 0.7s ease-in-out;
  347. -moz-transition: all 0.7s ease-in-out;
  348. -o-transition: all 0.7s ease-in-out;
  349. -ms-transition: all 0.7s ease-in-out;
  350. transition: all 0.7s ease-in-out;
  351. }
  352.  
  353. #description {
  354. position:fixed;
  355. margin-top:520px;
  356. margin-left:1125px;
  357. background-color:{color:color 1};
  358. height:60px;
  359. width:133px;
  360. padding:10px;
  361. letter-spacing:0px;
  362. font-size:10px;
  363. font-family:"pxl";
  364. text-transform:none;
  365. overflow:auto;
  366. text-align:center;
  367. border:3px double #444444;
  368. }
  369.  
  370. #link {
  371. position:fixed;
  372. margin-top:467px;
  373. margin-left:1109.5px;
  374. height:20px;
  375. width:190px;
  376. font-size:10px;
  377. letter-spacing:0px;
  378. text-align:center;
  379. line-height:19px;
  380. font-family:"pxl";
  381. }
  382.  
  383. #link a {
  384. background-color:{color:color 1};
  385. display:inline-block;
  386. width:45px;
  387. height:19px;
  388. color:{color:text};
  389. border:3px double #444444;
  390. word-spacing:1px;
  391. }
  392.  
  393. #link a:hover {
  394. -moz-box-shadow:0px 0px 10px #fff;
  395. -webkit-box-shadow:0px 0px 10px #fff;
  396. }
  397.  
  398. #title {
  399. position:fixed;
  400. margin-top:600px;
  401. margin-left:40px;
  402. font-size:35px;
  403. font-family: "signarita";
  404. text-transform:none;
  405. text-shadow:3px 3px 3px #000;
  406. }
  407.  
  408. #line {
  409. position:fixed;
  410. margin-top:-10px;
  411. margin-left:355px;
  412. height:100%;
  413. width:30px;
  414. border-left:20px double #404040;
  415. border-right:40px double #404040;
  416. background-color:#000;
  417. }
  418.  
  419. #line2 {
  420. position:fixed;
  421. margin-top:-10px;
  422. margin-left:850px;
  423. height:100%;
  424. width:30px;
  425. border-left:40px double #404040;
  426. border-right:20px double #404040;
  427. background-color:#000;
  428. }
  429.  
  430. /*ENTRIES*/
  431.  
  432. #entries {
  433. padding:10px;
  434. width:500px;
  435. margin-left:550px;
  436. margin-top:3px;
  437. font-size:15px;
  438. letter-spacing:0px;
  439. }
  440.  
  441. .post {
  442. {block:If500pxPosts}
  443. width:500px;
  444. {/block:If500pxPosts}
  445. {block:If400pxPosts}
  446. width:400px;
  447. {/block:If400pxPosts}
  448. {block:If250pxPosts}
  449. width:250px;
  450. {/block:If250pxPosts}
  451. background:{color:color 1};
  452. color:{color:Text};
  453. padding-bottom:25px;
  454. padding:10px;
  455. margin-top:10px;
  456. border:double 5px {color:Border};
  457. border-top-left-radius:5px;
  458. border-bottom-right-radius:5px;
  459. border:4px double ;
  460. }
  461.  
  462. .post_photo {
  463. max-width:100%;
  464. }
  465.  
  466. .post_photoset {
  467. max-width:100%;
  468. }
  469.  
  470.  
  471. /*POST INFO*/
  472.  
  473. #info {
  474. {block:If500pxPosts}
  475. width:495px;
  476. {/block:If500pxPosts}
  477. {block:If400pxPosts}
  478. width:395px;
  479. {/block:If400pxPosts}
  480. {block:If250pxPosts}
  481. width:245px;
  482. {/block:If250pxPosts}
  483. text-align:center;
  484. font-family:"pxl";
  485. font-size:10px;
  486. font-style:none;
  487. letter-spacing:1px;
  488. margin-top:10px;
  489. padding-top:10px;
  490. padding-bottom:10px;
  491. line-height:10px;
  492. text-transform:uppercase;
  493. background:{color:Border};
  494. border:3px double {color:color 1};
  495. }
  496.  
  497. #info a {
  498. text-align:center;
  499. color:{color:Post Links};
  500. }
  501.  
  502. #info a:hover {
  503. -moz-transition-duration:0.3s;
  504. -webkit-transition-duration:0.3s;
  505. -o-transition-duration:0.3s;
  506. color:{color:Hover}
  507. }
  508.  
  509. #tags {
  510. float:left;
  511. {block:If500pxPosts}
  512. width:489px;
  513. {/block:If500pxPosts}
  514. {block:If400pxPosts}
  515. width:389px;
  516. {/block:If400pxPosts}
  517. {block:If250pxPosts}
  518. width:239px;
  519. {/block:If250pxPosts}
  520. margin-top:-7px;
  521. margin-left:-5px;
  522. text-align:left;
  523. font-size:7px;
  524. padding:5px;
  525. font-size:8px;
  526. opacity:1;
  527. transition-duration: 0.5s;
  528. -moz-transition-duration: 0.5s;
  529. -webkit-transition-duration: 0.5s;
  530. -o-transition-duration: 0.5s
  531. color:{color:Post Links};
  532. }
  533.  
  534. #tags a {
  535. letter-spacing:0px;
  536. font-size:8px;
  537. text-align:center;
  538. font-family:"pxl";
  539. text-decoration:none;
  540. display:inline-block;
  541. color:{color:Post Links};
  542. }
  543.  
  544. #tags a:hover {
  545. color:{color:Hover};
  546. -moz-transition-duration:0.5s;
  547. -webkit-transition-duration:0.5s;
  548. -o-transition-duration:0.5s;
  549. }
  550.  
  551.  
  552.  
  553. /*ASKS*/
  554.  
  555. #asks {
  556. height:fixed;
  557. margin-top:-10px;
  558. padding-bottom:20px;
  559. border-bottom:1px solid {color:Border};
  560. }
  561.  
  562. .ask {
  563. margin-left:10px;
  564. font-family:'pxl';
  565. font-size:11px;
  566. line-height:13px;
  567. letter-spacing:1px;
  568. text-transform:none;
  569. }
  570.  
  571. .ask a {
  572. font-family:"signerica";
  573. font-size:14px;
  574. }
  575.  
  576. .answers {
  577. margin-top:5px;
  578. font-family:'pxl';
  579. font-size:10px;
  580. }
  581.  
  582. /*AUDIO*/
  583.  
  584. #audio {
  585. height:75px;
  586. width:75px;
  587. background:{color:Background};
  588. position:absolute;
  589. }
  590.  
  591. #audioplayer {
  592. position:absolute;
  593. background:;
  594. width:20px;
  595. height:25px;
  596. overflow:hidden;
  597. padding-left:25px;
  598. padding-top:25px;
  599. }
  600.  
  601. #audioinfo {
  602. font-family:"pxl";
  603. font-size:8px;
  604. text-align:left;
  605. line-height:13px;
  606. color:{color:text};
  607. margin-left:75px;
  608. margin-top:10px;
  609. padding:5px;
  610. }
  611.  
  612. /*AUTO*/
  613.  
  614. .auto {
  615. position:fixed;
  616. left:0px;
  617. top:2px;
  618. width:15px;
  619. height:15px;
  620. padding:5px;
  621. border:4px double #232323;
  622. outline:1px solid #232323;
  623. outline-offset:-7px;
  624. }
  625.  
  626. .autoplay {
  627. width:15px;
  628. height:15px;
  629. background-color:#232323;
  630. overflow:hidden;
  631. }
  632.  
  633. .autofix {
  634. margin-top:-3px;
  635. margin-left:-53px;
  636. }
  637.  
  638. /*CREDIT*/
  639.  
  640. #cred {
  641. position:fixed;
  642. bottom:1px;
  643. left:2px;
  644. }
  645.  
  646. /* SAPPHIC */
  647.  
  648. #sapphic {
  649. position:fixed;
  650. bottom: 15px;
  651. left: 2px;
  652. width:30px;
  653. height:30px;
  654. padding:3px;
  655. background: #ebebeb;
  656. border-radius: 50%;
  657. }
  658.  
  659. #sapphic img {
  660. opacity: .7;
  661. -webkit-filter: grayscale(.9);
  662. -webkit-transition: all 0.8s ease-in-out;
  663. -moz-transition: all 0.8s ease-in-out;
  664. -o-transition: all 0.8s ease-in-out;
  665. -ms-transition: all 0.8s ease-in-out;
  666. transition: all 0.8s ease-in-out;
  667. border-radius: 50%;
  668. }
  669.  
  670. #sapphic img:hover {
  671. opacity: .8;
  672. -webkit-filter: grayscale(.1);
  673. -webkit-transition: all 0.8s ease-in-out;
  674. -moz-transition: all 0.8s ease-in-out;
  675. -o-transition: all 0.8s ease-in-out;
  676. -ms-transition: all 0.8s ease-in-out;
  677. transition: all 0.8s ease-in-out;
  678. }
  679.  
  680. /* MOCKINGJAY */
  681.  
  682. #mockingjay {
  683. position:fixed;
  684. bottom: 53px;
  685. left: 2px;
  686. width:30px;
  687. height:30px;
  688. padding:3px;
  689. background: #ebebeb;
  690. border-radius: 50%;
  691. }
  692.  
  693. #mockingjay img {
  694. opacity: .7;
  695. -webkit-filter: grayscale(.9);
  696. -webkit-transition: all 0.8s ease-in-out;
  697. -moz-transition: all 0.8s ease-in-out;
  698. -o-transition: all 0.8s ease-in-out;
  699. -ms-transition: all 0.8s ease-in-out;
  700. transition: all 0.8s ease-in-out;
  701. border-radius: 50%;
  702. }
  703.  
  704. #mockingjay img:hover {
  705. opacity: .8;
  706. -webkit-filter: grayscale(.1);
  707. -webkit-transition: all 0.8s ease-in-out;
  708. -moz-transition: all 0.8s ease-in-out;
  709. -o-transition: all 0.8s ease-in-out;
  710. -ms-transition: all 0.8s ease-in-out;
  711. transition: all 0.8s ease-in-out;
  712. }
  713.  
  714. {CustomCSS}
  715.  
  716. </style>
  717. </head>
  718.  
  719. <body>
  720.  
  721. <div id="sapphic">
  722. <!--<a href="#?w=300" rel="box1" class="poplight">--><a href="http://sapphicli.tumblr.com" title="Sapphic"><img src="http://38.media.tumblr.com/avatar_5d606e3cdc9e_128.png" width="30" height="30"/></a>
  723. </div>
  724. <div id="mockingjay">
  725. <!--<a href="#?w=300" rel="box1" class="poplight">--><a href="http://mockingjayrp.tumblr.com" title="may the odds be in your favour!"><img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=41543106" width="30" height="30"/></a>
  726. </div>
  727.  
  728. <div id="wrapper">
  729. <div id="sidebar"> <a href="/"><img src="http://i.imgur.com/8urQp6Z.gif"></div></a>
  730. <div id="sidepic3"><a title="Dictum Punctur." href="http://dictum-collective.tumblr.com"><img src="http://i.imgur.com/LQ7GMSf.png"></a></div>
  731. <div id="description"><center><br><font face="lainie"><big><big><big><big><a href="/">P</a></big></big></big></big></big></big></a></font>ibylle <font face="lainie"><big><big><big><big><a href="/">R</a></big></big></big></big></big></big></a></font>uthie, age 20.<br>Model and part-time waitress. Half-human, half-succubus.<br><br>
  732. <a title="—Not interested in relationships. Pansexual.">●</a> <a title="—OC character. DO NOT approach her as an Idol. Multiship and multiverse. I will interact with every fandom. Both, mun and muse are on age, so 19+ posts are possible and will be properly tagged.">●</a> <a title="—Tracking: #sibyxle. Literate, I will type however you type. Plotting is welcomed and appreciated don't hesitate about anything. Aim is given upon request.">●</a> <a title="I'm not affiliate with Park Sojin, Girl's Day or DreamTea Entertainment. This is only a roleplay account. Credits for photos and gifs goes to their rightful owners unless I state otherwise.">●</a></center></div>
  733. <div id="title"><a href="/">Amaranthe</a></div>
  734. <div id="link">
  735. <a href="/">index</a>
  736. <a href="/ask">inbox</a>
  737. <a href="/submit">submit</a><br>
  738. <a href="/sibylle">stats</a>
  739. <a href="/past">story</a>
  740. <a href="/navi">map</a>
  741. </div>
  742. <div id="line"></div>
  743. <div id="line2"></div>
  744.  
  745. <div class="auto">
  746. <div class="autoplay">
  747. <div class="autofix">
  748. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="158" height="20">
  749. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  750. <param name="bgcolor" value="#e7e1f1" />
  751. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/s/9x2kpb3katkhoel/Bad%20Intentions%20Niykee%20Heaton.mp3?dl=0&amp;width=158&amp;height=20&amp;volume=75&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;showloading=never&amp;buttonwidth=40&amp;bgcolor=F6F6F6&amp;bgcolor1=232323&amp;bgcolor2=232323&amp;buttoncolor=cab1da&amp;buttonovercolor=cab1da&amp;showlist=0" />
  752. </object>
  753. </div>
  754. </div>
  755. </div>
  756.  
  757. </div>
  758. </div>
  759. </div>
  760.  
  761. <div id="entries">
  762. {block:Posts}
  763. {block:ContentSource}
  764. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  765. {/block:SourceLogo}
  766. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  767. {/block:ContentSource}
  768. <div class="post">
  769.  
  770. {block:Text}
  771. <h1>{block:Title}{Title}{/block:Title}</h1>
  772. {Body}{/block:Text}
  773.  
  774. {block:Photo}
  775. {block:If500pxPosts}
  776. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  777. {/block:If500pxPosts}
  778. {block:If400pxPosts}
  779. {LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}
  780. {/block:If400pxPosts}
  781. {block:If250pxPosts}
  782. {LinkOpenTag}<img src="{PhotoURL-250}" width="250">{LinkCloseTag}
  783. {/block:If250pxPosts}
  784. {/block:Photo}
  785.  
  786. {block:Photoset}
  787. {block:If500pxPosts}
  788. {Photoset-500}
  789. {/block:If500pxPosts}
  790. {block:If400pxPosts}
  791. {Photoset-400}
  792. {/block:If400pxPosts}
  793. {block:If250pxPosts}
  794. {Photoset-250}
  795. {/block:If250pxPosts}
  796. {/block:Photoset}
  797.  
  798. {block:Quote}<h2>"{Quote}"</h2>
  799. {block:Source}<div class="qsource"> — {Source}</div>
  800. {/block:Source}{/block:Quote}
  801.  
  802. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  803.  
  804. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  805.  
  806. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  807. <div id="audio"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  808. <div id="audioinfo">
  809. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  810. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  811. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  812. </div>
  813. {/block:Audio}<br>
  814.  
  815. {block:Video}
  816. {block:If500pxPosts}
  817. {Video-500}
  818. {/block:If500pxPosts}
  819. {block:If400pxPosts}
  820. {Video-400}
  821. {/block:If400pxPosts}
  822. {block:If250pxPosts}
  823. {Video-250}
  824. {/block:If250pxPosts}
  825. {/block:Video}
  826.  
  827. {block:Answer}
  828. <div id="asks">
  829. <div class="ask"><strong>{Asker}</strong> asked: {Question}</div></div>
  830. <div class="answers">{Answer}</div>
  831. {/block:Answer}
  832.  
  833. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  834.  
  835. {block:IfnotHideCaption}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfnotHideCaption}
  836.  
  837. {block:IndexPage}
  838. <div id="info">
  839. {block:Date}
  840. <a href="{Permalink}" title="{TimeAgo}">
  841. {Month} {DayOfMonth}{DayOfMonthSuffix}</a> ✕
  842. {/block:Date}
  843. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ✕ {/block:RebloggedFrom}
  844. {block:NoteCount}{NoteCount} ✕{/block:NoteCount}
  845. {block:HasTags}<a title="{block:Tags}#{Tag}&nbsp;&nbsp;{/block:Tags}">Tags</a> ✕ {/block:HasTags}
  846. <a href="{ReblogURL}" target="_blank">reblog</a>
  847. {/block:IndexPage}
  848.  
  849. {block:PermalinkPage}
  850. <div id="info">
  851. <a href="{Permalink}">{Month} the {DayOfMonth}{DayOfMonthSuffix} </a> at {12Hour}:{Minutes}{AmPm},
  852. {block:RebloggedFrom}
  853. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  854. {/block:RebloggedFrom}
  855. with {NoteCountWithLabel}</a>
  856. {block:HasTags}<div id="tags">
  857.  
  858. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  859. </div>{block:HasTags}{/block:PermalinkPage}
  860. </div>
  861. </div>
  862. {/block:Posts}
  863. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  864. {/block:Posts}</div></div></div>
  865. <br><br><br><br>
  866.  
  867. <div id="cred"><a href="http://eminjiem.tumblr.com/" title="tweaked by mun">thm</div>
  868.  
  869. </div>
  870. </div>
  871.  
  872.  
  873. <div style="position:fixed; bottom: 0px; right: 8px; text-transform:uppercase;
  874. font-family:gasara;
  875. font-size:8px;
  876. line-height:90%;
  877. text-shadow:1px 0px 1px #222;"><script language="JavaScript">
  878. var ref = (''+document.referrer+'');
  879. var w_h = window.screen.width + " x " + window.screen.height;
  880. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4735009&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  881. </script> out of <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2841270&name=souls"></script></div>
  882. </body></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!