Advertisement
allebyu

sib 2

Aug 5th, 2015
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.22 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. <!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