Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <meta charset="UTF-8">
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="image:bg" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="color:Background" content="#a7abdd">
- <meta name="color:Borders" content="#a7abdd">
- <meta name="color:Text" content="#82868A">
- <meta name="color:Link" content="#a7abdd">
- <meta name="color:Links bg" content="#a7abdd">
- <meta name="color:Links bg 2" content="#a7abdd">
- <meta name="color:Posts" content="#a7abdd">
- <head>
- <script>
- if(window.location.pathname == '/') location.replace('/tagged/x');
- </script>
- <style type="text/css">
- body {
- font-family: "Lucida Sans Unicode";
- font-size:16px;
- color: {color:Text};
- background:url({image:bg});
- background-color:{color:background};
- background-attachment: fixed;
- }
- a {
- color:{color:link};
- text-decoration:none;
- }
- blockquote {
- margin-left:0px;
- }
- img {max-width:100%;}
- #s-m-t-tooltip {
- position:absolute;
- z-index:999;
- margin:20px 16px;
- display:inline-block;
- padding:5px 7px;
- color:{color:link};
- background:{color:links bg};
- }
- ::-webkit-scrollbar-button{ display: block;
- height: 13px;
- border-radius: 0px;
- background-color: {color:links bg}; }
- ::-webkit-scrollbar-button:hover{ background-color: {color:links bg}; }
- ::-webkit-scrollbar-thumb{
- background-color:{color:posts};
- &:hover {
- background-color: {color:links bg 2};;
- }
- }
- ::-webkit-scrollbar-track{ background-color: {color:links bg}; }
- ::-webkit-scrollbar-track:hover{ background-color: {color:links bg}; }
- ::-webkit-scrollbar{ width: 3px; height:3px;}
- #side::-webkit-scrollbar{
- width: 3px; height:0px;
- }
- #photos{
- width:500px;
- }
- #posts
- {
- width:500px;
- background:{color:posts};
- }
- #text {
- float:clear;
- padding:15px;
- }
- #column
- {
- background:{color:posts};
- position:absolute;
- margin-top:-26px;
- padding-top:50px;
- padding-bottom:50px;
- margin-left:50%;
- width:500px;
- }
- #side
- {
- position:fixed;
- height:100%;
- margin-left:-8px;
- margin-top:-8px;
- width:230px;
- overflow:auto;
- }
- #side2
- { position:absolute;
- height:100%;
- margin-top:0px;
- width:230px;
- background:{color:posts};
- }
- #description
- {
- top:300px;
- padding:10px;
- }
- #links{
- clear: left;
- background:{color:links bg};
- padding:8px;
- margin-bottom:6px;
- transition: 0.5s;
- text-align:left;
- }
- #links:hover{
- background:{color:links bg 2};
- transition: 0.5s;
- padding-left:20px;
- }
- #image
- {
- margin-top:50px;
- width:250px;
- }
- #image img{
- width:230px;
- }
- #pagination {
- }
- #next{
- width:96px;
- float: right;
- background:{color:links bg};
- text-align:right;
- padding:8px;
- margin-bottom:6px;
- transition: 0.5s;
- }
- #previous{
- width:96px;
- float: left;
- background:{color:links bg};
- padding:8px;
- margin-bottom:6px;
- color:{color:link};
- transition: 0.5s;
- }
- #next:hover{
- background:{color:links bg 2};
- transition: 0.5s;
- padding-right:20px;
- width:84px;
- }
- #previous:hover{
- background:{color:links bg 2};
- transition: 0.5s;
- padding-left:20px;
- width:84px;
- }
- #search {
- }
- #search input[type=text] {
- float:left;
- font-size:16px;
- width:163px;
- padding:12px;
- border:none;
- background:{color:links bg};
- color:{color:link};
- margin-bottom:6px;
- }
- #search button{
- float:right;
- border:none;
- background:{color:links bg};
- padding:11px;
- font-size:15px;
- color:{color:link};
- cursor: pointer;
- }
- #notes{
- width:500px;
- transition: 0.7s;
- }
- #notes:hover #tags{
- max-height: 200px;
- transition: 0.7s;
- opacity:1;
- }
- #tags {
- background:{color:links bg};
- padding:8px;
- transition: 0.7s;
- opacity:0;
- max-height: 0;
- font-size:14px;
- margin-top:6px;
- }
- #tags2 {
- background:{color:links bg};
- padding:8px;
- font-size:16px;
- margin-top:6px;
- }
- #sauce {
- background:{color:links bg};
- padding:8px;
- font-size:16px;
- margin-top:6px;
- text-align:center;
- }
- #time {
- display: inline-block;
- background:{color:links bg};
- padding:8px;
- width:448px;
- }
- #rb{
- display: inline-block;
- background:{color:links bg};
- padding:8px;
- margin-right:-1px;
- font-size:16px;
- }
- #permalinks
- </style>
- </head>
- <body>
- <div id="side">
- <div id="side2">
- <div id="image">
- <img src="{image:sidebar}">
- </div>
- <div id="description">
- {block:Description}{Description}{/block:Description}
- </div>
- <div id="search">
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"/>
- <button type="submit">🔍</button>
- </form>
- </div>
- <div id="pagination">
- <div id="previous">
- <a href="/">🏠</a>
- </div>
- <div id="next">
- <a href="/ask">✉ </a>
- </div>
- </div>
- <div id="links">
- <a href="/1">link 1</a>
- </div>
- <div id="links">
- <a href="/2">link 2</a>
- </div>
- <div id="links">
- <a href="/3">link 3</a>
- </div>
- {block:Pagination}
- <div id="pagination">
- <div id="previous">
- {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}back{block:PreviousPage}</a>{/block:PreviousPage}{/block:PreviousPage}
- </div>
- <div id="next">
- {block:NextPage}<a href="{NextPage}">{/block:NextPage}foward{block:NextPage}</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </div>
- </div>
- </div>
- <div id="column">
- <div id="posts">
- {block:posts}
- <div id="text">
- {block:text}
- {block:title}<h3>{title}</h3>{/block:title}
- {body}
- {/block:text}
- </div>
- {block:photo}
- <img src="{photourl-500}" alt="{photoalt}"/>
- <div id="text">
- {block:caption}<p>{caption}</p>{/block:caption}
- </div>
- {/block:photo}
- {block:Photoset}
- <div id="photos">
- {Photoset-500}
- </div>
- </div>
- <div id="text">
- {block:caption}<p>{caption}</p>{/block:caption}
- </div>
- {/block:Photoset}
- {block:quote}
- <div id="text">
- <h3>"{quote}"</h3>
- {block:source}<p>{source}</p>{/block:source}
- </div>
- {/block:quote}
- {block:link}
- <div id="text">
- <h3><a href="{url}">{name}</a></h3>
- {block:description}<p>{decription}</p>{/block:description}
- </div>
- {/block:link}
- {block:chat}
- <div id="text">
- {block:title}<h3>{title}</h3>{/block:title}
- {block:lines} {block:label}{label}{/block:label} {line}<br>{/block:lines}
- </div>
- {/block:chat}
- {block:audio}
- {audioplayerblack}
- <div id="text">
- {block:caption}{caption}{/block:caption}
- </div>
- {/block:audio}
- {block:video}
- {video-500}
- <div id="text">
- {block:caption}{caption}{/block:caption}
- </div>
- {/block:video}
- {block:answer}
- <div id="text">
- {asker}: {question}
- {answer}
- </div>
- {/block:answer}
- {block:IndexPage}
- <div id="notes">
- <div id="time">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
- {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- </div>
- <div id="rb"><a href="{ReblogURL}">↺</a></div>
- {block:HasTags}<div id="tags">Tags:{block:Tags}
- <a href="{TagURL}">{Tag},</a>
- {/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}
- <div id="notes">
- <div id="time"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
- {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- </div>
- {block:Date}
- <div id="rb"><a href="{ReblogURL}">↺</a></div>
- {/block:Date}
- {block:HasTags}<div id="tags2">Tags:{block:Tags}
- <a href="{TagURL}">{Tag},</a>
- {/block:Tags}</div>{/block:HasTags}
- {block:RebloggedFrom}
- <div id="sauce">
- Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- </div>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <div id="sauce">
- Originally by: <a href="{SourceURL}">{SourceTitle}</a>
- </div>
- {/block:ContentSource}
- <div id="text">
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:NoteCount}
- </div>
- {/block:PermalinkPage}
- {/block:posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement