Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Text" content="#006e86"/>
- <meta name="color:Link" content="#006e86"/>
- <meta name="color:Scrollbar" content="#006e86"/>
- <meta name="color:Posts" content="#ffc5d8"/>
- <meta name="color:Borders" content="#ffc5d8"/>
- <meta name="text:Link 1 title" content="link1"/>
- <meta name="text:Link 1 url" content="/"/>
- <meta name="text:Link 2 title" content="link2"/>
- <meta name="text:Link 2 url" content="/"/>
- <meta name="text:Link 3 title" content="link3"/>
- <meta name="text:Link 3 url" content="/"/>
- <meta name="text:Link 4 title" content="link4"/>
- <meta name="text:Link 4 url" content="/"/>
- <meta name="text:Post Transparency" content="0.3"/>
- <meta name="if:Fullscreen Bg" content="0" />
- <style>
- body {
- color:{color:text};
- background:{color:background};
- background-image:url('{image:Background}');
- background-attachment: fixed;
- background-repeat: repeat;
- text-align:left;
- {block:iffullscreenbg}
- background-size: cover;
- {/block:iffullscreenbg}
- font:16px 'consolas';
- line-height:18px;
- }
- a,a:active,a:visited {
- text-decoration:none;
- color:{color:link};
- }
- h1 {
- color:{color:text};
- font-size:32px;
- line-height:34px;
- }
- h2 {
- color:{color:text};
- font-size:28px;
- line-height:30px;
- }
- h3 {
- color:{color:text};
- font-size:24px;
- line-height:26px;
- }
- blockquote {
- border-left: 2px solid {color:text};
- margin-left: 2px;
- padding-left: 10px;
- }
- ::-webkit-scrollbar {
- width: 4px;
- height: 5px;
- background: {color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- border-radius: 16px;
- }
- #top{
- width:100%;
- left:0px;
- top:0px;
- position:fixed;
- }
- #image {
- position:absolute;
- top:0px;
- left:0px;
- padding:10px;
- height:180px;
- width:180px;
- border:solid {color:borders};
- border-width: 0px 2px 2px 0px;
- background:rgba({RGBcolor:posts},{text:Post Transparency});
- }
- #pag {
- position:absolute;
- top:200px;
- left:0px;
- text-align:center;
- padding:10px;
- width:180px;
- line-height:40px;
- }
- #bar {
- width:100%;
- left:202px;
- top:0px;
- position:fixed;
- padding:15px;
- border-bottom:2px solid {color:borders};
- background:rgba({RGBcolor:posts},{text:Post Transparency});
- }
- .link {
- font-size:18px;
- padding:5px;
- margin:5px;
- border:2px solid {color:borders};
- }
- .link2 {
- font-size:18px;
- padding:5px;
- margin:5px;
- border:2px solid {color:borders};
- background:rgba({RGBcolor:posts},{text:Post Transparency});
- }
- #posts {
- width:500px;
- height: auto;
- margin: auto;
- margin-top: 10%;
- margin-bottom: 10%;
- }
- .entry {
- overflow: auto;
- background:rgba({RGBcolor:posts},{text:Post Transparency});
- padding:10px;
- margin-top:20px;
- border:2px solid {color:borders};
- }
- .entry img{
- max-width:100%;
- height: auto;
- }
- .entry iframe {
- width:100%;
- }
- .grid-container {
- display: grid;
- grid-template-areas:
- 'image music music music';
- grid-gap: 0px;
- padding: 0px;
- margin-bottom:10px;
- }
- .grid-container > div {
- text-align: center;
- font-size: 30px;
- }
- .item1 { grid-area: image; height:150px; width:150px;}
- .item2 { grid-area: music; margin:auto;}
- .grid-containera {
- display: inline-grid;
- grid-template-columns: auto;
- padding: 0px;
- margin:auto;
- }
- .grid-itema {
- margin:auto;
- padding: 10px;
- line-height:28px;
- font-size: 30px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div id="top">
- <div id="image"><img src="{image:Sidebar}" style="max-height:100%;" title="{title}"></div>
- <div id="pag">
- {block:Pagination}
- {block:PreviousPage}<p><a class="link2" href ="{PreviousPage}">Previous Page</a>{/block:PreviousPage}
- {block:NextPage}<p><a class="link2" href ="{NextPage}">Next Page</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="bar">
- <a class="link" href={text:link 1 url}>{text:link 1 title}</a>
- <a class="link" href={text:link 2 url}>{text:link 2 title}</a>
- <a class="link" href={text:link 3 url}>{text:link 3 title}</a>
- <a class="link" href={text:link 4 url}>{text:link 4 title}</a>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- <!--Photo Posts-->
- {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/> {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- <!--Photo Sets-->
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- <!--Text Posts-->
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- <!--Link Posts-->
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- <!--Quote Posts-->
- {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
- <!--Chat Posts-->
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
- <!--Audio Posts-->
- {block:Audio}<div class="grid-container"><div class="item1">{block:AlbumArt}<img src="{AlbumArtURL}" width="100%"/>{/block:AlbumArt}</div><div class="item2">{AudioPlayer}</div></div>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- <!--Video Posts-->
- {block:Video}{block:IndexPage}{Video-500}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
- <!--Asks-->
- {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
- <!--Date of Posting-->
- {block:IndexPage}<p>Posted on: <a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}, {DayofWeek}</a> {block:NoteCount} Notes: <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:HasTags}<p>#:{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}<p><a href="{ReblogURL}">Reblog ⮌</a>{/block:IndexPage}
- {block:PermalinkPage}
- <p>Posted on: <a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}, {DayofWeek}</a> {block:NoteCount} Notes: <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:HasTags}<p>#:{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}
- <p><a href="{ReblogURL}">Reblog ⮌</a>
- {block:RebloggedFrom}<center><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a><br></center>{/block:RebloggedFrom}
- {/block:PermalinkPage}
- </div>
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="entry">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement