Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- _ _ _
- | | ____ _(_) __ _ _ _| | __
- | |/ / _` | |/ _` | | | | |/ /
- | < (_| | | (_| | |_| | <
- |_|\_\__,_|_|\__, |\__,_|_|\_\
- |___/
- Tranquility theme by Anika (Ani) aka Kaiguk (http://kaiguk.tumblr.com/)
- Please remember to follow the rules and not steal anything because you don't
- have an imagination of your own.
- If anything goes wrong or you have any questions, just let me know!
- Happy Using and Have a good day!
- ------------------------------------------------------------------------>
- <!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}
- <head>
- <meta name="if:InfiniteScroll" content="1"/>
- <meta name="if:ShowCaptions" content="1"/>
- <meta name="if:ShowTags" content="1"/>
- <meta name="color:Bold" content="#45966e">
- <meta name="color:Italic" content="#78c9a1">
- <meta name="color:Underline" content="#def5f0">
- <meta name="color:Bg" content="#ffffff">
- <meta name="color:Title" content="#000000">
- <meta name="color:Title bg" content="#ddf2e8">
- <meta name="color:Sidebar bg" content="#ffffff">
- <meta name="color:Post bg" content="#ffffff">
- <meta name="color:Text" content="#8b8b8b">
- <meta name="color:Link" content="#9ad7b9">
- <meta name="color:Hover" content="#cccccc">
- <meta name="color:Accent" content="#ddf2e8">
- <meta name="color:Border" content="#fafafa">
- <meta name="color:Caption Bg" content="#fbfbfb"/>
- <meta name="color:Caption Border" content="#f6f6f6"/>
- <meta name="color:Caption" content="#cccccc"/>
- <meta name="color:Selection text" content="#888888"/>
- <meta name="color:Selection bg" content="#eeeeee"/>
- <meta name="color:Linktitle bg" content="#f6f6f6"/>
- <meta name="color:Linktitle text" content="#888888"/>
- <meta name="color:Scrollbar" content="#d6d5d5">
- <meta name="color:Scrollbar bg" content="#ffffff">
- <meta name="image:Header" content=""/>
- <meta name="image:Icon" content=""/>
- <meta name="image:Bg" content=""/>
- <meta name="text:link1" content="">
- <meta name="text:link1 url" content="/">
- <meta name="text:link2" content="">
- <meta name="text:link2 url" content="/">
- <meta name="text:link3" content="">
- <meta name="text:link3 url" content="/">
- <meta name="text:link4" content="">
- <meta name="text:link4 url" content="/">
- <meta name="text:link5" content="">
- <meta name="text:link5 url" content="/">
- <meta name="text:link6" content="">
- <meta name="text:link6 url" content="/">
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <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>
- <!-----------------------------STICKY HEAD-------------------------------->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- var stickyRibbonTop = $('#sidebar').offset().top;
- $(window).scroll(function(){
- if( $(window).scrollTop() > stickyRibbonTop ) {
- $('#sidebar').css({position: 'fixed', top: '0px'});
- } else {
- $('#sidebar').css({position: 'static', top: '0px'});
- }
- });
- });
- </script>
- <style type="text/css">
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- a:hover {
- color:{color:hover};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- ::-webkit-scrollbar {
- background-color:{color: scrollbar bg};
- height:8px;
- width:8px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:50px
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:8px!important
- }
- body {
- background-color:{color:bg};
- background-attachment:fixed;
- background-image:url('{image:bg}');
- font-family:courier;
- font-size:9px;
- letter-spacing:1px;
- word-spacing:2px;
- text-align:justify;
- text-transform:uppercase;
- font-weight:normal;
- }
- #other {
- font-size:13px;
- text-align:left;
- padding:5px;
- background-color:{color:accent};
- }
- b, strong, .strong {
- color: {color:bold};
- }
- i, em, .em {
- color: {color:italic};
- }
- u{
- color:{color:underline};
- }
- blockquote {
- border-left:2px solid {color:accent};
- padding:5px;
- }
- #theme {
- background-color:{color:bg};
- width:780px;
- margin: 0 auto -12px auto;
- text-align: center;
- }
- #header{
- width:500px;
- height:300px;
- margin-left:100px;
- margin-top:-9px;
- padding:20px;
- background-color:{color:sidebar bg};
- }
- #header img{
- width:500px;
- height:300px;
- }
- #title{
- width:460px;
- color:{color:title};
- font-size:12px;
- margin-top:-100px;
- background:{color:title bg};
- padding:20px;
- text-align:center;
- opacity: 0.6;
- filter: alpha(opacity=60);
- }
- #sidebar {
- color:{color:text};
- width:500px;
- height:90px;
- margin-left:100px;
- background-color:{color:sidebar bg};
- padding:20px;
- z-index:1;
- position:fixed;
- {block:PermalinkPage}
- top:0px;
- {/block:PermalinkPage}
- }
- #sidebar img {
- width:80px;
- padding:10px;
- margin-top:-10px;
- margin-bottom:10px;
- border-radius:20%;
- float:left;
- }
- .links {
- width:500px;
- font-size:10px;
- margin-top:-0px;
- margin-left:-60px;
- letter-spacing:2px;
- }
- .links a{
- padding:5px;
- color:{color:link};
- letter-spacing:0px;
- text-align:center;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a:hover{
- color:{color:hover};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .desc {
- height:75px;
- margin-left:90px;
- text-align:justify;
- color:{color:text};
- letter-spacing:1px;
- font-family:courier;
- text-transform:uppercase;
- padding:5px;
- overflow:scroll;
- }
- .desc a {
- color:{color:link};
- }
- {block:IfNotInfiniteScroll}
- #pagi {
- width:950px;
- height:30px;
- background:{color:bg};
- bottom:0px;
- center:0px;
- font-size:16px;
- text-align:center;
- z-index:1;
- position:fixed;
- }
- {/block:IfNotInfiniteScroll}
- #postcon {
- margin-left:14%;
- margin-top:20%;
- text-align:justify;
- background:{color:bg};
- }
- #post {
- width:500px;
- border:2px solid {color:border};
- background:{color:post bg};
- padding:10px;
- margin-top:200px;
- text-align:justify;
- line-height:200%;
- color:{color:text};
- }
- {block:IfShowCaptions}
- #captions {
- margin-top: 10px;
- padding:5px;
- text-align:left;
- background: {color:Caption bg};
- border: 1px solid {color:Caption border};
- color:{color:Caption};
- }
- {/block:IfShowCaptions}
- {block:IfNotShowCaptions}
- #captions {
- display:none;
- }
- {/block:IfNotShowCaptions}
- {block:IfShowTags}
- #tags{
- text-align:right;
- color:{color:text};
- word-spacing:2px;
- font-style:italic;
- }
- {/block:IfShowTags}
- {block:IfNotShowTags}
- #tags{
- display:none;
- }
- {block:IfNotShowTags}
- .player {
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background:white;
- }
- .audioinfo {
- margin-left:50px;
- }
- #question {
- background:{color:accent};
- padding:10px;
- text-align:center;
- }
- #asker {
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:left;
- }
- #answer{
- text-align:center;
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:2px;
- }
- .label {
- text-decoration:bold;
- font-weight:700;
- margin-right:5px;
- }
- #permalink{
- padding:10px;
- text-transform: normal;
- letter-spacing: 1px;
- margin-top: 5px;
- background-color: {color:border};
- }
- #permalink a {
- margin-left:10px;
- color: {color:link};
- }
- #permalink a:hover {
- color: {color:hover};
- }
- #exo {
- padding:10px;
- width:474px;
- text-align:justify;
- line-height:15px;
- margin-top:10px;
- height:auto;
- background:#fafafa;
- padding:10px;
- }
- .note li {
- list-style-type:none;
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- border-bottom:1px solid {color:border};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .notes img {
- display:none!important;
- }
- #s-m-t-tooltip {
- z-index: 9999;
- border:1px solid {color:border};
- background-color:{color:linktitle bg};
- font-size: 9px;
- line-height: 11px;
- letter-spacing: 1px;
- text-transform: normal;
- color: {color:linktitle text};
- max-width: 150px;
- word-wrap: break-word;
- padding: 2px 5px 2px 6px;
- display: block;
- margin: 24px 14px 7px 12px;
- -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- }
- ::selection {
- background:{color:selection bg};
- color:{color:selection text};
- }
- #scrollToTop:link, #scrollToTop:visited {
- display:none;
- position:fixed;
- bottom: 10px;
- right:10px;
- }
- #ani {
- position:fixed;
- left:10px;
- bottom:10px;
- text-transform:uppercase;
- font-size:15px;
- letter-spacing:1px;
- padding:5px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- {CustomCSS}
- </style>
- <!----------------------------- Inf. Scroll -------------------------------->
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
- <!----------------------------- Lazy Load -------------------------------->
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <!----------------------------- TOP BUTTON -------------------------------->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop"><i style="color:{color:link};"class="fa fa-chevron-up fa-3x" title="top"></i></a>
- </head>
- <body>
- <div id="theme">
- {block:IndexPage}
- <div id="header"><img src="{image:header}">
- <div id="title">{title}</div>
- </div>
- {/block:IndexPage}
- <div id="sidebar">
- <img src="{image:Icon}">
- <div class="desc">
- {Description}
- </div>
- <div class="links">
- {block:IfLink1}
- <a href="{text:link1 url}">{text:link1}</a>
- {/block:IfLink1}
- {block:IfLink2}
- <a href="{text:link2 url}">{text:link2}</a>
- {/block:IfLink2}
- {block:IfLink3}
- <a href="{text:link3 url}">{text:link3}</a>
- {/block:IfLink3}
- {block:IfLink4}
- <a href="{text:link4 url}">{text:link4}</a>
- {/block:IfLink4}
- {block:IfLink5}
- <a href="{text:link5 url}">{text:link5}</a>
- {/block:IfLink5}
- {block:IfLink6}
- <a href="{text:link6 url}">{text:link6}</a>
- {/block:IfLink6}
- </div>
- </div>
- <div id="postcon">
- {block:Posts}
- <div class="autopagerize_page_element">
- <div id="post">
- {block:Text}{block:Title}<div id="other">{Title}</div>{/block:Title}{Body}{/block:Text}
- {block:Quote}<div id="other">“{Quote}”</div> <br>— {Source}{/block:Quote}
- {block:Link}<a href="{URL}"><div id="other">{Name} →</div></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:IndexPage}
- {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:IndexPage}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<div id="other">{Title}</div>{/block:Title}{block:Lines}<li>{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:IndexPage}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:Video}
- {block:Audio}
- <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
- <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
- <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
- <b>Plays:</b> {PlayCount}
- </a></div>
- {/block:Audio}
- {block:Answer}
- <span id="asker"><img src="http://media.tumblr.com/da6ec800b306286814b56c85c065973c/tumblr_inline_n2aigp3RjV1r7v6wt.png"/> {Asker}:</span>
- <div id="question">{Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}"> <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png"/> {DayofMonth} {Month} {Year} </a> <a href="{Permalink}"> <img src="http://media.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/tumblr_inline_n2aih4x7ur1r7v6wt.png"/> {NoteCountWithLabel}</a> <a href="{ReblogURL}"> <img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"/> Reblog</a>
- </div>
- {block:IfShowTags}
- <div id="tags">
- {block:HasTags}
- <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
- Tagged as:
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:IfShowTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}
- <div id="exo">
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
- <img src="http://media.tumblr.com/7cc7781de07a84a436e8565c2631f74b/tumblr_inline_n2akcisrwK1r7v6wt.png">
- <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
- {block:NoteCount}
- <img src="http://media.tumblr.com/7cc7781de07a84a436e8565c2631f74b/tumblr_inline_n2akcisrwK1r7v6wt.png">
- <b>Notes:</b> {NoteCount}<br>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <img src="http://media.tumblr.com/7cc7781de07a84a436e8565c2631f74b/tumblr_inline_n2akcisrwK1r7v6wt.png">
- <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <img src="http://media.tumblr.com/7cc7781de07a84a436e8565c2631f74b/tumblr_inline_n2akcisrwK1r7v6wt.png">
- <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
- {/block:ContentSource}
- {block:HasTags}
- <img src="http://media.tumblr.com/7cc7781de07a84a436e8565c2631f74b/tumblr_inline_n2akcisrwK1r7v6wt.png">
- <b>Tagged:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:Date}
- {/block:PermalinkPage}
- <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {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>
- {block:IfNotInfiniteScroll}
- {block:Pagination}
- <div id="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNotInfiniteScroll}
- <!-----------------------------NO TOUCHING-------------------------------->
- <div id="ani"><a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement