Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- TERMS & CONDITIONS
- 01. DO NOT steal or recreate
- 02. DO NOT use as a base code
- 03. DO NOT edit or remove credit
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#0c0c0c"/>
- <meta name="color:text" content="#dadada"/>
- <meta name="color:links" content="#ffffff"/>
- <meta name="color:hover" content="#c6c6c6"/>
- <meta name="color:desc" content="#ffffff"/>
- <meta name="color:borders" content="#000000"/>
- <meta name="color:posts" content="#0f0f0f"/>
- <meta name="color:container" content="#040404"/>
- <meta name="color:accent" content="#c6a338"/>
- <meta name="if:grayscale" content="1"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content="https://via.placeholder.com/170x350"/>
- <meta name="image:tab" content="https://via.placeholder.com/135x320"/>
- <meta name="text:title" content="title">
- <meta name="text:subtitle" content="subtitle">
- <meta name="text:desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.">
- <meta name="text:sidelink" content="link">
- <meta name="text:sidelink url" content="/">
- <meta name="text:tablink 1" content="link">
- <meta name="text:tablink 1 url" content="/">
- <meta name="text:tablink 2" content="link">
- <meta name="text:tablink 2 url" content="/">
- <meta name="text:tablink 3" content="link">
- <meta name="text:tablink 3 url" content="/">
- <meta name="text:tablink 4" content="link">
- <meta name="text:tablink 4 url" content="/">
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <link href='https://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6,i6.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function() {
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:false,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Barlow:500,600,500i,600i|Work+Sans:400,600,400i,600i|Lato:400,700,400i,700i|PT+Sans:400,700,400i,700i|Source+Sans+Pro:400,600,400i,600i|Karla:400,700,400i,700i|Muli:400,700,400i,700i|Libre+Baskerville:400,700,400i|Scada:400,700,400i,700i|Merriweather:400,700,400i,700i|Rubik:400,500,400i,500i|Lora:400,700|Cousine:400,700,400i,700i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <style type="text/css">
- /* SCROLLBAR & TOOLTIP */
- ::-webkit-scrollbar { display:none; width:7px; height:11px; background:{color:scrollbar}; }
- #s-m-t-tooltip { width:auto; padding-left:6px; padding-right:5px; border-radius:3px; margin:20px 15px; color:#fff; background-color:{color:accent}; z-index:999999999999999; text-transform:uppercase; font-weight:700; letter-spacing:1px; font-size:7px; font-family:'montserrat'; }
- /* BODY */
- *, body, img { cursor:url(https://static.tumblr.com/vmteopo/Eggo12azo/small_white_cursor.png), auto;}
- a, a:hover, a:active, a i {cursor:url(https://static.tumblr.com/vmteopo/kOPo12azz/small_white_cursor_help.png), crosshair; }
- body { background-image:url('{image:background}'); background-attachment:fixed; background-color:{color:background}; color:{color:text}; font-family:'ABeeZee'; font-size:9px; line-height:18px; letter-spacing:1px; font-weight:500; }
- a { text-decoration:none; color:{color:links}; font-weight:550; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- blockquote { padding-left:10px; border-left:1px solid {color:container}; margin-left:7px; width:93%; }
- h1 { letter-spacing:1px; font-size:30px; font-weight:900; font-family:'montserrat'; text-align:center; text-transform:uppercase; line-height:30px; -webkit-text-stroke: 1px {color:accent}; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
- pre { text-align:center; background-color:{color:borders}; border-radius:20px; font-weight:800; font-size:9px; font-family:'montserrat'; letter-spacing:1px; text-transform:uppercase; padding-top:2px; padding-bottom:2px; }
- small, sup, sub { line-height:15px; font-size:10px; font-family:"karla"; letter-spacing:0px; }
- .posts { background-color:{color:posts}; padding:20px; width:350px; margin-bottom:50px; margin-top:30px; text-align:justify; line-height:15px; font-size:10px; font-family:"karla"; letter-spacing:0px; }
- b, strong { color:{color:accent}; font-weight:bold; }
- i, em { color:{color:accent}; }
- li { line-height:17px; margin-left:-13px; }
- big { font-size:11px; font-weight:900; text-transform:uppercase; }
- /* HOLDER */
- #border { background-color:{color:container}; width:750px; height:490px; position:absolute; margin:auto; border-radius:3px; overflow:hidden; right:0px; left:0px; bottom:0px; top:10px; }
- #container { background-color:{color:container}; position:absolute; margin:auto; left:255px; right:0px; top:0px; bottom:0px; width:495px; height:445px; }
- /* SIDEBAR */
- #sidebar { position:absolute; height:350px; width:250px; margin-left:-220px; margin-top:0px; padding:10px; }
- .sidebar { position:absolute; z-index:99; margin-left:0px; margin-top:25px; }
- .sidebar img { opacity:0.7; width:170px; height:350px; border-radius:3px; }
- .title { position:absolute; z-index:999; margin-top:145px; margin-left:60px; font-size:37px; font-weight:900; font-family:'montserrat'; width:290px; text-transform:uppercase; text-align:center; line-height:40px; color:{color:accent}; transform:rotate(90deg); }
- .subtitle { position:absolute; z-index:999; margin-top:155px; margin-left:67px; transform:rotate(90deg); text-align:center; text-transform:uppercase; padding-top:3px; padding-bottom:2px; padding-left:5px; padding-right:3px; font-size:9.5px; font-weight:800; font-family:'montserrat'; letter-spacing:2px; background-color:{color:posts}; width:200px; overflow:hidden; border-radius:3px; }
- .desc { position:absolute; z-index:999; margin-left:35px; margin-top:310px; padding-right:15px; padding-left:15px; padding-top:6px; padding-bottom:12px; font-size:6px; font-family:'montserrat'; line-height:18px; letter-spacing:1.5px; width:160px; height:100px; text-align:justify; text-transform:uppercase; overflow:auto; color:{color:desc}; background-color:{color:posts}; border-radius:3px; }
- .sidelinks { margin-top:0px; margin-left:-195px; padding-bottom:5px; padding-top:5px; text-align:center; position:absolute; z-index:999999; }
- .sidelinks span { padding:5px; font-size:13px; margin-right:10px; margin-bottom:15px; color:{color:accent}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .sidelinks a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .pagination { font-size:8px; letter-spacing:1px; width:170px; padding-left:10px; padding-right:10px;position:absolute; margin-left:35px; margin-top:428px; text-align:center; z-index:99999; background-color:{color:borders}; }
- .pagination a { padding:3px; text-transform:uppercase; padding-left:7px; padding-right:7px; letter-spacing:1.5px; border-radius:3px; color:{color:links}; }
- /* POSTS STYLING */
- .entries { text-align:justify; position:absolute; z-index:99999; height:490px; width:400px; overflow:auto; margin:auto; left:310px; right:0px; top:35px; bottom:25px; overflow-x:hidden; }
- .posts img { opacity:0.5; max-width:350px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- iframe { max-width:350px; }
- .media img, .media iframe { opacity:0.5; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .html_photoset { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #permalink { background-color:{color:container}; letter-spacing:1px; text-align:left; text-transform:uppercase; font-size:7px; font-weight:600; font-family:'montserrat'; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px; margin-left:2px; margin-top:20px; border-radius:3px; }
- #permalink a { font-weight:700; }
- #tags { letter-spacing:1.5px; font-size:7px; font-weight:700; margin-top:5px; margin-left:3px; text-align:left; line-height:15px; text-transform:uppercase; }
- #tags a { margin-left:3px; margin-right:3px; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- /* QUOTE STYLING */
- #q { color:{color:desc}; letter-spacing:1px; font-weight:900; font-family:'montserrat'; font-size:18px; text-align:center; margin-top:15px; line-height:25px; text-transform:uppercase; opacity:0.5;}
- .source { color:{color:text}; margin-top:5px; font-size:7px; text-align:center; letter-spacing:1px; text-transform:uppercase; padding-bottom:0px; }
- .source a { font-weight:900; padding-bottom:0px; font-size:7px; }
- .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- /* ASK STYLING */
- #question { line-height:12px; color:{color:text}; letter-spacing:1px; font-size:9px; text-align:center; padding-bottom:10px; background-color:{color:borders}; }
- #asker { font-family:'montserrat'; letter-spacing:1px; font-size:10px; font-weight:800; text-transform:uppercase; background-color:{color:accent}; padding-top:5px; padding-bottom:4px; padding-left:5px; }
- #asker b { color:{color:links}; font-weight:800; }
- #asker a { color:{color:links}; font-family:'montserrat'; letter-spacing:1px; padding-top:3px; padding-bottom:4px; padding-left:9px; padding-right:9px; border-radius:3px; font-size:9px; font-weight:800; text-align:left; text-transform:uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #answer { margin-top:20px; }
- /* AUDIO STYLING */
- .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:25px; margin-left:25px; z-index:9; opacity:.7; }
- .albumart img { height:60px; width:60px; position:relative; margin-top:-65px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .albumdetails { margin-top:-68px; text-align:;left; margin-left:75px; padding:5px; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
- .albumdetails lame { letter-spacing:1px; font-size:8px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
- /* tabs base credit to alyofrp */
- .tabzcon { margin-top:-17px; margin-left:75px; padding:10px; position:fixed; z-index:99999999999999; overflow:hidden; width:400px; height:470px; background-color:{color:container}; color:{color:text}; border-radius:3px; }
- .tabzclose { z-index:99999999999; font-size:10px; padding:3px; color:{color:text}; margin-top:40px; margin-right:45px; float:right; }
- .shape { position:absolute; z-index:9; right:0px; bottom:0px; width:850px; height:120px; background-color:{color:page accent}; clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
- #tab { position:absolute; z-index:9; margin-top:60px; margin-left:40px; width:300px; height:350px; background-color:{color:posts}; border-radius:3px; }
- /* NAVIGATION */
- .tab { position:absolute; z-index:999; margin-top:115px; margin-left:5px; }
- .tab img { width:135px; height:320px; opacity:0.7; }
- .tablinks { position:absolute; z-index:9999; margin-top:25px; margin-left:0px; width:300px; height:20px; text-align:center; overflow:hidden; }
- .tablinks a { color:{color:links}; font-size:7.5px; font-weight:750; font-family:'montserrat'; text-transform:uppercase; margin-right:20px; }
- .tablinks a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .tabtitle { position:absolute; z-index:999; margin-top:55px; margin-left:20px; font-size:40px; font-weight:900; font-family:'montserrat'; text-align:center; text-transform:uppercase; -webkit-text-stroke: 1px {color:accent}; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
- .tabstats { overflow:auto; position:absolute; z-index:999; width:180px; height:265px; padding-top:5px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:justify; text-transform:uppercase; margin-top:50px; margin-left:115px; font-size:7px; font-weight:500; font-family:'montserrat'; letter-spacing:1px; line-height:20px; color:{color:desc}; }
- .tabstats a {font-size:7px; font-weight:500; font-family:'montserrat'; letter-spacing:1px; line-height:20px; color:{color:desc}; }
- .tabstats i {font-size:7px; font-weight:500; font-style:italic; font-family:'montserrat'; letter-spacing:1px; line-height:20px; color:{color:desc}; }
- .tabstats special { padding:3px; font-weight:800; font-size:7.5px; margin-right:5px; background-color:{color:accent}; color:{color:posts}; border-radius:3px; }
- .aesthetics { overflow:auto; position:absolute; z-index:999; width:150px; height:150px; text-align:justify; text-transform:uppercase; margin-top:185px; margin-left:125px; font-size:7px; font-style:italic; font-family:'ABeeZee'; letter-spacing:1.5px; color:{color:desc}; }
- /* CREDIT */
- #credit a { right:20px; bottom:20px; position:fixed; padding:5px; font-size:16px; }
- {CustomCSS}
- </style>
- </head>
- <div id="border"></div>
- <div id="container">
- <div id="sidebar">
- <div class="title">{text:title}</div>
- <div class="subtitle">{text:subtitle}</div>
- <div class="desc">{text:desc}</div>
- <div class="sidebar"><img src="{image:sidebar}"></div>
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="pagi">back</a> {/block:PreviousPage}
- {block:NextPage} <a href="{NextPage}" class="pagi">next</a> {/block:NextPage} {/block:Pagination}
- </div>
- </div>
- <div class="sidelinks">
- <a href="/" title="refresh"><span class="th th-home"></span></a>
- <a href="/ask" title="inbox"><span class="th th-bubble-heart"></span></a>
- <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'navigation');" title="more"><span class="th th-dial"></span></a>
- <a href="{text:sidelink url}" title="{text:sidelink}"><span class="th th-stars"></span></a>
- </div>
- <div id="navigation" class="tabzcon alytut" style="display:none">
- <span onclick="this.parentElement.style.display='none'" class="tabzclose">
- <i class="fa fa-times" aria-hidden="true" style="color:{color:desc};"></i></span>
- <div class="tab"><img src="{image:tab}"></div>
- <div class="tabtitle">navigation.</div>
- <div id="tab">
- <div class="tabstats">
- <special>birth name</special> hwang jinah<br>
- <special>real age</special> 319 years old<br>
- <special>physical age</special> 27 years old<br>
- <special>species</special> dogangsi <br>
- <special>hometown</special> seoul, south korea<br>
- <special>face claim</special> lee sunmi <br>
- </div>
- <div class="aesthetics">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Neque aliquam vestibulum morbi blandit cursus risus at. Sed tempus urna et pharetra pharetra massa massa ultricies. Semper auctor neque vitae tempus. Leo a diam sollicitudin tempor id eu nisl. Eu scelerisque felis imperdiet proin fermentum. Facilisis sed odio morbi quis commodo odio aenean. Cras ornare arcu dui vivamus arcu felis bibendum ut tristique. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Venenatis urna cursus eget nunc scelerisque viverra. Velit ut tortor pretium viverra suspendisse potenti nullam. Dolor purus non enim praesent elementum facilisis leo vel fringilla. Pretium aenean pharetra magna ac. Tortor consequat id porta nibh venenatis cras sed.
- </div>
- <div class="tablinks">
- <a href="{text:tablink 1 url}">{text:tablink 1}</a>
- <a href="{text:tablink 2 url}">{text:tablink 2}</a>
- <a href="{text:tablink 3 url}">{text:tablink 3}</a>
- <a href="{text:tablink 4 url}">{text:tablink 4}</a>
- </div>
- </div>
- </div>
- </div>
- <div class="entries">
- {block:posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="posts" id="{PostID}">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}<div class="media">{LinkOpenTag}<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>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- {block:Audio}
- {block:AudioPlayer}
- <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
- {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="albumdetails">
- {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
- {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
- {block:Album}<lame>album:</lame> {Album}{/block:Album}
- </div>
- {/block:AudioPlayer}
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Chat}{block:title}<h1>{title}</h1>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Answer}<div id="question"><div id="asker"><b>{Asker}</b></div><br>{Question}</div><span></center><p><div id="answer">{Answer}</div>{/block:Answer}
- <div id="permalink">
- <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}</span>
- </span>
- </div>
- {block:HasTags}<div id="tags">tagged under:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <div id="credit" data="credit"><a href="http://ultraviclets.tumblr.com" title="made by ness"><span class="th th-plant-vase-o"></span></a></div>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </body>
- <script>
- function openAlytut(evt, alytutName) {
- var i, x, tablinks;
- x = document.getElementsByClassName("alytut");
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablink");
- for (i = 0; i < x.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
- }
- document.getElementById(alytutName).style.display = "block";
- evt.currentTarget.className += " tabzact";
- }
- </script>
- </html>
Add Comment
Please, Sign In to add comment