Advertisement
Guest User

Untitled

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