Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <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}
- <!-- THEME icarus and the sun BY NOBLESAMMY
- thank you for using my theme ; have fun with it and let me know if you encounter any problems, i'd be happy to help you out -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#cccccc"/>
- <meta name="color:link" content="#a7a7a7"/>
- <meta name="color:scrollbar" content="#d5d5d5" />
- <meta name="color:link hover" content="#eeeeee"/>
- <meta name="color:borders" content="#eeeeee"/>
- <meta name="color:accents" content="#f8f8f8"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:nav" content="#ffffff"/>
- <meta name="color:description" content=""/>
- <meta name="image:sidebar image" content=""/>
- <meta name="if:show captions" content="1"/>
- <meta name="if:500px" content="0"/>
- <meta name="text:1" content="history" />
- <meta name="text:1 URL" content="/archive" />
- <meta name="text:2" content="message" />
- <meta name="text:2 URL" content="/ask" />
- <meta name="text:3" content="three" />
- <meta name="text:3 URL" content="/" />
- <meta name="text:4" content="four" />
- <meta name="text:4 URL" content="/" />
- <meta name="text:5" content="five" />
- <meta name="text:5 URL" content="/" />
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
- <!--jquery-->
- <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:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style> .my-like { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important; height:17px; width:19px; cursor:pointer; display:inline-block; vertical-align:top; } .my-liked, .my-like:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important; height:17px; width:19px; cursor:pointer; display:inline-block; vertical-align:top; } </style> <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>
- <style type="text/css">
- @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
- html, body, ul, ol, li, form, fieldset, legend{
- margin: 0;
- padding: 0;
- }
- #tumblr_controls {
- -webkit-filter: invert(100%);
- z-index: 99;
- opacity: 0.3;
- }
- #s-m-t-tooltip{
- font-size:9px;
- position:absolute;
- margin-top: 20px;
- margin-left:20px;
- letter-spacing:1px;
- z-index:9999;
- color:black;
- background:{color:nav};
- text-transform:uppercase;
- padding:5px;
- -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- }
- /*scrollbar*/
- ::-webkit-scrollbar{height: 5px;
- width:4px;
- -webkit-border-radius: 0px;
- background-color:{color:nav};}
- ::-webkit-scrollbar-thumb{background-color:{color:nav};
- border:1px solid {color:nav};
- border-right:0;}
- ::-webkit-scrollbar-track{background-color:{color:nav};}
- body {
- background:{color:background};
- color:{color:text};
- font-family:serif;
- font-size:11px;
- text-align:justify;
- margin:0;
- line-height:normal;}
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- transition:all 0.6s;
- }
- a:hover {
- color:{color:link hover};
- background:none;
- text-transform:italic;
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- transition:all 0.6s; }
- .caption blockquote {
- margin:5px 10px;
- }
- blockquote {
- margin:5px 30px 5px 30px;
- border-left:1px solid {color:borders};
- padding-left: 14px;
- }
- #headers {
- border-left:3px solid {color:scrollbar};
- width:170px;
- text-align:center;
- margin-top:170px;
- position:fixed;
- margin-left:-230px;
- }
- #headers img {width:170px;
- padding:15px;
- opacity:1;
- }
- #thing {color:{color:background}; width:150px; right:100px; top:100px; font-size:30px; line-height:30px;text-transform:none;height:auto; padding:30px;background:{color:nav}; position:fixed; text-align:center; font-family:Lala; opacity:1; z-index:999999999;-webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;}
- #extra{
- width:auto; border-right:5px solid {color:scrollbar}; right:100px; top:220px; line-height:20px;text-transform:none;height:auto; padding:10px; position:fixed; text-align:center;
- font-family:impact; font-size:15px; margin-top:10px; opacity:1;
- -webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;
- }
- #extra:hover{
- background:{color:nav};
- }
- /*pagination*/
- #pagination {
- position:fixed;
- font-size:20px;
- {block:ifnot500px}
- margin-left:549px;
- {/block:ifnot500px}
- {block:if500px}
- margin-left:659px;
- {/block:if500px}
- bottom:10px;
- }
- #pagination a {
- border-left:1px solid {color:borders};
- padding:5px 0 5px 5px;
- display:block;
- text-decoration:none;
- }
- #pagination a:hover {
- color:{color:link};
- border-left:15px solid {color:scrollbar};}
- #pagination:before {
- width:15px;
- height:2px;
- background:{color:scrollbar};
- content:'';
- left:-15px;
- top:50%;
- position:absolute;
- }
- pre {width:400px!important;
- overflow-x:scroll;
- word-break:break-all;
- }
- .con {left:50%;
- position:absolute;
- top:0;
- {block:ifnot500px}
- margin-left:-275px;
- {/block:ifnot500px}
- {block:if500px}
- margin-left:-325px;
- {/block:if500px}
- }
- #h {margin-top:50px;
- margin-bottom:100px;
- }
- #posts {
- {block:ifnot500px}
- width:400px;
- {/block:ifnot500px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- padding:24px;
- position:relative;
- background:{color:posts};
- margin:0 50px;
- {block:IndexPage}
- margin-bottom:40px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:25px;
- {/block:PermalinkPage}
- -webkit-transition:ease-in-out 0.8s;
- -moz-transition:ease-in-out 0.8s;
- -ms-transition:ease-in-out 0.8s;
- -o-transition:ease-in-out 0.8s;
- transition:ease-in-out 0.8s;
- }
- #posts:hover{
- -webkit-filter:grayscale(50%);
- -webkit-transition:ease-in-out 0.8s;
- -moz-transition:ease-in-out 0.8s;
- -ms-transition:ease-in-out 0.8s;
- -o-transition:ease-in-out 0.8s;
- transition:ease-in-out 0.8s;
- }
- #posts img {
- {block:ifnot500px}
- max-width:400px;
- {/block:ifnot500px}
- {block:if500px}
- max-width:500px;
- {/block:if500px}
- }
- #posts ul {margin-left:25px;}
- #titlequote{
- font-size:12px;
- line-height:1.8;
- text-align:center;
- font-style:italic;
- color:{color:title};
- }
- #source {text-align:center;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- padding-top:10px;}
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- .caption img{
- {block:ifnot500px}
- max-width:400px;
- {/block:ifnot500px}
- {block:if500px}
- max-width:500px;
- {/block:if500px}
- }
- .caption {
- {block:ifnotshowcaptions}
- {block:indexpage}
- display:none;
- {/block:indexpage}
- {/block:ifnotshowcaptions}
- margin:15px;
- text-transform:none;
- }
- .q {
- line-height:1.8;
- margin-top:10px;
- text-align:center;
- font-style:italic;
- text-transform:none;
- margin-bottom:15px;
- padding-bottom:9px;
- border-bottom:1px solid {color:borders};
- }
- .as {letter-spacing:2px;
- text-align:Center;
- text-transform:uppercase;
- font-size:8px;
- color:{color:title};
- }
- .as a {color:{color:title}}
- .a {
- margin-top:15px;}
- .a ol, li, blockquote {text-align:left;}
- .chat ol {
- padding:0;
- line-height:180%;
- list-style:none;
- }
- .line.odd {
- padding:9px;
- border:1px solid {color:borders};
- background:{color:accents};
- }
- .line.even {
- padding:10px;
- }
- .label {
- padding-right:1px;
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:title};
- }
- .tumblr_audio_player {width:300px;
- height:40px;
- border-left:8px solid white;
- }
- .player {width:30px;
- height:40px;
- border-right:10px solid white;
- overflow:hidden;}
- .wr {
- padding:9px;
- border:1px solid {color:borders};
- background:{color:accents};
- width:40px;
- height:40px;
- float:left;
- margin-right:15px;
- }
- .audio_info {margin-top:1px;
- min-height:60px;
- font-style:italic;
- }
- {block:indexpage}
- .food:before {
- {block:ifnot500px}
- width:65px;
- {/block:ifnot500px}
- {block:if500px}
- width:115px;
- {/block:if500px}
- height:2px;
- background:{color:scrollbar};
- content:'';
- {block:ifnot500px}
- left:-65px;
- {/block:ifnot500px}
- {block:if500px}
- left:-115px;
- {/block:if500px}
- top:50%;
- position:absolute;
- }
- .food {
- border-top:5px solid {color:scrollbar};
- border-left:5px solid {color:scrollbar};
- font-weight:bold;
- padding:5px 0;
- border-top:0px solid {color:accents};
- font-size:10px;
- line-height:1.8;
- letter-spacing:1px;
- text-align:center;
- -webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;
- {block:permalinkpage}
- padding-top:10px;
- margin-bottom:-14px;
- {/block:permalinkpage}
- {block:indexpage}
- opacity:0;
- position:absolute;
- width:200px;
- {block:ifnot500px}
- margin-left:9px;
- {/block:ifnot500px}
- {block:if500px}
- margin-left:9px;
- {/block:if500px}
- -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
- margin-top:9px;
- background:{color:posts};
- height:20px;
- {block:indexpage}}
- #posts:hover .food {opacity:1;
- margin-top:9px;
- -webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;}
- .food a {margin:0 3px;text-decoration:none;
- }
- .fruity {word-break:break-all;
- opacity:0;
- text-align:left;
- -webkit-transition:ease-in-out 0.2s;
- -moz-transition:ease-in-out 0.2s;
- -ms-transition:ease-in-out 0.2s;
- -o-transition:ease-in-out 0.2s;
- transition:ease-in-out 0.2s;
- }
- .fruity a{
- padding:3px;
- background:#fafafa;
- text-decoration:none;
- font-weight:bold;
- }
- .food:hover{
- border-left:20px solid {color:scrollbar};
- }
- .food:hover .fruity{
- opacity:1;
- -webkit-transition:ease-in-out 0.2s;
- -moz-transition:ease-in-out 0.2s;
- -ms-transition:ease-in-out 0.2s;
- -o-transition:ease-in-out 0.2s;
- transition:ease-in-out 0.2s;
- }
- .drink {
- font-weight:bold;
- padding:5px 0;
- border-top:0px solid {color:accents};
- font-size:10px;
- line-height:1.8;
- letter-spacing:1px;
- text-align:center;
- -webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;
- {block:indexpage}
- opacity:0;
- position:absolute;
- width:auto;
- {block:ifnot500px}
- right:-10px;
- {/block:ifnot500px}
- {block:if500px}
- right:-10px;
- {/block:if500px}
- height:auto;
- padding:5px;
- background:{color:posts};
- {block:indexpage}}
- #posts:hover .drink {opacity:1;
- margin-top:9px;
- -webkit-transition:ease-in-out 0.6s;
- -moz-transition:ease-in-out 0.6s;
- -ms-transition:ease-in-out 0.6s;
- -o-transition:ease-in-out 0.6s;
- transition:ease-in-out 0.6s;}
- .drink a {text-decoration:none;
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifnot500px}
- width:400px;
- {/block:ifnot500px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- {/block:PermalinkPage}
- margin:0 50px;
- margin-top:25px;
- padding:24px;
- position:relative;
- border:1px solid {color:borders};
- background:{color:posts};
- margin-bottom:50px;
- }
- .pagenotes img {
- display:none!important;}
- .pagenotes li {
- list-style-type:none;
- padding:10px 0px;
- text-align:left;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- .t {
- font-size:12px;
- letter-spacing:1px;
- font-style:italic;
- padding-bottom:9px;
- border-bottom:1px solid {color:accents};
- margin-bottom:5px;
- color:{color:title};}
- small {font-size:10px;}
- big {font-size:12px;}
- b, strong {color:{color:title};}
- .tags_list {
- font-size:28px;
- font-family:times new roman, serif;
- margin:0 auto;
- width:700px;
- text-align:center;
- padding:0;
- }
- .tags_list li {display:inline-block;
- line-height:200%;
- text-align:center;
- }
- .tags_list li a {color:white;
- text-transform:uppercase;
- letter-spacing:2px;
- text-decoration:none;
- margin:0 5px;
- text-shadow:6px 0px transparent, -6px 0px transparent;
- }
- .tags_list li a:hover {color:transparent;
- text-shadow:0px 0px white, -0px 0px white;
- }
- #content {
- width:700px;
- height:150px;
- padding:10px;
- font-size:10px;
- overflow:auto;
- float:center;
- color:white;
- text-align:justify;
- }
- #hello {
- right:-75px;
- bottom:6px;
- font-size:9px;
- padding:5px;
- color:black;
- font-family:inconsolata;
- font-weight:bold;
- z-index:9999999999999999999999999999999999999;
- text-transform:uppercase;
- border:1px solid transparent;
- position:fixed;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- #hello:hover {
- right:6px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #hello:hover a{
- color:black;}
- #hello a{
- color:black;}
- </style>
- <body>
- <div class="con">
- <div id="thing">
- {title}
- </div>
- <div id="extra"><a href="{text:1 url}" title="{text:1}">i.</a> <a href="{text:2 url}" title="{text:2}">ii.</a> <a href="{text:3 url}" title="{text:3}">iii.</a> <a href="{text:4 url}" title="{text:4}">iv.</a> <a href="{text:5 url}" title="{text:5}">v.</a></div>
- <div id="headers">
- <a href="/"><img src="{image:sidebar image}"></a>
- <div id="description" style="border-right:25px solid {color:scrollbar}; border-bottom:15px solid {color:scrollbar}; text-align:justify; padding:20px; color:{color:description}">{Description}</div>
- </div>
- <div id="h">
- {block:Posts}
- <div id="posts" >
- {block:indexpage}
- {block:Date}
- <div class="food">
- <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} / </a><a href="{Permalink}">+{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog </a>
- </br></br>
- {block:HasTags}<div class="fruity">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- {block:Date}
- <div class="drink">
- <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div>
- </div>
- {/block:Date}
- {/block:indexpage}
- {block:Quote}
- <div id="titlequote">“{Quote}”</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- <div class="te">{Body}</div>
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
- {/block:Photo}
- {block:Photoset}
- {block:ifnot500px}
- {Photoset-400}
- {/block:ifnot500px}
- {block:if500px}
- {photoset-500}
- {/block:if500px}
- {/block:Photoset}
- {block:Answer}
- <div class="as">{Asker} said: </div>
- <div class="q">
- {Question}</div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Video}
- {block:ifnot500px}
- {video-400}
- {/block:ifnot500px}
- {block:if500px}
- {video-500}
- {/block:if500px}
- {/block:Video}
- {block:Audio}
- {block:AudioPlayer}<div class="wr">
- <div class="player">{AudioPlayerWhite}</div></div>
- {/block:AudioPlayer}
- <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<br><div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;">{block:Artist}{Artist}{/block:Artist}<br>{block:album}{album}{/block:album}<br>{playcountwithlabel}</div></div>
- {/block:Audio}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- <div class="t">Notes</div>
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
- {/block:Pagination}
- </div></div>
- <div id="hello">
- <a href="http://noblesammy.tumblr.com/">∇ noblesammy</a>
- </div>
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement