Advertisement
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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <!--- Kaguya Luna theme by Celes
- dialgas.tumblr.com --->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:posts background" content="#ffffff"/>
- <meta name="color:bold" content="#ab3421"/>
- <meta name="color:text" content="#2f2c52"/>
- <meta name="color:link" content="#ab3421"/>
- <meta name="color:link hover" content="#aaaaaa"/>
- <meta name="color:accent 1" content="#f1b100"/>
- <meta name="color:accent 2" content="#149dff"/>
- <meta name="color:accent 3" content="#cc1919"/>
- <meta name="color:link background" content="#9086fe"/>
- <meta name="color:navigation" content="#ffffff"/>
- <meta name="color:borders" content="#e0def8"/>
- <meta name="color:info background" content="#e0def8"/>
- <meta name="color:info" content="#2f2c52"/>
- <meta name="image:background" content="" />
- <meta name="image:post wrap" content="http://24.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_400.jpg"/>
- <meta name="image:sidebar" content="https://i.ibb.co/GpdV7fZ/wallpaper1-1080-1920.png"/>
- <meta name="text:link 1 title" content="link one"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2 title" content="link two"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3 title" content="link three"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4 title" content="link four"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5 title" content="link five"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6 title" content="link six"/>
- <meta name="text:link 6 url" content="/"/>
- <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
- <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
- <script type="text/javascript" charset="utf-8">$(document).ready(function(){
- var $grid = $("#entries").masonry({
- itemSelector: ".post",
- initLayout: 1
- });
- $grid.on("layoutComplete", function(o, r) {
- console.log(r.length)
- }), $grid.masonry({
- fitWidth: true,
- horizontalOrder: 1,
- gutter: 10,
- resize: 1
- }), $grid.imagesLoaded().progress(function() {
- $grid.masonry("layout")
- });
- });</script>
- <style type="text/css">
- ::-webkit-scrollbar-track {background-color:{color:link}; border: 3px solid {color:background};}
- ::-webkit-scrollbar-thumb {background-color:{color:background}; border: 1px solid {color:link};}
- ::-webkit-scrollbar {width:7px;height:5px;}
- body {
- background:{color:background} url({image:background}) fixed;
- margin:0px;
- color:{color:text};
- font-family: 'Roboto Mono', monospace;
- font-size:11px;
- line-height:130%;
- word-wrap:break-word;
- }
- a {
- color:{color:link};
- text-decoration: none;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover {
- color: {color:link hover};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- b {
- color: {color:bold};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:borders};
- }
- blockquote img {max-width: 100%; height:auto;};
- h1 {
- font-size:18px;
- text-transform:uppercase;
- font-weight:bold;
- }
- h2 {
- font-size: 16px;
- font-weight: bold;
- font-style: none;
- }
- #lefty {
- position: fixed;
- height: 100%;
- width: 50px;
- background:linear-gradient(180deg, {color:accent 1} 0%, {color:accent 2} 50%, {color:accent 3} 100%);
- top: 0px;
- left: 0px;
- z-index: -1;
- }
- #left2 {
- position: fixed;
- z-index: -2;
- height: 100%;
- width: 640px;
- background-image: url({image:post wrap});
- top: 0px;
- left: 50px;
- }
- #mainlinks {
- top:150px;
- left: 1010px;
- position:fixed;
- color: {color:link background};
- margin-bottom: 5px;
- }
- #mainlinks a {
- padding: 5px;
- width:18px;
- height:18px;
- z-index:999;
- line-height:20px;
- font-size:20px;
- text-align:left;
- font-family:arial;
- display:block;
- overflow:hidden;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #mainlinks a:nth-of-type(1n+0) {color: {color:accent 1};}
- #mainlinks a:nth-of-type(2n+0) {color: {color:accent 2};}
- #mainlinks a:nth-of-type(3n+0) {color: {color:accent 3};}
- #mainlinks span {
- text-transform:uppercase;
- letter-spacing:2px;
- font-family: 'Roboto Mono', monospace;
- font-size:10px;
- vertical-align:middle;
- }
- #mainlinks a:hover {
- width:120px;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #entries {
- width:700px;
- margin-left:75px;
- margin-top:40px;
- }
- .post {
- width:300px;
- padding: 10px;
- margin: 10px;
- float:left;
- background-color: {color:posts background};
- border: 5px solid {color:borders};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .clearfix:before,.clearfix:after{content:'';display:table;}
- .clearfix:after{clear:both;}
- .clearfix{zoom:1;}
- #sidebar {
- width:250px;
- position:fixed;
- margin-left:750px;
- margin-top:100px;
- }
- #title {
- font-size:15px;
- text-align:center;
- margin-bottom:5px;
- }
- #sidebarimage {
- width 250px;
- }
- #sidebarimage img {
- margin-bottom: 10px;
- width:250px;
- }
- #description {
- padding:10px 5px;
- line-height: 130%;
- text-align:center;
- background-color: {color:posts background};
- border-top:5px solid {color:borders};
- border-bottom:5px solid {color:borders};
- }
- #extra {
- margin-top: 10px;
- }
- #extra a{
- display: inline-block;
- background-color: {color:link background};
- padding: 5px;
- width: 111px;
- font-size: 10px;
- text-align: center;
- margin-bottom: 5px;
- letter-spacing: 2px;
- text-transform: uppercase;
- color: {color:navigation};
- }
- #extra a:hover {
- background-color: transparent;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #pagination {
- font-size:11px;
- text-align:center;
- margin-top: 10px;
- }
- #info {
- text-align:center;
- color: {color:info};
- font-family:'calibri', sans-serif;
- text-transform: uppercase;
- font-size: 11px;
- line-height:13px;
- height:13px;
- letter-spacing: 2px;
- margin-top:10px;
- background-color: {color:info background};
- padding: 5px;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .tags {
- opacity:0;
- margin-top:2px;
- font-size:12px;
- text-transform:none;
- letter-spacing:1px;
- }
- .tags:hover {
- opacity:1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #info:hover {
- height:30px;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- {CustomCSS}</style></head><body>
- <div id="lefty"></div>
- <div id="left2"></div>
- <div id="mainlinks">
- <a href="/">✖ <span>Refresh</span></a>
- <a href="/ask">✖ <span>Message</span></a>
- {block:SubmissionsEnabled} <a href="/submit">✖ <span>Submit</span></a>{/block:SubmissionsEnabled}
- <a href="/archive">✖ <span>History</span></a>
- <a href="https://dialgas.tumblr.com">✖ <span>Credit</span></a>
- </div>
- <div id="sidebar">
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div id="description">{Description}</div>
- <div id="extra">
- {block:ifoneextralink} <a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifoneextralink}
- {block:iftwoextralinks} <a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iftwoextralinks}
- {block:ifthreeextralinks} <a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifthreeextralinks}
- {block:iffourextralinks} <a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iffourextralinks}
- {block:iffiveextralinks} <a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iffiveextralinks}
- {block:ifsixextralinks} <a href="{text:link 6 url}">{text:link 6 title}</a>{/block:ifsixextralinks}
- </div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {CurrentPage} of {TotalPages}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div class="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" style="width:300px;">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<h2>{Quote}</h2><br><center>{block:Source} —{Source}{/block:Source}</center>{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <table style="border-bottom:1px solid {color:borders};padding-bottom:5px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-24}" style="border:5px solid {color:bold};"></td>
- <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
- </tr>
- </table>
- {Answer}
- {/block:Answer}
- <div id="info">
- {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
- {NoteCountWithLabel}</a>
- <div class="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement