Advertisement
cvndythemes

katvondunlimited_theme

May 4th, 2018
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. >> ETHEREAL THEMES // CUSTOM THEME
  18.  
  19. Designed by etherealthemes for
  20. watsonlove.tumblr.com
  21. katvondunlimited.tumblr.com
  22. ⓒ 2016 - 2011
  23.  
  24. >> TERMS OF USE
  25.  
  26. Do NOT remove the credit
  27. Do NOT claim as your own
  28.  
  29. *You can move the credit, but leave it visible
  30. *Edit as much as you'd like
  31. *Feel free to ask about basic customization
  32. *Theme suggestions always welcomed
  33.  
  34. >> CREDITS
  35.  
  36. icons by fontawesome
  37.  
  38.  
  39. -->
  40.  
  41.  
  42.  
  43.  
  44. <!-- COLORS -->
  45. <meta name="color:Background" content="#ffffff" />
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Links" content="#2c2c2c" />
  48.  
  49. <meta name="color:Accent" content="#b60a1d" />
  50.  
  51. <meta name="color:Topbar Background" content="#ffffff" />
  52. <meta name="color:Topbar Links" content="#000000" />
  53.  
  54. <meta name="color:Container" content="#ffffff" />
  55.  
  56. <meta name="color:Sidebar Background" content="#000000" />
  57. <meta name="color:Sidebar Text" content="#ffffff" />
  58.  
  59.  
  60.  
  61.  
  62. <!-- IMAGES -->
  63. <meta name="image:Logo" content="https://static.tumblr.com/zvesamf/B1ap85287/kvdunlimited_logo.png"/>
  64. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/bq6p8528e/kvdunlimited_header.png"/>
  65.  
  66. <meta name="image:Pic of the Moment" content="https://static.tumblr.com/a687f54023f217b80e4c3730f547182d/zvesamf/jvzp873y3/tumblr_static_fse98ax1vhko0c48gsogkcw8.gif"/>
  67. <meta name="image:GIF of the Moment" content="https://static.tumblr.com/f714ccc5926c58ed43cb8a675ac01d9d/zvesamf/Eh7p872kz/tumblr_static_2p3m50xim4isw8sgo4w8kkc4w.jpg"/>
  68.  
  69. <meta name="text:Pic of the Moment URL" content="http://katvondunlimited.com/gallery/displayimage.php?album=lastup&cat=-112&pid=7058#top_display_media"/>
  70.  
  71.  
  72. <!-- SELECT -->
  73. <meta name="select:Lightbox" content="0,0,0," title="Black">
  74. <meta name="select:Lightbox" content="255,255,255," title="White">
  75.  
  76.  
  77.  
  78.  
  79. <!-- SCRIPTS -->
  80.  
  81. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_delay_time:200,
  92. tip_fade_speed:300,
  93. tip_follows_cursor:true
  94. }
  95. );
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  101.  
  102. <script>
  103. $container.infinitescroll({
  104. itemSelector: '.posts',
  105. navSelector: '.pagination',
  106. nextSelector: '.pagination a',
  107. loadingImg: '',
  108. loadingText: '<em></em>',
  109. bufferPx: 2000
  110. },
  111. function( newElements ) {
  112. var $newElems = $(newElements);
  113. var $newElemsIDs = $newElems.map(function(){
  114. return this.id;
  115. }).get();
  116. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  117. });
  118. </script>
  119.  
  120. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  121.  
  122. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Lato:900|Raleway:400,700" rel="stylesheet">
  123.  
  124. <!-- STYLESHEET -->
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. /* --- SCROLLBAR ---*/
  130.  
  131. ::-webkit-scrollbar {height:15px;width:15px;}
  132.  
  133. ::-webkit-scrollbar {background-color:{color:Background};}
  134.  
  135. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid {color:Background};}
  136.  
  137. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Accent};border:7px solid {color:Background};}
  138.  
  139.  
  140. /* --- SELECTION ---*/
  141.  
  142. ::-moz-selection {
  143. color:{color:Background};
  144. background:{color:Accent};
  145. opacity:1;
  146. }
  147.  
  148. ::selection {
  149. color:{color:Background};
  150. background:{color:Accent};
  151. opacity:1;
  152. }
  153.  
  154. /* --- TOOLTIPS ---*/
  155.  
  156. #s-m-t-tooltip {
  157. max-width:200px;
  158. margin:15px;
  159. background-color:{color:Accent};
  160. padding:5px 8px;
  161. font-size:10px;
  162. line-height:100%;
  163. word-wrap:break-word;
  164. text-transform:lowercase;
  165. font-style:italic;
  166. word-break:break-all;
  167. color:{color:Background};
  168. z-index:99999999;
  169. }
  170.  
  171. /* --- TUMBLR TOOLS --- */
  172.  
  173. {block:IndexPage}
  174. iframe.tmblr-iframe {
  175. z-index:99999999999999!important;
  176. top:61px!important;
  177. right:0!important;
  178. opacity:0;
  179. padding-right:60px;
  180. transform:scale(0.6);
  181. transform-origin:100% 0;
  182. -webkit-transform:scale(0.6);
  183. -webkit-transform-origin:100% 0;
  184. -o-transform:scale(0.6);
  185. -o-transform-origin:100% 0;
  186. -moz-transform:scale(0.6);
  187. -moz-transform-origin:100% 0;
  188. -ms-transform:scale(0.6);
  189. -ms-transform-origin:100% 0;
  190. filter:invert(1);
  191. -webkit-filter:invert(1);
  192. -o-filter:invert(1);
  193. -moz-filter:invert(1);
  194. -ms-filter:invert(1);
  195. transition:.2s ease-in-out;
  196. -webkit-transition:.2s ease-in-out;
  197. -moz-transition:.2s ease-in-out;
  198. }
  199.  
  200. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  201.  
  202. .tcontrols {
  203. position:fixed;
  204. top:71px;
  205. right:20px;
  206. z-index:999999999;
  207. color:{color:Topbar Links};
  208. font-size:14px;
  209. transition:.2s ease-in-out;
  210. -webkit-transition:.2s ease-in-out;
  211. -moz-transition:.2s ease-in-out;
  212. }
  213.  
  214. {/block:IndexPage}
  215.  
  216.  
  217. {block:PermalinkPage}
  218. iframe.tmblr-iframe {
  219. z-index:99999999999999!important;
  220. top:61px!important;
  221. right:0!important;
  222. opacity:0.5;
  223. padding-right:30px;
  224. transform:scale(0.6);
  225. transform-origin:100% 0;
  226. -webkit-transform:scale(0.6);
  227. -webkit-transform-origin:100% 0;
  228. -o-transform:scale(0.6);
  229. -o-transform-origin:100% 0;
  230. -moz-transform:scale(0.6);
  231. -moz-transform-origin:100% 0;
  232. -ms-transform:scale(0.6);
  233. -ms-transform-origin:100% 0;
  234. filter:invert(1);
  235. -webkit-filter:invert(1);
  236. -o-filter:invert(1);
  237. -moz-filter:invert(1);
  238. -ms-filter:invert(1);
  239. }
  240. {/block:PermalinkPage}
  241.  
  242. /* --- BODY --- */
  243.  
  244. body {
  245. margin:0px;
  246. padding:0px;
  247. font-family:'Open Sans', sans-serif;
  248. color:{color:Text};
  249. font-size:11px;
  250. font-weight:400;
  251. line-height:150%;
  252. font-weight:normal;
  253. word-wrap:normal;
  254. text-align:left;
  255. background:{color:Background};
  256. }
  257.  
  258. a {
  259. color:{color:Links};
  260. text-decoration:none;
  261. border:0;
  262. }
  263.  
  264. b,strong {font-weight:700;}
  265. i,italic {font-style:italic;}
  266. small {font-size:10px;}
  267. big {font-size:10px;}
  268.  
  269. hr.divider, hr, hr.separator {
  270. display: block;
  271. margin-top: 0.5em;
  272. margin-bottom: 0.5em;
  273. margin-left: auto;
  274. margin-right: auto;
  275. border-style: inset;
  276. border-color:{color:Text};
  277. border-bottom: 1px;
  278. }
  279.  
  280. pre {
  281. white-space: pre-wrap;
  282. white-space: -moz-pre-wrap;
  283. white-space: -pre-wrap;
  284. white-space: -o-pre-wrap;
  285. word-wrap: break-word;
  286. }
  287.  
  288. /* --- TOPBAR --- */
  289.  
  290. .topbar {
  291. position:fixed;
  292. top:0;
  293. left:0;
  294. width:100%;
  295. height:115px;
  296. background:{color:Topbar Background};
  297. padding:10px 0px;
  298. text-align:center;
  299. z-index:3;
  300. }
  301.  
  302. .topbarcont {
  303. margin:0 auto;
  304. width:840px;
  305. top:0px;
  306. }
  307.  
  308. .linksleft {
  309. float:left;
  310. text-align:right;
  311. display:inline-block;
  312. padding-right:20px;
  313. }
  314.  
  315. .linksright {
  316. float:right;
  317. text-align:left;
  318. display:inline-block;
  319. padding-left:20px;
  320. }
  321.  
  322. .linksleft, .linksright {
  323. width:275px;
  324. margin-top:61px;
  325. }
  326.  
  327. .linksleft a, .linksright a {
  328. text-transform:uppercase;
  329. text-decoration:none;
  330. border:0;
  331. font-family:'Lato', sans-serif;
  332. color:{color:Text};
  333. font-size:12px;
  334. font-weight:900;
  335. }
  336.  
  337. .linksone:hover .one {color:{color:Accent};}
  338. .linkstwo:hover .two {color:{color:Accent};}
  339. .linksthree:hover .three {color:{color:Accent};}
  340. .linksfour:hover .four {color:{color:Accent};}
  341.  
  342. .linksone, .linkstwo, .linksthree, .linksfour {display:inline-block;margin:0px 35px;}
  343.  
  344. .one, .two, .three, .four {transition:.1s ease-in-out;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;}
  345.  
  346. .logo {
  347. width:220px;
  348. display:inline-block;
  349. }
  350.  
  351.  
  352. /* --- HEADER --- */
  353.  
  354. .header {
  355. margin:0 auto;
  356. height:500px;
  357. width:100%;
  358. margin-top:135px;
  359. background-image: url('{image:Header}');
  360. background-position:center top;
  361. background-repeat:none;
  362.  
  363. }
  364.  
  365. /* --- CONTAINER --- */
  366.  
  367. .container {
  368. margin:0 auto;
  369. width:1020px;
  370. background:{color:Container};
  371. padding:0px;
  372. margin-top:15px;
  373. z-index:1!important;
  374. }
  375.  
  376. #end {
  377. clear: both;
  378. text-align:center;
  379. }
  380.  
  381. /* --- WELCOME --- */
  382.  
  383. .welcome {
  384. margin:0 auto;
  385. width:720px;
  386. background:{color:Container};
  387. text-align:center;
  388. padding:60px 40px 40px 40px;
  389. font-size:13px;
  390. line-height:150%;
  391. }
  392.  
  393. .welcome:first-letter {color:{color:Accent};}
  394.  
  395. .welcome b {text-transform:uppercase;font-weight:700;}
  396.  
  397. .welcome i {color:{color:Accent};}
  398.  
  399. .welcome u {
  400. text-decoration:none;
  401. border-bottom:1.5px solid {color:Accent};
  402. padding:0px 3px 0px 3px;}
  403.  
  404. .welcome ul {
  405. list-style: none;
  406. text-transform:uppercase;
  407. font-size:10px;
  408. }
  409.  
  410. .welcome li {
  411. display:inline-block;
  412. list-style: none;
  413. margin:0px;
  414. }
  415.  
  416. .welcome li:before {
  417. content:"•";
  418. color:{color:Accent};
  419. padding-right:5px;
  420. font-size:13px;
  421. }
  422.  
  423. /* --- SIDEBAR --- */
  424.  
  425. .sidebar {
  426. float:left;
  427. width:320px;
  428. background:{color:Container};
  429. margin-top:30px;
  430. padding:10px;
  431. }
  432.  
  433. .side {
  434. width:300px;
  435. background:{color:Sidebar Background};
  436. padding:10px 10px 20px 10px;
  437. margin-bottom:105px;
  438. font-family:'Raleway', sans-serif;
  439. font-size:12px;
  440. font-style:italic;
  441. text-align:center;
  442. color:{color:Sidebar Text};
  443. }
  444.  
  445. .side b {color:{color:Accent};}
  446.  
  447. .side a {
  448. color:{color:Sidebar Text};
  449. text-decoration:none;
  450. }
  451.  
  452. .sideleft {
  453. text-align:left!important;
  454. }
  455.  
  456. .sidebartitle {
  457. display:inline-block;
  458. text-transform:uppercase;
  459. text-decoration:none;
  460. border:0;
  461. font-family:'Lato', sans-serif;
  462. color:{color:Sidebar Text};
  463. font-size:12px;
  464. letter-spacing:0.5px;
  465. font-weight:900;
  466. background:{color:Text};
  467. padding:4px 0px 6px 0px;
  468. }
  469.  
  470. .sidebartitleborder {
  471. margin:0 auto;
  472. height:1px;
  473. width:75px;
  474. background:{color:Accent};
  475. margin-bottom:15px;
  476. }
  477.  
  478. /* --- SIDEBAR EXTRAS --- */
  479.  
  480. .networks {text-align:center;}
  481.  
  482. .networks a {
  483. display:inline-block;
  484. font-size:18px;
  485. background:{color:Sidebar Background};
  486. border:0;
  487. padding:5px 6px;
  488. margin:0px 5px;
  489. text-decoration:none;
  490. text-transform:uppercase;
  491. transition:.2s ease-in-out;
  492. -webkit-transition:.2s ease-in-out;
  493. -moz-transition:.2s ease-in-out;
  494. }
  495.  
  496. .networks a:hover {background:{color:Accent};transform: scale(1.2);}
  497.  
  498. a.network_facebook {padding:6px 9px;}
  499.  
  500. .presents {
  501. text-align:center;
  502. }
  503.  
  504. .presents img {
  505. width:141px;
  506. height:112px;
  507. margin:0px 2px;
  508. }
  509.  
  510. .affiliate {
  511. width:300px;
  512. background:{color:Sidebar Background};
  513. padding:10px 10px 75px 10px;
  514. margin-bottom:105px;
  515. font-family:'Raleway', sans-serif;
  516. font-size:12px;
  517. font-style:italic;
  518. text-align:center;
  519. color:{color:Sidebar Text};
  520. }
  521.  
  522. .affiliate img {
  523. width:55px;
  524. height:74px;
  525. }
  526.  
  527. .affiliates {
  528. position:relative;
  529. display:inline-block;
  530. text-align:center;
  531. text-transform:uppercase;
  532. }
  533.  
  534. .affiliates a {
  535. color:{color:Sidebar Text};
  536. text-transform:uppercase;
  537. font-size:9px;
  538. }
  539.  
  540. .affiliates-content {
  541. display:none;
  542. position:absolute;
  543. text-align:center;
  544. width:256px;
  545. margin-left:-82px;
  546. padding:5px;
  547. z-index:1;
  548. }
  549.  
  550. .affiliates:hover .affiliates-content {
  551. display:block;
  552. }
  553.  
  554. .affiliates a {
  555. display:block;
  556. text-decoration:none;
  557. }
  558.  
  559. /* --- POSTS --- */
  560.  
  561. .posts {
  562. float:right;
  563. width:520px;
  564. padding:5px;
  565. margin:33px 5px 0px 0px;
  566. background:{color:Container};
  567. }
  568.  
  569. .content {
  570. position:relative;
  571. display:inline-block;
  572. width:520px;
  573. }
  574.  
  575. .iposts {
  576. width:500px;
  577. padding:10px;
  578. background:white;
  579. }
  580.  
  581. .ipostpxu {
  582. margin-left:5px;
  583. width:490px;
  584. }
  585.  
  586. /* --- POST INFO --- */
  587.  
  588. .postinfo {
  589. width:500px;
  590. background:white;
  591. padding:15px 10px 10px 10px;
  592. text-align:left;
  593. text-transform:uppercase;
  594. font-family:'Raleway', sans-serif;
  595. }
  596.  
  597. .postdate {
  598. display:inline-block;
  599. padding:2px 4px;
  600. }
  601.  
  602. .postday {
  603. text-align:center;
  604. font-size:32px;
  605. padding:0px 0px 10px 0px;
  606. margin-bottom:3px;
  607. border-bottom:1px solid {color:Accent};
  608. }
  609.  
  610. .postday a {
  611. color:{color:Text};
  612. display:inline-block;
  613. padding:3px 6px;
  614. text-decoration:none;
  615. border:0;
  616. }
  617.  
  618. .postmonth {
  619. text-align:center;
  620. font-size:11px;
  621. padding:2px 0px 0px 0px;
  622. text-decoration:none;
  623. border:0;
  624. }
  625.  
  626. .postmonth a {
  627. color:{color:Text};
  628. text-decoration:none;
  629. border:0;
  630. }
  631.  
  632. .postdetail {
  633. position:relative;
  634. top:-10px;
  635. margin-left:15px;
  636. display:inline-block;
  637. }
  638.  
  639.  
  640. .postauthor {
  641. padding:2px 4px 0px 4px;
  642. font-size:13px;
  643. font-weight:700;
  644. }
  645.  
  646. .postsources {
  647. position:relative;
  648. top:-1px;
  649. padding:0px 4px 2px 4px;
  650. font-size:12px;
  651. }
  652.  
  653. .postvia {display:none;}
  654.  
  655. .posttags {
  656. background:white;
  657. margin-bottom:100px;
  658. padding:5px 10px 5px 10px;
  659. line-height:195%;
  660. font-style:italic;
  661. }
  662.  
  663. .posttags a {
  664. color:{color:Text};
  665. text-transform:uppercase;
  666. font-size:9px;
  667. border-bottom:1px solid {color:Text};
  668. text-decoration:none;
  669. padding:1px 4px;
  670. margin-right:3px;
  671. }
  672.  
  673. /* --- POST CONTROL --- */
  674.  
  675. .postcontrol {
  676. float:right;
  677. padding-right:4px;
  678. margin-top:22px;
  679. text-align:right;
  680. font-size:12px;
  681. font-weight:700;
  682. }
  683.  
  684. .like-b {
  685. position:relative;
  686. display:inline-block;
  687. height:1em;
  688. line-height:1em;
  689. overflow:hidden;
  690. margin-bottom:-2px;
  691. }
  692.  
  693. .like-b .like_button iframe {
  694. position:absolute;
  695. top:0;
  696. left:0;
  697. bottom:0;
  698. right:0;
  699. z-index:1;
  700. opacity:0;
  701. }
  702.  
  703. .like-b .liked + .b {
  704. color:{color:Accent};
  705. }
  706.  
  707. .like-b .liked + .b:after {
  708. color:{color:Accent};
  709. }
  710.  
  711. .postcontrol .like .like_button {
  712. position:relative;
  713. }
  714.  
  715. .postcontrol .like .like_button iframe {
  716. position:absolute;
  717. top:0;
  718. left:0;
  719. bottom:0;
  720. right:0;
  721. z-index:2;
  722. opacity:0;
  723. }
  724.  
  725. /* --- POST STYLES --- */
  726.  
  727. h1, h2 {
  728. display:inline-block;
  729. font-size:11px;
  730. color:{color:Text};
  731. display:inline-block;
  732. text-transform:uppercase;
  733. font-style:italic;
  734. font-weight:700;
  735. }
  736.  
  737. blockquote {
  738. padding:10px;
  739. text-decoration:none;
  740. letter-spacing:1px;
  741. border-left:1px solid {color:Text};
  742. }
  743.  
  744. blockquote img {
  745. max-width:100%;
  746. display:block;
  747. margin-bottom:5px;
  748. }
  749.  
  750. .user_1 .label {font-weight: 700;}
  751. .user_2 .label {font-weight: 400;}
  752. .user_3 .label {font-weight: 700;}
  753. .user_4 .label {font-weight: 400;}
  754. .user_5 .label {font-weight: 700;}
  755. .user_6 .label {font-weight: 400;}
  756. .user_7 .label {font-weight: 700;}
  757. .user_8 .label {font-weight: 400;}
  758.  
  759. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  760.  
  761. .chat li {
  762. list-style: none;
  763. margin: 0px;
  764. padding: 2px;
  765. border: none;
  766. }
  767.  
  768. .chat li:first-child {border:none;}
  769.  
  770. /* --- QUESTIONS --- */
  771.  
  772. .question {
  773. margin:0px;
  774. width:500px;
  775. text-align:justify;
  776. line-height:130%;
  777. color:{color:Links};
  778. }
  779.  
  780. .questiontext {
  781. opacity:0.5;
  782. transition:.2s ease-in-out;
  783. -webkit-transition:.2s ease-in-out;
  784. -moz-transition:.2s ease-in-out;
  785. }
  786.  
  787. .questiontext:hover {opacity:1;color:{color:Accent};}
  788.  
  789. .question img {padding:1px 12px 0px 0px;}
  790.  
  791. .question a {color:{color:Text};}
  792.  
  793. /* --- AUDIO --- */
  794.  
  795. .audio { background:{color:Container};}
  796.  
  797. .player {
  798. position:absolute;
  799. margin-top:-69px;
  800. margin-left:35px;
  801. opacity:0.6;
  802. }
  803.  
  804. .audiop, .player {display:inline-block;}
  805.  
  806. .trackname {
  807. margin-left:120px;
  808. margin-top:-75px;
  809. color:{color:Text};
  810. text-transform:uppercase;
  811. }
  812.  
  813. .artist {
  814. margin-left:120px;
  815. margin-top:-5px;
  816. color:{color:Text};
  817. }
  818.  
  819. .albuname {
  820. margin-left:120px;
  821. margin-top:0px;
  822. color:{color:Text};
  823. }
  824.  
  825. .audiop {
  826. position:absolute;
  827. display:block;
  828. margin-top:4px
  829. margin-top:-109px;
  830. }
  831.  
  832. .audioimg img {
  833. margin-top:10px;
  834. height:100px;
  835. width:100px;
  836. }
  837.  
  838. .tumblr_audio_player {
  839. width:30px;
  840. height:27px;
  841. overflow:hidden;
  842. }
  843.  
  844. .soundcloud_audio_player {padding-top:15px;}
  845.  
  846. /* --- LIGHTBOXES ---*/
  847.  
  848. .vignette, #vignette {opacity:0;}
  849.  
  850. .lightbox-image, #tumblr_lightbox img {
  851. box-shadow:none !important;
  852. border-radius:0 !important;
  853. max-width:none;
  854. -moz-box-sizing:border-box;
  855. box-sizing:border-box;
  856. }
  857.  
  858. .tmblr-lightbox, #tumblr_lightbox {
  859. background-color:rgba({select:Lightbox}.90) !important;
  860. }
  861.  
  862. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  863.  
  864. /* --- PAGINATION --- */
  865.  
  866. .pagination {
  867. width:500px;
  868. float:right;
  869. background:{color:Container};
  870. font-family:'Raleway', sans-serif;
  871. font-size:12px;
  872. font-style:italic;
  873. padding:10px;
  874. text-align:center;
  875. margin:20px 0px 0px 0px;
  876. color:{color:Text};
  877. word-spacing:10px;
  878. }
  879.  
  880. .pagination a {
  881. display:inline-block;
  882. color:{color:Text};
  883. min-width:15px;
  884. }
  885.  
  886. .pagination .current {
  887. display:inline-block;
  888. margin:8px;
  889. color:{color:Text};
  890. min-width:15px;
  891. }
  892.  
  893. .pagination a.jump {
  894. font-size:10px;
  895. line-height:10px;
  896. color:{color:Text};
  897. min-width:15px;
  898. }
  899.  
  900. /* ---PERMALINK NOTES --- */
  901.  
  902. #permanote::-webkit-scrollbar-thumb {
  903. background-color:{color:Accent};
  904. border:2px solid {color:Container};
  905. }
  906.  
  907. #permanote::-webkit-scrollbar-button {
  908. background-color:{color:Container};
  909. height:0px;
  910. }
  911.  
  912. #permanote::-webkit-scrollbar {
  913. width:6px;
  914. background:{color:Container};
  915. }
  916.  
  917. #permanote {
  918. width:500px;
  919. max-height:500px;
  920. margin:-50px 0 20px 17px;
  921. padding:0px 0px 0px 9px;
  922. text-align:center;
  923. overflow-x:hidden;
  924. overflow-y:scroll;
  925. }
  926.  
  927. ol.notes {
  928. display:inline-block;
  929. padding:0px;
  930. margin:15px 0px;
  931. background:transparent;
  932. list-style-type:none;
  933. text-align:center;
  934. border-bottom:0px;
  935. letter-spacing: 1px;
  936. }
  937.  
  938. .notes a {display:inline-block;text-align:center;}
  939.  
  940. ol.notes li.note {padding:0px;float:left;text-align:center;}
  941.  
  942. ol.notes li.note img.avatar {
  943. width:32px;
  944. height:32px;
  945. margin:0px 2px 0px 2px;
  946. }
  947.  
  948. ol.notes li.note span.action {display:none;}
  949.  
  950. ol.notes li.note .answer_content {display:none;}
  951.  
  952. ol.notes li.note blockquote {display:none;}
  953.  
  954. ol.notes li.note blockquote a {display:none;}
  955.  
  956. ol.notes li.note.more_notes_link_container {
  957. display:block;
  958. position:relative;
  959. text-align:center;
  960. display:block;
  961. width:100%;
  962. padding-top:10px;
  963. }
  964.  
  965. /* --- SCROLL TO TOP --- */
  966.  
  967. #scrollToTop {
  968. display:none;
  969. position:fixed;
  970. bottom:15px;
  971. right:10px;
  972. cursor:default;
  973. }
  974.  
  975. #scrollToTop i {
  976. color:{color:Text};
  977. font-size:15px;
  978. display:inline-block;
  979. padding:5px;
  980. transition:.2s ease-in-out;
  981. -webkit-transition:.2s ease-in-out;
  982. -moz-transition:.2s ease-in-out;
  983. -o-transition:.2s ease-in-out;
  984. }
  985.  
  986. #scrollToTop i:hover {transform: scale(1.2);}
  987.  
  988.  
  989. /* --- FOOTER --- */
  990.  
  991. footer {
  992. margin:0 auto;
  993. width:940px;
  994. margin-top:25px;
  995. padding:50px 50px 50px 30px;
  996. line-height:150%;
  997. text-align:center;
  998. font-size:11px!important;
  999. letter-spacing:1px;
  1000. text-transform:uppercase;
  1001. font-weight:700;
  1002. font-style:italic;
  1003. color:{color:Text};
  1004. background:{color:Container};
  1005. }
  1006.  
  1007. footer b {
  1008. color:{color:Accent};
  1009. }
  1010.  
  1011. {CustomCSS}
  1012. </style>
  1013.  
  1014. </head>
  1015. <body>
  1016.  
  1017.  
  1018.  
  1019.  
  1020. <!-- START TOPBAR -->
  1021. <div class="topbar">
  1022. <div class="topbarcont">
  1023.  
  1024. <div class="linksleft">
  1025. <div class="linksone"><a href="/"><span class="one">H</span>ome</a></div>
  1026. <div class="linkstwo"><a href="/askFAQ"><span class="two">A</span>sk/FAQ</a></div>
  1027. </div>
  1028.  
  1029. <div class="logo">
  1030. <img src="{image:Logo}" />
  1031. </div>
  1032.  
  1033. <div class="linksright">
  1034. <div class="linksthree"><a href="/submit"><span class="three">S</span>ubmit</a></div>
  1035. <div class="linksfour"><a href="http://katvondunlimited.com"><span class="four">W</span>ebsite</a></div>
  1036. </div>
  1037.  
  1038. {block:IndexPage}
  1039. <div class="tcontrols">
  1040. <b>+</b>
  1041. </div>
  1042. {/block:IndexPage}
  1043.  
  1044. </div>
  1045. </div>
  1046. <!-- END TOPBAR -->
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <!-- START HEADER -->
  1052. <div class="header">
  1053. </div>
  1054. <!-- END HEADER -->
  1055.  
  1056.  
  1057.  
  1058.  
  1059. <!-- START CONTAINER -->
  1060. <div class="container">
  1061.  
  1062.  
  1063.  
  1064. <!-- START WELCOME -->
  1065. <div class="welcome">
  1066. <b>WELCOME</b> to KAT VON D UNLIMITED! Your one stop for all your <u>Kat Von D</u> needs and desires. Bringing you news, updates, pictures, exclusives & more since 2010! Hope you enjoy this <i>unofficial</i> site made for you, the fans!
  1067. <p>
  1068. <ul>
  1069. Artist
  1070. <li>Tattoo Artist</li>
  1071. <li>Make-Up Guru</li>
  1072. <li>Best Selling Author</li>
  1073. <li>Musician</li>
  1074. <li>Fashion Designer</li>
  1075. <li>Animal Activist</li>
  1076. <li>Vegan</li>
  1077. </ul>
  1078. </div>
  1079. <!-- END WELCOME -->
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!-- START SIDEBAR -->
  1085. <div class="sidebar">
  1086.  
  1087.  
  1088.  
  1089.  
  1090. <!-- KVDU NETWORKS -->
  1091. <div class="side">
  1092. <div class="sidebartitle">KVDU NETWORKS</div>
  1093. <div class="sidebartitleborder"></div>
  1094. <div class="networks">
  1095.  
  1096. <a href="https://twitter.com/KVDunlimited"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  1097. <a class="network_facebook" href="https://www.facebook.com/KVDunlimited"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  1098. <a href="https://www.instagram.com/katvondunlimited/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  1099.  
  1100. </div>
  1101.  
  1102. </div>
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110. <!-- PIC OF THE MOMENT -->
  1111. {block:IndexPage}
  1112. <div class="side">
  1113. <div class="sidebartitle">PIC OF THE MOMENT</div>
  1114. <div class="sidebartitleborder"></div>
  1115. <center>
  1116. <a href="{text:Pic of the Moment URL}"><img src="{image:Pic of the Moment}" height="300px" withd="280px" /></a>
  1117. </center>
  1118.  
  1119. </div>
  1120. {/block:IndexPage}
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127. <!-- GIF OF THE MOMENT -->
  1128. {block:IndexPage}
  1129. <div class="side">
  1130. <div class="sidebartitle">GIF OF THE MOMENT</div>
  1131. <div class="sidebartitleborder"></div>
  1132. <center>
  1133. <img src="{image:GIF of the Moment}" height="200px" width="280px"/>
  1134. </center>
  1135.  
  1136. </div>
  1137. {/block:IndexPage}
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. <!-- KVDU PRESENTS -->
  1145. {block:IndexPage}
  1146. <div class="side">
  1147. <div class="sidebartitle">KVDU PRESENTS</div>
  1148. <div class="sidebartitleborder"></div>
  1149. <div class="presents">
  1150. <a href="http://adoringkatvond.tumblr.com/" title="Adoring Kat Von D"><img src="http://i.imgur.com/VvpeBMO.jpg" /></a>
  1151.  
  1152. <a href="http://katvondmonochrome.tumblr.com/" title="Kat Von D Monochrome"><img src="http://i.imgur.com/Hu3Ad0V.jpg" /></a>
  1153.  
  1154.  
  1155. </div></div>
  1156. {/block:IndexPage}
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163. <!-- AFFILIATES -->
  1164. <div class="affiliate">
  1165. <div class="sidebartitle">AFFILIATES</div>
  1166. <div class="sidebartitleborder"></div>
  1167. <center>
  1168.  
  1169. <a href="https://verafarmigasource.tumblr.com/" target="_blank" title="Vera Farmiga Source"><img src="https://i.imgur.com/CSpgPj1.jpg" /></a>
  1170.  
  1171. <a href="https://evagreennews.tumblr.com/" target="_blank" title="Eva Green News"><img src="https://i.imgur.com/6foSqrD.jpg" /></a>
  1172.  
  1173. <a href="https://kristensource.tumblr.com/" target="_blank" title="Kristen Source"><img src="https://i.imgur.com/YiVkhDR.jpg" /></a>
  1174.  
  1175. <a href="https://dailydoseofbeyonce.tumblr.com/" target="_blank" title="Daily Dose of Beyonce"><img src="https://i.imgur.com/0BJxsC4.jpg" /></a>
  1176.  
  1177. <a href="http://mbelluccidaily.tumblr.com/" target="_blank" title="M Bellucci Daily"><img src="https://i.imgur.com/RR619E8.jpg" /></a>
  1178.  
  1179. <a href="http://fuckyeahmissbeckinsale.tumblr.com/" target="_blank" title="Fuck Yeah Miss Beckinsale"><img src="https://i.imgur.com/XInm3y7.jpg" /></a>
  1180.  
  1181. <a href="http://emsratajkowski.tumblr.com/" target="_blank" title="Emily Ratajkowski Source"><img src="https://i.imgur.com/A3RdfdO.jpg" /></a>
  1182.  
  1183. <a href="http://dailyscotteastwood.tumblr.com/" target="_blank" title="Daily Scott Eastwood"><img src="https://i.imgur.com/XYxL98V.jpg" /></a>
  1184.  
  1185. <a href="http://daisy-ridley-daily.tumblr.com/" target="_blank" title="Daisy Ridley Daily"><img src="https://i.imgur.com/nWzC0pL.jpg" /></a>
  1186.  
  1187. <a href="http://lilycollinsnews.tumblr.com/" target="_blank" title="Lily Collins News"><img src="https://i.imgur.com/qW6Km8a.jpg" /></a>
  1188.  
  1189. <a href="http://realpalvinbarbara.tumblr.com/" target="_blank" title="Real Palvin Barbara"><img src="https://i.imgur.com/JqBHZHO.jpg" /></a>
  1190.  
  1191. <a href="http://jaredpadaleckidaily.tumblr.com/" target="_blank" title="Jared Padalecki Daily"><img src="https://i.imgur.com/4BiclbQ.jpg" /></a>
  1192.  
  1193. <a href="http://sheehandaily.tumblr.com/" target="_blank" title="Sheehan Daily"><img src="https://i.imgur.com/AMHueO2.jpg" /></a>
  1194.  
  1195. <a href="http://shannonletobr.co.vu" target="_blank" title="Shannon Leto Brasil"><img src="https://i.imgur.com/Fy2vOBt.jpg" /></a>
  1196.  
  1197. <a href="http://lavignenetwork.tumblr.com/" target="_blank" title="Avril Lavigne Network"><img src="https://i.imgur.com/1evQuR3.jpg" /></a>
  1198.  
  1199. <a href="http://johnnycdeppdaily.tumblr.com/" target="_blank" title="Johnny C Depp Daily"><img src="https://i.imgur.com/gIvHIwO.jpg" /></a>
  1200.  
  1201. <a href="http://allisonwilliamsdaily.tumblr.com/" target="_blank" title="Allison Williams Daily"><img src="https://i.imgur.com/lU8PCkI.jpg" /></a>
  1202.  
  1203. <a href="http://katvondunlimited.tumblr.com/submit" target="_blank" title="Apply"><img src="https://static.tumblr.com/zvesamf/bODp8528e/kvdunlimited_affie.png" /></a>
  1204.  
  1205. <a href="http://katvondunlimited.tumblr.com/submit" target="_blank" title="Apply"><img src="https://static.tumblr.com/zvesamf/bODp8528e/kvdunlimited_affie.png" /></a>
  1206.  
  1207. <a href="http://katvondunlimited.tumblr.com/submit" target="_blank" title="Apply"><img src="https://static.tumblr.com/zvesamf/bODp8528e/kvdunlimited_affie.png" /></a>
  1208.  
  1209.  
  1210. <br><br>
  1211.  
  1212. <div class="affiliates">
  1213. <span>More Affiliates</span>
  1214. <div class="affiliates-content">
  1215.  
  1216. <a href="http://headersonline.tumblr.com/">Headers Online</a>
  1217. <a href="http://wildflowerdesigns.tumblr.com">Wildflower Designs</a>
  1218.  
  1219. </div>
  1220. </div>
  1221.  
  1222.  
  1223. </center>
  1224.  
  1225. </div>
  1226.  
  1227.  
  1228.  
  1229.  
  1230.  
  1231.  
  1232.  
  1233. <!-- SITE INFO -->
  1234. <div class="side">
  1235. <div class="sidebartitle">SITE INFO</div>
  1236. <div class="sidebartitleborder"></div>
  1237. <div class="sideleft">
  1238.  
  1239. <b>About:</b> Katherine Von Drachenberg <br>
  1240. <b>Established:</b> February 23rd, 2010 <br>
  1241. <b>Online:</b> <br>
  1242. <b>Hits: </b><br>
  1243. <b>Theme:</b> <a href="http://etherealthemes.co.vu">etherealthemes</a>
  1244.  
  1245. </div>
  1246. </div>
  1247.  
  1248.  
  1249.  
  1250.  
  1251.  
  1252.  
  1253.  
  1254. <!-- DISCLAIMER -->
  1255. <div class="side">
  1256. <div class="sidebartitle">DISCLAIMER</div>
  1257. <div class="sidebartitleborder"></div>
  1258.  
  1259. <div class="sideleft">
  1260.  
  1261. Kat von D Unlimited is not an official fansite. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1262.  
  1263. </div>
  1264. </div>
  1265.  
  1266.  
  1267.  
  1268.  
  1269.  
  1270. </div>
  1271. <!-- END SIDEBAR -->
  1272.  
  1273.  
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280.  
  1281. <!-- START POSTS -->
  1282. <div class="posts">
  1283. {block:Posts}
  1284.  
  1285.  
  1286.  
  1287.  
  1288. <!-- START POST INFO -->
  1289. <div class="postinfo">
  1290.  
  1291. {block:Date}
  1292. <div class="postdate">
  1293. <div class="postday"><a href="{Permalink}">{DayOfMonthWithZero}</a></div>
  1294. <div class="postmonth"><a href="{Permalink}">{Month} {Year}</a></div>
  1295. </div>
  1296. {/block:Date}
  1297.  
  1298. <div class="postdetail">
  1299. <div class="postauthor">by <a href="{PostAuthorURL}">{PostAuthorName}</a></div>
  1300.  
  1301. <div class="postsources"{block:ContentSource}>via <a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} </a></div> <div class="postvia">{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1302. </div>
  1303.  
  1304. {block:IndexPage}
  1305. <div class="postcontrol">
  1306. <a href="{ReblogURL}" target="_blank">reblog</a> /
  1307. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1308. </div>
  1309. {/block:IndexPage}
  1310.  
  1311. </div>
  1312. <!-- END POST INFO -->
  1313.  
  1314.  
  1315.  
  1316.  
  1317. <!-- POST STYLES START -->
  1318. <div class="iposts" id="{PostID}">
  1319.  
  1320. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1321.  
  1322. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1323. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1324.  
  1325. {block:Quote}<h1>“{Quote}”</h1> -{Source}</b>{/block:Quote}
  1326.  
  1327. {block:Photo}<center><div class="oddhour-high-res">
  1328. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1329. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1330.  
  1331. {block:Photoset}<div class="ipostpxu"><center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1332. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1333.  
  1334. {block:Chat}
  1335. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1336. {/block:Chat}
  1337.  
  1338. {block:Audio}
  1339. <div class="audio">
  1340.  
  1341. {block:AlbumArt}
  1342. <div class="audioimg">
  1343. <img src="{AlbumArtURL}" />
  1344. </div>
  1345. {block:AlbumArt}
  1346.  
  1347. {block:AudioPlayer}
  1348. <div class="player">
  1349. {AudioPlayerBlack}
  1350. </div>
  1351. {/block:AudioPlayer}
  1352.  
  1353. <div class="audiop">
  1354. {block:TrackName}
  1355. <div class="trackname">
  1356. {TrackName}
  1357. </div>
  1358. {/block:TrackName}
  1359. {block:Artist}
  1360. <div class="artist">
  1361. by {Artist}
  1362. </div>
  1363. {/block:Artist}
  1364. </div>
  1365. {block:Caption}{Caption}{/block:Caption}
  1366. </div>
  1367. {/block:Audio}
  1368.  
  1369.  
  1370. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1371.  
  1372. {block:Answer}
  1373. <div class="question">
  1374. <img src="{AskerPortraitURL-48}" align="left" />{Asker} asked<br>
  1375. <div class="questiontext">{Question}</div>
  1376. </div>
  1377. {Answer}{/block:Answer}
  1378.  
  1379. </div>
  1380. <!-- POST STYLES END -->
  1381.  
  1382.  
  1383.  
  1384.  
  1385. <!-- POST END START -->
  1386. <div class="posttags">
  1387. {block:HasTags}{block:Tags}
  1388. <a href="{TagURL}">{Tag}</a>&nbsp;
  1389. {/block:Tags}{/block:HasTags}
  1390. </div>
  1391. <!-- POST END END -->
  1392.  
  1393.  
  1394.  
  1395. <!-- PERMALINK NOTES -->
  1396. {block:PostNotes}
  1397. <div id="permanote"><center>{PostNotes-64}</center></div>
  1398. {/block:PostNotes}
  1399.  
  1400. {/block:Posts}
  1401.  
  1402.  
  1403.  
  1404.  
  1405. <!-- START PAGINATION -->
  1406. {block:IndexPage}
  1407. {block:Pagination}
  1408. <div class="pagination">
  1409. {block:PreviousPage}
  1410. <a href="{PreviousPage}"><</a>
  1411. {/block:PreviousPage}
  1412.  
  1413. {block:JumpPagination length="10"}
  1414. {block:CurrentPage}
  1415. <span class="current_page">{PageNumber}</span>
  1416. {/block:CurrentPage}
  1417.  
  1418. {block:JumpPage}
  1419. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1420. {/block:JumpPage}
  1421. {/block:JumpPagination}
  1422.  
  1423. {block:NextPage}
  1424. <a class="next" href="{NextPage}">></a>
  1425. {/block:NextPage}
  1426. </div>
  1427.  
  1428. {/block:Pagination}
  1429. {/block:IndexPage}
  1430. <!-- END PAGINATION -->
  1431.  
  1432.  
  1433.  
  1434.  
  1435. </div><!-- END POSTS -->
  1436. <div id="end"></div>
  1437.  
  1438.  
  1439.  
  1440. <!-- START FOOTER -->
  1441. <footer>
  1442. copyright <b>katvondunlimited</b> 2018
  1443. </footer>
  1444. <!-- END FOOTER -->
  1445.  
  1446.  
  1447.  
  1448. </div>
  1449. <!-- END CONTAINER -->
  1450.  
  1451.  
  1452.  
  1453.  
  1454. <!-- ADDITIONAL SCRIPTS -->
  1455.  
  1456. {block:IndexPage}
  1457. <script>
  1458. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1459. </script>
  1460.  
  1461. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1462. {/block:IndexPage}
  1463.  
  1464. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1465. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1466. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1467.  
  1468. <script>
  1469. $(document).ready(function(){
  1470. $('.photo-slideshow').pxuPhotoset({
  1471. lightbox: true,
  1472. rounded: false,
  1473. gutter: '1px',
  1474. borderRadius: '0px',
  1475. photoset: '.photo-slideshow',
  1476. photoWrap: '.photo-data',
  1477. photo: '.pxu-photo'
  1478. });
  1479. });
  1480. </script>
  1481.  
  1482. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement