Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <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}
- <!--This renders the title that appears in the browser tab. You can add {*block:PostSummary} (without the asterisk)after title if you want to. The block will show you the post summary when you visited a post's permalink.-->
- <html>
- <head>
- <!--
- 100% Fr00t Juice Theme by Astin @gaykratosaurion. edit of Sunlight Avenue by kuzuriha
- -->
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="color:background" content="#F7F7F7"/>
- <meta name="color:body" content="#C9C9C9"/>
- <meta name="color:post background" content="#fff"/>
- <meta name="color:blockquote" content="#FFC9B2"/>
- <meta name="color:link" content="#E8D2A2"/>
- <meta name="color:link hover" content="#FFE5BF"/>
- <meta name="color:post title color" content="#FFC9B2"/>
- <meta name="color:post info background" content="#E8D2A2"/>
- <meta name="color:post info text" content="#fff"/>
- <meta name="color:link background" content="#E8D2A2"/>
- <meta name="color:link text" content="#fff"/>
- <meta name="color:dropdown background" content="#fff"/>
- <meta name="color:question background" content="#F7F7F7"/>
- <meta name="color:sidebar background" content="#fff"/>
- <meta name="color:blog title" content="#383838"/>
- <meta name="color:title background" content="#fff"/>
- <meta name="color:description" content="#383838"/>
- <meta name="color:desc background" content="#fff"/>
- <meta name="color:navigation link background" content="#fff"/>
- <meta name="color:navigation link text" content="#FFC9B2"/>
- <meta name="color:custom link background" content="#fff"/>
- <meta name="color:custom link text" content="#FFC9B2"/>
- <meta name="color:scrollbar background" content="#FFEFB2"/>
- <meta name="color:tooltip background" content="#FFE5BF"/>
- <meta name="color:tooltip text" content="#fff"/>
- <meta name="text:link1" content=""/>
- <meta name="text:link1URL" content=""/>
- <meta name="text:link2" content=""/>
- <meta name="text:link2URL" content=""/>
- <meta name="text:link3" content=""/>
- <meta name="text:link3URL" content=""/>
- <meta name="text:link4" content=""/>
- <meta name="text:link4URL" content=""/>
- <meta name="font:font"content="">
- <meta name="if:400px" content="0"/>
- <meta name="if:500px" content="0"/>
- <meta name="if:600px" content="0"/>
- <meta name="if:750px" content="1"/>
- <meta name="if:fadingphoto" content="0"/>
- <meta name="if:grayscale" content="0"/>
- <!--scripts-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /**webkit scrollbar**/
- ::-webkit-scrollbar{
- width:4px;
- }
- ::-webkit-scrollbar-thumb:vertical{
- background:{color:scrollbar background};
- height:auto;
- }
- /**tooltips**/
- #s-m-t-tooltip {
- max-width:150px;
- padding:5px 10px 5px 10px;
- margin:20px 14px 7px 10px;
- background-color:{color:tooltipbg}; /* change the background color */
- font-family:{font:font}; /* change the font */
- font-style: normal;
- font-size:10px; /* change the font size */
- line-height:11px;
- letter-spacing:1px; /* change the letter spacing */
- text-transform:uppercase; /* can be uppercase, lowercase, none*/
- color:{color:tooltipt}; /* change the text color */
- z-index:999999;
- }
- /**general appearance**/
- body{
- margin:0;
- padding:0;
- font-family:{font:font};
- color:{color:body};
- background:{color:background} url('{image:background}') fixed;
- overflow-x:hidden;
- }
- a{
- color:{color:link};
- text-decoration:none;
- }
- a:hover{
- color:{color:link hover};
- }
- blockquote{
- padding-left:10px;
- border-left:3px solid {color:blockquote};
- }
- blockquote blockquote{
- padding-left:10px;
- border-left:3px solid {color:blockquote};
- }
- /**sidebar block**/
- #sidebar{
- background:{color:sidebar background};
- width:100px;
- height:100px;
- position:fixed;
- margin-left:49px;
- margin-top:120px;
- padding:5px;
- }
- #sidebar img{
- width:100px;
- height:100px;
- }
- #blogtitle{
- background:{color:title background};
- position:fixed;
- display:block;
- min-width:120px;
- font-family:{font:font};
- text-align:center;
- padding:10px;
- font-weight:700;
- text-transform:uppercase;
- color:{color:blog title};
- margin-left:192px;
- margin-top:120px;
- }
- #desc{
- background:{color:desc background};
- font-family:{font:font};
- text-align:center;
- width:120px;
- padding:10px;
- margin-left:192px;
- margin-top:150px;
- position:fixed;
- color:{color:description};
- }
- /**navigation block.**/
- #nav_bar{
- width:294px;
- position:fixed;
- margin-left:40px;
- margin-top:75px;
- padding:5px;
- }
- .nav_link a{
- min-width:58px;
- background:{color:navigation link background};
- color:{color:navigation link text};
- display:inline-block;
- margin:4px;
- font-family:{font:font};
- text-align:center;
- padding:2px;
- text-transform:uppercase;
- }
- #container{
- margin-left:500px;
- position:relative;
- }
- .post{
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if600px}
- width:600px;
- {/block:if600px}
- {block:if750px}
- width:750px;
- {/block:if750px}
- position:relative;
- word-wrap:break-word;
- margin-top:50px;
- margin-bottom:50px;
- padding:12px;
- background:{color:post background};
- }
- .post img{
- max-width:100%;
- }
- .title{
- display:block;
- padding:10px;
- text-align:center;
- font-family:{font:font};
- color:{color:post title color};
- text-transform:uppercase;
- font-weight:700;
- }
- /**photo post**/
- .photopost{
- {block:if400px}
- max-width:400px;
- {/block:if400px}
- {block:if500px}
- max-width:500px;
- {/block:if500px}
- {block:if750px}
- max-width:750px;
- {/block:if750px}
- {block:iffadingphoto}
- opacity:0.7;
- transition:0.5s ease-in-out;
- -moz-transition:0.5s ease-in-out;
- -webkit-transition:0.5s ease-in-out;
- {/block:iffadingphoto}
- {block:ifgrayscale}
- -webkit-filter:grayscale(100%);
- transition:0.5s ease-in-out;
- -moz-transition:0.5s ease-in-out;
- -webkit-transition:0.5s ease-in-out;
- {/block:ifgrayscale}
- }
- .photopost:hover{
- {block:iffadingphoto}
- opacity:1;
- {/block:iffadingphoto}
- {block:ifgrayscale}
- -webkit-filter:grayscale(0);
- {/block:ifgrayscale}
- }
- /**quote post**/
- #quote{
- text-align:center;
- font-family:{font:font};
- font-weight:700;
- font-style:italic;
- }
- #source{
- display:block;
- text-align:right;
- text-transform:uppercase;
- font-family:{font:font};
- margin-bottom:10px;
- }
- /**link post**/
- #link{
- display:block;
- padding:10px;
- background:{color:link background};
- color:{color:link text};
- text-transform:lowercase;
- font-family:{font:font};
- text-align:center;
- font-weight:700;
- }
- /**chat post**/
- .chat li{
- list-style-type:none !important;
- padding:8px;
- margin-left:-40px;
- margin-top:4px;
- margin-bottom:2px;
- font:13px courier;
- }
- /**audio post**/
- /**ask post**/
- #askimg{
- width:48px;
- height:48px;
- float:left;
- }
- #asker, #asker a{
- text-transform:uppercase;
- display:inline-block;
- }
- .qtext{
- margin-left:10px;
- }
- .qbox{
- {block:if400px}
- width:80%;
- {/block:if400px}
- {block:if500px}
- width:83%;
- {/block:if500px}
- {block:if750px}
- width:85%;
- {/block:if750px}
- padding:10px;
- min-height:30px;
- background:{color:question background};
- margin-left:60px;
- }
- /**post info**/
- .postinfo{
- display:block;
- padding:5px;
- height:20px;
- text-align:center;
- background:{color:post info background};
- color:{color:post info text};
- text-transform:uppercase;
- font:14px calibri;
- line-height:150%;
- font-weight:700;
- font-family:{font:font};
- }
- .postinfo a{
- color:{color:post info text};
- }
- /**post tags**/
- .tagcont{
- margin-top:10px;
- }
- .tagcont a{
- display:inline;
- text-transform:bold;
- }
- /**pagination**/
- #pagcont{
- position:fixed;
- width:100px;
- margin-left:230px;
- margin-top:370px;
- text-align:center;
- background:{color:post background};
- font-family:{font:font};
- }
- #pagcont a{
- text-align:center;
- background:{color:post background};
- color:{color:body}
- font-family:{font:font};
- }
- }
- </style>
- </head>
- <body>
- <div id="sidebar"><img src="{image:sidebar}"></div>
- <div id="blogtitle">{Title}</div>
- <div id="desc">{Description}
- <!-- menu from
- http://manatopia.tumblr.com/post/29513159116/teach-me-how-08-simple-drop-down-box -->
- <select style="align: center; width: 100px; border: 0px solid; padding: 3px; color: {color:body}; background-color: {color:dropdown background}; font-family;{font:font}; font-size: 12px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">navigation</option>
- <option value="{text:link1url}">{text:link1}</option>
- <option value="{text:link2url}">{text:link2}</option>
- <option value="{text:link3url}">{text:link3}</option>
- <option value="{text:link4url}">{text:link4}</option>
- <option value="http://aurion.co.vu">credit</option>
- <option value="https://kuzuriha.tumblr.com">base</option>
- </select></div>
- <!--navigation block-->
- <div id="nav_bar">
- <div class="nav_link">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="/archive">past</a>
- <a href="/submit">submit</a>
- </div>
- </div><!--end nav_bar-->
- <div id="pagcont">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- <span class="current_page">{CurrentPage}</span>/{TotalPages}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="container">
- <!--This is the real content of your theme. You can refer to the Tumblr docs for reference as what each block does.-->
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {linkopentag}<div class="photopost"><center><img class="photo" src="{PhotoURL-HighRes}"></center></div>{linkclosetag}
- {block:Caption}<font="{font:post body}">{Caption}</font>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:if500px}<div class="photopost">{Photoset-500}</div>{/block:if500px}
- {block:if400px}<div class="photopost">{Photoset-400}</div>{/block:if400px}
- {block:Caption}<font="{font:post body}">{Caption}</font>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {block:if750px}{Video-750}{/block:if750px}
- {block:if500px}{Video-500}{/block:if500px}
- {block:if400px}{Video-400}{/block:if400px}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Quote}
- <div id="quote">{Quote}</div>
- {block:Source}<div id="source"><font="{font:post body}">{Source}</font></div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}"><div id="link">{Name} →</div></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line_{Alt}"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}
- {/block:Lines}
- </li>
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <img src="{AskerPortraitURL-48}" id="askimg"/><div class="qbox"><div id="asker">{Asker}:</div> {Question}</div>
- <div class="ans">{Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- {block:Date}<div class="postinfo"><a href="{Permalink}">{DayOfMonth} {Month} {Year}</a> || {NoteCountWithLabel} || <a href="{ReblogURL}">rblg</a>
- {block:RebloggedFrom} || <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> || <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
- </div>
- {/block:IndexPage}
- {block:HasTags}
- <div class="tagcont">{block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}<div class="pinfoperma">Posted on {MonthNumber}/{DayOfMonth} at {24HourWithZero}:{Minutes} with {NoteCountWithLabel}</div>{/block:Date}
- {block:PostNotes}
- <div class="pnotes">
- <ol class="notes">{PostNotes}</ol>
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {/block:PermalinkPage}
- </div><!--end main container-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement