Advertisement
Guest User

Untitled

a guest
Mar 16th, 2019
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.39 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <title>{Title}</title>
  4.  
  5.  
  6. <script type="text/javascript"
  7. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function() {
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=100)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36. <link rel="shortcut icon" href="{favicon}"/>
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39.  
  40. <!--
  41. •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
  42. THIS THEME WAS PERSONALLY CODED FOR RELUCENTHEART !!
  43. Coded By: Ley @ETERNALWORKS.
  44. theme shall not be redistributed. credits may not be removed.
  45. please do not remove credit links.
  46. ( thank you for your ongoing support & commission !! )
  47. •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
  48. -->
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
  51.  
  52. <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
  53.  
  54. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  55.  
  56. <script language="javascript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/javascript"></script>
  57.  
  58. <link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet">
  59.  
  60. <link href="https://fonts.googleapis.com/css?family=Lobster|Lobster+Two" rel="stylesheet">
  61.  
  62. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  63.  
  64. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC" rel="stylesheet">
  65.  
  66. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  67.  
  68. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  69.  
  70. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  71.  
  72. <link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet">
  73.  
  74. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  75.  
  76. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  77.  
  78. <link href="https://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Allan" rel="stylesheet">
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  85.  
  86. <link href="https://fonts.googleapis.com/css?family=Cookie|Playfair+Display" rel="stylesheet">
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rajdhani|Walter+Turncoat" rel="stylesheet">
  89.  
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
  92. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Serif:300i|Old+Standard+TT|Playfair+Display|Roboto+Condensed" rel="stylesheet">
  93.  
  94.  
  95. <style>
  96. div#qTip {
  97. padding: 3px;
  98. display: none;
  99. text-align: center;
  100. position: absolute;
  101. font-size:7px;
  102. margin-left:10px;
  103. margin-top:-2px;
  104. line-height:9px;
  105. font-family:arial;
  106. z-index: 1000;
  107. border: 1px solid #cacaca;
  108. background-color:#fff;
  109. color: #9b9b9b;
  110. text-transform:uppercase;
  111. letter-spacing: 2px;
  112. }
  113. </style>
  114.  
  115.  
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121. .popup_block{
  122. display:none;
  123. background: url('');
  124. padding:20px;
  125. float:left;
  126. opacity: 100;
  127.  
  128. position:fixed;
  129. top:50%;left:50%;
  130. z-index: 99999;
  131. }
  132.  
  133. *html #fade {position: absolute;}
  134. *html .popup_block {position: absolute;}
  135. #fade {
  136. display:none;
  137. position:fixed;
  138. left:0px;
  139. top:0px;
  140. width:100%;
  141. height:100%;
  142. z-index:9999;
  143. background:#000; /* change to #fff for solid white */
  144. opacity:0.5; /* change to opacity:1; */
  145.  
  146. }
  147.  
  148.  
  149. iframe#tumblr_controls {
  150. white-space:nowrap;
  151. -webkit-filter: invert(100%);
  152. -moz-filter: invert(100%);
  153. -o-filter: invert(100%);
  154. -ms-filter: invert(100%);
  155. filter: invert(100%);
  156. opacity:.2;transition: .8s ease-in-out;
  157. -webkit-transition: .8s ease-in-out;
  158. -moz-transition: .8s ease-in-out;
  159. -o-transition: .8s ease-in-out;
  160. }
  161.  
  162. /*----- POST IMAGES -----*/
  163.  
  164.  
  165. img {
  166. max-width: 100%;
  167. height: auto;
  168. border:0px solid #dec884;
  169. }
  170.  
  171. pre {
  172. white-space: pre-wrap; / css-3 /
  173. white-space: -moz-pre-wrap; / Mozilla, since 1999 /
  174. white-space: -pre-wrap; / Opera 4-6 /
  175. white-space: -o-pre-wrap; / Opera 7 /
  176. word-wrap: break-word; / Internet Explorer 5.5+ /
  177. }
  178.  
  179.  
  180.  
  181. /*----- IMP -----*/
  182.  
  183. .popup_block{
  184. display:none;
  185. background: url('');
  186. padding:20px;
  187. float:left;
  188.  
  189. position:fixed;
  190. top:50%;left:50%;
  191. z-index: 99999;
  192. }
  193.  
  194. *html #fade {position: absolute;}
  195. *html .popup_block {position: absolute;}
  196. #fade {
  197. display:none;
  198. position:fixed;
  199. left:0px;
  200. top:0px;
  201. width:100%;
  202. height:100%;
  203. z-index:9999;
  204. background:#000; /* change to #fff for solid white */
  205. opacity:0.5; /* change to opacity:1; */
  206.  
  207. }
  208.  
  209.  
  210.  
  211. /*----- dedede BAR -----*/
  212.  
  213. ::-webkit-scrollbar-thumb {
  214. height: 12px;
  215. border: 1px solid #141313;
  216. background: url('') #;
  217. background-color: #0f0e0e;
  218. }
  219. ::-webkit-scrollbar {
  220. width: 8px;
  221. height: 7px;
  222. border-left: 5px solid #0f0e0e;
  223. border-right: 5px solid #0f0e0e;
  224. border-top: 2px solid #0f0e0e;
  225. border-bottom: 2px solid #0f0e0e;
  226. background: #0f0e0e;
  227. }
  228.  
  229. /*----- MAIN CONTENT -----*/
  230.  
  231. body {
  232. background: url('https://static.tumblr.com/zma9h5a/STNpoh9mu/ardyntheme_copy.png') #0c0d0d;
  233. background-position: top-right;
  234. background-repeat: no-repeat;/
  235. background-attachment: absolute;
  236. margin:0px;
  237. color: #77776f;
  238. letter-spacing: 0px;
  239. font-family: times;
  240. font-size:13px;
  241. line-height:100%;
  242. height: 900px;
  243. overflow-x: hidden;
  244.  
  245.  
  246. }
  247.  
  248. body, a, a:hover { cursor:url( https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_1280.png ), auto; }
  249.  
  250. /*----- TEXT DETAILS -----*/
  251.  
  252. b,strong {
  253. color: #d9d9d9;
  254. text-transform:uppercase;
  255. font-family: times;
  256. letter-spacing: 1px;
  257. font-size:12px;}
  258.  
  259.  
  260. i,em {
  261. color:#7b4a44;
  262. font-family: times;
  263. text-transform: none;
  264. font-size:12px;}
  265.  
  266.  
  267. h1 {
  268. font-weight:normal;
  269. font-size:15px;
  270. font-family: 'Playfair Display', serif;
  271. text-align:center;
  272. text-transform:uppercase;
  273. font-style:bold;
  274. line-height:100%;
  275. letter-spacing:2px;
  276. color:#887c73;
  277.  
  278.  
  279. }
  280.  
  281. a {
  282. text-decoration:none;
  283. outline:none;
  284. -moz-outline-style:none;
  285. color:#b6cfd8;
  286. -moz-transition-duration:0.5s;
  287. -webkit-transition-duration:0.5s;
  288. -o-transition-duration:0.5s;
  289. }
  290.  
  291. a:hover {
  292. text-decoration:none;
  293. outline:none;
  294. -moz-outline-style:none;
  295. color:#b6cfd8;
  296. }
  297.  
  298. /*----- REBLOG -----*/
  299.  
  300.  
  301.  
  302. blockquote {
  303. padding-left:5px;
  304. border: 1px solid #141313;
  305. text-align:justify;
  306. border-radius: 0px;
  307. margin:7px;
  308. background-color: #0f0e0e;
  309. padding:5px;
  310. }
  311.  
  312.  
  313. #post {
  314. width:395px;
  315. word-wrap: break-word;
  316. padding-bottom:0px;
  317. margin-top:0px;
  318. }
  319.  
  320.  
  321. #post a{
  322. color: #8f817a;
  323. text-shadow:0px 0px #000;
  324. letter-spacing:2px;
  325. text-transform:uppercase;
  326. font-family: 'Abel', sans-serif;
  327. font-size: 9px;
  328.  
  329.  
  330. }
  331. #post:hover .tags{
  332. opacity:1;
  333. -moz-transition-duration:0.5s;
  334. -webkit-transition-duration:0.5s;
  335. -o-transition-duration:0.5s;
  336. }
  337.  
  338.  
  339. #tags {
  340. font-family: 'IBM Plex Sans Condensed', sans-serif;
  341. margin-left:30px;
  342. color:#887c73;
  343. width:310px;
  344. text-transform:normal;
  345. line-height:120%;
  346. font-size:10px;
  347. text-align:left;
  348. padding-top:5px;
  349. padding:10px;
  350. background-color: #0f0e0e;
  351. border-radius: 0px;
  352. border: 1px solid #141313;
  353. -moz-transition-duration:0.2s;
  354. -webkit-transition-duration:0.2s;
  355. -o-transition-duration:0.2s;
  356. text-align:center;
  357. }
  358.  
  359. #tags a{
  360. font-family: 'IBM Plex Sans Condensed', sans-serif;
  361. text-shadow:0px 0px #000;
  362. color:#989895;
  363. -moz-transition-duration:0.2s;
  364. -webkit-transition-duration:0.2s;
  365. -o-transition-duration:0.2s;
  366. }
  367.  
  368. #tags a:hover{
  369. color:#000;
  370. -moz-transition-duration:0.2s;
  371. -webkit-transition-duration:0.2s;
  372. -o-transition-duration:0.2s;
  373. }
  374.  
  375.  
  376. /*----- SIDE CONTENT-----*/
  377.  
  378. #sidebar {
  379. color: #777;
  380. position:absolute;
  381. width:100px;
  382. height:auto;
  383. margin-top:-170px;
  384. margin-left:465px;
  385. text-align:left;
  386. }
  387.  
  388. #description {
  389. position:absolute;
  390. width:175px;
  391. font-family: 'Open Sans', sans-serif;
  392. margin-top:625px;
  393. margin-left:150px;
  394. text-align:center;
  395. font-size:10px;
  396. color: #939090;
  397. text-shadow:1px 1px #000;
  398. letter-spacing:0px;
  399. line-height:130%;
  400. -moz-transition-duration:1s;
  401. -webkit-transition-duration:1s;
  402. -o-transition-duration:1s;
  403. }
  404.  
  405. #description a {
  406. color: #aca09f;
  407. }
  408.  
  409. #description a:hover {
  410. color:#b6cfd8;
  411. }
  412.  
  413. #heads {
  414. background-color: #;
  415. position:absolute;
  416. width:360px;
  417. font-family: 'Alegreya Sans SC', sans-serif;
  418. text-transform: none;
  419. margin-top:39px;
  420. margin-left: 100px;
  421. text-align:center;
  422. font-size:9px;
  423. color: #504d48;
  424. letter-spacing:1px;
  425. line-height:130%;
  426. -moz-transition-duration:1s;
  427. -webkit-transition-duration:1s;
  428. -o-transition-duration:1s;
  429. }
  430.  
  431. #heads a {
  432. color: #000;
  433. text-shadow:0px 1px #fff;
  434. letter-spacing:2px;
  435.  
  436. }
  437.  
  438.  
  439. #heads a:hover {
  440. color:#839bb2;
  441. letter-spacing:3px;
  442. font-size: 10px;
  443. text-shadow:0px 0px #000;
  444. }
  445.  
  446.  
  447.  
  448. #navi {
  449. background-color: #;
  450. position:absolute;
  451. width:84px;
  452. font-family: georgia;
  453. text-transform: uppercase;
  454. margin-top:198px;
  455. margin-left: 1018px;
  456. text-align:center;
  457. font-size:8px;
  458. color: #8d5a5b;
  459. letter-spacing:1px;
  460. line-height:130%;
  461. -moz-transition-duration:1s;
  462. -webkit-transition-duration:1s;
  463. -o-transition-duration:1s;
  464. }
  465.  
  466. #navi a {
  467. color: #8b8e88;
  468. font-size:7px;
  469. text-shadow:0px 0px #000;
  470. letter-spacing:5px;
  471.  
  472. }
  473.  
  474.  
  475. #navi a:hover {
  476. color:#d0c8a4;
  477. letter-spacing:3px;
  478. font-size: 9px;
  479. text-shadow:0px 0px #000;
  480. }
  481.  
  482. #navi2 {
  483. background-color: #;
  484. position:absolute;
  485. width:240px;
  486. font-family: georgia;
  487. text-transform: none;
  488. margin-top:200px;
  489. margin-left: 1040px;
  490. text-align:center;
  491. font-size:25px;
  492. color: #8d5a5b;
  493. letter-spacing:1px;
  494. line-height:130%;
  495. -moz-transition-duration:1s;
  496. -webkit-transition-duration:1s;
  497. -o-transition-duration:1s;
  498. }
  499.  
  500.  
  501. #navi2 a {
  502. color: #000;
  503. text-shadow:0px 1px #fff;
  504. letter-spacing:1px;
  505.  
  506. }
  507.  
  508.  
  509. #navi2 a:hover {
  510. color:#fff;
  511. letter-spacing:3px;
  512. font-size: 28px;
  513. text-shadow:0px 0px #000;
  514. }
  515.  
  516.  
  517. #mains {
  518. background-color: #;
  519. position:absolute;
  520. width:190px;
  521. font-family: 'IBM Plex Sans Condensed', sans-serif;
  522. text-transform: NONE;
  523. margin-top:377px;
  524. margin-left:1127px;
  525. text-align:none;
  526. font-size:9px;
  527. color: #666262;
  528. letter-spacing: 0.3px;
  529. overflow-y:hidden;
  530. overflow-x:hidden;
  531. letter-spacing:0px;
  532. line-height:100%;
  533. -moz-transition-duration:1s;
  534. -webkit-transition-duration:1s;
  535. -o-transition-duration:1s;
  536. }
  537.  
  538. .sfm input {background-color: #fff;
  539. font-size: 9px;
  540. border: 1px solid;
  541. border-color: #cebec9;
  542. text-transform: uppercase;
  543. margin-top: 0px;
  544. color: #999;
  545. letter-spacing: 1px;
  546. padding: 4px 8px;
  547. font-family: calibri, helvetica, arial;}
  548.  
  549.  
  550. #mains a {
  551. color: #fff;
  552. }
  553.  
  554. #mains a:hover {
  555. color:#ffffff;
  556. }
  557.  
  558. #textbox {
  559. background-color: #;
  560. position:absolute;
  561. width:495px;
  562. font-family: times;
  563. text-transform: NONE;
  564. margin-top:685px;
  565. margin-left: -350px;
  566. text-align:justify;
  567. font-size:9px;
  568. color: #77776f;
  569. letter-spacing: 1px;
  570. overflow-y:hidden;
  571. overflow-x:hidden;
  572. letter-spacing:0px;
  573. line-height:100%;
  574. -moz-transition-duration:1s;
  575. -webkit-transition-duration:1s;
  576. -o-transition-duration:1s;
  577. }
  578.  
  579. #textbox a {
  580. font-family: 'Old Standard5 TT', serif;
  581. font-size:9px;
  582. color: #787878;
  583. text-transform:uppercase;
  584. letter-spacing:1px;
  585. }
  586.  
  587. #textbox a:hover {
  588. color:#ffffff;
  589. }
  590.  
  591.  
  592. #marqueeee {
  593. background-color: #;
  594. position:absolute;
  595. width:215px;
  596. font-family: 'IBM Plex Sans Condensed', sans-serif;
  597. text-transform: NONE;
  598. margin-top:186px;
  599. margin-left: -239px;
  600. text-align:center;
  601. font-size:9px;
  602. color: #797a7c;
  603. letter-spacing: 2px;
  604. overflow-y:hidden;
  605. overflow-x:hidden;
  606. letter-spacing:0px;
  607. line-height:100%;
  608. -moz-transition-duration:1s;
  609. -webkit-transition-duration:1s;
  610. -o-transition-duration:1s;
  611. }
  612.  
  613. #marqueeee a {
  614. font-family: 'Old Standard5 TT', serif;
  615. font-size:9px;
  616. color: #787878;
  617. text-transform:uppercase;
  618. letter-spacing:1px;
  619. }
  620.  
  621. #marqueeee a:hover {
  622. color:#ffffff;
  623. }
  624.  
  625.  
  626. #textarea {
  627. background-color: #;
  628. position:absolute;
  629. width:410px;
  630. font-family: times;
  631. text-transform: NONE;
  632. margin-top:176px;
  633. margin-left:1120px;
  634. text-align:justify;
  635. font-size:9px;
  636. color: #67675b;
  637. letter-spacing: 0.3px;
  638. overflow-y:hidden;
  639. overflow-x:hidden;
  640. letter-spacing:0px;
  641. line-height:100%;
  642. -moz-transition-duration:1s;
  643. -webkit-transition-duration:1s;
  644. -o-transition-duration:1s;
  645. }
  646.  
  647. #textarea a {
  648. font-family: 'Old Standard5 TT', serif;
  649. font-size:9px;
  650. color: #787878;
  651. text-transform:uppercase;
  652. letter-spacing:1px;
  653. }
  654.  
  655. #textarea a:hover {
  656. color:#ffffff;
  657. }
  658.  
  659.  
  660. #discl {
  661. background-color: #;
  662. position:absolute;
  663. width:360px;
  664. font-family: 'IBM Plex Sans Condensed', sans-serif;
  665. text-transform: NONE;
  666. margin-top:600px;
  667. margin-left: 1144px;
  668. text-align:center;
  669. font-size:9px;
  670. color: #66655d;
  671. letter-spacing: 0.3px;
  672. overflow-y:hidden;
  673. overflow-x:hidden;
  674. letter-spacing:0px;
  675. line-height:100%;
  676. -moz-transition-duration:1s;
  677. -webkit-transition-duration:1s;
  678. -o-transition-duration:1s;
  679. }
  680.  
  681. #discl a {
  682. font-family: 'Old Standard5 TT', serif;
  683. font-size:9px;
  684. color: #787878;
  685. text-transform:uppercase;
  686. letter-spacing:1px;
  687. }
  688.  
  689. #discl a:hover {
  690. color:#ffffff;
  691. }
  692.  
  693.  
  694.  
  695. #links {
  696. position:relative;
  697. font-family:georgia;
  698. width:450px;
  699. margin-top:385px;
  700. z-index:-1;
  701. margin-left:270px;
  702. display:inline-block;
  703. font-size:18px;
  704. font-style:none;
  705. letter-spacing:1px;
  706. text-align:left;
  707. line-height:280%;
  708. text-transform: lowercase;
  709. -webkit-transition: all .4s linear;
  710. }
  711.  
  712. #links a{
  713. position: static;
  714. line-height:300%;
  715. margin-top:1px;
  716. margin-left:14px;
  717. width:60px;
  718. margin-bottom:4px;
  719. border-bottom:0px solid #0a141c;
  720. color: #6d5e60;
  721. text-shadow:1px 1px #9b8f86;
  722. -moz-transition-duration:.2s;
  723. -webkit-transition-duration:.2s;
  724. -o-transition-duration:.2s;
  725. }
  726.  
  727. #links a:hover {
  728. width:60px;
  729. color: #d1cfbc;
  730. -moz-transition-duration:0.2s;
  731. -webkit-transition-duration:0.2s;
  732. -o-transition-duration:0.2s;
  733. }
  734.  
  735.  
  736. #pagination {
  737. font-family: 'Cookie', cursive;
  738. position:absolute;
  739. width:210px;
  740. font-size:15px;
  741. margin-top: 186px;
  742. margin-left: -320px;
  743. padding-left:860px;
  744. letter-spacing:1px;
  745. text-align:center;
  746. }
  747.  
  748. #pagination a {
  749. color:#77776f;
  750. text-shadow:0px 0px #000;
  751. }
  752.  
  753. #pagination a:hover {
  754. color:#96a9c1;
  755. }
  756.  
  757. #credit {
  758. background-color:#0f0e0e;
  759. border: 1px solid #1d1615;
  760. padding:5px;
  761. position:fixed;
  762. bottom:35px;
  763. right:30px;
  764. width:73px;
  765. height:21px;
  766. font-size:9px;
  767. word-wrap:break-word;
  768. overflow:hidden;
  769. text-shadow:0px 1px #000;
  770. }
  771.  
  772. #credit a {
  773. color:#fff;
  774. text-transform:uppercase;
  775. font-size:9px;
  776. }
  777.  
  778.  
  779. /*----- POST CONTENT -----*/
  780.  
  781.  
  782. #entries {
  783. background: ;
  784. opacity: 100;
  785. padding: 10px;
  786. width: 400px;
  787. margin-left:575px;
  788. text-align:justify;
  789. margin-top:210px;
  790. margin-bottom: 50px;
  791. height:550px;
  792. overflow-x: hidden;
  793. overflow-y: auto;
  794. position: absolute;
  795. -moz-transition-duration: 0.8s;
  796. -webkit-transition-duration: 0.8s;
  797. -o-transition-duration: 0.8s;
  798. }
  799.  
  800.  
  801. ::selection {
  802. background: #000; /* WebKit/Blink Browsers */
  803. }
  804. ::-moz-selection {
  805. background: #000; /* Gecko Browsers */
  806. }
  807.  
  808.  
  809. #headers{
  810. width:89px;
  811. height:auto;
  812. color: #7daba4;
  813. text-shadow:1px 1px #000;
  814. padding:10px;
  815. font-size:7px;
  816. font-weight:bold;
  817. letter-spacing:3px;
  818. line-height:100%;
  819. text-transform:uppercase;
  820. background: url('');
  821. background-color: #0f0e0e;
  822. border:0px solid #87a080;
  823. text-align:center;
  824. }
  825.  
  826. #headers2{
  827. width:304px;
  828. height:auto;
  829. color: #000;
  830. text-shadow:1px 1px #fff;
  831. padding:10px;
  832. font-size:7px;
  833. font-weight:bold;
  834. letter-spacing:3px;
  835. line-height:100%;
  836. text-transform:uppercase;
  837. background: url('');
  838. background-color: #dddddc;
  839. border:0px dashed #dec6cf;
  840. text-align:center;
  841. }
  842.  
  843.  
  844. #info {
  845. background: url("");
  846. background-color: #0f0e0e;
  847. border:1px solid #0f0e0e;
  848. font-family: 'Playfair Display', serif;
  849. width:240px;
  850. margin-top:5px;
  851. margin-left:80px;
  852. margin-bottom: 15px;
  853. padding-bottom:140px;
  854. font-size:9px;
  855. background:#;
  856. padding:4px;
  857. color: #9ca59a;
  858. text-transform:uppercase;
  859. font-style:bold;
  860. text-align:left;
  861. -moz-transition-duration:0.5s;
  862. -webkit-transition-duration:0.5s;
  863. -o-transition-duration:0.5s;
  864. }
  865.  
  866. #info a {
  867. color:#69605e;
  868. text-shadow:0px 1px #000;
  869. font-style:normal;
  870. font-size:9px;
  871. font-family: 'Playfair Display', serif;
  872.  
  873. }
  874.  
  875. #info a:hover {
  876. color:#4b3832;
  877. }
  878.  
  879. .quote {
  880. font-size:11px;
  881. font-family:georgia;
  882. font-style:normal;
  883. line-height:17px;
  884. margin-bottom:15px;
  885. text-transform:normal;
  886. text-align:left;
  887. font-weight:normal;
  888. font-style:none;
  889. color:#fff;
  890. text-shadow:1px 1px #000;
  891. }
  892.  
  893. #ask {
  894. float:left;
  895. color:#000;
  896. padding: 5px;
  897.  
  898. }
  899. #ask_bg{
  900. padding: 5px;
  901. background: url(HERE);
  902. background-color: transparent;
  903. height: auto;
  904. width: 380px;
  905. font-family: 'IBM Plex Sans Condensed', sans-serif;
  906. font-size: 10px;
  907. color: #524f4d;
  908. border:0px dashed #0a0f12;
  909. }
  910.  
  911.  
  912. /*----- BOTTOM IMAGE -----*/
  913.  
  914. #corner {
  915. font-size:9px;
  916. font-family:cambria;
  917. font-style:italic;
  918. letter-spacing:1px;
  919. -moz-transition-duration:0.5s;
  920. -webkit-transition-duration:0.5s;
  921. -o-transition-duration:0.5s;
  922. }
  923.  
  924. #corner a {
  925. background-color:transparent;
  926. position:fixed;
  927. right:15px;
  928. bottom:10px
  929. }
  930.  
  931.  
  932.  
  933. #cornerplayer
  934. {z-index:999;
  935. background-color:transparent;
  936. width:30px;
  937. height:50px;
  938. border-radius:0px 0px 0px 0px;
  939. -moz-border-radius:0px 50px 0px 0px;
  940. position:fixed;
  941. overflow:hidden;
  942. bottom:0px;
  943. right:0px;
  944. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  945.  
  946. #cornericon
  947. {margin-top:15px;
  948. margin-bottom:20px;
  949. margin-right:-5px;
  950. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  951.  
  952. #cornerplayer:hover
  953. {width:200px;
  954. -moz-border-radius:0px;
  955. border-radius:0px;}
  956.  
  957. #cornerplayer:hover #cornericon
  958. {margin-top:10px;
  959. margin-left:0px;
  960. margin-bottom:4px;}
  961.  
  962. </style>
  963. </head>
  964. <body>
  965.  
  966.  
  967.  
  968. <script type="text/javascript" src="https://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  969.  
  970.  
  971. <div id='cornerplayer' style="text-align:center;">
  972.  
  973. <!--<div>
  974.  
  975. <div> </div>-->
  976.  
  977. </div><!--cornerplayer-->
  978.  
  979.  
  980. <div id="sidebar">
  981.  
  982. <div id="sidebarimage">
  983. <a href="/"><img src="{image:sidebar}"></a></div>
  984.  
  985.  
  986.  
  987.  
  988. <div id="textbox">
  989. <div style="width: 420px; height:90px; background-color: #0f0e0e; border-color: #511f1d; border-style: solid; border-width: 0px; letter-spacing:0px; overflow: auto;">
  990.  
  991. <h1>header text</h1>
  992. <b>strong</b> <i>italic</i><br><br>
  993.  
  994.  
  995. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like. Here is where you write all of your about and personal information to have your clients get to know a little about you & your work ! it will scroll so you can write as much as you'd like.
  996.  
  997.  
  998. </center>
  999. </div>
  1000. </div></div>
  1001. </div>
  1002.  
  1003.  
  1004. <div id="navi">
  1005. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="/">refresh</a></div><br>
  1006. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="/ask">ask</a></div><br>
  1007. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="/submit">submit</a></div><br>
  1008. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="/archive">archive</a></div><br>
  1009. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="LINKURL">link</a></div><br>
  1010. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="LINKURL">link</a></div><br>
  1011. <div style="padding: 2px; background-color: #0f0e0e; border:1px solid #161414; line-height: 1;"><a href="LINKURL">link</a></div><br>
  1012.  
  1013.  
  1014.  
  1015.  
  1016. </div>
  1017.  
  1018.  
  1019. <div id="credit"><img src="https://66.media.tumblr.com/00e3aebba634e544de1865cb753aba9a/tumblr_inline_p7gjrashZy1rhwzwl_75sq.gif"> THEME BY: <a href="https://eternalworks.tumblr.com/" target="blank">ETERNALWORKS</a></div>
  1020.  
  1021.  
  1022. </div></div></div>
  1023.  
  1024.  
  1025. <div id="description">
  1026.  
  1027. <div id="pagination">
  1028. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ◁ </a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}"> ▷ </a><br />{/block:NextPage}{/block:Pagination}</div></div>
  1029. </div></div></div>
  1030.  
  1031. <div id="entries">{block:Posts}
  1032.  
  1033.  
  1034.  
  1035. <div id="post">
  1036.  
  1037.  
  1038.  
  1039. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1040.  
  1041. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1042.  
  1043. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1044.  
  1045. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1046.  
  1047. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1048.  
  1049. {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}
  1050.  
  1051. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1052.  
  1053. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1054.  
  1055. {block:Answer}<div id="ask_bg"><div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:0px solid #9ca59a;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}
  1056.  
  1057.  
  1058. <div id="info">
  1059. {block:Date} <a href="{Permalink}">{TimeAgo}</a>
  1060. {/block:Date} {block:NoteCount}&nbsp; <small>notes</small>:</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<div style="float:right;">
  1061.  
  1062. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"></a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"> REBLOG </font></big> </a> </div>
  1063.  
  1064. </div>
  1065.  
  1066.  
  1067. <div id="tags">
  1068. {block:HasTags}
  1069. {block:Tags}
  1070. #<a href="{TagURL}">{Tag}</a>&nbsp;
  1071. {/block:Tags}
  1072. {/block:HasTags}
  1073. </div>
  1074. <p>
  1075.  
  1076. {/block:Posts}
  1077.  
  1078.  
  1079. <script>
  1080. $(document).ready(function() {
  1081. $('a.poplight[href^=#]').click(function() {
  1082. var popID = $(this).attr('rel'); //Get Popup Name
  1083. var popURL = $(this).attr('href'); //Get Popup href to define size
  1084. var query= popURL.split('?');
  1085. var dim= query[1].split('&');
  1086. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1087. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1088. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1089. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1090. //Apply Margin to Popup
  1091. $('#' + popID).css({
  1092. 'margin-top' : -popMargTop,
  1093. 'margin-left' : -popMargLeft
  1094. });
  1095. $('body').append('<div id="fade"></div>');
  1096. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1097. return false;
  1098. });
  1099. $('a.close, #fade').live('click', function() {
  1100. $('#fade , .popup_block').fadeOut(function() {
  1101. $('#fade, a.close').remove(); //fade them both out
  1102. });
  1103. return false;
  1104. });
  1105. });
  1106. </script>
  1107.  
  1108. <script type="text/javascript">
  1109. <!--
  1110. function clickIE() {if (document.all) {(message);return false;}}
  1111. function clickNS(e) {if
  1112. (document.layers||(document.getElementById&&!document.all)) {
  1113. if (e.which==2||e.which==3) {(message);return false;}}}
  1114. if (document.layers)
  1115. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1116. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1117. document.oncontextmenu=new Function("return false")
  1118. // -->
  1119. </script>
  1120.  
  1121. </body>
  1122. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement