Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html lang="en">
- <!--
- * PLEASE DO NOT DELETE THIS PART OF THE CODE *
- —————————————————————————————————————————————————————————————
- ┌─┐┌─┐┬ ┌─┐┬┬ ┬┌─┐o
- │ ├┤ │ └─┐││ │└─┐
- └─┘└─┘┴─┘└─┘┴└─┘└─┘
- THEME : CELSIUS
- BY : SORA KHAN
- BLOG : LYRICIST.TUMBLR.COM
- ON : 9TH AUGUST, 2013 — FRIDAY
- MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
- —————————————————————————————————————————————————————————————
- LAST UPDATE ON: 10/10/2015
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
- <!-- Scroll To Top -->
- {block:ifScrollToTopButton}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript">var scrolltotop={
- //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
- //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
- setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
- controlHTML: '<img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" style="filter:alpha(opacity=80); -moz-opacity:0.8; width:30px; height:30px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
- controlattrs: {offsetx:10, offsety:0}, //offset of control relative to right/ bottom of window corner
- anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
- state: {isvisible:false, shouldvisible:false},
- scrollup:function(){
- if (!this.cssfixedsupport) //if control is positioned using JavaScript
- this.$control.css({opacity:0}) //hide control immediately after clicking it
- var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
- if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
- dest=jQuery('#'+dest).offset().top
- else
- dest=0
- this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
- },
- keepfixed:function(){
- var $window=jQuery(window)
- var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
- var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
- this.$control.css({left:controlx+'px', top:controly+'px'})
- },
- togglecontrol:function(){
- var scrolltop=jQuery(window).scrollTop()
- if (!this.cssfixedsupport)
- this.keepfixed()
- this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
- if (this.state.shouldvisible && !this.state.isvisible){
- this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
- this.state.isvisible=true
- }
- else if (this.state.shouldvisible==false && this.state.isvisible){
- this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
- this.state.isvisible=false
- }
- },
- init:function(){
- jQuery(document).ready(function($){
- var mainobj=scrolltotop
- var iebrws=document.all
- mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
- mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
- mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
- .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
- .attr({title:'Scroll To Top'})
- .click(function(){mainobj.scrollup(); return false})
- .appendTo('body')
- if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
- mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
- mainobj.togglecontrol()
- $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
- mainobj.scrollup()
- return false
- })
- $(window).bind('scroll resize', function(e){
- mainobj.togglecontrol()
- })
- })
- }
- }
- scrolltotop.init()</script>
- {/block:ifScrollToTopButton}
- <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}
- <meta name="color:Background Color" content="#ebebeb" />
- <meta name="color:Sidebars Color" content="#dbd8d8" />
- <meta name="color:Sidebars Border Color" content="#afadad" />
- <meta name="color:SidebarTitle Color" content="#afadad" />
- <meta name="color:Description Text" content="#555555" />
- <meta name="color:Links Color" content="#626363" />
- <meta name="color:Link Hover Color" content="#868585" />
- <meta name="color:PostsText Color" content="#000000" />
- <meta name="color:PostsBackground Color" content="#ececec" />
- <meta name="color:Block Colors" content="#eeeeee" />
- <meta name="color:BlockQuote Color" content="#dbdbdb" />
- <meta name="color:Scrollbar Color" content="#dbdbdb" />
- <meta name="image:Background image" content="" />
- <meta name="image:Sidebar Image" content="" />
- <meta name="image:Sidebar1 Background" content="" />
- <meta name="image:Sidebar2 Background" content="" />
- <meta name="if:ImageFitToScreen" content="0" />
- <meta name="if:Show Title" content="1" />
- <meta name="if:Sidebar Image" content="0" />
- <meta name="if:Sidebar 2" content="1" />
- <meta name="if:Bigger Posts" content="0" />
- <meta name="if:Three Columns" content="0" />
- <meta name="if:Saturated Images" content="0" />
- <meta name="if:Inverted Saturated Images" content="0" />
- <meta name="if:Description Text Shadow" content="0" />
- <meta name="if:Show Links After Description" content="0" />
- <meta name="if:Show Music Player" content="0" />
- <meta name="if:Exchange Sidebars" content="0" />
- <meta name="if:Show Instagram" content="0" />
- <meta name="if:Show Twitter" content="0" />
- <meta name="if:Show Credit On Sidebar" content="1" />
- <meta name="if:Scroll To Top Button" content="1" />
- <meta name="text:Instagram Text" content="Instagram" />
- <meta name="text:Instagram Link" content="" />
- <meta name="text:Twitter Text" content="Twitter" />
- <meta name="text:Twitter Link" content="" />
- <meta name="text:Home Title" content="Home" />
- <meta name="text:Ask Title" content="Message" />
- <meta name="text:Link One Title" content="" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two Title" content="" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three Title" content="" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Four Title" content="" />
- <meta name="text:Link Four" content="" />
- <meta name="text:Link Five Title" content="" />
- <meta name="text:Link Five" content="" />
- <!-- Mason -->
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#Temperature').masonry({
- itemSelector : ".Posts",
- },
- function() { $('#Temperature').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#Temperature').masonry({
- itemSelector : ".Posts",
- },
- function() { $('#Temperature').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#Temperature').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector : ".Posts",
- navSelector : "div.navigation",
- nextSelector : ".navigation a#next",
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "",
- loadingText : "",
- },
- function() { $('#Temperature').masonry({ appendedContent: $(this) });
- });
- });</script>
- <style type="text/css">
- body{
- font-family:'Roboto Condensed',Verdana;
- padding:2px;
- font-size:12px;
- width:100%;
- background-color:{color:Background Color};
- background-image:url({image:Background Image});
- background-attachment:fixed;
- overflow-x:hidden;
- {block:ifImageFitToScreen}
- background-attachment:fixed;
- background-position: center center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:ifImageFitToScreen}
- }
- body a{
- text-decoration:none;
- color:{color:Links Color};
- }
- body a:hover {
- color:{color:Link Hover Color};
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- /*Scrollbar */
- ::-webkit-scrollbar {
- width: 5px;
- }
- ::-webkit-scrollbar-track {
- background-color: rgba(32,32,32,0.3);
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar Color};
- -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
- }
- /*------------*/
- #Temperature{
- width:608px;
- margin-left:370px;
- position:absolute;
- padding:5px;
- height:100%;
- {block:ifBiggerPosts}
- width:700px;
- margin-left:330px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:760px;
- margin-left:330px;
- {/block:ifThreeColumns}
- {block:ifExchangeSidebars}
- margin-left:300px;
- {block:ifBiggerPosts}
- width:700px;
- margin-left:200px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:760px;
- margin-left:150px;
- {/block:ifThreeColumns}
- {/block:ifExchangeSidebars}
- }
- .Posts{
- padding:2px;
- border-radius:1px;
- background-color:{color:PostsBackground Color};
- width:250px;
- float:left;
- margin:9px;
- color:{color:PostsText Color};
- -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
- -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
- box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
- {block:ifBiggerPosts}
- width:300px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:220px;
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- width:500px;
- margin-left:20px;
- {block:ifBiggerPosts}
- width:500px;
- margin-left:80px;
- {/block:ifBiggerPosts}
- {block:ifExchangeSidebars}
- margin-left:20px;
- {block:ifBiggerPosts}
- width:500px;
- margin-left:70px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:600px;
- margin-left:200px;
- {/block:ifThreeColumns}
- {/block:ifExchangeSidebars}
- {block:ifThreeColumns}
- width:600px;
- margin-left:60px;
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- }
- .Posts img{
- display:block;
- {block:ifSaturatedImages}
- -webkit-filter: grayscale(0.6);
- {/block:ifSaturatedImages}
- {block:ifInvertedSaturatedImages}
- -webkit-filter: grayscale(0);
- {/block:ifInvertedSaturatedImages}
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- {block:ifBiggerPosts}
- width:300px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:220px;
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- width:500px;
- {block:ifThreeColumns}
- width:600px;
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- }
- .Posts:hover img {
- {block:ifSaturatedImages}
- -webkit-filter: grayscale(0);
- {/block:ifSaturatedImages}
- {block:ifInvertedSaturatedImages}
- -webkit-filter: grayscale(0.6);
- {/block:ifInvertedSaturatedImages}
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .Text {
- border-left:2px solid {color:BlockQuote Color};
- padding-left:3px;
- }
- .Text img {
- text-align:center;
- width:170px;
- padding-left:30px;
- {block:ifBiggerPosts}
- width:220px;
- padding-right:20px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:170px;
- padding-left:5px;
- padding-right:10px;
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- width:400px;
- padding-right:20px;
- {/block:PermalinkPage}
- }
- /* Main Sidebar */
- #Sidebar1{
- background-color:{color:Sidebars Color};
- width:230px;
- height:100%;
- top:0px;
- margin-left:110px;
- position:fixed;
- padding:3px;
- border-right: 3px solid {color:Sidebars Border Color};
- border-left: 3px solid {color:Sidebars Border Color};
- background-image:url({image:Sidebar1 Background});
- -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- {block:ifBiggerPosts}
- margin-left:80px;
- {/block:ifBiggerPosts}
- {block:ifExchangeSidebars}
- margin-left:860px;
- {/block:ifExchangeSidebars}
- {block:ifThreeColumns}
- margin-left:80px;
- {block:ifExchangeSidebars}
- margin-left:895px;
- {/block:ifExchangeSidebars}
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- margin-left:100px;
- {block:ifExchangeSidebars}
- margin-left:860px;
- {/block:ifExchangeSidebars}
- {block:ifThreeColumns}
- margin-left:80px;
- {block:ifExchangeSidebars}
- margin-left:895px;
- {/block:ifExchangeSidebars}
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- }
- .SidebarTitle {
- font-family:'Poiret One';
- font-size:35px;
- text-align:center;
- text-transform:uppercase;
- margin-top:120px;
- {block:ifSidebarImage}
- margin-top:10px;
- border-bottom:1px solid rgba(0, 0, 0, .3);
- {/block:ifSidebarImage}
- {block:ifShowMusicPlayer}
- margin-top:80px;
- {block:ifSidebarImage}
- margin-top:10px;
- {/block:ifSidebarImage}
- {/block:ifShowMusicPlayer}
- }
- .SidebarTitle a{
- color:none;
- color:{color:SidebarTitle Color};
- }
- #Sidebar img {
- width:230px;
- height:auto;
- padding-top:20px;
- padding-bottom:20px;
- margin-top:20px;
- {block:ifShowTitle}
- margin-top:0px;
- {/block:ifShowTitle}
- }
- #Description {
- border-top: 1px solid rgba(0, 0, 0, .3);
- font-size:12px;
- text-align:center;
- padding:12px;
- border-bottom: 1px solid rgba(0, 0, 0, .3);
- {block:ifDescriptionTextShadow}
- text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
- {block:ifDescriptionTextShadow}
- color:{color:Description Text};
- {block:ifNotShowTitle}
- margin-top:160px;
- {block:ifSidebarImage}
- margin-top:0px;
- {/block:ifSidebarImage}
- {block:ifShowMusicPlayer}
- margin-top:120px;
- {block:ifSidebarImage}
- margin-top:0px;
- {/block:ifSidebarImage}
- {/block:ifShowMusicPlayer}
- {/block:ifNotShowTitle}
- }
- #Links1 {
- width:30px;
- height:auto;
- margin:150px 0px 0px -36px;
- text-align:center;
- position:absolute;
- {block:ifExchangeSidebars}
- margin:150px 0px 0px 236px;
- {/block:ifExchangeSidebars}
- }
- .Links1 {
- width:18px;
- height:12px;
- margin-top:3px;
- background-color:{color:Sidebars Border Color};
- {block:ifNotExchangeSidebars}
- border-top-left-radius:5px;
- border-bottom-left-radius:5px;
- padding:6px;
- margin-left:20px;
- line-height: 2px;
- float:right;
- -webkit-box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
- -moz-box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
- box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- {/block:ifNotExchangeSidebars}
- {block:ifExchangeSidebars}
- border-top-right-radius:5px;
- border-bottom-right-radius:5px;
- padding:6px;
- float:left;
- -webkit-box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
- -moz-box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
- box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- {/block:ifExchangeSidebars}
- }
- .Links1:hover {
- {block:ifNotExchangeSidebars}
- padding-right:50px ;
- width:20px;
- {/block:ifNotExchangeSidebars}
- {block:ifExchangeSidebars}
- padding-left:50px ;
- width:20px;
- {/block:ifExchangeSidebars}
- }
- .ho{
- opacity:0;
- font-size:9px;
- text-transform:uppercase;
- font-family:'Lekton';
- letter-spacing:-10px;
- -webkit-transition: all 0.1s ease;
- -moz-transition: all 0.1s ease;
- -o-transition: all 0.1s ease;
- {block:ifExchangeSidebars}
- margin-left:40px;
- margin-top:-17px;
- {/block:ifExchangeSidebars}
- }
- .Links1:hover .ho{
- opacity:1;
- letter-spacing:0px;
- text-align:center;
- /*margin-left:22px;
- margin-top:-22px;*/
- display:inline-block;
- position:absolute;
- {block:ifNotExchangeSidebars}
- margin-top:5px;
- margin-left:14px;
- {/block:ifNotExchangeSidebars}
- -webkit-transition: all 0.1s ease;
- -moz-transition: all 0.1s ease;
- -o-transition: all 0.1s ease;
- {block:ifExchangeSidebars}
- margin-left:-50px;
- margin-top:2px;
- {/block:ifExchangeSidebars}
- }
- /* Links Under Description */
- #Links3 {
- margin-top:14px;
- font-size:12px;
- text-align:center;
- font-family:'Open Sans Condensed';
- {block:ifDescriptionTextShadow}
- text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
- {block:ifDescriptionTextShadow}
- }
- /*Second Sidebar w/ links */
- #Sidebar2{
- width:100px;
- height:100%;
- top:0px;
- margin-left:940px;
- position:fixed;
- padding:3px;
- -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
- border-right: 3px solid {color:Sidebars Border Color};
- border-left: 3px solid {color:Sidebars Border Color};
- background-image:url({image:Sidebar2 Background});
- background-color:{color:Sidebars Color};
- {block:ifBiggerPosts}
- margin-left:990px;
- {/block:ifBiggerPosts}
- {block:ifExchangeSidebars}
- margin-left:180px;
- {block:ifBiggerPosts}
- margin-left:80px;
- {/block:ifBiggerPosts}
- {/block:ifExchangeSidebars}
- {block:ifThreeColumns}
- margin-left:1075px;
- {block:ifExchangeSidebars}
- margin-left:30px;
- {/block:ifExchangeSidebars}
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- margin-left:910px;
- {block:ifBiggerPosts}
- margin-left:990px;
- {/block:ifBiggerPosts}
- {block:ifExchangeSidebars}
- margin-left:180px;
- {block:ifBiggerPosts}
- margin-left:80px;
- {/block:ifBiggerPosts}
- {/block:ifExchangeSidebars}
- {block:ifThreeColumns}
- margin-left:1075px;
- {block:ifExchangeSidebars}
- margin-left:30px;
- {/block:ifExchangeSidebars}
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- }
- #Links2 {
- width:200px;
- height:auto;
- margin-top:100px;
- text-align:center;
- }
- .Links2 {
- width:106px;
- height:25px;
- background-color:{color:Sidebars Border Color};
- margin-top:7px;
- margin-left:-3px;
- font-family:'Open Sans Condensed',sans serif;
- font-size:18px;
- letter-spacing:1px;
- text-transform:uppercase;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- .Links2:hover {
- letter-spacing:2px;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- /*Strip n' Stretch Permalinks*/
- .Posts:hover .Strip{
- opacity:1;
- z-index:999999;
- }
- .Strip {
- width:10px;
- height:18px;
- background-color:{color:PostsBackground Color};
- position:absolute;
- margin-top:20px;
- opacity:0;
- border-top: 2px solid {color:PostsBackground Color};
- border-bottom: 2px solid {color:PostsBackground Color};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .Strip:hover {
- width:250px;
- background-color:rgba(255, 255, 255, .7);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- {block:ifBiggerPosts}
- width:300px;
- {/block:ifBiggerPosts}
- {block:ifThreeColumns}
- width:220px;
- {/block:ifThreeColumns}
- }
- .Stretch {
- font-size:10px;
- color: black;
- text-align:center;
- height:20px;
- margin-top:2px;
- font-family: 'Lekton',sans-serif;
- }
- .Stretch a{
- color:black;
- }
- .Stretch a:hover {
- font-size:9.5px;
- color: black;
- height:20px;
- margin-top:2px;
- }
- .Stretch span{
- opacity:0;
- letter-spacing:-15px;
- }
- .Stretch:hover span{
- opacity:1;
- letter-spacing:3px;
- }
- .Span{
- margin-left:20px;
- -webkit-transition: all 0.3s linear;
- moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- .Titlez {
- font-family:'Roboto Condensed',verdana;
- font-size:18px;
- text-align:center;
- text-transform:uppercase;
- }
- .Stuff {
- font-size:10px;
- color: black;
- text-align:center;
- margin-top:5px;
- padding:3px;
- height:15px;
- opacity:1;
- font-family: 'Lekton',sans-serif;
- border-top: 1px solid rgba(0, 0, 0, .3);
- -webkit-transition: all 0.1s linear;
- moz-transition: all 0.1s linear;
- transition: all 0.1s linear;
- }
- /*QnA*/
- .Question {
- width:auto;
- height:auto;
- background-color:{color:Block Colors};
- padding:15px;
- -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- }
- .Question img {
- height:24px;
- width:24px;
- display:inline;
- }
- .Answer {
- margin-top:10px;
- height:auto;
- border-left:3px solid {color:BlockQuote Color};
- }
- .Chat {
- width:auto;
- height:auto;
- background-color:{color:Block Colors};
- padding:2px;
- margin:4px;
- -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
- }
- /*Notes on Permalink Page*/
- #Temperature #notecontainer {
- margin-left: 30px ;
- width: 460px;
- background-color:{color:PostsBackground Color};
- font-size:12px;
- color:{color:PostsText Color};
- }
- #Temperature #notecontainer ol.notes {
- list-style-type: none;
- margin: 10px;
- padding: 5px;
- border-top:1px solid rgba(0, 0, 0, .1);
- }
- #Temperature #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- display:inline-block;
- }
- #Nautical {
- width:20px;
- height:20px;
- bottom:10px;
- left:2px;
- position:fixed;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation {display:none!important;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="Sidebar1">
- <div id="Links1">
- {block:ifNotExchangeSidebars}
- <div class="Links1"><a href="/"><img src="http://24.media.tumblr.com/3a79cc9b82f5a75a7da6aa2ad52ccc39/tumblr_mqsuz7x2He1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Home Title}</a></div></div>
- <div class="Links1"><a href="/ask"><img src="http://static.tumblr.com/lvdwday/6iVnvzus2/mail.png" width='14' height='13' /><div class="ho">{text:Ask Title}</a></div></div>
- {block:ifShowInstagram}
- <div class="Links1"><a href="{text:Instagram Link}"><img src="http://24.media.tumblr.com/561c5f3df2e1d606d973e05a0e7336cb/tumblr_mqsua3UFIY1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Instagram Text}</a></div></div>
- {/block:ifShowInstagram}
- {block:ifShowTwitter}
- <div class="Links1"><a href="{text:Twitter Link}"><img src="http://static.tumblr.com/lvdwday/YUInvzuyl/twitter-bird-blue-on-white1.png" width='14' height='13' /><div class="ho">{text:Twitter Text}</a></div></div>
- {/block:ifShowTwitter}
- {block:ifShowCreditOnSidebar}
- <div class="Links1"><a href="http://lyricist.tumblr.com/"><img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" width='14' height='14' /><div class="ho">Theme°</a></div></div>
- {/block:ifShowCreditOnSidebar}
- {/block:ifNotExchangeSidebars}
- {block:ifExchangeSidebars}
- <div class="Links1"><a href="/"><img src="http://24.media.tumblr.com/3a79cc9b82f5a75a7da6aa2ad52ccc39/tumblr_mqsuz7x2He1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Home Title}</a></div></div>
- <div class="Links1"><a href="/ask"><img src="http://static.tumblr.com/lvdwday/6iVnvzus2/mail.png" width='14' height='13' /><div class="ho">{text:Ask Title}</a></div></div>
- {block:ifShowInstagram}
- <div class="Links1"><a href="{text:Instagram Link}"><img src="http://24.media.tumblr.com/561c5f3df2e1d606d973e05a0e7336cb/tumblr_mqsua3UFIY1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Instagram Text}</a></div></div>
- {/block:ifShowInstagram}
- {block:ifShowTwitter}
- <div class="Links1"><a href="{text:Twitter Link}"><img src="http://static.tumblr.com/lvdwday/YUInvzuyl/twitter-bird-blue-on-white1.png" width='14' height='13' /><div class="ho">{text:Twitter Text}</a></div></div>
- {/block:ifShowTwitter}
- {block:ifShowCreditOnSidebar}
- <div class="Links1"><a href="http://lyricist.tumblr.com/"><img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" width='14' height='14' /><div class="ho">Theme</a></div></div>
- {/block:ifShowCreditOnSidebar}
- {/block:ifExchangeSidebars}
- </div>
- {block:ifShowMusicPlayer}
- <div class="MusicPlayer" ; style="text-align:center;border-bottom: 1px solid rgba(0, 0, 0, .3); padding:10px;">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="110" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="wmode" value="transparent" />
- <param name="FlashVars" value="mp3= ♦ &width=140&height=20&width=110&height=20&autoplay=1&volume=75&showslider=0&skin=transparent&sliderovercolor=4dffff&buttoncolor=cecece&buttonovercolor=fafafa&showlist=0&showplaylistnumbers=0" />
- </object>
- </div>
- {/block:ifShowMusicPlayer}
- <div id = "Sidebar">
- {block:ifShowTitle}<div class="SidebarTitle"><a href="/">{title}°</a></div>{/block:ifShowTitle}
- {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar Image}" /></a>{/block:ifSidebarImage}
- <div id = "Description">
- {block:Description}{Description}{/block:Description}
- </div>
- {block:ifShowLinksAfterDescription}
- <div id="Links3">
- <div class = "Links3" style="color:#eeeeee;">
- {block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title} </a> {/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle} - <a href="{text:Link Two}">{text:Link Two Title} </a> {/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle} - <a href="{text:Link Three}">{text:Link Three Title} </a> {/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle} - <a href="{text:Link Four}">{text:Link Four Title} </a> {/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle} - <a href="{text:Link Five}">{text:Link Five Title} </a> {/block:ifLinkFiveTitle}
- </div>
- </div>
- {/block:ifShowLinksAfterDescription}
- </div>
- </div>
- {block:ifSidebar2}
- <div id="Sidebar2">
- {block:ifNotShowLinksAfterDescription}
- <div id = "Links2">
- {block:ifLinkOneTitle}<div class="Links2"><a href="{text:Link One}">{text:Link One Title} </a></div>{/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle}<div class="Links2"><a href="{text:Link Two}">{text:Link Two Title} </a></div>{/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}<div class="Links2"><a href="{text:Link Three}">{text:Link Three Title} </a></div>{/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}<div class="Links2"><a href="{text:Link Four}">{text:Link Four Title} </a></div>{/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle}<div class="Links2"><a href="{text:Link Five}">{text:Link Five Title} </a></div>{/block:ifLinkFiveTitle}
- </div>
- {/block:ifNotShowLinksAfterDescription}
- </div>
- {/block:ifSidebar2}
- <div id="Temperature">
- {block:Posts}
- <div class="Posts">
- {block:Title}<div class="Titlez">{Title}</div>{/block:Title}
- {block:Text}
- <div class="Text">{Body}</div>
- {block:IndexPage}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class= "Strip">
- <div class="Stretch" class="transition"><span style="text-transform:uppercase;"><span class="Span"><a href="{permalink}">{NoteCount}</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></span></span></div>
- </div>
- {block:ifThreeColumns}
- <div class= "Strip">
- <div class="Stretch" class="transition"><span style="text-transform:uppercase;"><span class="Span"><a href="{permalink}">{NoteCount}</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} </a></span></span></div>
- </div>
- {/block:ifThreeColumns}
- <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}" width="300"/></a>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:ifNotThreeColumns}
- {block:ifNotBiggerPosts}
- {Photoset-250}
- {/block:ifNotBiggerPosts}
- {block:ifBiggerPosts}
- <div align="center">{Photoset-250}</div>
- {/block:ifBiggerPosts}
- {/block:ifNotThreeColumns}
- {block:ifThreeColumns}
- <div style="width:auto; background-color:{color:Block Colors};-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);"><a href="{permalink}"> <img src="http://31.media.tumblr.com/d5db97a63ab4d9d4fb5b2b09f7d5b7c6/tumblr_mr2pszyUqP1qix1pgo1_400.png" /></a></div>
- {/block:ifThreeColumns}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifNotThreeColumns}
- {Photoset-500}
- {/block:ifNotThreeColumns}
- {block:ifThreeColumns}
- <div style="text-align:center;">{Photoset-500}</div>
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="Titlez"><div style="font-size:12px;padding:3px;letter-spacing:1px;">ʺ{Quote}ʺ</div></div>
- <div align="right">
- {block:Source}— {Source}{/block:Source}
- </div>
- {block:IndexPage}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Video}
- {block:IndexPage}
- {block:ifNotThreeColumns}
- <center>{Video-250}</center>
- {/block:ifNotThreeColumns}
- {block:ifThreeColumns}
- <div style="width:auto; background-color:{color:Block Colors};-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);"><a href="{permalink}"> <img src="http://24.media.tumblr.com/2272565831292cd11e20acb8f8519fe2/tumblr_mr2q3jjF6m1qix1pgo1_400.png" /></a></div>
- {/block:ifThreeColumns}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifNotThreeColumns}
- {Video-500}
- {/block:ifNotThreeColumns}
- {block:ifThreeColumns}
- <div style="text-align:center;">{Video-500}</div>
- {/block:ifThreeColumns}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Link}
- <a href="{URL}" class="link" {Target}><div class="Titlez">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:Link}
- {block:Chat}
- {block:Lines}
- {block:Label}
- <div class="Chat"><b>{Label}</b>
- {/block:Label}
- {Line}</div>
- {/block:Lines}
- {block:IndexPage}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {AudioPlayerGrey}
- <br>{block:Artist}
- {/block:Artist}
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Answer}
- <div class="Question"><img src="{AskerPortraitURL-24}" /> <div style="margin-top:-25px;margin-left:30px;">{Asker} asked : {Question}</div></div>
- <div class="Answer"><div style="padding-left:10px;"> {Answer}</div></div>
- {block:IndexPage}
- <div class="Stuff">
- <a href="{permalink}">{NoteCount} Notes</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <br>
- <div style="border-top:1px solid rgba(0, 0, 0, .1); padding-top:20px;">
- {block:RebloggedFrom}
- <center> »Reblogged from: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} , originally posted by: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>«</center>
- {/block:RebloggedFrom}
- </div>
- <Br>
- {block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags} </center><div align="right">{block:NoteCount}
- {NoteCount} °
- {/block:NoteCount}</div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
- {/block:Posts}
- </div>
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- {block:ifNotShowCreditOnSidebar}
- <div id="Nautical"><a href="http://lyricist.tumblr.com/"><img src="http://25.media.tumblr.com/e439779dccf0a49699004785ea462300/tumblr_mohy9gO4es1svqbryo1_500.png" width='30' height='30'/></a></div>
- {/block:ifNotShowCreditOnSidebar}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment