Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- Large Print
- -->
- <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</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}"/>
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
- <meta name="image:background" content=""/>
- <meta name="image:avatar" content=""/>
- <meta name="color:background" content="#b7b7b7"/>
- <meta name="color:text" content="#000001"/>
- <meta name="color:posts" content="#f7f7f7"/>
- <meta name="color:links" content="#535353"/>
- <meta name="color:links hover" content="#c3c3c3"/>
- <meta name="text:link" content="link URL"/>
- <meta name="text:link name" content="Link name"/>
- <meta name="text:link 2" content="link URL"/>
- <meta name="text:link 2 name" content="Link name"/>
- <meta name="if:background cover" content="1"/>
- <meta name="if:avatar" content="1"/>
- <meta name="select:borders" content="2px solid" title="thick solid"/>
- <meta name="select:borders" content="5px double" title="thick double"/>
- <meta name="select:borders" content="1px solid" title="thin solid"/>
- <meta name="select:borders" content="3px double" title="thin double"/>
- <meta name="select:font size" content="16px"/>
- <meta name="select:font size" content="18px"/>
- <meta name="select:font size" content="20px"/>
- <meta name="select:font" content="verdana" title="verdana"/>
- <meta name="select:font" content="arial" title="arial"/>
- <meta name="select:font" content="georgia" title="georgia"/>
- <meta name="select:font" content="garamond" title="garamond"/>
- <meta name="select:font" content="calibri" title="calibri"/>
- <meta name="select:font" content="opendyslexic" title="opendyslexic"/>
- <style type="text/css">
- @font-face { font-family: OpenDyslexic; src:url('https://dl.dropbox.com/s/k9r537v3ot674ql/OpenDyslexic-Regular.otf'); }
- body{
- background:{color:background} url('{image:background}') fixed {block:ifnotbackgroundcover}repeat{/block:ifnotbackgroundcover};
- {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
- color:{color:text};
- font-size:{select:font size};
- line-height:140%;
- word-wrap:break-word;
- font-family:'{select:font}',sans-serif;
- }
- h1, h2, h3{
- font-weight:bold;
- }
- h4, h5, h6{
- font-weight:bold;
- font-style:italic;
- }
- a{
- color:{color:links};
- font-weight:bold;
- transition:0.4s ease;
- -moz-transition:0.4s ease;
- -webkit-transition:0.4s ease;
- }
- a:hover{
- color:{color:links hover};
- transition:0.4s ease;
- -moz-transition:0.4s ease;
- -webkit-transition:0.4s ease;
- }
- blockquote{
- margin:10px;
- padding-left:10px;
- border-left:4px solid rgba(0,0,0,0.6);
- }
- #container{
- position:relative;
- width:800px;
- margin:30px auto;
- }
- #sidebar{
- position:fixed;
- padding:10px;
- width:200px;
- margin-left:-50px;
- background:{color:posts};
- border:{select:borders} {color:text};
- border-radius:5px;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- -o-border-radius:5px;
- }
- #sidebar .avatar{
- width:160px;
- border:1px solid transparent;
- {block:ifnotavatar}display:none;{/block:ifnotavatar}
- }
- #sidebar .description {
- padding:5px;
- }
- #sidebar .links a{
- display:block;
- padding:5px;
- text-align:left;
- text-decoration:none;
- border-bottom:1px solid {color:text};
- }
- #sidebar .links a:last-child{
- border-bottom:1px solid transparent;
- }
- #sidebar .links icon{
- font-size:20px;
- }
- .posts {
- width:500px;
- padding:20px;
- margin:25px 0 25px 250px;
- background:{color:posts};
- border:{select:borders} {color:text};
- border-radius:5px;
- -webkit-border-radius:5px;
- -moz-border-radius:5px;
- -o-border-radius:5px;
- }
- .posts img{
- max-width:100%;
- }
- .posts .info{
- padding:9px;
- border-top:2px solid {color:text};
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="sidebar">
- <center><h2>{Title}</h2>
- <img class="avatar" src="{image:avatar}" aria-hidden="true">
- <div class="description">{Description}</div>
- <div class="links">
- <a href="/"><icon class="fa fa-home" aria-hidden="true"></icon> Home</a>
- <a href="/ask"><icon class="fa fa-envelope" aria-hidden="true"></icon> Ask</a>
- <a href="{text:link}"><icon class="fa fa-star" aria-hidden="true"></icon> {text:link name}</a>
- <a href="{text:link 2}"><icon class="fa fa-book" aria-hidden="true"></icon> {text:link 2 name}</a>
- <a href="/archive"><icon class="fa fa-calendar" aria-hidden="true"></icon> Archive</a>
- </div>
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">Previous </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"> Next</a>{/block:NextPage}
- {/block:Pagination}</center>
- </div>
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-500}" width="100%">
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Link}
- <a href="{URL}"><h3>{Name}</h3></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Audio}
- {block:AudioEmbed}
- {AudioEmbed-400}
- {/block:AudioEmbed}
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- {block:TrackName}<br>{TrackName}{/block:TrackName}{block:Album} ({Album}) {/block:Album}{block:Artist} — {Artist}{/block:Artist}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <h3>“{Quote}”</h3>
- {block:Source} — {Source} {/block:Source}<br>
- {/block:Quote}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}
- <li class="{Alt}" style="list-style-type: none;">
- {block:Label}<strong>{Label}</strong> {/block:Label}
- {Line}
- {/block:Lines}
- </li>
- {/block:Chat}
- {block:Answer}
- <em>{lang:Asker asked 2}:</em> {Question}
- <br>
- {Replies}
- {/block:Answer}
- {block:Date}<br>
- <div class="info">
- {lang:Posted TimeAgo} | {block:RebloggedFrom}<a href="{ReblogParentURL}">{lang:Via}</a> |{/block:RebloggedFrom} <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}<br>{lang:Tags}: {block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement