Advertisement
Guest User

Untitled

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