Advertisement
wandorko

Vodka Child

Aug 28th, 2015
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script>var __pbpa = true;</script><script>var translated_warning_string = "Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?";</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=779fe45acc2d029187a87fba65d0af9e"></script>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#"><title>{Title}</title><head>
  6. <link rel="shortcut icon" href="http://techblog.wimgodden.be/favicon.ico">
  7.  
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10.  
  11. <!--
  12.  
  13. Written by MASAMUNESBLOG.
  14. I would no sooner steal this
  15. code than I would fancy being
  16. cleft in twain with a rusty
  17. cleaver. Thank you for your
  18. u n d e r s t a n d i n g.
  19.  
  20. -->
  21.  
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block , .popup_block2 , .popup_block3 , .popup_block4 ').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips();
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65.  
  66. <meta name="color:Text" content="#BF7D73"/>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  69. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  70. <link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:900' rel='stylesheet' type='text/css'>
  72. <link href='http://fonts.googleapis.com/css?family=Teko:600|Playfair+Display+SC' rel='stylesheet' type='text/css'>
  73. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700' rel='stylesheet' type='text/css'>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79.  
  80. @font-face {font-family:"Mrs"; src: url('http://static.tumblr.com/9pqxwru/FTmnl4din/mrssaintdelafield-regular.ttf'); format("truetype"); }
  81.  
  82. /* ----- BASIC SHIT -----*/
  83.  
  84. ::-webkit-scrollbar {background-color:transparent; height:4px; width:3px;border-radius:12px;}
  85. ::-webkit-scrollbar-thumb:vertical {background-color:transparent; height:50px;border-radius:12px;}
  86. ::-webkit-scrollbar-thumb:horizontal {background-color:transparent; height:5px!important}
  87.  
  88. *, body, a, a:hover {cursor: url(https://31.media.tumblr.com/4cb7453c592757ce163fcb7d98dded7c/tumblr_inline_na2ew67Wf41sj01oy.png), auto;}
  89.  
  90. sub, sup, small {font-size:10px;line-height:120%;color:#a1a1a1;}
  91.  
  92.  
  93. big {font-size:18px;}
  94.  
  95. b, strong {color:#a79d8a;; font-weight:bold; font-size:14px;text-decoration:none;text-shadow:3px 3px 3px rgba(3,3,3,3)}
  96.  
  97. i, em {color:#a79d8a;; text-decoration:none;text-shadow:3px 3px 3px rgba(3,3,3,3) }
  98.  
  99. u, underline {text-decoration:none; border-bottom:1px #decab9;}
  100.  
  101. a {
  102. text-decoration:none;
  103. outline:none;
  104. -moz-outline-style:none;
  105. color:#9b6545;
  106. text-shadow:3px 3px 3px rgba(3,3,3,3)
  107. -moz-transition-duration:0.5s;
  108. -webkit-transition-duration:0.5s;
  109. -o-transition-duration:0.5s;
  110. }
  111.  
  112. a:hover {
  113. text-decoration:none;
  114. outline:none;
  115. -moz-outline-style:none;
  116. color:#fff;
  117. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  118. }
  119.  
  120. b, strong {
  121. font-weight: bold;
  122. font-size:13px;
  123. color:#9b6545;
  124. text-transform:uppercase;
  125. text-shadow:1px 1px black;
  126. }
  127.  
  128. big { font-size:16px; }
  129.  
  130. i, em {
  131. text-transform: italic;
  132. color:#9b6545;
  133. text-shadow:1px 1px black;
  134. letter-spacing:1px;
  135. font-family:'Playball';
  136. font-size:17px;
  137. }
  138.  
  139. img {
  140. border:none;
  141. opacity:.8;
  142. }
  143.  
  144. blockquote {
  145. padding-left:5px;
  146. margin-left:5px;
  147. border-left:1px dotted #d6d3d2;
  148. }
  149.  
  150. blockquote blockquote {
  151. padding-left:5px;
  152. margin-left:5px;
  153. border-left:1px dotted #d6d3d2;
  154. }
  155.  
  156. h1 {
  157. font-weight:normal;
  158. font-size:13px;
  159. text-align:center;
  160. font-style:uppercase;
  161. line-height:100%;
  162. letter-spacing:1px;
  163. text-transform:bold;
  164. color:#b16e5c;
  165. }
  166.  
  167. h2 {
  168. font-size:10px;
  169. text-align:center;
  170. line-height:100%;
  171. letter-spacing:-0.5px;
  172. color:#b16e5c;
  173. font-weight:bold;
  174. text-transform:uppercase;
  175. padding:5px;
  176. padding-bottom:2px;
  177. }
  178.  
  179. #s-m-t-tooltip {
  180. font-family:century gothic;
  181. color:#fff;
  182. text-shadow:1px 1px black;
  183. font-weight:bold;
  184. text-transform:none;
  185. letter-spacing:2px;
  186. font-size:8px;
  187. border-top:2px solid #b16e5c;
  188. padding:3px;
  189. background-color:#393939;
  190. margin-left:6px;
  191. margin-top:6px;
  192. z-index:999999999;
  193. -webkit-transition: .8s ease-in-out;
  194. -moz-transition: .8s ease-in-out;
  195. -o-transition: .8s ease-in-out;
  196. }
  197.  
  198. iframe#tumblr_controls {
  199. white-space:nowrap;
  200. -webkit-filter: invert(100%);
  201. -moz-filter: invert(100%);
  202. -o-filter: invert(100%);
  203. -ms-filter: invert(100%);
  204. filter: invert(100%);
  205. opacity:.2;transition: .8s ease-in-out;
  206. -webkit-transition: .8s ease-in-out;
  207. -moz-transition: .8s ease-in-out;
  208. -o-transition: .8s ease-in-out;
  209. }
  210.  
  211. /*----- BODY SHIT-----*/
  212.  
  213. body {
  214. background-color:#363636;
  215. margin:0px;
  216. font-family:century gothic;
  217. font-size:11.5px;
  218. background-image:url('http://i.imgur.com/0jn9PH4.png');
  219. background-repeat:no-repeat;
  220. background-attachment:absolute;
  221. overflow:hidden;
  222. letter-spacing:.75px;
  223. margin:0;
  224. color:#b7b7b7;
  225. text-shadow:1px 1px black;
  226. line-height:100%;
  227. }
  228.  
  229. ::selection { background:#999999; }
  230. ::-moz-selection { background:#999999; }
  231.  
  232. #fern {
  233. width:346px;
  234. padding-bottom:5px;
  235. margin-top:25px;
  236. margin-right:20px;
  237. }
  238.  
  239. #heather {
  240. width:346px;
  241. margin-left:510px;
  242. margin-top:245px;
  243. margin-bottom:40px;
  244. position:absolute;
  245. overflow:scroll;
  246. overflow-x:hidden;
  247. height:275px;
  248. font:#bf7d73;
  249. }
  250.  
  251. #fern img {
  252. height:auto;
  253. max-width:100%;
  254. border:none;
  255. opacity:0.6;
  256. -moz-transition-duration:0.5s;
  257. -webkit-transition-duration:0.5s;
  258. -o-transition-duration:0.5s;
  259. -webkit-filter:grayscale(100%);
  260. -webkit-transition: all 0.5s ease-in-out;
  261. }
  262.  
  263. #fern img:hover {
  264. opacity:1;
  265. -moz-transition-duration:0.5s;
  266. -webkit-transition-duration:0.5s;
  267. -o-transition-duration:0.5s;
  268. -webkit-filter:grayscale(0%);
  269. -webkit-transition: all 0.5s ease-in-out;
  270. }
  271.  
  272. .photoset {
  273. opacity:.7;
  274. -moz-transition-duration:0.5s;
  275. -webkit-transition-duration:0.5s;
  276. -o-transition-duration:0.5s;
  277. -webkit-filter: grayscale(100%);
  278. -webkit-transition: all 0.5s ease-in-out;
  279. }
  280.  
  281. .photoset:hover {
  282. opacity:1;
  283. -moz-transition-duration:0.5s;
  284. -webkit-transition-duration:0.5s;
  285. -o-transition-duration:0.5s;
  286. -webkit-filter: grayscale(0%);
  287. -webkit-transition: all 0.5s ease-in-out;
  288. }
  289.  
  290. .photo {
  291. opacity:.7;
  292. -moz-transition-duration:0.5s;
  293. -webkit-transition-duration:0.5s;
  294. -o-transition-duration:0.5s;
  295. -webkit-filter: grayscale(100%);
  296. -webkit-transition: all 0.5s ease-in-out;
  297. }
  298.  
  299. .photo:hover {
  300. opacity:1;
  301. -moz-transition-duration:0.5s;
  302. -webkit-transition-duration:0.5s;
  303. -o-transition-duration:0.5s;
  304. -webkit-filter: grayscale(0%);
  305. -webkit-transition: all 0.5s ease-in-out;
  306. }
  307.  
  308. #acacia {
  309. color:#bf7d73;
  310. position:fixed;
  311. width:90px;
  312. height:auto;
  313. margin-top:175px;
  314. margin-left:300px;
  315. text-align:left;
  316. height:120%;
  317. }
  318.  
  319.  
  320. #alinks {
  321. letter-spacing:0px;
  322. position:fixed;
  323. font-family:Times;
  324. width:10px;
  325. margin-top:340px;
  326. text-shadow:1px 1px black;
  327. margin-left:160px;
  328. font-size:25px;
  329. text-transform:lowercase;
  330. text-align:left;
  331. line-height:170%;
  332. }
  333.  
  334. #alinks a{
  335. width:10px;
  336. line-height:0%;
  337. color:#9b6545;
  338. margin-left:10px;
  339. letter-spacing:0px;
  340. z-index:10;
  341. text-shadow:3px 3px 3px rgba(3,3,3,3)
  342. height:7px;
  343. text-decoration:none;
  344. -webkit-transition-duration:0.7s;
  345. -moz-transition-duration:0.7s;
  346. -o-transition-duration:0.7s;
  347. }
  348.  
  349. #alinks a:hover {
  350. text-align:center;
  351. color:#363636;
  352. padding:0px;
  353. width:10px;
  354. -webkit-transition-duration:0.7s;
  355. -moz-transition-duration:0.7s;
  356. -o-transition-duration:0.7s;
  357. }
  358.  
  359. #blinks {
  360. letter-spacing:0px;
  361. position:fixed;
  362. font-family:Times;
  363. width:10px;
  364. margin-top:324px;
  365. text-shadow:1px 1px black;
  366. margin-left:145px;
  367. font-size:20px;
  368. text-transform:lowercase;
  369. text-align:left;
  370. line-height:170%;
  371. }
  372.  
  373. #blinks a{
  374. width:10px;
  375. line-height:0%;
  376. color:#9b6545;
  377. margin-left:10px;
  378. letter-spacing:0px;
  379. z-index:10;
  380. text-shadow:3px 3px 3px rgba(3,3,3,3)
  381. height:7px;
  382. text-decoration:none;
  383. -webkit-transition-duration:0.7s;
  384. -moz-transition-duration:0.7s;
  385. -o-transition-duration:0.7s;
  386. }
  387.  
  388. #blinks a:hover {
  389. text-align:center;
  390. color:#363636;
  391. padding:0px;
  392. width:10px;
  393. -webkit-transition-duration:0.7s;
  394. -moz-transition-duration:0.7s;
  395. -o-transition-duration:0.7s;
  396. }
  397.  
  398. #clinks {
  399. letter-spacing:0px;
  400. position:fixed;
  401. font-family:Times;
  402. width:10px;
  403. margin-top:306px;
  404. text-shadow:1px 1px black;
  405. margin-left:156px;
  406. font-size:18px;
  407. text-transform:lowercase;
  408. text-align:left;
  409. line-height:170%;
  410. }
  411.  
  412. #clinks a{
  413. width:10px;
  414. line-height:0%;
  415. color:#9b6545;
  416. margin-left:10px;
  417. letter-spacing:0px;
  418. z-index:10;
  419. text-shadow:3px 3px 3px rgba(3,3,3,3)
  420. height:7px;
  421. text-decoration:none;
  422. -webkit-transition-duration:0.7s;
  423. -moz-transition-duration:0.7s;
  424. -o-transition-duration:0.7s;
  425. }
  426.  
  427. #clinks a:hover {
  428. text-align:center;
  429. color:#363636;
  430. padding:0px;
  431. width:10px;
  432. -webkit-transition-duration:0.7s;
  433. -moz-transition-duration:0.7s;
  434. -o-transition-duration:0.7s;
  435. }
  436.  
  437. #dlinks {
  438. letter-spacing:0px;
  439. position:fixed;
  440. font-family:Times;
  441. width:10px;
  442. margin-top:120px;
  443. text-shadow:1px 1px black;
  444. margin-left:556px;
  445. font-size:23px;
  446. text-transform:lowercase;
  447. text-align:left;
  448. line-height:170%;
  449. }
  450.  
  451. #dlinks a{
  452. width:10px;
  453. line-height:0%;
  454. color:#9b6545;
  455. margin-left:10px;
  456. letter-spacing:0px;
  457. z-index:10;
  458. text-shadow:3px 3px 3px rgba(3,3,3,3)
  459. height:7px;
  460. text-decoration:none;
  461. -webkit-transition-duration:0.7s;
  462. -moz-transition-duration:0.7s;
  463. -o-transition-duration:0.7s;
  464. }
  465.  
  466. #dlinks a:hover {
  467. text-align:center;
  468. color:#363636;
  469. padding:0px;
  470. width:10px;
  471. -webkit-transition-duration:0.7s;
  472. -moz-transition-duration:0.7s;
  473. -o-transition-duration:0.7s;
  474. }
  475.  
  476. #elinks {
  477. letter-spacing:0px;
  478. position:fixed;
  479. font-family:Times;
  480. width:10px;
  481. margin-top:114px;
  482. text-shadow:1px 1px black;
  483. margin-left:580px;
  484. font-size:20px;
  485. text-transform:lowercase;
  486. text-align:left;
  487. line-height:170%;
  488. }
  489.  
  490. #elinks a{
  491. width:10px;
  492. line-height:0%;
  493. color:#9b6545;
  494. margin-left:10px;
  495. letter-spacing:0px;
  496. z-index:10;
  497. text-shadow:3px 3px 3px rgba(3,3,3,3)
  498. height:7px;
  499. text-decoration:none;
  500. -webkit-transition-duration:0.7s;
  501. -moz-transition-duration:0.7s;
  502. -o-transition-duration:0.7s;
  503. }
  504.  
  505. #elinks a:hover {
  506. text-align:center;
  507. color:#363636;
  508. padding:0px;
  509. width:10px;
  510. -webkit-transition-duration:0.7s;
  511. -moz-transition-duration:0.7s;
  512. -o-transition-duration:0.7s;
  513. }
  514.  
  515. #flinks {
  516. letter-spacing:0px;
  517. position:fixed;
  518. font-family:Times;
  519. width:10px;
  520. margin-top:100px;
  521. text-shadow:1px 1px black;
  522. margin-left:595px;
  523. font-size:15px;
  524. text-transform:lowercase;
  525. text-align:left;
  526. line-height:170%;
  527. }
  528.  
  529. #flinks a{
  530. width:10px;
  531. line-height:0%;
  532. color:#9b6545;
  533. margin-left:10px;
  534. letter-spacing:0px;
  535. z-index:10;
  536. text-shadow:3px 3px 3px rgba(3,3,3,3)
  537. height:7px;
  538. text-decoration:none;
  539. -webkit-transition-duration:0.7s;
  540. -moz-transition-duration:0.7s;
  541. -o-transition-duration:0.7s;
  542. }
  543.  
  544. #flinks a:hover {
  545. text-align:center;
  546. color:#363636;
  547. padding:0px;
  548. width:10px;
  549. -webkit-transition-duration:0.7s;
  550. -moz-transition-duration:0.7s;
  551. -o-transition-duration:0.7s;
  552. }
  553.  
  554.  
  555. #dulcet {
  556. position:fixed;
  557. width:100px;
  558. font-family:times;
  559. margin-top:82px;
  560. margin-left:30px;
  561. padding-top:5px;
  562. text-align:justify;
  563. font-size:20px;
  564. color: #bf7d73;
  565. letter-spacing:0px;
  566. line-height:120%;
  567. -moz-transition-duration:1s;
  568. -webkit-transition-duration:1s;
  569. -o-transition-duration:1s;
  570. }
  571.  
  572. #flax {
  573. font-family:arial;
  574. width:45px;
  575. font-size:10px;
  576. color:#a79d8a;
  577. text-transform:normal;
  578. margin-top:-110px;
  579. margin-left:290px;
  580. padding-left:5px;
  581. font-style:normal;
  582. text-align:center;
  583. z-index:99;
  584. }
  585.  
  586. #flax a {
  587. color:#a79d8a;
  588. text-shadow:1px 1px black;
  589. z-index:99;
  590. }
  591.  
  592. #ivy {
  593. font-family:'Damion';
  594. background:#545352;
  595. height:10px;
  596. padding:6px;
  597. margin-bottom:-5px;
  598. font-style:bold;
  599. background-repeat:no-repeat;
  600. text-decoration:none;
  601. width:340px;
  602. margin-top:10px;
  603. font-size:12px;
  604. margin-left:0px;
  605. border-bottom:4px solid #4d3636;
  606. color:#dcdcdc;
  607. text-shadow: 0px 0px 5px #000;
  608. text-transform:lowercase;
  609. font-style:normal;
  610. text-align:center;
  611. background-color:transparent;
  612. text-decoration:none;
  613. -moz-transition-duration:1s;
  614. -webkit-transition-duration:1s;
  615. -o-transition-duration:1s;
  616. }
  617.  
  618. #ivy a {
  619. width: 4px;
  620. height: 4px;
  621. -webkit-border-radius: 0px;
  622. -moz-border-radius: 0px;
  623. -o-border-radius: 0px;
  624. -webkit-transition: all 0.7s ease-in-out;
  625. -moz-transition: all 0.7s ease-in-out;
  626. -o-transition: all 0.7s ease-in-out;
  627. transition: all 0.7s ease-in-out;
  628. }
  629.  
  630. .ivy a:hover {
  631. color:#312818;
  632. -webkit-transition: all 0.7s ease-in-out;
  633. -moz-transition: all 0.7s ease-in-out;
  634. -o-transition: all 0.7s ease-in-out;
  635. transition: all 0.7s ease-in-out;
  636. }
  637.  
  638. .juniper {
  639. font-family:times;
  640. padding:10px;
  641. font-style:bold;
  642. background-repeat:no-repeat;
  643. text-decoration:none;
  644. width:340px;
  645. margin-left:0px;
  646. text-transform:bold;
  647. font-style:bold;
  648. line-height:120%;
  649. font-size:10px;
  650. opacity:1;
  651. text-align:center;
  652. color:#cacbcb;
  653. text-shadow: 1px 1px .5px #1f1f1f;}
  654.  
  655.  
  656. .juniper a:hover {
  657. color:#fff;
  658. }
  659.  
  660. #fern:hover .juniper {
  661. opacity:1;
  662. -moz-transition-duration:1s;
  663. -webkit-transition-duration:1s;
  664. -o-transition-duration:1s;
  665. }
  666.  
  667. .tones{
  668. background-color:#3c3838;
  669. height:45px;
  670. overflow:hidden;
  671. }
  672.  
  673. #query {
  674. padding-top:2px;
  675. width:335px;
  676. font-family:century gothic;
  677. font-size:10px;
  678. font-weight:bold;
  679. padding-left:3px;
  680. padding-bottom:-8px;
  681. padding-right:3px;
  682. color:#56413e;
  683. text-align:left;
  684. }
  685.  
  686. #question {
  687. padding-top:4px;
  688. padding-bottom:5px;
  689. padding-right:5px;
  690. padding-left:5px;
  691. font-family:times;
  692. margin-top:3px;
  693. font-size:10px;
  694. color:#d6d3d2;
  695. height:95px;
  696. background:url('http://i.imgur.com/aya5ELB.png');
  697. border:4px solid #4d3636;
  698. text-shadow:1px 1px black;
  699. text-align:center;
  700. margin-left:0px;
  701. }
  702.  
  703.  
  704.  
  705. #asker {
  706. text-align:left;
  707. font-size:25px;
  708. font-family:'Damion';
  709. margin-top:5px;
  710. margin-right:0px;
  711. padding-bottom:3px;
  712. padding:16px;
  713. border:4px solid #4d3636;
  714. background:url('http://i.imgur.com/lMHa4Te.png');
  715. margin-left:0px;
  716. height:15px;
  717. color:#dcdcdc;
  718. text-shadow: 0px 0px 5px #000;
  719. }
  720.  
  721. #asker a {
  722. color:#D4B091;
  723. text-shadow: 0px 0px 5px #000;
  724. -moz-transition-duration:0.5s;
  725. -webkit-transition-duration:0.5s;
  726. -o-transition-duration:0.5s;
  727. }
  728.  
  729. #asker a:hover {
  730. color:#858585;
  731. -moz-transition-duration:0.5s;
  732. -webkit-transition-duration:0.5s;
  733. -o-transition-duration:0.5s;
  734. }
  735.  
  736. #ask2 {
  737. background-color:#484848;
  738. padding-top:0px;
  739. padding-left:3px;
  740. padding-right:3px;
  741. padding-bottom:6px;
  742. border:1px solid #503c3c;
  743. }
  744.  
  745. #ask {
  746. float:left;
  747. line-height:100%;
  748. padding-top:-2px;
  749. padding-right:-2px;
  750. }
  751.  
  752.  
  753. #navshit {
  754. padding:5px;
  755. width:300px;
  756. overflow:auto;
  757. margin-left:15px;
  758. height:200px;
  759. }
  760.  
  761.  
  762. #navtitles {
  763. display:inline-block;
  764. border: 4px double #a79d8a;
  765. width:100px;
  766. padding:5px;
  767. color:#ffffff;
  768. letter-spacing:2px;
  769. font-size:8px;
  770. text-transform:uppercase;
  771. text-align:center;
  772. margin-bottom:10px;
  773. }
  774.  
  775.  
  776. #jams {
  777. position:fixed;
  778. margin-left:500px;
  779. margin-top:540px;
  780. }
  781.  
  782.  
  783.  
  784. /*----- if you take my code DON'T FUCKING ALTER THIS YOU PIECE OF SHIT -----*/
  785.  
  786. #masamune {
  787. font-size:8px;
  788. font-family:sans-serif;
  789. font-style:italic;
  790. color:#fff;
  791. letter-spacing:1px;
  792. -webkit-transition-duration:0.7s;
  793. -moz-transition-duration:0.7s;
  794. -o-transition-duration:0.7s;
  795. }
  796.  
  797. #masamune a {
  798. padding:5px;
  799. position:fixed;
  800. right:10px;
  801. bottom:10px
  802. }
  803.  
  804. #masamune a:hover {
  805. color:#999999;
  806. }
  807.  
  808. /*----- if you take my code DON'T FUCKING ALTER THIS YOU PIECE OF SHIT -----*/
  809.  
  810. /*----- POPUP -----*/
  811.  
  812. .popup_block{
  813. display:none;
  814. color:#545454;
  815. font-size:10px;
  816. font-family:playfair display;
  817. text-align:justify;
  818. background:transparent;
  819. padding:15px;
  820. height:345px;
  821. overflow-y:scroll;
  822. overflow-x:hidden;
  823. width:500px;
  824. background-image:url('http://i.imgur.com/cuORlmi.png');
  825. background-position:fixed;
  826. background-attachment:fixed center;
  827. background-repeat:no-repeat;
  828. /* if you want a solid white pop-up, delete this */
  829. float:left;
  830. position:fixed;
  831. top:50%;
  832. left:50%;
  833. z-index: 99999999;
  834. -webkit-filter: grayscale(0%);
  835. -moz-filter: grayscale(0%);
  836. filter: grayscale(0%);
  837. }
  838.  
  839.  
  840. *html #fade {
  841. *html .popup_block {position: absolute;}
  842. *html .popup_block2 {position: absolute;}
  843. *html .popup_block3 {position: absolute;}
  844. *html .popup_block4 {position: absolute;}
  845. }
  846.  
  847. *html .popup_block {
  848. position: absolute;
  849. }
  850.  
  851. #fade {
  852. display:none;
  853. position:fixed;
  854. left:0px;
  855. top:0px;
  856. width:100%;
  857. height:100%;
  858. z-index:9999999;
  859. background:#000; /* change to #fff for solid white */
  860. opacity:0.8; /* change to opacity:1; */
  861. }
  862.  
  863. /*----- HTML -----*/
  864.  
  865. {CustomCSS}</style></head><body>
  866.  
  867. <SCRIPT TYPE="text/javascript">
  868. <!--
  869. function clickIE() {if (document.all) {(message);return false;}}
  870. function clickNS(e) {if
  871. (document.layers||(document.getElementById&&!document.all)) {
  872. if (e.which==2||e.which==3) {(message);return false;}}}
  873. if (document.layers)
  874. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  875. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  876. document.oncontextmenu=new Function("return false")
  877. // -->
  878. </SCRIPT>
  879.  
  880. <div id="acacia">
  881.  
  882. <div id="alinks">
  883. <a href="#?w=490" rel="box3" class="poplight" title="guidelines">◆</a></div>
  884. <div id="blinks">
  885. <a href="#?w=490" rel="box1" class="poplight" title="message">◆</a></div>
  886. <div id="clinks">
  887. <a href="/" title="retreat">◆</a></div>
  888. <div id="dlinks">
  889. <a href="#?w=490" rel="box2" class="poplight" title="navigation">◆</a></div>
  890. <div id="elinks">
  891. <a href="#?w=490" rel="box5" class="poplight" title="about">◆</a></div>
  892. <div id="flinks">
  893. <a href="#?w=490" rel="box6" class="poplight" title="verses">◆</a></div>
  894.  
  895.  
  896. <center><div id="flax">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} ● {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</center></div></div>
  897.  
  898.  
  899. </div>
  900.  
  901.  
  902. </div>
  903.  
  904.  
  905. <div id="heather">{block:Posts}<div id="fern">
  906.  
  907. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  908.  
  909. {block:Photo}{LinkOpenTag}<div style="text-align:center;"><img src="{PhotoURL-250}" class="photoset-img" /></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  910.  
  911. {block:Photoset}<div style="text-align:center;">{Photoset-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  912.  
  913. {block:Quote}<big><big>❛❛</big></big>{Quote}{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  914.  
  915. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  916.  
  917. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  918.  
  919. {block:Audio}<div class="tones">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  920.  
  921. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  922.  
  923. {block:Answer}<div id="query"><div id="question">{Question}</div><div id="asker"> {asker} </div><br></div>
  924. {Answer}<br>{/block:Answer}
  925.  
  926. {block:Date}<div id="ivy"> <a href="{Permalink}" title="{timeago}">●</a>
  927. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{notecountwithlabel}">●</a> {/block:NoteCount} {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}" title="{reblogparenturl}">●</a>{/block:RebloggedFrom}
  928. {block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}" title="source">●</a>{/block:ContentSource}</div>
  929.  
  930.  
  931. {block:HasTags}
  932. <div class="juniper">
  933. {block:Tags} <a href="{TagURL}">‘゚ {Tag}</a>&nbsp;&nbsp;&nbsp; {/block:Tags}</div>
  934. {/block:HasTags}
  935. <div class="hyacinth">
  936. {block:PostNotes}<div class="hyacinth li">{PostNotes}</div>{/block:PostNotes}
  937. </div>
  938. </div>
  939. {/block:Posts}
  940.  
  941.  
  942. </div>
  943.  
  944. </body>
  945.  
  946. <div id="jams">
  947. <a title="❛ Crystals ❜ || Of Monsters & Men. ">
  948. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="25">
  949. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  950. <param name="bgcolor" value="#b8b6b6" />
  951. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/77437102/Crystals.mp3&amp;width=25&amp;height=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=363636&amp;bgcolor1=363636&amp;bgcolor2=363636&amp;buttoncolor=9b6545&amp;buttonovercolor=9b6545" />
  952. </object>
  953. </div></div></a>
  954.  
  955.  
  956. <div id="box1" class="popup_block">
  957. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  958. <iframe frameborder="0" height="50" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="250"></iframe>
  959.  
  960. </div>
  961. </div>
  962.  
  963.  
  964. <div id="box2" class="popup_block">
  965. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  966. navigation here
  967. </div></div></div></div>
  968.  
  969.  
  970. <div id="box6" class="popup_block">
  971. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  972. <p>verses here</p>
  973. </div></div></div>
  974.  
  975. <div id="box5" class="popup_block">
  976. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  977. <p>about goes here</p>
  978. </div></div></div>
  979.  
  980.  
  981. <div id="box3" class="popup_block">
  982. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  983. <p>rules here</p></div></div>
  984.  
  985. <div id="box4" class="popup_block">
  986. <div style="overflow:auto;padding:2px;font-size:10px;width:260px;color:#afafaf;text-align:justify;margin-top:10px;height:330px;margin-left:5px">
  987. <b>Coded by:</b> <a href="http://masamoon.co.vu/">MASAMUNESBLOG</a> (also known as 'Cath'.)
  988. <br />I ask that you not steal this code, take this code, or otherwise alter this code, and I request that no one ask me to code them a theme for themselves. She coded this <em>herself</em>, for <u>her own personal use</u>, and only for those to whom she granted permission. I ask that you respect that.
  989. <br /><br /><div style="text-align:left;"><b>Date change:</b> 10 12 14
  990. <br /><b>Edit by:</b> <a href="http://bentrolliio.tumblr.com/">♔</a>
  991. <br /><b>Art by:</b> <a href="http://luaen.tumblr.com/post/105519793418/i-just-wanted-to-draw-maedhros-looking-content/">♔</a>
  992. <br /><br /><div style="text-align:right;"><a href="http://creativecommons.org/licenses/"><img src="http://i.creativecommons.org/l/by-nc-nd/4.0/80x15.png"</a></a></div>
  993. </div></div></div></div></div>
  994.  
  995. </div></div></div></div></div></div></div></div></div></div>
  996.  
  997.  
  998. <div id="masamune"><a href="#?w=465" rel="box4" class="poplight"><span style="color:#fff;">CREDITS.</span></a></div></div></div>
  999.  
  1000. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement