API tools faq
paste
Advertisement
allebyu

[ SIBYLLE'S LAST THEME ]

allebyu
Dec 17th, 2015
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-----------------------------------------------------------------
  5. █▀▀▀ █▀▀█ █░░ █▀▀█ █░█ ░▀░ █▀▀█ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░▀█ █▄▄█ █░░ █▄▄█ ▄▀▄ ▀█▀ █▄▄█ ▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░▀ ▀▀▀ ▀░░▀ ▀░▀ ▀▀▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  9. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  10. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ, sᴛᴇᴀʟ ᴏʀ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ.
  11. ------------------------------------------------------------------>
  12.  
  13. <meta name="color:Background Color" content="#ebebeb"/>
  14.  
  15. <meta name="color:Blockquote Border" content="#5e5e5e"/>
  16. <meta name="color:Odd Text" content="#525252"/>
  17. <meta name="color:Odd Background" content="#ebebeb"/>
  18. <meta name="color:Even Text" content="#6f6f6f"/>
  19. <meta name="color:Even Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Bolded Text" content="#8b8b8b"/>
  22. <meta name="color:Italicised Text" content="#8b8b8b"/>
  23.  
  24. <meta name="color:Post Text" content="#6b6b6b"/>
  25. <meta name="color:Post Background" content="#ffffff"/>
  26. <meta name="color:Post Border" content="#ffffff"/>
  27. <meta name="color:Sidebar Background" content="#ffffff"/>
  28. <meta name="color:Sidebar Border" content="#cfcfcf"/>
  29. <meta name="color:Desc Text" content="#6b6b6b"/>
  30. <meta name="color:Asker Text" content="#6b6b6b"/>
  31. <meta name="color:Ask Background" content="#ededed"/>
  32. <meta name="color:Track Text" content="#6b6b6b"/>
  33. <meta name="color:Track Background" content="#ffffff"/>
  34. <meta name="color:Tooltip Background" content="#ffffff"/>
  35. <meta name="color:Tooltip Text" content="#5e5e5e"/>
  36.  
  37. <meta name="color:Permalink Text Color" content="#7c7c7c"/>
  38. <meta name="color:Permalink Link" content="#ff62a9"/>
  39.  
  40. <meta name="color:Links" content="#ff62a9"/>
  41. <meta name="color:Hover Link" content="#ffffff"/>
  42.  
  43. <meta name="text:Link1" content="Link1"/>
  44. <meta name="text:Url1" content="/"/>
  45. <meta name="text:Link2" content="Link2"/>
  46. <meta name="text:Url2" content="/"/>
  47. <meta name="text:Link3" content="Link3"/>
  48. <meta name="text:Url3" content="/"/>
  49. <meta name="text:Link4" content="Link4"/>
  50. <meta name="text:Url4" content="/"/>
  51. <meta name="text:Link5" content="Link5"/>
  52. <meta name="text:Url5" content="/"/>
  53. <meta name="text:Link6" content="Link6"/>
  54. <meta name="text:Url6" content="/"/>
  55.  
  56. <meta name="text:Hovers" content="HOVERS GO HERE"/>
  57.  
  58. <meta name="color:Selected Text" content="#ffffff"/>
  59. <meta name="color:Scrollbar Background" content="#ffffff"/>
  60. <meta name="color:Scrollbar Trackbar" content="#ff62a9"/>
  61. <meta name="color:Desc Scrollbar Background" content="#ffffff"/>
  62. <meta name="color:Desc Scrollbar Trackbar" content="#ff62a9"/>
  63.  
  64. <meta name="image:Background Image" content="http://static.tumblr.com/4888f819ec382cc3d97b5eb0c2557f2c/ssbhuug/laKnedrba/tumblr_static_a19gv9kyigowg4ossc000ckg8.png"/>
  65. <meta name="image:Sidebar Image3" content=""/>
  66.  
  67. <meta name="if:ShowCaptions" content="1"/>
  68. <meta name="if:Monochrome" content="0">
  69.  
  70. <meta name="if:250" content="1">
  71. <meta name="if:400" content="0">
  72. <meta name="if:500" content="0">
  73.  
  74. <meta name="if:Pagination" content="0"/>
  75. <head>
  76.  
  77. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  78. <script type="text/javascript"
  79. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  80. <script>
  81. $(document).ready(function() {
  82. //
  83. $('a.poplight[href^=#]').click(function() {
  84. var popID = $(this).attr('rel'); //Get Popup Name
  85. var popURL = $(this).attr('href'); //Get Popup href to define size
  86. var query= popURL.split('?');
  87. var dim= query[1].split('&');
  88. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  89. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://38.media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif" class="btn_close" title="close." alt="escape" /></a>');
  90. var popMargTop = ($('#' + popID).height() + 80) / 2;
  91. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  92. //Apply Margin to Popup
  93. $('#' + popID).css({
  94. 'margin-top' : -popMargTop,
  95. 'margin-left' : -popMargLeft
  96. });
  97. $('body').append('<div id="fade"></div>');
  98. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  99. return false;
  100. });
  101. $('a.close, #fade').live('click', function() {
  102. $('#fade , .popup_block').fadeOut(function() {
  103. $('#fade, a.close').remove(); //fade them both out
  104. });
  105. return false;
  106. });
  107. });
  108. </script>
  109.  
  110. <title>( º ▌░ ✗ &. – Pʟᴜᴠɪᴏᴘʜɪʟᴇ</title>
  111. {block:Description}
  112. <meta name="description" content="{MetaDescription}" />
  113. {/block:Description}
  114. <link rel="shortcut icon" href="{Favicon}" />
  115. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  116.  
  117. <style type="text/css">
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  122. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04b_03_.ttf?dl=1'); format("truetype");}
  123. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  124. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  125. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  126. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  127. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  128. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  129. @font-face {font-family: "dc";src: url('https://dl.dropboxusercontent.com/u/67800931/dc_regular_caps.ttf'); format("truetype");}
  130. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  131. @font-face{ font-family:"angelique"; src: url('https://dl.dropboxusercontent.com/s/15hvjlabq5s44ul/angelique%20ma%20douce%20colombe.ttf?dl=1'); format("truetype");}
  132. @font-face { font-family: "abbeyline"; src: url('https://dl.dropboxusercontent.com/s/xlbk9c4ttfsc8ht/abbeyline.ttf?dl=1'); format("truetype");}
  133. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format("truetype");}
  134. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format("truetype");}
  135. @font-face { font-family: "dawning_of_a_new_day"; src: url('https://dl.dropboxusercontent.com/s/9owbnby9b1vz5m7/dawningofanewday.ttf?dl=1'); format("truetype");}
  136. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format("truetype");}
  137. @font-face { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format("truetype");}
  138. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  139. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  140. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1'); format("truetype");}
  141. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format("truetype");}
  142. @font-face { font-family: "lainie"; src: url('https://dl.dropboxusercontent.com/s/s1scfociufz1dkc/laine.ttf'); }
  143. @font-face {font-family: "yellowtail";src: url('https://dl.dropboxusercontent.com/s/gh31uyp4isfwiex/yellowtail-regular.otf?dl=1'); format("truetype");}
  144. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  145. @font-face {font-family: "kristi";src: url('https://dl.dropboxusercontent.com/s/ktm80yzuubknqf1/kristi.ttf?dl=1'); format("truetype");}
  146. @font-face {font-family: "arsenale_white";src: url('https://dl.dropboxusercontent.com/s/rpfrotuxmqye3fz/arsenale_white.ttf?dl=1'); format("truetype");}
  147. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format("truetype");}
  148. @font-face {
  149. font-family:"swenson";
  150. src:url('https://dl.dropboxusercontent.com/s/g8baufvqnng1g1h/swenson.ttf');
  151. format(“truetype”);}
  152. @font-face { font-family: "dark_roast"; src: url('https://dl.dropboxusercontent.com/s/c7ahqyqieyz0yvo/dark%20roast.ttf?dl=1'); format(“truetype”);}
  153. @font-face { font-family: "art_brewery"; src: url('https://dl.dropboxusercontent.com/s/47546gqsdpic4du/art%20brewery.ttf?dl=1'); format(“truetype”);}
  154. @font-face { font-family: "kill_the_noise"; src: url('https://dl.dropboxusercontent.com/s/2pngxp7a24obrcu/kill%20the%20noise.otf?dl=1'); format(“truetype”);}
  155. @font-face { font-family: "southern_aire"; src: url('https://dl.dropboxusercontent.com/s/9u9rbhl7odlulf0/southernaire_personal_use_only.ttf?dl=1'); format(“truetype”);}
  156. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  157. @font-face { font-family: "greatvibes"; src: url('https://dl.dropboxusercontent.com/s/2l218xbbvqd1lqi/ggreatvibes.ttf'); }
  158.  
  159. @font-face { font-family: "brevscript"; src: url('https://dl.dropboxusercontent.com/s/bx9yqreukdp9wzr/BrevScript_PersonalUse.ttf'); }
  160.  
  161. @font-face { font-family: "telegrafico"; src: url('https://dl.dropboxusercontent.com/s/rnld5pogaqu0gpp/telegrafico.ttf'); }
  162. @font-face { font-family: "celine_dion"; src: url('https://dl.dropboxusercontent.com/u/94606159/Celine_Dion_Handwriting.ttf'); format("truetype");}
  163. @font-face {font-family: "windsong";src: url('https://dl.dropboxusercontent.com/s/44j53i3ganmfv6t/windsong.ttf?dl=1'); format("truetype");}
  164. @font-face{ font-family:"haeccity"; src:url('https://dl.dropboxusercontent.com/s/48102ianng6pss6/haeccity.ttf');}
  165. @font-face { font-family: "comic_book"; src: url('https://dl.dropboxusercontent.com/u/94606159/Comic%20Book.otf'); format("truetype");}
  166. @font-face { font-family: "basic"; src: url(‘https://dl.dropboxusercontent.com/u/94606159/basictitlefont.ttf'); format("truetype");}
  167. @font-face { font-family: "clemente"; src: url('https://dl.dropboxusercontent.com/u/94606159/ClementePDac-ExtraLight.ttf'); format("truetype");}
  168. @font-face { font-family: "dolce_vita"; src: url('https://dl.dropboxusercontent.com/u/94606159/Dolce%20Vita.ttf'); format("truetype");}
  169. @font-face { font-family: "ever_after"; src: url('https://dl.dropboxusercontent.com/u/94606159/EVERAFTE.TTF'); format("truetype");}
  170. @font-face { font-family: "broken"; src: url('https://dl.dropboxusercontent.com/u/94606159/Sweetly%20Broken.ttf'); format("truetype");}
  171. @font-face { font-family: "across_the_road"; src: url('https://dl.dropboxusercontent.com/u/94606159/Across%20the%20Road.ttf'); format("truetype");}
  172. @font-face { font-family: "kai"; src: url('https://dl.dropboxusercontent.com/u/94606159/ABEAKRG.TTF'); format("truetype");}
  173. @font-face { font-family: "talking_to_the_moon"; src: url('https://dl.dropboxusercontent.com/u/94606159/TalkingToTheMoon.ttf'); format("truetype");}
  174. @font-face { font-family:"swenson"; src: url('https://dl.dropboxusercontent.com/s/g8baufvqnng1g1h/swenson.ttf'); format(“truetype”);}
  175. @font-face { font-family:"learning curve"; src: url('https://dl.dropboxusercontent.com/s/4a65w8487t5ttl6/learningcurve.ttf'); format(“truetype”);}
  176. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format("truetype");}
  177. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format(“truetype”);}
  178.  
  179.  
  180.  
  181. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  182.  
  183. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  184.  
  185. ::selection {
  186. background: {color:Links};
  187. color:{color:Selected Text};
  188. }
  189.  
  190. ::-moz-selection {
  191. background: {color:Links};
  192. color:{color:Selected Text};
  193. }
  194.  
  195. ::-webkit-selection {
  196. background: {color:Links};
  197. color:{color:Selected Text};
  198. }
  199.  
  200.  
  201. /* THEME SPECIALS */
  202. ::-webkit-scrollbar-thumb:vertical {
  203. background-color: {color:Scrollbar Trackbar};
  204. height: 50px;
  205. }
  206.  
  207. ::-webkit-scrollbar {
  208. height: 10px;
  209. width: 5px;
  210. background-color: {color:Scrollbar Background}
  211. }
  212.  
  213. /* BODY */
  214. body {
  215. background-image:url(http://static.tumblr.com/1d554efdc0d474dd2ea1b85e222b3610/k0ks7tt/hjSnqpsv1/tumblr_static_auddctaub3cos4o84w0ccksk8.png);
  216. background-repeat:repeat;
  217. background-attachment: fixed;
  218. background-color: {color:background color};
  219. background-position: bottom right;
  220. margin: 0;
  221. }
  222.  
  223. a:link, a:visited, a:active {
  224. text-decoration: none;
  225. color: {color:Links};
  226. text-shadow: 0px 0px 1px #a4a4a4;
  227. -moz-transition:all ease-in-out 0.7s;
  228. -webkit-transition:all ease-in-out 0.7s;
  229. -o-transition:all ease-in-out 0.7s;
  230. transition:all ease-in-out 0.7s;
  231. }
  232.  
  233. a:hover {
  234. text-shadow: 0 0 0.1em {color:Links};
  235. color: {color:Links};
  236. }
  237.  
  238. b, strong {
  239. color: #EEAEEE;
  240. text-shadow: 0px 0px 1px #a4a4a4;
  241. font-family: caviardreams;
  242. font-size: 13px;
  243. }
  244.  
  245. i, em {
  246. color: #CD96CD;
  247. text-shadow: 0px 0px 1px #a4a4a4;
  248. font-family: learning curve;
  249. font-size: 25px;
  250.  
  251. }
  252.  
  253. small, sub, sup, code, {
  254. font-family:'haeccity';
  255. text-shadow: 0px 0px 1px #a4a4a4;
  256. font-size:10px;
  257. letter-spacing: 1;
  258. line-height: 100%;
  259. margin-top: 10px !important;
  260. line-height: 90%;
  261. }
  262.  
  263. h2 {
  264. color: #EEAEEE;
  265. text-shadow: 0px 0px 1px #a4a4a4;
  266. font-family: caviardreams;
  267. font-size: 15px;
  268. }
  269.  
  270.  
  271. pre {
  272. width:100%;
  273. font-family:'Avalon', sans-serif;
  274. font-size:10px;
  275. text-align:center;
  276. text-transform: uppercase;
  277. white-space:pre-wrap;
  278. word-wrap:break-word;
  279. padding:3px;
  280. }
  281.  
  282. blockquote {
  283. margin-left:5px;
  284. width:90%;
  285. padding-left:5px;
  286. border-left: solid 1px {color:Blockquote Border};
  287. overflow:hidden;
  288. }
  289.  
  290. blockquote blockquote {
  291. margin-left: 10px;
  292. width: 85%;
  293. text-align: justify;
  294. border-left: solid 1px {color:Blockquote Border};
  295. padding: 5px;
  296. overflow:hidden;
  297. }
  298.  
  299. blockquote img {
  300. {block:if250}max-width:210px !important;{/block:if250}
  301. {block:if400}max-width:330px !important;{/block:if400}
  302. {block:if500}max-width:420px !important;{/block:if500}
  303. {block:ifFade}opacity: .5;{/block:ifFade}
  304. overflow:hidden;
  305. }
  306.  
  307. blockquote blockquote img {
  308. {block:if250}max-width:180px !important;{/block:if250}
  309. {block:if400}max-width:285px !important;{/block:if400}
  310. {block:if500}max-width:355px !important;{/block:if500}
  311. {block:ifFade}opacity: .5;{/block:ifFade}
  312. overflow:hidden;
  313. }
  314.  
  315. blockquote img:hover {
  316. {block:ifFade}opacity: 1;{/block:ifFade}
  317.  
  318. }
  319.  
  320. blockquote blockquote img:hover {
  321. {block:ifFade}opacity: 1;{/block:ifFade}
  322. }
  323.  
  324. .alignment {
  325. position: relative;
  326. margin-left: 150px;
  327. margin-top: 10px;
  328. height: 100%;
  329. height: auto !important;
  330. min-height: 100%;
  331. {block:if250}width:250px;{/block:if250}
  332. {block:if400}width:400px;{/block:if400}
  333. {block:if500}width:500px;{/block:if500}
  334. }
  335.  
  336. /* QUOTES */
  337.  
  338. #quote {
  339. color: {color:bolded text};
  340. text-shadow: 0px 0px 1px #a4a4a4;
  341. font-family:'neou';
  342. font-size:20px;
  343. font-style:bold;
  344. line-height: 100%;
  345. }
  346.  
  347. #source {
  348. font-family:'celine_dion';
  349. font-size:20px;
  350. letter-spacing:1px;
  351. text-align:right;
  352. text-transform:none;
  353. }
  354.  
  355. /* CONTENT WRAPPER */
  356.  
  357. #wrapper {
  358. width:270px;
  359. height:auto;
  360. margin-left:650px;
  361. margin-right:auto;
  362. margin-top:20px;
  363. margin-bottom:40px;
  364. position:relative;
  365. }
  366.  
  367. /* SB WRAPPER */
  368.  
  369. #sbwrapper {
  370. width: 500px;
  371. margin: 0 auto;
  372. {block:if250}margin-left:900px;{/block:if250}
  373. {block:if400}margin-left:1050px;{/block:if400}
  374. {block:if500}margin-left:1150px;{/block:if500}
  375. bottom:200px;
  376. position:fixed;
  377. }
  378.  
  379. /* BLOG POSTS */
  380.  
  381. .posts {
  382. {block:if250}width:250px;{/block:if250}
  383. {block:if400}width:400px;{/block:if400}
  384. {block:if500}width:500px;{/block:if500}
  385. font-family:'trebuchet ms';
  386. font-size:9px;
  387. letter-spacing: 1;
  388. line-height: 100%;
  389. color: #000000;
  390. text-shadow: 0px 0px 1px #a4a4a4;
  391. text-align: justify;
  392. word-wrap:break-word;
  393. background-color: {color:post background};
  394. padding: 10px;
  395. margin-bottom: 40px;
  396. -moz-transition:all ease-in-out 0.7s;
  397. -webkit-transition:all ease-in-out 0.7s;
  398. -o-transition:all ease-in-out 0.7s;
  399. transition:all ease-in-out 0.7s;
  400. border-top:2px dashed #dccbe7;
  401. border-bottom:2px dashed #dccbe7;
  402. border-left:2px dashed #dccbe7;
  403. border-right:2px dashed #dccbe7;
  404. margin-bottom: 40px;
  405. -moz-transition:all ease-in-out 0.7s;
  406. -webkit-transition:all ease-in-out 0.7s;
  407. -o-transition:all ease-in-out 0.7s;
  408. transition:all ease-in-out 0.7s;
  409. -moz-box-shadow: -5px -5px 5px #888;
  410. -webkit-box-shadow: -5px -5px 5px #888;
  411. box-shadow: -5px -5px 5px #888;}
  412.  
  413.  
  414. }
  415.  
  416. -moz-box-shadow: -5px -5px 5px #888;
  417. -webkit-box-shadow: -5px -5px 5px #888;
  418. box-shadow: -5px -5px 5px #888;}
  419. }
  420.  
  421.  
  422. .postinfo {
  423. width:250px;
  424.  
  425.  
  426. font-family:'trebuchet ms';
  427. font-size:9px;
  428. letter-spacing: 1;
  429. line-height: 100%;
  430. color: #6b6b6b;
  431. text-shadow: 0px 0px 1px #a4a4a4;
  432. text-align: justify;
  433. word-wrap:break-word;
  434. margin-top: -15px;
  435. background-color: #ffffff;
  436. padding: 10px;
  437. -moz-transition:all ease-in-out 0.7s;
  438. -webkit-transition:all ease-in-out 0.7s;
  439. -o-transition:all ease-in-out 0.7s;
  440. transition:all ease-in-out 0.7s;
  441. }
  442.  
  443.  
  444. .postcontainer img:hover, #photoset:hover {
  445. -moz-transition:all ease-in-out 0.7s;
  446. -webkit-transition:all ease-in-out 0.7s;
  447. -o-transition:all ease-in-out 0.7s;
  448. transition:all ease-in-out 0.7s;
  449. -webkit-filter: grayscale(0%) !important;
  450. opacity: 1;
  451. }
  452.  
  453. .postcontainer img, #photoset {
  454. {block:if250}max-width:250px;{/block:if250}
  455. {block:if400}max-width:400px;{/block:if400}
  456. {block:if500}max-width:500px;{/block:if500}
  457. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  458. {/block:ifMonochrome}
  459. {block:ifFade}opacity: .5;{/block:ifFade}
  460. -moz-transition:all ease-in-out 0.7s;
  461. -webkit-transition:all ease-in-out 0.7s;
  462. -o-transition:all ease-in-out 0.7s;
  463. transition:all ease-in-out 0.7s;
  464. }
  465.  
  466. .photopost img {
  467. {block:if250}max-width: 250px !important; {/block:if250}
  468. {block:if400}max-width: 400px !important; {/block:if400}
  469. {block:if500}max-width: 500px !important; {/block:if500}
  470. {block:ifFade}opacity: .5;{/block:ifFade}
  471. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  472. {/block:ifMonochrome}
  473. -moz-transition:all ease-in-out 0.7s;
  474. -webkit-transition:all ease-in-out 0.7s;
  475. -o-transition:all ease-in-out 0.7s;
  476. transition:all ease-in-out 0.7s;
  477. }
  478.  
  479. .photopost img:hover {
  480. {block:ifFade}opacity: 1;{/block:ifFade}
  481. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  482. {/block:ifMonochrome}
  483. -moz-transition:all ease-in-out 0.7s;
  484. -webkit-transition:all ease-in-out 0.7s;
  485. -o-transition:all ease-in-out 0.7s;
  486. transition:all ease-in-out 0.7s;
  487. }
  488.  
  489. .posts img, #photoset {
  490. {block:if250}max-width: 250px !important; {/block:if250}
  491. {block:if400}max-width: 400px !important; {/block:if400}
  492. {block:if500}max-width: 500px !important; {/block:if500}
  493. {block:ifFade}opacity: .5;{/block:ifFade}
  494. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  495. {/block:ifMonochrome}
  496. -moz-transition:all ease-in-out 0.7s;
  497. -webkit-transition:all ease-in-out 0.7s;
  498. -o-transition:all ease-in-out 0.7s;
  499. transition:all ease-in-out 0.7s;
  500. }
  501.  
  502. .posts img:hover {
  503. {block:ifFade}opacity: 1;{/block:ifFade}
  504. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  505. {/block:ifMonochrome}
  506. -moz-transition:all ease-in-out 0.7s;
  507. -webkit-transition:all ease-in-out 0.7s;
  508. -o-transition:all ease-in-out 0.7s;
  509. transition:all ease-in-out 0.7s;
  510. }
  511.  
  512. .video {
  513. {block:if250}max-width: 250px !important; {/block:if250}
  514. {block:if400}max-width: 400px !important; {/block:if400}
  515. {block:if500}max-width: 500px !important; {/block:if500}
  516. {block:ifFade}opacity: .5;{/block:ifFade}
  517. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  518. {/block:ifMonochrome}
  519. -moz-transition:all ease-in-out 0.7s;
  520. -webkit-transition:all ease-in-out 0.7s;
  521. -o-transition:all ease-in-out 0.7s;
  522. transition:all ease-in-out 0.7s;
  523. }
  524.  
  525. .video:hover {
  526. {block:ifFade}opacity: 1;{/block:ifFade}
  527. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  528. {/block:ifMonochrome}
  529. -moz-transition:all ease-in-out 0.7s;
  530. -webkit-transition:all ease-in-out 0.7s;
  531. -o-transition:all ease-in-out 0.7s;
  532. transition:all ease-in-out 0.7s;
  533. }
  534.  
  535.  
  536. .postnotes {
  537. width:250px;
  538.  
  539.  
  540. font-family: 'tinytots';
  541. font-size: 8px;
  542. letter-spacing: 1;
  543. line-height: 100%;
  544. color: #6b6b6b;
  545. text-align: left;
  546. text-transform: uppercase;
  547. word-wrap:break-word;
  548. background-color: transparent;
  549. padding: 10px;
  550. -moz-transition:all ease-in-out 0.7s;
  551. -webkit-transition:all ease-in-out 0.7s;
  552. -o-transition:all ease-in-out 0.7s;
  553. transition:all ease-in-out 0.7s;
  554. }
  555.  
  556. .postnotes img {
  557. display:none;
  558.  
  559. }
  560.  
  561. .postperma {
  562. width:260px;
  563.  
  564.  
  565. margin-left:-10px;
  566. position:absolute;
  567. margin-top: 13px;
  568. padding: 7px;
  569. color: #666666;
  570. font-family: wendy;
  571. font-size: 10px;
  572. text-transform: uppercase;
  573. letter-spacing: 1;
  574. background-color: transparent;
  575. line-height: 100%;
  576. text-align: right;
  577. -moz-transition:all ease-in-out 1.2s;
  578. -webkit-transition:all ease-in-out 1.2s;
  579. -o-transition:all ease-in-out 1.2s;
  580. transition:all ease-in-out 1.2s;
  581.  
  582. }
  583.  
  584. .postperma a {
  585. color: #000000;
  586. -moz-transition:all ease-in-out 0.7s;
  587. -webkit-transition:all ease-in-out 0.7s;
  588. -o-transition:all ease-in-out 0.7s;
  589. transition:all ease-in-out 0.7s;
  590.  
  591. }
  592.  
  593. .postperma a:hover {
  594. color: #000000;
  595. -moz-transition:all ease-in-out 0.7s;
  596. -webkit-transition:all ease-in-out 0.7s;
  597. -o-transition:all ease-in-out 0.7s;
  598. transition:all ease-in-out 0.7s;
  599.  
  600. }
  601.  
  602.  
  603.  
  604. #posttitle {
  605. font-family: caviardreams;
  606. color: #000000;
  607. font-size:20px;
  608. text-shadow: 0px 0px 1px #a4a4a4;
  609. letter-spacing:1px;
  610. line-height: 100%;
  611. text-transform:uppercase;
  612. text-align:center;
  613. }
  614.  
  615. #permtitle {
  616. font-family: 'vdj';
  617. color: #000000;
  618. font-size: 8px;
  619. padding: 5px;
  620. margin-top: 5px;
  621. text-align: center;
  622. text-transform: uppercase;
  623. }
  624.  
  625. /*chat/ask posts */
  626. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  627. .asked p {
  628. text-align: left;
  629. margin: 0 0px 10px 0px;
  630. padding: 0;
  631. color: #666666;
  632. text-shadow: 0px 0px 1px #a4a4a4;
  633. font-family: 'Inconsolata', Inconsolata;
  634. font-size: 12px;
  635. line-height: 0px;
  636. }
  637. .footerright .viasrc {
  638. float: left;
  639. }
  640. .asked a {
  641. margin:0;padding:0;
  642. }
  643. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  644. .convo {
  645. overflow: hidden;
  646. list-style-type: none;
  647. padding: 0;
  648. margin: 0;
  649. }
  650.  
  651. #tags {
  652. font-family: 'gasara';
  653. font-size: 8px;
  654. text-transform: uppercase;
  655. letter-spacing: 1;
  656. line-height: 100%;
  657. }
  658.  
  659. /* AUDIO */
  660.  
  661. .album {
  662. background-repeat: no-repeat;
  663. background-position: center;
  664. position: absolute;
  665. width: 86px;
  666. height: 86px;
  667. background-size: 60px;
  668. overflow: hidden;
  669. background-color: {color:Track Background};
  670. -moz-transition:all ease-in-out 0.7s;
  671. -webkit-transition:all ease-in-out 0.7s;
  672. -o-transition:all ease-in-out 0.7s;
  673. transition:all ease-in-out 0.7s;
  674. }
  675.  
  676. .album img {
  677. width: 86px;
  678. height: 86px;
  679. overflow: hidden;
  680. -moz-transition:all ease-in-out 0.7s;
  681. -webkit-transition:all ease-in-out 0.7s;
  682. -o-transition:all ease-in-out 0.7s;
  683. transition:all ease-in-out 0.7s;
  684. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  685. {/block:ifMonochrome}
  686. {block:ifFade}opacity:.5;{/block:ifFade}
  687. }
  688.  
  689. .album img:hover {
  690. -moz-transition:all ease-in-out 0.7s;
  691. -webkit-transition:all ease-in-out 0.7s;
  692. -o-transition:all ease-in-out 0.7s;
  693. transition:all ease-in-out 0.7s;
  694. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  695. {/block:ifMonochrome}
  696. {block:ifFade}opacity:1;{/block:ifFade}
  697. }
  698.  
  699. .player {
  700. width: 10px;
  701. height: 11px;
  702. overflow: hidden;
  703. padding: 4px 21px 21px 4px;
  704. margin-top: 27px;
  705. margin-left: 26px;
  706. position: absolute;
  707. background-color: #fff;
  708. opacity: 0.5;
  709. z-index: 10;
  710. -webkit-transition: all 0.4s linear;
  711. -moz-transition: all 0.4s linear;
  712. -o-transition: all 0.4s linear;
  713. -moz-border-radius: 30px;
  714. -webkit-border-radius: 30px;
  715. border-radius: 30px;
  716. }
  717.  
  718. .album:hover .player {
  719. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  720. }
  721.  
  722. .track {
  723. margin-left: 90px;
  724. min-height: 80px;
  725. max-height: 100px;
  726. overflow: auto;
  727. font-family:'Avalon', sans-serif;
  728. font-size:10px;
  729. padding: 3px;
  730. color: {color:Track Text};
  731. text-transform: uppercase;
  732. letter-spacing: 1px;
  733. background: {color:Track Background};
  734. }
  735.  
  736.  
  737. /* QUESTION */
  738.  
  739. #ask {
  740. max-width:250px;
  741.  
  742.  
  743. background-color: #f6f6f6;
  744. }
  745.  
  746. .as {
  747. min-height: auto;
  748. padding: 13px;
  749. background-color: #f6f6f6
  750. }
  751.  
  752.  
  753. .aske {
  754. font-family:swenson;
  755. font-size:20px;
  756. line-height:15px;
  757. text-align:right;
  758. text-transform:none;
  759. color: #6f6f6f;
  760. background-color: #f6f6f6;
  761. -moz-transition:all ease-in-out 0.7s;
  762. -webkit-transition:all ease-in-out 0.7s;
  763. -o-transition:all ease-in-out 0.7s;
  764. transition:all ease-in-out 0.7s;
  765. }
  766.  
  767. .aske:hover {
  768. -moz-transition:all ease-in-out 0.7s;
  769. -webkit-transition:all ease-in-out 0.7s;
  770. -o-transition:all ease-in-out 0.7s;
  771. transition:all ease-in-out 0.7s;
  772. }
  773.  
  774. .que {
  775. font-family: gasara;
  776. font-size: 8px;
  777. text-transform:uppercase;
  778. color: ;
  779. }
  780.  
  781. .ans {
  782. font-family:'trebuchet ms';
  783. font-size:9px;
  784. color: {color:ask text};
  785. }
  786.  
  787. /* Hover Title Style */
  788.  
  789. #s-m-t-tooltip{
  790. max-width:300px;
  791. margin-top:25px;
  792. margin-left:15px;
  793. padding-left:5px;
  794. padding-right:4px;
  795. padding:3px;
  796. z-index:9999999;
  797. background-color: {color:Tooltip Background};
  798. color: {color:Tooltip Text};
  799. text-shadow: 0px 0px 1px #a4a4a4;
  800. font-family:gasara;
  801. font-size:8px;
  802. letter-spacing:1px;
  803. font-style:none;
  804. border:1px solid {color:Sidebar border};
  805. text-transform:uppercase;
  806. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  807. }
  808.  
  809. #s-m-t-tooltip:first-letter{
  810. font-family:swenson;
  811. font-size:14px;
  812. letter-spacing:2px;
  813. color:#000;
  814. text-shadow: 0px 0px 1px #a4a4a4;
  815. }
  816.  
  817. /* Credit */
  818. .credit {
  819. position:fixed;
  820. bottom:1px;
  821. left:1px;
  822. }
  823.  
  824. .credit a{
  825. width:20px;
  826. height:20px;
  827. padding:3px;
  828. color:#000000;
  829. text-shadow: 0px 0px 1px #a4a4a4;
  830. font-family: "neou";
  831. font-size:10px;
  832. line-height:100%;
  833. text-transform:uppercase;
  834. text-align:justify;
  835. }
  836.  
  837. .credit a:hover {
  838. background-color: transparent;
  839. color: {color:hover link};
  840. }
  841.  
  842. /* SIDEBAR */
  843.  
  844. #sidepic1 {
  845. position:absolute;
  846. margin-top: 60px;
  847. margin-left: -1126px;
  848. width:20px;
  849. height:20px;
  850. padding:3px;
  851. border:none;
  852. background: none;
  853. }
  854.  
  855. #sidepic1 img {
  856. width:16px;
  857. height:16px;
  858.  
  859. -webkit-transition: all 0.7s ease-in-out;
  860. -moz-transition: all 0.7s ease-in-out;
  861. -o-transition: all 0.7s ease-in-out;
  862. -ms-transition: all 0.7s ease-in-out;
  863. transition: all 0.7s ease-in-out;
  864. }
  865.  
  866. #sidepic1 img:hover {
  867.  
  868. -webkit-transition: all 0.7s ease-in-out;
  869. -moz-transition: all 0.7s ease-in-out;
  870. -o-transition: all 0.7s ease-in-out;
  871. -ms-transition: all 0.7s ease-in-out;
  872. transition: all 0.7s ease-in-out;
  873. }
  874.  
  875. #sidepic2 {
  876. position:absolute;
  877. margin-top: -355px;
  878. margin-left: -820px;
  879. width:45px;
  880. height:45px;
  881. padding:3px;
  882. border:none;
  883. background: none;
  884. z-index:999;
  885. }
  886.  
  887. #sidepic2 img {
  888. width:15px;
  889. height:15px;
  890.  
  891. -webkit-transition: all 0.7s ease-in-out;
  892. -moz-transition: all 0.7s ease-in-out;
  893. -o-transition: all 0.7s ease-in-out;
  894. -ms-transition: all 0.7s ease-in-out;
  895. transition: all 0.7s ease-in-out;
  896. }
  897.  
  898. #sidepic2 img:hover {
  899.  
  900. -webkit-transition: all 0.7s ease-in-out;
  901. -moz-transition: all 0.7s ease-in-out;
  902. -o-transition: all 0.7s ease-in-out;
  903. -ms-transition: all 0.7s ease-in-out;
  904. transition: all 0.7s ease-in-out;
  905. }
  906.  
  907. #c1 img{
  908. position:absolute;
  909. margin-top: -280px;
  910. margin-left: -920px;
  911. z-index:400;
  912. transform:rotate(45deg);
  913. -ms-transform:rotate(45deg);
  914. -webkit-transform:rotate(45deg);
  915. -moz-transition-duration:0.6s;
  916. -webkit-transition-duration:0.6s;
  917. -o-transition-duration:0.6s;}
  918.  
  919. #sidebar:hover #c1 img{
  920. margin-top:80px;
  921. margin-left:135px;
  922. transform:rotate(0deg);
  923. -ms-transform:rotate(0deg);
  924. -webkit-transform:rotate(0deg);
  925. -moz-transition-duration:0.6s;
  926. -webkit-transition-duration:0.6s;
  927. -o-transition-duration:0.6s;}
  928.  
  929.  
  930. .desc {
  931. position:absolute;
  932. overflow:auto;
  933. margin-top: 80px;
  934. margin-left: -1300px;
  935. width:190px;
  936. height:60px;
  937. line-height: 100%;
  938. font-family: haeccity;
  939. font-size: 10px;
  940. line-height:9px;
  941. color: #6b6b6b;
  942. text-shadow: 0px 0px 1px #a4a4a4;
  943. text-transform: none;
  944. padding:3px;
  945. border:1px solid #f6f6f6;
  946. background: #ffffff;
  947. -webkit-transition:all 0.7s ease-in-out;
  948. -moz-transition:all 0.7s ease-in-out;
  949. -o-transition:all 0.7s ease-in-out;
  950. -ms-transition:all 0.7s ease-in-out;
  951. transition:all 0.7s ease-in-out;
  952. }
  953.  
  954. .desc a {
  955. color: {color:Links};
  956. -moz-transition:all ease-in-out 0.7s;
  957. -webkit-transition:all ease-in-out 0.7s;
  958. -o-transition:all ease-in-out 0.7s;
  959. transition:all ease-in-out 0.7s;
  960. }
  961.  
  962. .desc a:hover {
  963. color: {color:hover link};
  964. -moz-transition:all ease-in-out 0.7s;
  965. -webkit-transition:all ease-in-out 0.7s;
  966. -o-transition:all ease-in-out 0.7s;
  967. transition:all ease-in-out 0.7s;
  968. }
  969.  
  970. .desc::-webkit-scrollbar-thumb:vertical {
  971. background-color: {color:Desc Scrollbar Trackbar};
  972. height: 50px;
  973. }
  974.  
  975. .desc::-webkit-scrollbar {
  976. height: 10px;
  977. width: 2px;
  978. background-color: {color:Desc Scrollbar Background};
  979. }
  980.  
  981. #navi {
  982. position:absolute;
  983. margin-top: 65px;
  984. margin-left: -1301.5px;
  985. }
  986.  
  987. #navi a {
  988. display: inline-block;
  989. overflow:hidden;
  990. width: 23.4px;
  991. height: 4px;
  992. border:1px solid #f6f6f6;
  993. color:{color:Links};
  994. background-color: #ffffff;
  995. -webkit-transition: all 0.7s ease-in-out;
  996. -moz-transition: all 0.7s ease-in-out;
  997. -o-transition: all 0.7s ease-in-out;
  998. -ms-transition: all 0.7s ease-in-out;
  999. transition: all 0.7s ease-in-out;
  1000. }
  1001.  
  1002. #navi a:hover {
  1003. color:#ffffff;
  1004. box-shadow: #f6f6f6 0 0 4px;
  1005. -webkit-transition: all 0.7s ease-in-out;
  1006. -moz-transition: all 0.7s ease-in-out;
  1007. -o-transition: all 0.7s ease-in-out;
  1008. -ms-transition: all 0.7s ease-in-out;
  1009. transition: all 0.7s ease-in-out;
  1010.  
  1011. }
  1012.  
  1013. .hovarrr {
  1014. position:absolute;
  1015. overflow:auto;
  1016. margin-top: 150px;
  1017. margin-left: -1299px;
  1018. width:220px;
  1019. height:50px;
  1020. line-height: 100%;
  1021. font-family: 'neou';
  1022. font-size: 11px;
  1023. line-height:9px;
  1024. color: #000000;
  1025. text-shadow: 0px 0px 1px #a4a4a4;
  1026. text-transform: bold;
  1027. padding:3px;
  1028. border:none;
  1029. background: none;
  1030. text-align: left;
  1031. -webkit-transition:all 0.7s ease-in-out;
  1032. -moz-transition:all 0.7s ease-in-out;
  1033. -o-transition:all 0.7s ease-in-out;
  1034. -ms-transition:all 0.7s ease-in-out;
  1035. transition:all 0.7s ease-in-out;
  1036. }
  1037.  
  1038. .hovarrr a {
  1039. color: #000000;
  1040. -moz-transition:all ease-in-out 0.7s;
  1041. -webkit-transition:all ease-in-out 0.7s;
  1042. -o-transition:all ease-in-out 0.7s;
  1043. transition:all ease-in-out 0.7s;
  1044. }
  1045.  
  1046. .hovarrr a:hover {
  1047. color: #000000;
  1048. -moz-transition:all ease-in-out 0.7s;
  1049. -webkit-transition:all ease-in-out 0.7s;
  1050. -o-transition:all ease-in-out 0.7s;
  1051. transition:all ease-in-out 0.7s;
  1052. }
  1053.  
  1054. .hovarrr::-webkit-scrollbar-thumb:vertical {
  1055. background-color: #75b1d6;
  1056. height: 50px;
  1057. }
  1058.  
  1059. .hovarrr::-webkit-scrollbar {
  1060. height: 10px;
  1061. width: 2px;
  1062. background-color: #ffffff;
  1063. }
  1064.  
  1065.  
  1066. .title {
  1067. position: fixed;
  1068. overflow:auto;
  1069. margin-top: 37px;
  1070. margin-left: -1505px;
  1071. width: 520px;
  1072. height: auto;
  1073. font-family: celine_dion;
  1074. text-shadow: 2px 2px 1px #a4a4a4;
  1075. color:#000000;
  1076. font-weight:bold;
  1077. letter-spacing:0px;
  1078. font-size:30px;
  1079. padding: 1px;
  1080. text-transform: none;
  1081. letter-spacing: 0px;
  1082. text-align: center;
  1083. background: transparent;
  1084. -webkit-transform: rotate(-360deg);
  1085. -moz-transform: rotate(-360deg);
  1086. }
  1087.  
  1088.  
  1089.  
  1090. /* PAGINATION */
  1091.  
  1092. .pagination {
  1093. position:absolute;
  1094. height:5px;
  1095. margin-top: 142px;
  1096. margin-left: -227px;
  1097. width:246px;
  1098. padding:3px;
  1099. color: {color:desc text};
  1100. background:transparent;
  1101. text-align:center;
  1102. font-family:ms gothic;
  1103. font-size:10px;
  1104. z-index:9999;
  1105. }
  1106.  
  1107. .pagination a{
  1108. color: {color:links};
  1109. -webkit-transition:all 0.7s ease-in-out;
  1110. -moz-transition:all 0.7s ease-in-out;
  1111. -o-transition:all 0.7s ease-in-out;
  1112. -ms-transition:all 0.7s ease-in-out;
  1113. transition:all 0.7s ease-in-out;
  1114. }
  1115.  
  1116. /* BORDERS */
  1117.  
  1118. .border1 {
  1119. position:fixed;
  1120. left:0px;
  1121. top:0px;
  1122. width:50px;
  1123. height:100%;
  1124. background: {color:post background};
  1125. }
  1126.  
  1127. .border2 {
  1128. position:fixed;
  1129. left:52px;
  1130. top:0px;
  1131. width:4px;
  1132. height:100%;
  1133. background: {color:post background};
  1134. }
  1135.  
  1136. .border3 {
  1137. position:fixed;
  1138. left:58px;
  1139. top:0px;
  1140. width:3px;
  1141. height:100%;
  1142. background: {color:post background};
  1143. }
  1144.  
  1145. /*AUTO*/
  1146.  
  1147. .auto {
  1148. position:fixed;
  1149. left:9px;
  1150. top:2px;
  1151. width:15px;
  1152. height:15px;
  1153. padding:5px;
  1154. border:4px double #fff;
  1155. outline:1px solid #fff;
  1156. outline-offset:-7px;
  1157. }
  1158.  
  1159. .autoplay {
  1160. width:15px;
  1161. height:15px;
  1162. background-color:#fff;
  1163. overflow:hidden;
  1164. }
  1165.  
  1166. .autofix {
  1167. margin-top:-3px;
  1168. margin-left:-53px;
  1169. }
  1170.  
  1171. #render {
  1172. position:fixed;
  1173. margin-top:-340px;
  1174. margin-left:-1100px;
  1175. max-height:450px;
  1176. width: 250px;
  1177. }
  1178.  
  1179. /* POP UP BASE! */
  1180.  
  1181. .popup_block{
  1182. display: none;
  1183. background: #f6f6f6;
  1184. padding: 20px;
  1185. font-family:haeccity;
  1186. text-shadow: 0px 0px 1px #a4a4a4;
  1187. font-size: 10px;
  1188. color: #787878;
  1189. float: center;
  1190. position: fixed;
  1191. border:#8644c9 dashed 1px;
  1192. top: 50%;
  1193. left: 50%;
  1194. z-index: 99999;
  1195. -webkit-box-shadow: 0px 0px 10px #eee; /* delete for solid white */
  1196. -moz-box-shadow: 0px 0px 10px #eee; /* delete for solid white */
  1197. box-shadow: 0px 0px 10px #eee; /* delete for solid white */
  1198. }
  1199.  
  1200. #fade {
  1201. display: none;
  1202. background: #151515;
  1203. background-image:url(http://static.tumblr.com/1d554efdc0d474dd2ea1b85e222b3610/k0ks7tt/hjSnqpsv1/tumblr_static_auddctaub3cos4o84w0ccksk8.png);
  1204. background-repeat:repeat;
  1205. background-attachment: fixed;
  1206. position: fixed;
  1207. left: 50px;
  1208. top: 0;
  1209. width: 100%;
  1210. height: 100%;
  1211. opacity: 1;
  1212. z-index: 9999;
  1213. }
  1214.  
  1215. img.btn_close {
  1216. float: right;
  1217. margin: -55px -55px 0 0;
  1218. }
  1219.  
  1220. *html #fade {
  1221. position: fixed;
  1222. }
  1223.  
  1224. *html .popup_block {
  1225. position: absolute;
  1226. }
  1227.  
  1228. /* POP UP BEAR */
  1229.  
  1230. .popbear {
  1231. font-size: 8px;
  1232. font-family: "gasara";
  1233. color: #222;
  1234. text-shadow: 0px 0px 1px #a4a4a4;
  1235. text-align: center;
  1236. }
  1237.  
  1238. .popbear a {
  1239. display: inline-block;
  1240. overflow:hidden;
  1241. width:138px;
  1242. height:10px;
  1243. padding:3px;
  1244. color: #222;
  1245. background-color: #6b6b6b;
  1246. -webkit-transition:all 0.7s ease-in-out;
  1247. -moz-transition:all 0.7s ease-in-out;
  1248. -o-transition:all 0.7s ease-in-out;
  1249. -ms-transition:all 0.7s ease-in-out;
  1250. transition:all 0.7s ease-in-out;
  1251. }
  1252.  
  1253. .popbear a:hover {
  1254. color: #6b6b6b;
  1255. box-shadow:inset 0px 0px 0px 20px #4b4b4b;
  1256. background-color: #6b6b6b;
  1257. -webkit-transition:all 0.7s ease-in-out;
  1258. -moz-transition:all 0.7s ease-in-out;
  1259. -o-transition:all 0.7s ease-in-out;
  1260. -ms-transition:all 0.7s ease-in-out;
  1261. transition:all 0.7s ease-in-out;
  1262. }
  1263.  
  1264. .bearimg img{
  1265. border: 3px double #86649b;
  1266. max-width: 250px;
  1267. }
  1268.  
  1269. .bearoverflo{
  1270. height: 300px;
  1271. background-color: #f6f6f6;
  1272. width: 300px;
  1273. height: 100px;
  1274. overflow-y: scroll;
  1275. overflow-x: hidden;
  1276. text-align: center;
  1277. border: 3px double #86649b;
  1278. }
  1279.  
  1280. .beartitle {
  1281. text-align: center;
  1282. font-family: "lainie";
  1283. font-size: 34px;
  1284. color: #86649b;
  1285. text-shadow: 0px 0px 1px #a4a4a4;
  1286. margin-bottom:-10px;
  1287. }
  1288.  
  1289. .beartxt {
  1290. text-align: justify;
  1291. font-family: calibri;
  1292. font-size: 10px;
  1293. line-height: 10px;
  1294. margin-left: 3px;
  1295. margin-right: 3px;
  1296. margin-top: 5px;
  1297. }
  1298.  
  1299. .beartxt a{
  1300. color: #aaa;
  1301. text-shadow: 0px 0px 1px #a4a4a4;
  1302. }
  1303.  
  1304. .beartxt a:hover{
  1305. color: #bbb;
  1306. }
  1307.  
  1308. /* POP UP BAE */
  1309.  
  1310. .kookie{
  1311. font-size: 10px;
  1312. font-family: "Wendy";
  1313. color: #787878;
  1314. text-shadow: 0px 0px 1px #a4a4a4;
  1315. text-align: center;
  1316. line-height: 10px;
  1317. -webkit-transition:all 0.7s ease-in-out;
  1318. -moz-transition:all 0.7s ease-in-out;
  1319. -o-transition:all 0.7s ease-in-out;
  1320. -ms-transition:all 0.7s ease-in-out;
  1321. transition:all 0.7s ease-in-out;
  1322. }
  1323.  
  1324. .kookie img{
  1325. max-width: 250px;
  1326. }
  1327.  
  1328. .kookie a{
  1329. color: #787878;
  1330. -webkit-transition:all 0.7s ease-in-out;
  1331. -moz-transition:all 0.7s ease-in-out;
  1332. -o-transition:all 0.7s ease-in-out;
  1333. -ms-transition:all 0.7s ease-in-out;
  1334. transition:all 0.7s ease-in-out;
  1335. }
  1336.  
  1337. .kookie a:hover{
  1338. color: #190978;
  1339. -webkit-transition:all 0.7s ease-in-out;
  1340. -moz-transition:all 0.7s ease-in-out;
  1341. -o-transition:all 0.7s ease-in-out;
  1342. -ms-transition:all 0.7s ease-in-out;
  1343. transition:all 0.7s ease-in-out;
  1344. }
  1345.  
  1346. .kookieimg img{
  1347. border: 3px double #86649b;
  1348. max-width: 250px;
  1349. }
  1350.  
  1351. .kookieoverflo{
  1352. height: 300px;
  1353. background-color: #f6f6f6;
  1354. width: 300px;
  1355. height: 100px;
  1356. overflow-y: scroll;
  1357. overflow-x: hidden;
  1358. text-align: center;
  1359. border: 3px double #86649b;
  1360. }
  1361.  
  1362. .kookietitle {
  1363. text-align: center;
  1364. font-family: "lainie";
  1365. font-size: 34px;
  1366. color: #86649b;
  1367. text-shadow: 0px 0px 1px #a4a4a4;
  1368. margin-bottom:-10px;
  1369. }
  1370.  
  1371. .kookietxt {
  1372. text-align: justify;
  1373. font-family: calibri;
  1374. font-size: 10px;
  1375. line-height: 10px;
  1376. margin-left: 3px;
  1377. margin-right: 3px;
  1378. margin-top: 5px;
  1379. }
  1380.  
  1381. .kookietxt a{
  1382. color: #aaa;
  1383. text-shadow: 0px 0px 1px #a4a4a4;
  1384. }
  1385.  
  1386. .kookietxt a:hover{
  1387. color: #bbb;
  1388. }
  1389.  
  1390. /* POP UP CAREY */
  1391.  
  1392. .carey{
  1393. font-size: 10px;
  1394. font-family: "Wendy";
  1395. color: #787878;
  1396. text-shadow: 0px 0px 1px #a4a4a4;
  1397. text-align: center;
  1398. line-height: 10px;
  1399. -webkit-transition:all 0.7s ease-in-out;
  1400. -moz-transition:all 0.7s ease-in-out;
  1401. -o-transition:all 0.7s ease-in-out;
  1402. -ms-transition:all 0.7s ease-in-out;
  1403. transition:all 0.7s ease-in-out;
  1404. }
  1405.  
  1406. .carey img{
  1407. max-width: 250px;
  1408. }
  1409.  
  1410. .carey a{
  1411. color: #787878;
  1412. -webkit-transition:all 0.7s ease-in-out;
  1413. -moz-transition:all 0.7s ease-in-out;
  1414. -o-transition:all 0.7s ease-in-out;
  1415. -ms-transition:all 0.7s ease-in-out;
  1416. transition:all 0.7s ease-in-out;
  1417. }
  1418.  
  1419. .carey a:hover{
  1420. color: #190978;
  1421. -webkit-transition:all 0.7s ease-in-out;
  1422. -moz-transition:all 0.7s ease-in-out;
  1423. -o-transition:all 0.7s ease-in-out;
  1424. -ms-transition:all 0.7s ease-in-out;
  1425. transition:all 0.7s ease-in-out;
  1426. }
  1427.  
  1428. .careyimg img{
  1429. border: 3px double #86649b;
  1430. max-width: 250px;
  1431. }
  1432.  
  1433. .careyoverflo{
  1434. height: 300px;
  1435. background-color: #f6f6f6;
  1436. width: 300px;
  1437. height: 100px;
  1438. overflow-y: scroll;
  1439. overflow-x: hidden;
  1440. text-align: center;
  1441. border: 3px double #86649b;
  1442. }
  1443.  
  1444. .careytitle {
  1445. text-align: center;
  1446. font-family: "lainie";
  1447. font-size: 34px;
  1448. color: #86649b;
  1449. text-shadow: 0px 0px 1px #a4a4a4;
  1450. margin-bottom:-10px;
  1451. }
  1452.  
  1453. .careytxt {
  1454. text-align: justify;
  1455. font-family: calibri;
  1456. font-size: 10px;
  1457. line-height: 10px;
  1458. margin-left: 3px;
  1459. margin-right: 3px;
  1460. margin-top: 5px;
  1461. }
  1462.  
  1463. .careytxt a{
  1464. color: #aaa;
  1465. text-shadow: 0px 0px 1px #a4a4a4;
  1466. }
  1467.  
  1468. .careytxt a:hover{
  1469. color: #bbb;
  1470. }
  1471.  
  1472. /* ABOUT BOX*/
  1473.  
  1474. .hidden {
  1475. display: none;
  1476. }
  1477.  
  1478. .unhidden {
  1479. display: block;
  1480. }
  1481.  
  1482. </style>
  1483. <style type="text/css"></style>
  1484.  
  1485. <script type="text/javascript">
  1486. function unhide(divID) {
  1487. var item = document.getElementById(divID);
  1488. if (item) {
  1489. item.className=(item.className=='hidden')?'unhidden':'hidden';
  1490. }
  1491. }
  1492. </script>
  1493.  
  1494. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1495.  
  1496. {block:ifnotPagination}
  1497. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1498. {block:ifnotPagination}
  1499.  
  1500.  
  1501. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1502. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1503. <script>
  1504. (function($){
  1505. $(document).ready(function(){
  1506. $("[title],a[title],img[title]").style_my_tooltips({
  1507. tip_follows_cursor:true,
  1508. tip_delay_time:100,
  1509. tip_fade_speed:300,
  1510. attribute:"title"
  1511. });
  1512. });
  1513. })(jQuery);
  1514. </script>
  1515. </head>
  1516.  
  1517. <body>
  1518.  
  1519. <div id="bear" class="popup_block">
  1520. <center>
  1521. <div class="bearimg"><img src="http://33.media.tumblr.com/6117b88aafde0b928a11a3291f80400e/tumblr_mrwven99Zd1qelqsho6_r1_250.gif" /></div>
  1522. <div class="beartitle">To Christine,</div>
  1523. <div class="bearoverflo">
  1524. <div class="beartxt">We've known each other for so long and still I don't think it's too much time. You are one for the most important persons in my life, the person who knows so many things about me and who stayed everytime I need someone. You're not only my bestfriend, Christine. You are a part of my life that I cannot delete. nor forget. You'll always be with me, no matter what will come because you already were here all this time.<br>I don't know what I'd do without you but I'm not planning to find out because I like you present in my life.</div>
  1525. </div>
  1526. </center>
  1527. <br />
  1528. <div class="beartxt"><div style="font-family: 'neou';
  1529. font-size: 11px;
  1530. line-height:9px;
  1531. color: #000000;
  1532. text-transform: bold;
  1533. text-align: center;"><a href="http://chrvstn.tumblr.com" title="cute little bear">( oo1. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- cute-bear." title="her tag">( oo2. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- sibine-af." title="we dumb">( oo3. )</a>.</div></div>
  1534.  
  1535. </div>
  1536.  
  1537. <div id="kookie" class="popup_block">
  1538. <center>
  1539. <div class="kookieimg"><img src="https://31.media.tumblr.com/32972841c6636e043ca81690a4967461/tumblr_nqxrieQ8zt1r297qjo8_400.gif" /></div>
  1540. <div class="kookietitle">To Jungkook,</div>
  1541. <div class="kookieoverflo">
  1542. <div class="kookietxt"><center>‘<i>I fell in love the way you fall asleep: slowly, and then all at once.</i>’</center>
  1543. When I first met you, I never knew we'll end up like this. You were so.. different and you caught my attention immediately. Having the chance to become your friend was everything I could wish for. But falling in love with you was unpredictable. It happened so fast, I couldn't even think about that. You are the best thing that happened to me. I don't think you are aware about how hard I fell for you or how much I miss you when you aren't here. You're the first thing I think of when I wake up and the last when I fall asleep. July 30 is gonna be always such a special date for me because that's when I finally was able to call you <i>mine</i>. </div>
  1544. </div>
  1545. <br />
  1546. <div class="kookietxt"><div style="font-family: 'neou';
  1547. font-size: 11px;
  1548. line-height:9px;
  1549. color: #000000;
  1550. text-transform: bold;
  1551. text-align: center;"><a href="http://svmplemath.tumblr.com" title="my everything">( oo1. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- one-and-only." title="his tag">( oo2. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- can’t-help -falling-in-love." title="love letters">( oo3. )</a>.</div></div>
  1552. </div>
  1553.  
  1554. <div id="carey" class="popup_block">
  1555. <center>
  1556. <div class="careyimg"><img src="http://31.media.tumblr.com/bff92fdbf69e5fd5de539fa25eddae40/tumblr_n8kqsj4lKR1trmyhyo4_250.gif" /></div>
  1557. <div class="careytitle">To Carey,</div>
  1558. <div class="careyoverflo">
  1559. <div class="careytxt">It's always so nice to remember how we meet and how awkward I felt around you. I always looked up to you, because you were older and I felt like you were always much mature than I was. After we grew closer and I realized what a dork you are and how actually, I'm the mature one. No, just kidding. I'm so greatful for having you in my life. We had our hard times but somehow we managed to get through them and look at we now, being so close to each other. Let's continue to be here one for another and to share our sad and happy moments with each other because I see in you the mother I always miss.</div>
  1560. </div>
  1561. <br />
  1562. <div class="careytxt"><div style="font-family: 'neou';
  1563. font-size: 11px;
  1564. line-height:9px;
  1565. color: #000000;
  1566. text-transform: bold;
  1567. text-align: center;"><a href="http://bam-haru.tumblr.com" title="princess unnie">( oo1. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- cute-unnie." title="her tag">( oo2. )</a>. <a href="/tagged/%28-º-▌░-✗-%26.-–- sirey-af." title="dumb but fab">( oo3. )</a>.</div></div>
  1568. </div>
  1569.  
  1570. <div id="ask" class="popup_block">
  1571. <center>{ # for private replies } </center><p><iframe frameborder="0" scrolling="no" width="100%" height="250" src="https://www.tumblr.com/ask_form/sibyxle.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]-->
  1572. </div>
  1573.  
  1574. <div id="submit" class="popup_block">
  1575. <center>Gifts for me? </center><p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/submit_form/sibyxle.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  1576. </div>
  1577.  
  1578. <div id="01" class="popup_block">
  1579. <center><div style="font-family:'dolce_vita'; font-size:20px; color: #000; font-weight:400;">Navigation</div></center><p>
  1580.  
  1581. <center><div style="font-family:'kai'; font-size:20px; color: #000; font-weight:400;">Main</div></center><p>
  1582.  
  1583. <center><a href="/tagged/%28-º-▌░-✗-%26.-–- her-smile-was-brighter-than-the-sun.">faceclaim</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- her-mind-is-like-a-diamond.">thoughts</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- can't-help-falling-in-love.">heart</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- lust.">desire</a>.</center><p>
  1584.  
  1585. <center><div style="font-family:'kai'; font-size:20px; color: #000; font-weight:400;">Interations</div></center><p>
  1586.  
  1587. <center><a href="/tagged/%28-º-▌░-✗-%26.-–- answered.">received messages</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- dialogue.">dialogues</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- social.">text messages</a>. ✘ <a href="/tagged/%28-º-▌░-✗-%26.-–- hidden.">anonymous messages</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- meme%3B-answered.">meme replies</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- prompt%3B-answered.">game replies</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- open.">open starters</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- prompts.">games</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- memes.">memes</a></center><p>
  1588.  
  1589. <center><div style="font-family:'kai'; font-size:20px; color: #000; font-weight:400;">People</div></center><p>
  1590.  
  1591. <center><a href="/tagged/%28-º-▌░-✗-%26.-–- one-and-only.">jungkook</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- cute-bear.">christine</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- cute-unnie.">carey</a>. </center><p>
  1592.  
  1593. <center><div style="font-family:'kai'; font-size:20px; color: #000; font-weight:400;">Misc</div></center><p>
  1594.  
  1595. <center><a href="/tagged/%28-º-▌░-✗-%26.-–- wardrobe.">closet</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- ipod.">playlist</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- persona.">misc</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- secrets-kept-behind-closed-doors.">nsfw</a>.</center><p>
  1596.  
  1597. <center><div style="font-family:'kai'; font-size:20px; color: #000; font-weight:400;">Mun</div></center><p>
  1598.  
  1599. <center><a href="/tagged/%28-º-▌░-✗-%26.-–- out-of-chocolate.">mun shit</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- thinking-out-loud.">mun's replies</a>. ✕ <a href="/tagged/%28-º-▌░-✗-%26.-–- no-one-cares-alle.">selcas</a>.</center>
  1600.  
  1601. </center>
  1602. </div>
  1603.  
  1604. <div id="02" class="popup_block">
  1605. <center><div style="font-family:'dolce_vita'; font-size:20px; color: #000; font-weight:400;">Mun's note</div></center><p>
  1606.  
  1607. <center>Hello, this is Sibylle's mun. Let's get it started, hmm?<br>
  1608.  
  1609. ✕ Sibylle is an OC account, with the face claim of <em>Park Sojin</em> from <b>Girl's Day</b>.<br>
  1610. ✕ Your muse can call her Sibylle, Sib or Sibby.<br>
  1611. ✕ I'm literate, I wil type however you type. I will use icons & gifs and I'll try to always match your length. I'm semi-selective, which means I will not follow everyone because I like to have a clean dash.<br>
  1612. ✕ I try my best to be active on dash but sometimes I'll just crawl back to aim, so don't hesitate to ask for it.<br>
  1613. ✕ I love to plot and pre-established relationships are wonderful. Your muse can approach Sibylle like he or her knows her but only based on her career as a model or her waitress job.<br>
  1614. ✕ Your muse doesn't know about Sibylle's nature unless she tells that personal.<br>
  1615. ✕ Sibylle is currently a music and dance student. Also, she took cooking classes because she wants to open her own cafe.<br>
  1616. ✕ I don't interact nor I follow twin. It's nothing personal, I'm just not comfortable with that.<br>
  1617. ✕ My name is Alle and I'm actually a potato so please don't be afraid to approach.<br>
  1618. ✕ English isn't my first language so I'm sorry for any kind of mistakes. I think that's all. Ask me if you want to know something.
  1619. </center>
  1620.  
  1621. </div>
  1622.  
  1623. <div id="wrapper">
  1624.  
  1625. <div id="sbwrapper">
  1626.  
  1627. <div id="sidepic1"><a href="#?w=300" rel="bear" class="poplight" title="I will die just to know you are happy."><img src="http://i11.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs92.gif"></a></div>
  1628.  
  1629.  
  1630. <div id="sidepic2"><a href="#?w=300" rel="kookie" class="poplight" title="You are so special. How did the universe come up with you?"><img src="http://33.media.tumblr.com/tumblr_lkl6qsp4MA1qfamg6.gif"></a></div>
  1631.  
  1632. <div id="c1"><a href="#?w=300" rel="carey" class="poplight" title="Friends will come and go but a sister will always stay."><img src="http://38.media.tumblr.com/tumblr_lfhu6biAD11qzvcyt.gif"></a></div>
  1633.  
  1634. <div id="navi">
  1635. <a href="#?w=300" rel="ask" class="poplight" title="letters and cute messages are perfect."></a>
  1636. <a href="#?w=300" rel="submit" class="poplight" title="i like presents and surprise but who doesn't, hmm?"></a>
  1637. <a href="/sibylle" title="take a look closer and learn more about me."></a>
  1638. <a href="/past" title="learn about my past"></a>
  1639. <a href="#?w=400" rel="01" class="poplight" title="navigate yourself."></a>
  1640. <a href="#?w=400" rel="02" class="poplight" title="take a look at what the mun have to say."></a>
  1641. </div>
  1642.  
  1643.  
  1644. <div class="desc">
  1645. <center>
  1646. ( º ▌░ ✗ &. – &nbsp;i'm a paradox. i want to be happy, but i think of things that make me sad. i'm lazy, yet ambitious. i don't like myself, but i also love who i am. i say i don't care, but i really do. i crave attention, but reject it when it comes my way. i'm a conflicted contradiction. if i can't figure myself out, there's no way anyone else has.</center>
  1647. </div>
  1648.  
  1649. <div class="title">
  1650. <a href="/">Pluviophile</a>
  1651. </div>
  1652.  
  1653. <div class="hovarrr">
  1654. <a title="Sibylle Ruthie, age 20. Half-human, half-succubus. Music and dance student. Part-time waitress.">Abt</a>. <a title="Heart is taken. Pansexual.">Status</a>. <a title="Aim is given upon request. I tend to be more active there since laziness is always present in my life so don't hesitate to ask for it.">Aim</a>. <a title="Mirrored literacy. Script, para, script. Gif and rp icons. Whatever floats your boat. I love pre-established relationships and to plot. My ask is always open and don't be afraid to stop by and drop a message if you are interested in plotting something for our muses.">Mirrored</a>. <a title="This is an OC character. That means Sibylle doesn't relate to GsD's Sojin, nor to her members. Don't approach her like the Idol, she'll ignore you. I am not affiliate with Park Sojin or GsD nor I represent their interestes. This is only a roleplay account. Both mun and muse are on age, so NSFW material will apear, tagged accordingly.">Disc</a>.
  1655. </div>
  1656.  
  1657. <div id="render">
  1658. <img src="http://i.imgur.com/TSWw0MG.png" alt="image" width="300">
  1659. </div>
  1660.  
  1661.  
  1662. {block:ifPagination}
  1663. <div class="pagination">
  1664. {block:IndexPage}
  1665. {block:Pagination}
  1666. {block:PreviousPage}
  1667. <a href="{PreviousPage}">
  1668. prev
  1669. </a>
  1670. {/block:PreviousPage}
  1671. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  1672. {block:NextPage}
  1673. <a href="{NextPage}">
  1674. next
  1675. </a>
  1676. {/block:NextPage}
  1677. {/block:Pagination}
  1678. {/block:IndexPage}
  1679. </div>
  1680. {/block:ifPagination}
  1681.  
  1682. </div>
  1683.  
  1684. <div class="alignment">
  1685. <div class="autopagerize_page_element" >
  1686.  
  1687. {block:Posts}
  1688. <div class="posts">
  1689.  
  1690. {block:ContentSource}
  1691. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1692. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1693. {/block:SourceLogo}
  1694. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1695.  
  1696. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1697. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1698. {/block:ReblogParentLogo}
  1699. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1700. {/block:ContentSource}
  1701.  
  1702.  
  1703. <!-- PHOTO POSTS -->
  1704.  
  1705. {block:if250}
  1706. {block:Photo}
  1707. {LinkOpenTag}
  1708. <div class="photopost">
  1709. <img src="{PhotoURL-250}">
  1710. </div>
  1711. {LinkCloseTag}
  1712. {block:ifShowCaptions}
  1713. {block:Caption}
  1714. {Caption}
  1715. {/block:Caption}
  1716. {/block:ifShowCaptions}
  1717. {/block:photo}
  1718. {/block:if250}
  1719.  
  1720.  
  1721. {block:if400}
  1722. {block:Photo}
  1723. {LinkOpenTag}
  1724. <div class="photopost">
  1725. <img src="{PhotoURL-400}">
  1726. </div>
  1727. {LinkCloseTag}
  1728. {block:ifShowCaptions}
  1729. {block:Caption}
  1730. {Caption}
  1731. {/block:Caption}
  1732. {/block:ifShowCaptions}
  1733. {/block:photo}
  1734. {/block:if400}
  1735.  
  1736. {block:if500}
  1737. {block:Photo}
  1738. {LinkOpenTag}
  1739. <div class="photopost">
  1740. <img src="{PhotoURL-500}">
  1741. </div>
  1742. {LinkCloseTag}
  1743. {block:ifShowCaptions}
  1744. {block:Caption}
  1745. {Caption}
  1746. {/block:Caption}
  1747. {/block:ifShowCaptions}
  1748. {/block:photo}
  1749. {/block:if500}
  1750.  
  1751.  
  1752.  
  1753. <!-- PHOTOSET POSTS -->
  1754. {block:if250}
  1755. {block:Photoset}
  1756. <div id="photoset">
  1757. {Photoset-250}
  1758. </div>
  1759. {block:ifShowCaptions}
  1760. {block:Caption}
  1761. {Caption}
  1762. {/block:Caption}
  1763. {/block:ifShowCaptions}
  1764. {/block:Photoset}
  1765. {/block:if250}
  1766.  
  1767. {block:if400}
  1768. {block:Photoset}
  1769. <div id="photoset">
  1770. {Photoset-400}
  1771. </div>
  1772. {block:ifShowCaptions}
  1773. {block:Caption}
  1774. {Caption}
  1775. {/block:Caption}
  1776. {/block:ifShowCaptions}
  1777. {/block:Photoset}
  1778. {/block:if400}
  1779.  
  1780. {block:if500}
  1781. {block:Photoset}
  1782. <div id="photoset">
  1783. {Photoset-500}
  1784. </div>
  1785. {block:ifShowCaptions}
  1786. {block:Caption}
  1787. {Caption}
  1788. {/block:Caption}
  1789. {/block:ifShowCaptions}
  1790. {/block:Photoset}
  1791. {/block:if500}
  1792.  
  1793.  
  1794. <!-- VIDEO POSTS -->
  1795. <div class="video">
  1796. {block:if250}
  1797. {block:Video}
  1798. {Video-250}
  1799. {block:ifShowCaptions}
  1800. {block:Caption}
  1801. {Caption}
  1802. {/block:Caption}
  1803. {/block:ifShowCaptions}
  1804. {/block:Video}
  1805. {/block:if250}
  1806.  
  1807. {block:if400}
  1808. {block:Video}
  1809. {Video-400}
  1810. {block:ifShowCaptions}
  1811. {block:Caption}
  1812. {Caption}
  1813. {/block:Caption}
  1814. {/block:ifShowCaptions}
  1815. {/block:Video}
  1816. {/block:if400}
  1817.  
  1818. {block:if500}
  1819. {block:Video}
  1820. {Video-500}
  1821. {block:ifShowCaptions}
  1822. {block:Caption}
  1823. {Caption}
  1824. {/block:Caption}
  1825. {/block:ifShowCaptions}
  1826. {/block:Video}
  1827. {/block:if500}
  1828. </div>
  1829.  
  1830. <!-- AUDIO POSTS -->
  1831. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1832.  
  1833. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1834.  
  1835. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1836. {Album}{/block:Album}</div>
  1837.  
  1838. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1839.  
  1840. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1841. {/block:Audio}
  1842.  
  1843.  
  1844. <!-- QUOTE POSTS -->
  1845. {block:Quote}
  1846. <div id="quote">{Quote}</div>
  1847. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1848. {/block:Quote}
  1849.  
  1850.  
  1851. <!-- TEXT POSTS -->
  1852. {block:Text}
  1853. {block:Title}
  1854. <div id="posttitle">{Title}</div>
  1855. {/block:Title}
  1856. {Body}
  1857. {/block:Text}
  1858.  
  1859.  
  1860. <!-- QUESTION POSTS -->
  1861. {block:Answer}
  1862. <div id="ask">
  1863. <div class="as">
  1864. <div class="aske">{Asker} asked;</div>
  1865. <div class="que">❝{Question}❞</div>
  1866. </div>
  1867. </div>
  1868. <div class="ans">{Answer}</div>
  1869. {/block:Answer}
  1870.  
  1871. {block:Chat}
  1872. {block:Title}
  1873. <h2>{Title}</h2>{/block:Title}<br>
  1874. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1875. {Line}</li>{/block:Lines}</ul>
  1876. {/block:Chat}
  1877.  
  1878. <!-- LINK POSTS -->
  1879. {block:Link}
  1880. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1881. {block:Description}
  1882. {Description}
  1883. {/block:Description}
  1884. {/block:Link}
  1885.  
  1886. {block:IndexPage}
  1887. <div class="postperma">
  1888. <a href="{Permalink}">{Month} {DayofMonth}, {Year}</a> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1889. {/block:IndexPage}
  1890. </div>
  1891.  
  1892. {block:PermaLinkPage}
  1893. <div class="postinfo">
  1894. <center>
  1895. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1896. {block:RebloggedFrom}
  1897. <div id="tags">Via:
  1898. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1899. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1900. {/block:RebloggedFrom}
  1901. </center>
  1902. <br>
  1903. {block:HasTags}
  1904. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1905. {/block:HasTags}
  1906. </div>
  1907.  
  1908. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1909. {/block:PermalinkPage}
  1910.  
  1911. {/block:Posts}
  1912.  
  1913. </div>
  1914. </div>
  1915. </div>
  1916. </div></div>
  1917.  
  1918.  
  1919. <div class="credit"><a title="tweaked by 120596 for her wifeu only" href="http://galaxias-themes.tumblr.com/">GA</a></div>
  1920.  
  1921. </body>
  1922. </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!