Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-------
- base code by rnirae. feel free to remove this part, but please like/reblog post.
- if you're using this as a normal theme, then please credit. thank you.
- <!------>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Text" content="#bbb"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Side" content=""/>
- <meta name="color:Posts" content="#bbb"/>
- <meta name="color:Scrollbar" content="#000"/>
- <meta name="color:Link" content="#aaa"/>
- <meta name="color:Link Hover" content="#7bd7c2"/>
- <meta name="color:Title" content="#888"/>
- <meta name="color:Sidebar Link" content="#aaa"/>
- <meta name="color:Sidebar Link hover" content="#aaa"/>
- <meta name="color:Sidebar Link Border" content="#eee"/>
- <meta name="text:Link 1 title" content="index"/>
- <meta name="text:Link 1 url" content="/"/>
- <meta name="text:Link 2 title" content="ask"/>
- <meta name="text:Link 2 url" content="/ask"/>
- <meta name="text:link 3 title" content="archive"/>
- <meta name="text:Link 3 url" content="/archive"/>
- <meta name="text:Link 4 title" content="link 4"/>
- <meta name="text:Link 4 url" content="/"/>
- <meta name="text:see" content="0.8"/>
- <meta name="if:see" content="1" />
- <meta name="if:glow" content="1" />
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_list { margin:0px; padding:0px; width:180px;}
- .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
- .links_body { padding:10px; text-align:left; color: #fff; display:none;}
- </style>
- <style type="text/css">
- /* follow/dashboard buttons */
- iframe#tumblr_controls {
- right:2px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%);
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-filter: invert(100%);
- }
- /* basic styles */
- body {
- color: {color:Text};
- background-color: {color:Background};
- background-image: url({image:Background});
- font: 17px consolas;
- line-height: 19px;
- }
- a {
- text-decoration: none;
- color: {color:Link};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- a:hover {
- color:{color:Link Hover};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- h1 {
- font-size: 16px;
- color: {color:Title};
- }
- img {max-width:100%; border-radius: 5px;-moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- img:hover{
- opacity:0.8;
- }
- iframe {border-radius: 5px;-moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- iframe:hover{
- opacity:0.8;
- }
- /* scrollbar */
- ::-webkit-scrollbar {
- width: 3px;
- height: 5px;
- background: {color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- border-radius: 16px;
- border-top: 5px solid {color:Background};
- }
- /* post customizations */
- #content { /* for the whole column of posts */
- {block:IndexPage}
- width: 430px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 430px;
- {/block:PermalinkPage}
- margin-left: 400px;
- margin-top: 30px;
- padding:10px;
- border:0px;
- }
- .entry { /* for individual posts */
- margin-bottom: 30px;
- background:{color:Posts};
- {block:ifsee}
- background:rgba(255, 255, 255,{text:see});
- {/block:ifsee}
- border:double 4px;
- padding: 15px;
- border-radius:5px;
- border-color:{color:text};
- {block:ifglow}
- box-shadow: 0 0 10px {color:text};
- {/block:ifglow}
- }
- /* permalinks */
- #perma {
- position: absolute;
- right: 400px;
- letter-spacing: .5px;
- text-transform: lowercase;
- padding: 10px;
- border-radius:5px;
- width: 430px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #perma:hover {
- background:rgba(255, 255, 255,{text:see});
- padding: 10px;
- right: -110px;
- }
- /* sidebar */
- #side {
- top: 180px;
- left: 100px;
- position: fixed;
- width: 120px;
- padding: 10px;
- border-radius:5px;
- border:double 4px;
- border-color:{color:text};
- background:{color:Posts};
- {block:ifsee}
- background:rgba(255, 255, 255,{text:see});
- {/block:ifsee}
- {block:ifglow}
- box-shadow: 0 0 10px {color:text};
- {/block:ifglow}
- }
- #sideimg img {
- width:{text:sidebar}px;
- border-radius:80px;
- padding:8px;
- }
- #sidimg img{
- {text:sideleft};
- {text:sidetop};
- position:fixed;
- width:{text:side}px;
- }
- .head {
- font-size: 16px;
- margin-bottom: 10px;
- margin-left: 10px;
- color: {color:Title};
- letter-spacing: .5px;
- }
- blockquote {
- border-left: 1px solid {color:link};
- margin-left: 6px;
- padding-left: 10px;
- }
- /* permalink page */
- img.avatar {display:none; }
- ol.notes {
- margin-top: 20px;
- }
- ul.pagination {
- display: inline-block;
- padding: 0;
- margin: 0;
- left:300px;
- top:400px;
- position:fixed;
- }
- ul.pagination li {display: inline;}
- ul.pagination li a {
- color: {text};
- padding: 8px 16px;
- background:{color:Posts};
- {block:ifsee}
- background:rgba(255, 255, 255,{text:see});
- {/block:ifsee}
- border-radius:5px;
- border:double 4px;
- border-color:{color:text};
- text-decoration: none;
- transition: background-color .3s;
- font-size: 18px;
- {block:ifglow}
- box-shadow: 0 0 10px {color:text};
- {/block:ifglow}
- }
- ul.pagination li a.active {
- color: black;
- }
- ul.pagination li a:hover:not(.active) {border-radius:5px;background:{color:link}; {block:ifsee}
- background:rgba(255, 255, 255,0);
- {/block:ifsee}
- {block:ifglow}
- box-shadow: 0 0 15px {color:text};
- {/block:ifglow}
- }
- </style>
- </head>
- <body>
- <!--sidebar-->
- <div id="side">
- <center>
- <div id="sideimg"><img src="{image:Sidebar}"></div>
- </center>
- <center>
- <br>
- {description}<p>
- </center>
- <center>
- <a href=/ask>ask</a>
- <a href=/>home</a>
- <br>
- <a href={text:link 1 url}>{text:link 1 title}</a>
- <a href={text:link 2 url}>{text:link 2 title}</a>
- <br>
- <a href={text:link 3 url}>{text:link 3 title}</a>
- <a href={text:link 4 url}>{text:link 4 title}</a>
- </div></div>
- <ul class="pagination">
- {block:Pagination}{block:PreviousPage}<li><a href="{PreviousPage}">❮</a></li>{/block:PreviousPage}
- {block:NextPage}<li><a href="{NextPage}">❯</a></li>{/block:NextPage}
- {/block:Pagination}</ul>
- <div id="sidimg"><img src="{image:Side}"></div>
- <!----->
- <div id="content">
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <div class="entry">
- <!--permalink-->
- {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
- {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}
- {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
- {block:Video}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
- {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
- <center>{block:IndexPage}{block:HasTags}#:{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}{/block:IndexPage}
- <br>
- <br>
- {block:IndexPage}<a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year},</a> <a href="{Permalink}">{DayofWeek}</a><br>{block:NoteCount} <a href="{Permalink}">{NoteCount}</a>%{/block:NoteCount} <br> <a href="{ReblogURL}">reblog?</a>{/block:IndexPage}
- <!--permalink page-->
- {block:PermalinkPage}
- <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div> <!---entry div--->
- {/block:Posts}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div><!---content div--->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement