Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- Theme by Mewpantoh
- Feel free to edit for your own use
- But obviously don't republish or use as a base.
- -->
- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Cantarell" />
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#e0ffff">
- <meta name="color:sidebar" content="#ffffff">
- <meta name="color:sidebar accent" content="#dfffff">
- <meta name="color:posts" content="#ffffff">
- <meta name="color:posts accent" content="#dfffff">
- <meta name="color:borders" content="#80c3c3" />
- <meta name="color:text" content="#2d7272" />
- <meta name="color:link" content="#d0698e" />
- <meta name="color:line break" content="#80c3c3" />
- <meta name="color:scroll bar" content="#ffffff" />
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:link1" content="url" />
- <meta name="text:name1" content="link" />
- <meta name="text:link2" content="url" />
- <meta name="text:name2" content="link" />
- <meta name="text:Icon Size" content="200" />
- <meta name="if:Icon round" content="0"/>
- <meta name="if:Static bg" content="1"/>
- <meta name="if:Sidebar bg" content="1"/>
- <meta name="if:Full screen BG" content="0" />
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 4px;
- height: 0px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scroll bar};
- border-radius: 100px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: {color:link};
- }
- ::-webkit-scrollbar-thumb:active {
- background: {color:link};
- }
- ::-webkit-scrollbar-track {
- background: {color:background};
- border-radius: 50px;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- </style>
- <style type="text/css">
- body {
- color:{color:text};
- background-color:{color:background};
- font-family: 'Lucida Console';
- font-size:14px;
- line-height:20px;
- word-break:break-word;
- {block:ifStaticbg}
- background-attachment:fixed;
- {/block:ifStaticbg}
- background-image:url('{image:Background}');
- {block:iffullscreenBG}
- background-size:100%;
- background-size: cover;
- {/block:iffullscreenBG}
- }
- a:link {
- color:{color:link};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- a:visited{
- color:{color:link};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- hr{
- height:2px;
- border-color:{color:line break};
- }
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:text}}
- h1 {font-size:18px;color:{color:text};}
- h2 {font-size:14px;color:{color:text};}
- i, em {color:{color:text}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- #entries {
- margin-left:30vw;
- margin-right:auto;
- margin-bottom:50px;
- }
- .grid-container {
- margin-top:50px;
- display: grid;
- grid-template-columns: 440px 200px;
- grid-template-rows: auto auto;
- gap: 0px 0px;
- grid-template-areas: "Post Notes" "Post Empty";
- }
- .post { grid-area: Post;
- height:100%;
- z-index:1;
- border-radius:5px;
- width:auto;
- border:4px ridge {color:borders};
- padding:10px;
- background-color:{color:posts};
- box-shadow:3px 3px 0px rgba(0,0,0,0.5);
- }
- .post img {
- max-width:100%;
- }
- .notese { grid-area: Notes;
- z-index:0;
- margin-top:20px;
- border-radius:0px 5px 5px 0px;
- height:auto;
- border:4px ridge {color:borders};
- border-left:0px hidden;
- padding: 10px;
- background-color:{color:posts accent};
- box-shadow:3px 3px 0px rgba(0,0,0,0.5);
- }
- .empty{
- grid-area: Empty;
- height:100%;
- }
- #ss {
- position:fixed;
- margin-top:-55px;
- left:0px;
- width:240px;
- height:100%;
- }
- #sscase{
- font-size:16px;
- padding:0px;
- width: auto;
- height:100%;
- {block:ifSidebarbg}
- border:4px ridge {color:borders};
- border-left:0px;
- background-color:{color:sidebar};
- box-shadow:3px 3px 0px rgba(0,0,0,0.5);
- {/block:ifSidebarbg}
- }
- #sidebar{
- position:inline;
- width:210px;
- padding:7px;
- margin-top:150px;
- }
- .link{
- background:{color:sidebar accent};
- border-radius:5px;
- border:4px ridge {color:borders};
- padding:10px;
- width:150px;
- margin:5px;
- }
- .audio{background-color:black; display:block}
- .user_1 .label {color:{color:text}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:text}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:0px; position:relative; top:1px}
- ol.notes, .notes li{width:100%; list-style:none; padding:0px}
- #pagination{
- font-size:20px;
- }
- </style>
- <body>
- <div id="ss">
- <div id="sscase">
- <div id="sidebar">
- <center>
- <a href="/"><img src="{image:sidebar}" style="width:{text:icon size}px;position:inline; max-width:200px;
- padding:5px;{block:ifIconround}border-radius:200px;{/block:ifIconround}"></a>
- </center>
- <center>
- {description}<p>
- <br>
- <div class="link">
- <a href="/">home</a>
- <hr>
- <a href="/ask">ask</a>
- <hr>
- <a href="/{text:link1}">{text:name1}</a>
- <hr>
- <a href="/{text:link2}">{text:name2}</a>
- </div>
- <br>
- <br>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">🢀</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">🢂</a><br />{/block:NextPage}{/block:Pagination}</div>
- </div></div></div>
- </center>
- <div id="entries">
- {block:posts}
- <div class="grid-container">
- <div class="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<b>{Asker} asked:</b> {Question}<br><br><b>Answer:</b>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- {block:PermalinkPage}{block:PostNotes}Notes:<hr>{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
- <center>
- </div>
- {block:IndexPage}
- <div class="notese">
- {block:NoteCount} {NoteCount} notes<hr>{/block:NoteCount}
- {block:Date} <a href="{Permalink}">{TimeAgo}{/block:Date}</a><hr>
- <a href="{ReblogParentURL}"><a href="{ReblogURL}" target="_blank" > Reblog?</a><hr><a href="{ReblogParentURL}">
- {block:RebloggedFrom}<a href="{ReblogParentURL}">From {ReblogParentName} </a><br> <a href="{ReblogRootURL}">Made by {ReblogRootName} </a><hr>{/block:RebloggedFrom}
- {block:HasTags}# {block:Tags} <a href="{TagURL}">{tag}</a>, {/block:Tags} {/block:HasTags}</div>{/block:IndexPage}
- {block:Date}
- {block:PermalinkPage}
- <div class="notese">
- {block:NoteCount} {NoteCount} notes<hr>{/block:NoteCount}
- {block:Date} <a href="{Permalink}">{TimeAgo}{/block:Date}</a><hr>
- <a href="{ReblogParentURL}"><a href="{ReblogURL}" target="_blank" > Reblog?</a><hr><a href="{ReblogParentURL}">
- {block:RebloggedFrom}<a href="{ReblogParentURL}">From {ReblogParentName} </a><br> <a href="{ReblogRootURL}">Made by {ReblogRootName} </a><hr>{/block:RebloggedFrom}
- {block:HasTags}# {block:Tags} <a href="{TagURL}">{tag}</a>, {/block:Tags} {/block:HasTags}</div>{/block:PermalinkPage}{/block:Date}</div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement