Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----
- +-+-+-+-+-+-+-+-+
- |m|o|o|n|s|t|a|r|
- +-+-+-+-+-+-+-+-+-+
- |t|h|e|m|e|s|
- +-+-+-+-+-+-+
- © 2016
- ❝ theme 088 ❞
- ◜ ◝ ◞ ★ ☾ swoon ☽ ★ ◟ ◠ ◡
- this theme was made by moonstarthemes (jvstincvlt)
- this theme was published for public use.
- editable for own use only.
- to publish an edited version of this theme, shoot me a message
- do not take parts of the coding & use for your own themes.
- do not claim the theme to be yours.
- do not remove the credit.
- © moonstarthemes / jvstincvlt 2016. All Rights Reserved.
- --->
- <!-----start html---->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <!-----custom google fonts---->
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin', 'Oxygen:400,700:latin' , 'Hind:400,700:latin' , 'Karla:400,700:latin' , 'Open+Sans:400,700,600:latin' , 'Exo:400,700,600:latin','Roboto+Condensed:400,700:latin', 'Titillium+Web:400,600,700:latin', 'PT+Sans:400,700:latin', 'Droid+Sans::latin', ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <!-----tooltips---->
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <!-----back to top button---->
- <script>
- $(document).ready(function(){
- // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
- var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-chevron-up"></i></a>'].join("");
- $("body").append(back_to_top_button)
- // Der Button wird ausgeblendet
- $(".back-to-top").hide();
- // Funktion für das Scroll-Verhalten
- $(function () {
- $(window).scroll(function () {
- if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
- $('.back-to-top').fadeIn();
- } else {
- ('.back-to-top').fadeOut();
- }
- });
- $('.back-to-top').click(function () { // Klick auf den Button
- $('body,html').animate({
- scrollTop: 0
- }, 800);
- return false;
- });
- });
- });
- </script>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <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}
- <!-----all colors---->
- <meta name="color:background" content="#f5f5f5"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:links" content="#000000"/>
- <meta name="color:info" content="#000000"/>
- <meta name="color:post text" content="#000000"/>
- <meta name="color:posts" content="#ffffff">
- <meta name="color:scrollbar" content="#000000">
- <meta name="color:scrollbar background" content="#ffffff">
- <meta name="color:hover" content="#97c5e0">
- <meta name="color:accent" content="#97c5e0">
- <meta name="color:border" content="#f6f6f6">
- <!-----images---->
- <meta name="image:background" content=""/>
- <meta name="image:header" content=""/>
- <meta name="text:title" content="">
- <!-----sidebar links---->
- <meta name="text:link one" content="link one">
- <meta name="text:link two" content="link two">
- <meta name="text:link three" content="link three">
- <meta name="text:link four" content="link four">
- <meta name="text:link one url" content="/">
- <meta name="text:link two url" content="/">
- <meta name="text:link three url" content="/">
- <meta name="text:link four url" content="/">
- <!-----custom css---->
- <style type="text/css">
- /*tumblr controls*/
- iframe#tumblr_controls {
- top: 0px !important;
- right:0px !important;
- opacity:0.5;
- z-index:999999999999999999999999999999999999999999999999999;
- position: fixed !important;
- }
- /*scrollbar*/
- ::-webkit-scrollbar-thumb{
- height:auto;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar{
- height:2px;
- width:5px;
- background-color:{color:scrollbar background};
- }
- /*tooltips*/
- #s-m-t-tooltip{
- margin:12px 0px 0px 12px;
- padding:5px;
- background-color:{color:text};
- font-family: 'roboto', sans-serif;
- font-weight:400;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:posts};
- z-index:999999999999999999999999999999999999;
- }
- /*body basics*/
- body{
- background-color:{color:background};
- background-image:url('{image:background}');
- background-attachment: fixed;
- background-repeat: repeat;
- font-weight:none;
- font-family: 'roboto', sans-serif;
- font-size:10px;
- text-align:justify;
- color:{color:text};
- margin:0;
- }
- a{
- text-decoration:none;
- color:{color:links};
- transition-duration: 0.1s;
- -moz-transition-duration: 0.1s;
- -webkit-transition-duration: 0.1s;
- -o-transition-duration: 0.1s;
- }
- a:hover{
- text-decoration:none;
- color:{color:hover};
- transition-duration: 0.1s;
- -moz-transition-duration: 0.1s;
- -webkit-transition-duration: 0.1s;
- -o-transition-duration: 0.1s;
- }
- img{
- }
- blockquote {
- font-size:10px;
- max-width:545px;
- border-left:3px solid{color:border};
- text-align:left;
- padding:1px;
- font-weight:none;
- margin-left:0px;
- padding-top:0.5px;
- padding-bottom:0.5px;
- font-size:10px;
- font-family: 'arial', sans-serif;
- margin-right:30px;
- padding-left:15px;
- color:{color:text};
- }
- pre{
- font-size:9px;
- text-align:center;
- text-transform:none;
- font-family: 'Bitter', serif;
- font-weight:bold;
- line-height:9px;
- border-left:1px solid {color:border};
- border-bottom:1px solid {color:border};
- letter-spacing:2px;
- background-color:{color:blockquote};
- color:{color:post text};
- padding:6px;
- }
- small{
- font-size:8px;
- }
- big{
- font-size:11px;
- }
- sub{
- font-size:7px;
- }
- h1 {
- font-size:11px;
- text-align:center;
- font-family: 'roboto', sans-serif;
- letter-spacing:0px;
- text-transform:uppercase;
- font-weight:700;
- line-height:17px;
- border-bottom:1px solid {color:border};
- color:{color:text};
- padding:7px;
- }
- h1 a{
- color:{color:text};
- }
- h2{
- color:{color:post text};
- text-transform:uppercase;
- font-family: 'Roboto', sans-serif;
- text-align:left;
- }
- b {
- font-weight:bold;
- padding:2px;
- font-family: 'Roboto', sans-serif;
- color:{color:text};
- }
- i {
- font-weight:italic;
- color:{color:text};
- }
- m {
- color:{color:posts};
- }
- j {
- color:{color:posts};
- }
- n {
- font-weight:bold;
- letter-spacing:-1px;
- text-shadow: 1px 1px 1px #cccccc;
- font-size:12px;
- text-transform:uppercase;
- color:{color:text};
- }
- u {
- text-decoration:none;
- text-shadow: 1px 1px 1px #cccccc;
- border-bottom:1px solid {color:text};
- }
- /*sidebar icon*/
- #header {
- position:fixed;
- width:70px;
- margin-top:190px;
- padding:10px;
- height:70px;
- margin-left:180px;
- background-color:transparent;
- z-index:9999999999999999;
- }
- #headerimage {
- width 70px;
- z-index:-99999;
- }
- #headerimage img {
- width:110px;
- height:150px;
- margin-left:200px;
- top:230px;
- position:fixed;
- opacity:1;
- z-index:-9;
- }
- /*sidebar description*/
- #description {
- overflow:auto;
- position:fixed;
- text-align:justify;
- top:230px;
- margin-left:310px;
- word-wrap: break-word;
- font-family: 'arial', sans-serif;
- border-right:1px solid #eee;
- border-bottom:1px solid #eee;
- width:160px;
- height:114px;
- opacity:1;
- line-height:13px;
- background:{color:posts};
- font-weight:400;
- color:{color:text};
- padding:18px;
- letter-spacing:0px;
- font-size:9px;
- z-index:-99999;
- }
- /*jump pagination*/
- .pagination{
- font-family: 'arial', sans-serif;
- margin-left:-180px;
- width:auto;
- padding-top:-10px;
- padding-bottom:20px;
- font-size:10px;
- text-align:center;
- }
- .pagination a{
- padding:3px;
- font-family: 'arial', sans-serif;
- font-weight:300;
- bottom:10px;
- margin-left:5px;
- border:1px solid {color:border};
- color:{color:text};
- }
- .pagination a:hover{
- color:{color:hover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- /*back to top button*/
- .back-to-top {
- position: fixed;
- color:{color:text};
- bottom:40px;
- right:40px;
- font-size:20px;
- padding:10px;
- }
- /*post notes*/
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- font-family:'Roboto',sans-serif;
- list-style-type: none;
- width:540px;
- border-bottom: solid 1px #ccc;
- }
- ol.notes li.note {
- border-top: solid 1px #ccc;
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- border-radius:100px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: 300;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /*audio*/
- .audioartist {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audiotitle {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audioplayed {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audioplayr {
- width:400px;
- color:{color:text};
- background:{color:accent};
- }
- audioinfo {
- font-family:'roboto', sans-serif;
- font-size:10px;
- letter-spacing:2px;
- text-transform:lowercase;
- font-weight:300;
- }
- /*post tags*/
- #tags {
- text-align:left;
- opacity:1
- font-size:8px;
- font-family: 'roboto', sans-serif;
- margin-top:-12px;
- margin-left:0px;
- color:{color:info};
- padding:5px;
- font-weight:700;
- height:15px;
- width:auto;
- text-transform:lowercase;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- #tags a {
- padding:0px;
- margin-top:-3px;
- color:{color:info};
- line-height:12px;
- letter-spacing:1px;
- font-weight:none;
- text-align:left;
- font-size:9px;
- font-family: 'roboto', sans-serif;
- display:inline-block;
- }
- #tags a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:hover};
- }
- /*sidebar links*/
- .links {
- width:110px;
- height:150px;
- overflow:hidden;
- cursor:pointer;
- top:230px;
- opacity:1;
- z-index:999999999;
- display:inline-block;
- position:absolute;
- margin-left:-5px;
- text-align:center;
- }
- .links #all {
- margin-left:-5px;
- margin-top:13px;
- padding:6px;
- height:14px;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .links #all a:hover {
- color:{color:hover};
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .links a {
- width:49px;
- height:15px;
- margin-bottom:5px;
- text-align:center;
- text-transform:uppercase;
- outline:1px solid #eee;
- padding:4px;
- opacity:1;
- margin-left:0px;
- line-height:16px;
- color:{color:text};
- background:{color:posts};
- z-index:99999;
- font-weight:500;
- font-family: 'roboto', sans-serif;
- letter-spacing:0px;
- font-size:8px;
- display:inline-block;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /*sidebar hover*/
- #sidebar-hvr {
- width:100px;
- height:140px;
- margin-top:230px;
- opacity:0;
- padding:5px;
- margin-left:200px;
- z-index:9999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #sidebar-hvr:hover{
- opacity:1;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- /*title*/
- #sidebartitle{
- width:291px;
- height:26px;
- top:194px;
- opacity:1;
- padding:5px;
- position:fixed;
- font-family: 'open sans' , sans-serif;
- letter-spacing:0px;
- text-align:left;
- padding-left:10px;
- background:{color:text};
- font-weight:700;
- color:{color:posts};
- text-transform:uppercase;
- line-height:29px;
- font-size:10px;
- margin-left:200px;
- z-index:99;
- }
- /*posts*/
- #entries {
- margin-left:650px;
- margin-top:-320px;
- }
- #post {
- font-size:10px;
- width:500px;
- color:{color:post text};
- background-color:{color:posts};
- text-align:justify;
- padding:20px;
- padding-top:5px;
- padding-bottom:12px;
- overflow:hidden;
- line-height:20px;
- margin-bottom:30px;
- }
- #post img{
- max-width:500px;
- height:auto;
- }
- /*questions and answers*/
- #asking {
- margin-left:20px;
- margin-top:-23px;
- }
- #question {
- padding:20px;
- padding-left:14px;
- margin-top:-28px;
- margin-left:-1px;
- font-size:9px;
- width:470px;
- color:{color:text};
- background:#eee;
- }
- #asker{
- margin-top:18px;
- padding:1px;
- font-weight:600;
- font-size:9px;
- z-index:9999999999;
- color:{color:text};
- font-style:italic;
- opacity:1;
- margin-left:12px;
- letter-spacing:0px;
- font-family: 'roboto', sans-serif;
- text-transform:lowercase;
- }
- /*post info*/
- #info {
- width:auto;
- height:13px;
- text-align:left;
- font-family: 'roboto', sans-serif;
- text-transform:lowercase;
- margin-left:0px;
- font-size:9px;
- margin-top:20px;
- overflow:hidden;
- font-weight:700;
- font-style:none;
- letter-spacing:1px;
- padding:5px;
- border-top:1px solid #eee;
- line-height:15px;
- background-color:{color:posts};
- color:{color:info};
- }
- #info a {
- text-align:left;
- font-weight:700;
- padding-top:10px;
- letter-spacing:1px;
- font-family: 'roboto', sans-serif;
- line-height:7px;
- color:{color:info};
- }
- #info a:hover{
- color:{color:hover};
- }
- /*credit (u better leave this here u goof)*/
- #credit{
- position:fixed;
- font-size:8px;
- font-weight:400;
- padding-bottom:5px;
- padding-top:5px;
- height:20px;
- width:20px;
- opacity:1;
- padding-left:5px;
- padding-right:5px;
- margin-left:1331px;
- top:650px;
- letter-spacing:0px;
- line-height:22px;
- background-color:black;
- padding:3px;
- text-align:center;
- float:left;
- font-family: 'roboto', sans-serif;
- color:{color:posts};
- text-transform:uppercase;
- }
- {CustomCSS}</style>
- </head>
- <body>
- <!-----basics---->
- <div id="sidebar">
- <div id="headerimage"><img src="{image:header}"></a></div>
- <div id="description">{description}</div>
- <div id="sidebartitle">{text:title}</a></div>
- </div>
- </div>
- <div id="sidebar-hvr">
- <div class="links">
- <div id="all">
- <a href="/">index</a>
- <a href="/ask">contact</a>
- <a href="{text:link one url}"style="margin-left:2px">{text:link one}</a>
- <a href="{text:link two url}">{text:link two}</a>
- </div>
- </div>
- </div>
- <!-----posts and entries---->
- <div id="entries">
- {block:Posts}
- <div id="post"
- <div id="post">
- <!----texts---->
- {block:Text}
- {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
- {Body}
- {/block:Text}
- <!-----question and answers---->
- {block:Answer}
- <div id="asker">{Asker} asked:</div>
- <div id="question">{Question}</div>
- {Answer}{/block:Answer}
- <!-----quotes---->
- {block:Quote}
- {block:Quote}
- <h2>{Quote}</h2>
- <div align="right">
- {block:Source}<h1>-{Source}</h1>{/block:Source}
- </div>
- {/block:Quote}
- <!-----links---->
- {block:Link}
- <h2><center><a href="{URL}">{Name}</center></a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-----chats---->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!-----photos---->
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!-----photosets---->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!-----videos---->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!-----audios---->
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
- {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
- {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
- {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
- </br>
- <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
- {/block:Audio}
- <!-----info---->
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">
- {DayOfMonth} {ShortMonth} {ShortYear} · </a> {NoteCountWithLabel} {block:RebloggedFrom}
- {block:ContentSource}
- · <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> / <a href="{SourceURL}"title="{ReblogRootName}">SRC</a> · {block:RebloggedFrom}
- <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:info}"></i></a>
- {block:RebloggedFrom}
- {/block:RebloggedFrom}
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </a></div></div>
- {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> {Tag} </a>, {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div class="pagination"style="{color:title text}">
- {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:posts};background:{color:text};padding:4px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:title text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <!-----credit (u better dont touch this here u goof)---->
- <div id="credit">
- <a href="http://adf.ly/1Q6OGo"title="moonstar themes"style="color:white">ms</a>
- </div>
- </html>
- </body>
- <!-----end html---->
Add Comment
Please, Sign In to add comment