Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!--------------meta-------------!-->
- <meta name="image:icon" content=""/>
- <meta name="image:header" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:links" content=""/>
- <meta name="color:desc links" content=""/>
- <meta name="color:link hover" content=""/>
- <meta name="color:bg" content=""/>
- <meta name="color:posts" content=""/>
- <meta name="color:border" content=""/>
- <meta name="color:post border" content=""/>
- <meta name="color:header" content=""/>
- <meta name="color:desc bubbles" content=""/>
- <meta name="color:bubble text" content=""/>
- <meta name="select:font" content="Roboto Slab"/>
- <meta name="select:font" content="Tajawal"/>
- <meta name="select:font" content="Montserrat"/>
- <meta name="select:font" content="Questrial"/>
- <meta name="select:font" content="Orbitron"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:font size" content=""/>
- <meta name="if:desc" content=""/>
- <!--------------css-------------!-->
- <style>
- @-webkit-keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- body{
- color:{color:text};
- background-color:{color:bg};
- font-family:{select:font};
- font-size:{text:font size};
- -webkit-animation: fadein 0.8s;
- animation: fadein 0.8s;
- }
- a{
- color:{color:links};
- text-decoration:none;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- font-weight: bold;
- }
- a:hover{
- color:{color:link hover};
- text-decoration:none;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- font-weight: bold;
- }
- #sidebar{
- background-color:white;
- width:300px;
- height:150px;
- margin-top:0px;
- background-image:url('{image:header}');
- background-size:cover;
- background-color:{color:header};
- border-radius:10px;
- margin-left:40px;
- position:fixed;
- }
- #icon{
- background-image:url('{image:icon}');
- background-size:cover;
- border-width:3px;
- border-style:solid;
- border-color:{color:border};
- width:100px;
- height:100px;
- border-radius:100%;
- margin-top:20px;
- margin-left:180px;
- position:absolute;
- }
- #desc{
- background-color:{color:desc bubbles};
- min-height:70px;
- max-height:100px;
- width:150px;
- position:absolute;
- border-radius:10px;
- margin-top:30px;
- margin-left:5px;
- color:{color:bubble text};
- padding:2px;
- text-align:left;
- }
- #desc a{
- color:{color:desc links};
- text-decoration:none;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- font-weight: bold;
- }
- #desc a:hover{
- color:{color:link hover};
- text-decoration:none;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- font-weight: bold;
- }
- #desc:after {
- content: '';
- position: absolute;
- right: 0;
- top: 50%;
- width: 0;
- height: 0;
- border: 18px solid transparent;
- border-left-color:{color:desc bubbles};
- border-right: 0;
- margin-top: -18px;
- margin-right: -18px;
- }
- #sidebar2{
- width:300px;
- height:50px;
- margin-top:40px;
- background-image:url('{image:header}');
- background-size:cover;
- background-color:{color:header};
- border-radius:10px;
- margin-left:40px;
- margin-top:160px;
- position:fixed;
- }
- #sidebar3{
- width:300px;
- height:50px;
- margin-top:40px;
- background-image:url('{image:header}');
- background-size:cover;
- background-color:{color:header};
- border-radius:10px;
- margin-left:40px;
- margin-top:220px;
- position:fixed;
- }
- .post{
- width:400px;
- padding-left:5px;
- padding-right:5px;
- padding-top:2px;
- padding-bottom:5px;
- margin-top:50px;
- margin-left:400px;
- background:{color:posts};
- border-color:{color:post border};
- border-style:solid;
- border-width:2px;
- }
- #credit{
- position:fixed;
- bottom:0px;
- font-size:15px;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="desc">
- {Description}
- </div>
- <div id="icon">
- </div>
- </div>
- <div id="sidebar2">
- <form>
- <center>
- <div style="margin-top:10px;">
- <input type="search" id="mySearch" name="q"
- placeholder="search...">
- </div>
- </form></div></div>
- <p>
- </div>
- </center>
- <div id="sidebar3">
- <center>
- <div style="margin-top:5px;word-spacing:6px;font-size:26px;">
- <a href="{PreviousPage}">←</a>
- <a href="{NextPage}">→</a>
- </div>
- </center>
- </div>
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {block:Caption}<p>{Caption}</p>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}<p>{Caption}</p>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <h4>"{Quote}"</h4>
- {block:Source}<p>{Source}</p>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h3><a href="{URL}" target="_blank">{Name}</a></h3>
- {block:Description}<p>{Description}</p>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {block:Lines}
- {block:Label}{Label}{/block:Label} {Line}</br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {AudioPlayerBlack}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- {Asker} said: "{Question}"
- {Answer}
- {/block:Answer}
- {block:Date}<p><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
- {block:PermalinkPage}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- {/block:Posts}
- </div>
- <script>
- window.onscroll = function() {myFunction()};
- var navbar = document.getElementById("navbar");
- var sticky = navbar.offsetTop;
- function myFunction() {
- if (window.pageYOffset >= sticky) {
- navbar.classList.add("sticky")
- } else {
- navbar.classList.remove("sticky");
- }
- }
- </script>
- <div id="credit">
- <a href ="https://toc.tumblr.com/" title="theme">٩(。•́‿•̀。)۶</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement