Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <meta name="color:Links" content="#000000" />
- <meta name="color:Links Hover" content="#000000" />
- <meta name="color:Background" content="#000000" />
- <meta name="color:Text" content="#000000" />
- <meta name="color:Sidebar Background" content="#696969" />
- <meta name="color:Sidebar Links" content="#FFE4C4" />
- <meta name="color:Sidebar Hover" content="#000000" />
- <meta name="color:SidebarBottom Links" content="#000000" />
- <meta name="image:Sidebar" content="/" />
- <meta name="image:Background" content="/" />
- <meta name="image:Sidebar Background" content="/" />
- <meta name="font:Sidebar Link Text" content="" />
- <meta name="font:Body" content="" />
- <meta name="font:Title" content="" />
- <meta name="font:Description" content="" />
- <style style="text/css">
- body {
- background-color: {color:Background};
- background-image: url("{image:Background}");
- margin: 0;
- word-wrap: break-word;
- background-attachment: fixed;
- }
- #content {
- width: 560px;
- background-color: rgba(0,255,255,.4);
- margin: 60px 0 0 600px;
- padding: 20px 0 ;
- color: black;
- border-radius: 40px;
- }
- #content a {
- color: {color:Links};
- text-decoration: none;
- }
- #content a:hover {
- color: {color:Links Hover};
- }
- #content blockquote {
- border-left: solid 2px black;
- margin: 0;
- padding-left: 10px;
- }
- img {
- border: 0;
- max-width: 100%;
- border-radius: 40px;
- }
- /*CONTENT POSTS*/
- #content #posts {
- background-color: white;
- width: 500px;
- margin: 0 auto 20px;
- padding: 10px;
- border-radius: 40px;
- font-family: {font:Body};
- }
- #content #posts .title {
- font-size: 22px;
- }
- #content #posts .text {
- font-size: 11px;
- }
- /*TAGS*/
- #content #posts #permalink {
- font-size: 9px;
- margin-top: 10px;
- }
- #content #posts #tags {
- font-size: 9px;
- }
- #content #notecontainer {
- margin: 20px auto;
- width: 500px;
- font-size: 11px;
- }
- #content #notecontainer ol.note {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #content #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- /*NEXT/PREVIOUS PAGE*/
- #sidebar {
- background-color: {color:Sidebar Background};
- background-image: url("{image:Sidebar Background}");
- height: 100%;
- float: left;
- width: 450px;
- position: fixed;
- top: 0;
- background-size: cover;
- }
- #sidebar .image {
- width: 260px;
- padding: 0 0 0 90px;
- border-radius: 0px;
- }
- #sidebar .title {
- text-align: center;
- font-size: 50px;
- padding: 130px 0 0 0;
- font-family: {font:Title};
- }
- #sidebar .title a {
- color: {color:Sidebar Links};
- text-decoration: none;
- }
- #sidebar title a:hover {
- color: {color:Sidebar Hover};
- }
- #sidebar .description {
- text-align: center;
- color: #cd5cdc;
- font-family: {font:Description};
- }
- #sidebar .links {
- font-size: 13px;
- text-align: center;
- padding: 5px 5px;
- margin: 2px;
- width: 186px;
- font-family: {font:Sidebar Link Text};
- }
- #sidebar .links a {
- color: {color:Sidebar Links};
- text-decoration: none;
- }
- #sidebar .links a:hover {
- color: {color:Sidebar Hover};
- }
- /*Stuffs*/
- #credit {
- position:fixed;
- bottom:10px;
- right:10px;
- font-family:uni;
- color:black;
- font-size:15pt;
- padding:5px;
- }
- #credit a{
- color: black;
- background: white;
- padding:5px;
- border:1px solid black;
- text-decoration: none;
- }
- #credit a:hover{
- color: #b0c4de;
- text-decoration:line-through;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div class="title"><a href="/"><u>{Title}</u></a></div>
- <img class="image" src="{image:Sidebar}" />
- <div class="description">{Description}</div>
- <div class="links">•
- {block:AskEnabled}<a href="/ask>{AskLabel}</a> {/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit>{SubmitLabel}</a> {/block:SubmissionsEnabled}
- {block:HasPages}{block:Pages}<a href="{url}">{Label}</a> • {/block:Pages}{/block:HasPages}
- </div>
- </div>
- <div id="content">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div id="posts">
- {block:Photo}
- <div class-"title">{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="title">{Photoset-500}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div class="title">{Video-500}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="title">{AudioPlayer}</div>
- <br />{PlayCountWithLabel}
- {block:Caption}<br /><div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Text}
- {block:Title}<div class="title">{Title}</div><br />{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="title">{Question}</div><br />
- <div class="text">{Asker}</div><br />
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div><br />{/block:Title}
- {block:Lines}
- {block:Label}<strong><div class="text">{Label}</div></strong>{/block:Label} {Line}<br />
- {/block:Lines}
- {/block:Chat}
- {block:Link}
- <a href="{URL}" ><div class="title">{Name}</div></a>
- {block:Description}<br /><div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- <div id="permalink">
- <a href="{Permalink}">
- {block:Date}{lang:Posted TimeAgo}{/block:Date}
- {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
- </a>
- </div>
- {block:HasTags}<div id="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="credit">
- <div id="credit">
- <a href="http://lavender-llama.tumblr.com/" title="Theme By Lavender Llama">♥</a>
- </div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow79.js"></script>
- <noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement