Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- |||||||| theme 07: sino
- || by quenma.tumblr.com
- don't redistribute
- don't copy any part of the code
- feel free to change fonts and colors
- message me if there is any bugs
- -->
- <head>
- <title>{title}{block:searchpage} - search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
- </title>
- <link href="{Favicon}" rel="shortcut icon"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='https://fonts.googleapis.com/css?family=Ubuntu|Roboto:300,400,700,400italic,300italic,700italic,500italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/mmInxxidy/style.css">
- <meta name="description" content="{metadescription}" />
- <meta name="color:Font" content="#888888" />
- <meta name="color:Entry" content="#ffffff" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Links" content="#111111" />
- <meta name="color:Links hover" content="#cfe8f3" />
- <meta name="color:Post title" content="#111111" />
- <meta name="color:Borders" content="#f6f6f6" />
- <meta name="color:Permalink text" content="#aaaaaa" />
- <meta name="color:Permalink box" content="#ffffff" />
- <meta name="color:Question background" content="#fafafa" />
- <meta name="color:Header background" content="#cfe8f3" />
- <meta name="image:Header" content="http://goo.gl/09a1bt"/>
- <meta name="image:Header avatar" content="http://goo.gl/OM4c6H" />
- <meta name="image:Background" content=""/>
- <meta name="if:Show captions" content="0"/>
- <meta name="if:Fade images" content="0"/>
- <meta name="text:Link 1 URL" content="#01"/>
- <meta name="text:Link 1 title" content="title 01"/>
- <meta name="text:Link 2 URL" content="#02"/>
- <meta name="text:Link 2 title" content="title 02"/>
- <meta name="text:Link 3 URL" content="#03"/>
- <meta name="text:Link 3 title" content="title 03"/>
- <meta name="text:Link 4 URL" content="#04"/>
- <meta name="text:Link 4 title" content="title 04"/>
- <meta name="text:Sidebar title" content="Theme 07"/>
- <meta name="select:Posts width" content="250px">
- <meta name="select:Posts width" content="300px">
- <meta name="select:Posts width" content="350px">
- <meta name="select:Posts width" content="400px">
- <meta name="select:Posts width" content="450px">
- <meta name="select:Posts width" content="500px">
- <meta name="select:Posts width" content="540px">
- <meta name="select:Text size" title="9px" content="9">
- <meta name="select:Text size" title="10px" content="10">
- <meta name="select:Title size" title="14px" content="14">
- <meta name="select:Title size" title="15px" content="15">
- <meta name="select:Title size" title="16px" content="16">
- <meta name="select:Title size" title="17px" content="17">
- <meta name="select:Title size" title="18px" content="18">
- <meta name="select:Title size" title="19px" content="19">
- <meta name="select:Header size" title="Fit width" content="100% auto">
- <meta name="select:Header size" title="Fit height" content="auto 100%">
- <meta name="select:Header size" title="Cover" content="cover">
- <meta name="select:Header size" title="Original" content="auto auto">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
- </script>
- <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
- <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '{color:links hover}'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' });
- });
- });
- </script>
- <!-- search -->
- <script>
- function tagSearch(form) {
- if (form.tag.value.replace(/\s/g, '').length > 0) {
- window.location = "/search/" + form.tag.value; }
- return false; }
- </script>
- <script>
- $(document).ready(function() {
- $(window).scroll(function() {
- var distanceFromTop = $(document).scrollTop();
- if (distanceFromTop >= 80)
- { $('#borders').addClass('fixed'); }
- else { $('#borders').removeClass('fixed'); };
- if (distanceFromTop >= 470)
- { $('#sidebar').addClass('fixed'); }
- else { $('#sidebar').removeClass('fixed'); }
- });
- });
- </script>
- <style>
- /* defaults */
- #tumblr_controls { z-index:9999999999!important;
- position:fixed; }
- a { color:{color:links};
- text-decoration:none;
- cursor:help;}
- a:hover { border-bottom:1px solid {color:links hover}; }
- body { font:{select:text size}px roboto;
- color:{color:font};
- background:{color:background} url('{image:background}') fixed top left;
- margin:0;
- padding:0;
- line-height:17px; }
- pre, small, sub, sup, big, code { font-size:{select:text size}px!important; }
- pre { word-break:break-word; }
- ::-webkit-scrollbar-thumb { background: {color:links hover};
- border:2px solid {color:background}; }
- ::-webkit-scrollbar {
- height:6px;
- width:6px;
- background: {color:background}; }
- blockquote { border-left:1px solid {color:borders};
- padding:0 6px 0 15px;
- margin:10px 0 0 11px; }
- blockquote blockquote { margin:2px 0 0 0; }
- #s-m-t-tooltip{
- max-width:240px;
- font-style:italic;
- padding:3px 5px;
- margin-left:25px;
- margin-right:22px;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-top:18px;
- z-index:900;
- background-color:{color:entry}; }
- ::selection { color:{color:entry};
- background:{color:links hover}; }
- /* posts */
- #content { width:{select:posts width};
- left:50%;
- margin-left:calc(-{select:posts width} / 2 + 120px);
- top:490px;
- position:relative;
- {block:PermalinkPage}
- width:500px;
- margin-left:-130px;
- {/block:PermalinkPage} }
- .entry { width:{select:posts width};
- margin-bottom:90px;
- display:block;
- text-align:justify;
- background:{color:entry};
- padding:5px;
- border:1px solid {color:borders};
- position:relative;
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage} }
- {block:Pagination}
- .entry:last-child { margin-bottom:30px; }
- {/block:Pagination}
- .entry .title { font-size:{select:title size}px;
- font-weight:700;
- display:block;
- text-align:left;
- margin-bottom:10px;
- line-height:17px;
- color:{color:post title}; }
- .body-distance { padding:15px; }
- .entry .body-distance img { max-width:100%;
- height:auto;}
- /* permalink */
- .perma { padding:15px 15px 12px;
- border-top:1px solid {color:borders};
- background:{color:permalink box};
- color:{color:permalink text};
- font-style:italic;
- margin:0 -5px -5px;
- text-transform:lowercase;
- text-align:left;
- line-height:15px;
- {block:PermalinkPage}
- border-top: 1px solid {color:borders};
- background:{color:entry};
- color:{color:font};
- margin: 0 -5px;
- text-transform:lowercase;
- text-align: left;
- font-style:normal;
- line-height: 15px;
- border-bottom: 1px solid {color:borders};
- padding: 20px;
- font-size: 10px;
- {/block:PermalinkPage} }
- .perma a { color:{color:permalink text};
- margin-right:3px;
- border:none;
- {block:PermalinkPage}
- color:{color:links};
- {/block:PermalinkPage} }
- a.tags, a.note-count { text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- position:absolute;
- color:{color:permalink text};
- display:inline-block;
- margin-top:0px;
- padding:4px 7px;
- border:1px solid {color:borders};
- line-height:12px;
- {block:PermalinkPage}
- color:{color:links};
- font-size:{select:text size}px;
- font-style:none;
- text-transform:none;
- letter-spacing:0;
- {/block:PermalinkPage} }
- a.tags { position:relative;
- display:inline;
- border:none;
- padding:0 3px 0 0; }
- a.tags:before { content:' #'; }
- .buttons { display:inline-block;
- position:absolute;
- margin-left:-4px; }
- .buttons-outer { width:14px;
- height:14px;
- text-align:center;
- margin-right:3px;
- display:inline-block;
- padding:3px;
- border:1px solid {color:borders}; }
- .likebutton iframe { margin-top:0px;
- height:13px!important;}
- .reblogbutton { margin-top:1px;
- margin-left:-5px;}
- /* photos */
- .photopost { max-width:100%;
- {block:iffadeimages}
- opacity:.8;
- {/block:iffadeimages} }
- {block:iffadeimages}
- .photosets { opacity:.8; }
- {/block:iffadeimages}
- /* answers */
- .question { padding:8px 10px;
- margin-left:33px;
- background:{color:question background}; }
- .question:before { position:absolute;
- content:'';
- margin-left:-27px;
- margin-top:2px;
- border:10px solid transparent;
- border-right-color:{color:question background}; }
- .question i { text-transform:uppercase;
- font-style:italic;
- display:inline-block;
- position:absolute;
- color:{color:font}; }
- .question a { color:{color:font};
- border-bottom:none; }
- #askerava { position:absolute;
- margin-top:10px; }
- /* links */
- .entry a.title.linkpost { margin-bottom:0;
- background:{color:question background};
- padding:5px;
- color:{color:post title};
- border:none;
- display:inline-block; }
- .link-excerpt { padding:8px;
- font-style:italic;
- margin-top:-5px;
- background:{color:question background}; }
- /* audios */
- #audio-content { border-bottom:1px solid {color:borders};
- padding-bottom:16px;
- margin-bottom:-1px; }
- .audioplayer-inner { width: 26px;
- overflow: hidden; }
- .audioplayer-outer {
- padding: 5px 7px 2px;
- width: 26px;
- position: relative;
- display: inline-block;
- margin: 20px 20px 0;
- overflow: hidden;
- background: {color:question background};
- z-index: 10; }
- .audio-info { text-align:left;
- font-style:italic;
- position:absolute;
- margin-top:24px;
- margin-left:-5px;
- display:inline-block; }
- .audio-info#audio-em { position:relative;
- border-left:1px solid {color:borders};
- padding:0 6px 0 20px;
- margin:10px 0 0 15px!important;}
- #audio-em br { display:none; }
- .audio-info b { text-transform:uppercase; }
- .audio-posts { padding:10px 15px; }
- .a-emb { margin:10px 10px 4px; }
- /* chats */
- .codd, .ceven { padding:8px;
- margin:2px;
- border-radius:3px; }
- .codd { background:{color:question background}; }
- .codd i, .ceven i { font-style:italic;
- text-transform:uppercase; }
- /* post notes */
- .noul { padding-top:0px;
- margin-top:-100px;
- overflow:auto; }
- .noul ul, .noul li, .noul ol { list-style-type:none;
- margin-left:-25px;}
- .noul img { visibility:hidden; }
- .noul li { padding:3px 0;
- font-size:{select:text size}px;
- color: #888888;
- border-top: 0px solid transparent;
- width: 400px;
- background: transparent;
- text-transform: lowercase;
- margin: 3px 0; }
- .avatar_frame { display: none; }
- .noul blockquote { margin-left:20px; }
- .p-notes { margin-bottom:60px; }
- /* pagination */
- #pagi { font-style: italic;
- font-size: 7px;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin-bottom: 75px;
- position: relative; }
- /* header */
- #header { width:calc({select:posts width} + 400px);
- position:absolute;
- top:80px;
- left:50%;
- z-index:90;
- border:1px solid {color:borders};
- margin-left:calc(-{select:posts width} / 2 - 200px);
- {block:PermalinkPage}
- width:900px;
- margin-left:-450px;
- {/block:PermalinkPage} }
- .header-img {width:100%;
- height:300px;
- position:relative;
- border-bottom:1px solid {color:borders};
- background:{color:header background} url('{image:header}') no-repeat scroll left top;
- background-size:{select:header size};
- background-position:top center;
- z-index:5; }
- #header .links { display:block;
- padding:15px;
- margin-left:24px;
- font-size:7px;
- letter-spacing:1px;
- text-transform:uppercase; }
- #header .links a { margin-right:13px; }
- /* sidebar */
- #sidebar {
- border-right:1px solid {color:borders};
- position:absolute;
- margin-left:-250px;
- width:170px;
- padding-bottom:10px;
- padding:10px 30px 10px 0;
- margin-top:10px;
- text-align:left; }
- #sidebar.fixed { position:fixed!important;
- top:20px; }
- #borders { width:calc({select:posts width} + 400px);
- position:fixed;
- top:80px;
- left:50%;
- height:100vh;
- z-index:-100;
- border:1px solid {color:borders};
- background:{color:entry};
- border-top-color:transparent;
- border-bottom-color:transparent;
- margin-left:calc(-{select:posts width} / 2 - 200px);
- {block:PermalinkPage}
- width:900px;
- margin-left:-450px;
- {/block:PermalinkPage} }
- #borders.fixed { top:0;
- position:fixed!important; }
- .avatar { width:20px;
- height:20px;
- display:inline-block;
- margin-top:-1px;
- margin-left:-24px;
- position:absolute;
- background:url('{image:header avatar}');
- background-size:20px; }
- #sidebar .title { font-size:{select:title size}px;
- font-weight:700;
- padding-bottom:8px;
- color:{color:post title}; }
- #sidebar .title:before { content:'» ';
- font-size:14px;
- line-height:{select:title size}px; }
- #sidebar .links { margin-top: 15px; }
- #sidebar .links a { padding:2px 9px;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- display:block;
- border:1px solid {color:borders};
- margin-top:5px; }
- #sidebar .links a:hover { background:{color:links hover};
- color:{color:entry};
- border:1px solid {color:entry};}
- /* search box */
- form[onsubmit="return tagSearch(this)"] { display:inline-block;
- color:#ffffff;
- float:right;
- margin-left:-200px; }
- .searchbox {
- white-space: nowrap;
- overflow: hidden;
- text-align:right;
- outline:none;
- font-family:roboto;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:5px;
- width:200px;
- transition:.5s;
- border:none; }
- {CustomCSS}
- </style></head><body>
- <div id="borders"></div>
- <div id="header">
- <div class="header-img"></div>
- <div class="links">
- <a href="/"><div class="avatar"></div></a>
- <a href="/">index</a>
- <a href="/ask">message</a>
- <a href="/archive">past</a>
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- <a href="{text:link 4 url}">{text:link 4 title}</a>
- <form onsubmit="return tagSearch(this)">
- <input type="text" class="searchbox" name="tag" value="Search"
- onfocus="if (this.value == 'Search') {this.value=''}"
- onblur="if (this.value == '') {this.value='Search'}" />
- </form>
- </div> <!-- /links -->
- </div> <!-- /header -->
- <div id="content">
- <div id="sidebar">
- <div class="title">{text:sidebar title}</div>
- {Description}
- <div class="links">
- <a href="/">index</a>
- <a href="/ask">message</a>
- <a href="/archive">past</a>
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- <a href="{text:link 4 url}">{text:link 4 title}</a>
- </div>
- </div>
- {block:Posts}
- <div class="entry">
- <!------------------- //answer -->
- {block:Answer}
- <div class="body-distance">
- <img src="{AskerPortraitURL-128}" width="20px" id="askerava">
- <div class="question">
- <i>{Asker} said:</i>
- <br>{Question}
- </div>
- <blockquote>{Answer}</blockquote>
- </div>
- {/block:Answer}
- <!------------------- //text -->
- {block:Text}
- <div class="body-distance">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- <!------------------- //quote -->
- {block:Quote}
- <div class="body-distance">
- <div class="title quotes">{Quote}</div>
- <div style="text-align:center;">{Source}</div>
- {block:Source}{/block:Source}
- </div>
- {/block:Quote}
- <!------------------- //photo -->
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-HighRes}" class="photopost">
- {block:IfShowCaptions}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-HighRes}" width="500px">
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- <!------------------- //photoset -->
- {block:Photoset}
- {block:IndexPage}
- <div class="photosets">{Photoset}</div>
- {block:IfShowCaptions}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- <!------------------- //video -->
- {block:Video}
- {block:IndexPage}
- {Video-500}
- {block:IfShowCaptions}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- <!------------------- //links -->
- {block:Link}
- <div class="body-distance">
- <a href="{URL}" class="title linkpost">{Name}</a>
- {block:Excerpt}<div class="link-excerpt">{Excerpt}</div>{/block:Excerpt}
- {block:Description}<blockquote>{Description}</blockquote>{/block:Description}
- </div>
- {/block:Link}
- <!------------------- //audios -->
- {block:Audio}
- {block:AudioEmbed}
- <div class="a-emb">
- {AudioEmbed}
- </div>
- {/block:AudioEmbed}
- <div id="audio-content">
- {block:AudioPlayer}
- <div class="audioplayer-outer">
- <div class="audioplayer-inner">
- {AudioPlayerWhite}
- </div>
- </div>
- {/block:AudioPlayer}
- <div class="audio-info"
- {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
- {block:Artist}<b>{Artist}</b>{/block:Artist}
- {block:TrackName}<br/>{TrackName}{/block:TrackName}
- </div>
- </div>
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}<div class="body-distance audio-posts">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- <!------------------- //chat -->
- {block:Chat}
- <div class="body-distance">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Lines}<div class="c{Alt}">
- {block:Label}<i>{Label}</i>{/block:Label}
- {Line}
- </div>{/block:Lines}
- </div>
- {/block:Chat}
- <!------------------- //hide source -->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParent}{/block:ReblogParent}
- <!------------------- //left perma -->
- {block:Date}
- <div class="perma">
- {block:IndexPage}
- <div class="buttons-outer">
- <div class="buttons likebutton">{LikeButton size="9"}</div>
- </div>
- <div class="buttons-outer">
- <div class="buttons reblogbutton">{ReblogButton size="10"}</div>
- </div>
- <a href="{Permalink}" class="note-count" title="permalink">
- {NoteCountWithLabel}
- </a>
- {block:HasTags}
- <br>
- {block:Tags}
- <a href="{TagURL}" class="tags">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {TimeAgo} with {NoteCountWithLabel}.
- {block:RebloggedFrom}
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}<br>
- Tagged as:
- {block:Tags}
- <a href="{TagURL}" class="tags">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- <br><a href="{ReblogURL}">Reblog this post</a>
- {/block:PermalinkPage}
- </div>
- {/block:Date}
- </div> <!-- .entry -->
- {/block:Posts}
- <!------------------- //post notes -->
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="entry noul p-notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {block:Pagination}
- <div id="pagi">
- <center>
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
- —
- {block:NextPage}
- <a href="{NextPage}">forth</a>
- {/block:NextPage}
- </center>
- </div>
- {/block:Pagination}
- </div> <!-- #content -->
- <style>
- a #thc { color:{color:links};
- cursor:help;}
- #thc { position:fixed;
- bottom:0;
- right:0;
- text-transform:uppercase; }
- #thc .codedby {
- right:26px;
- bottom:9px;
- opacity:0;
- width:120px;
- text-align:right;
- font-family:ubuntu;
- font-size:8px;
- text-transform:uppercase;
- display:inline-block;
- position:absolute;
- -webkit-transition:.3s;
- -o-transition:.3s;
- -moz-transition:.3s; }
- #thc:hover .codedby { right:28px;
- opacity:.9;
- transition:.3s; }
- #thc i { position:fixed;
- display:inline-block;
- bottom:12px;
- font-size:11px;
- right:10px; }
- </style>
- <a href="//quenma.tumblr.com/">
- <div id="thc">
- <i class="icon-code"></i>
- <div class="codedby">coded by quenma</div>
- </div>
- </a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment