Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!----------------------------------------
- theme 28: seed of colour by anomaly xollyx
- base code by rnirae
- dont remove the credit otherwise have fun!
- ------------------------------------------>
- <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>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <meta name="image:favicon" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="image:background" content="" />
- <meta name="image:cursor" content="" />
- <meta name="image:render" content="" />
- <meta name="color:background" content="#fff" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:text" content="#bbb" />
- <meta name="color:scrollbar" content="#000" />
- <meta name="color:blockquote" content="#eee" />
- <meta name="color:link" content="#aaa" />
- <meta name="color:hover" content="#7bd7c2" />
- <meta name="color:side links" content="#6783a2" />
- <meta name="color:side links hover" content="#6783a2" />
- <meta name="color:title" content="#888" />
- <meta name="color:ask" content="#eee" />
- <meta name="color:link 1" content="#fff" />
- <meta name="color:link 2" content="#BFBFBF" />
- <meta name="color:link 3" content="#808080" />
- <meta name="color:link 4" content="#404040" />
- <meta name="color:link 5" content="#000" />
- <meta name="color:tooltip" content="#7bd7c2" />
- <meta name="color:tooltip text" content="#fff" />
- <meta name="text:about link" content="/abt" />
- <meta name="text:link 1" content="" />
- <meta name="text:link 1 title" content="link 1" />
- <meta name="text:link 2" content="" />
- <meta name="text:link 2 title" content="link 2" />
- <meta name="text:link 3" content="" />
- <meta name="text:link 3 title" content="link 3" />
- <meta name="text:link 4" content="" />
- <meta name="text:link 4 title" content="link 4" />
- <meta name="text:link 5" content="" />
- <meta name="text:link 5 title" content="link 5" />
- <meta name="text:render left" content="0" />
- <meta name="text:render bottom" content="0" />
- <meta name="text:render width" content="300" />
- <meta name="if:cursor" content="0" />
- <meta name="if:full bg" content="0" />
- <meta name="if:render" content="1" />
- <meta name="if:round corners" content="0" />
- <meta name="if:round permalinks" content="0" />
- <meta name="if:250px" content="1"/>
- <meta name="if:400px" content="0"/>
- <meta name="if:500px" content="0"/>
- <style type="text/css">
- @font-face{ font-family:"haeccity"; src:url('https://dl.dropboxusercontent.com/s/48102ianng6pss6/haeccity.ttf');}
- {block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}
- iframe#tumblr_controls {
- right:2px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%);
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.16;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-filter: invert(100%);
- }
- body {
- color: {color:text};
- background-color: {color:background};
- background-image: url({image:background});
- background-attachment:fixed;
- {block:iffullbg}
- background-repeat:no-repeat;
- background-size:cover;
- {/block:iffullbg}
- font: 11px consolas;
- line-height: 16px;
- }
- a {
- text-decoration: none;
- color: {color:link};
- }
- a:hover {
- color:{color:Hover};
- }
- h1 {
- font-size: 16px;
- color: {color:title};
- }
- /* scrollbar */
- ::-webkit-scrollbar {
- width: 9px;
- background: {color:scrollbar};
- border: 4px solid {color:background};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- }
- /* post customizations */
- #content { /* for the whole column of posts */
- {block:IndexPage}
- {block:if250px}
- width: 250px;
- {/block:if250px}
- {block:if400px}
- width: 400px;
- {/block:if400px}
- {block:if500px}
- width: 500px;
- {/block:if500px}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- {/block:PermalinkPage}
- position: relative;
- margin-left: 400px;
- margin-top: 60px;
- }
- .entry {
- margin-bottom: 60px;
- background:{color:posts};
- padding:10px;
- {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
- }
- .bubble {
- align:right;
- background: {color:ask};
- margin:7px 0px 5px 66px;
- padding:10px;
- position: relative;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- }
- .bubble p {
- margin:1px 0px;
- }
- .bubble span {
- display:block;
- position:absolute;
- width:1px;
- height:1px;
- font-size: 0;
- line-height: 1px;
- left:-10px;
- top:10px;
- border-top:7px solid transparent;
- border-bottom:7px solid transparent;
- border-right:10px solid {color:ask};
- }
- .askborder {
- float: left;
- margin: 1px 4px 0 0;
- padding: 2px;
- background: {color:ask};
- }
- #perma {
- position: absolute;
- right: -30px;
- font-size:20px;
- }
- .pone {
- width: 20px;
- height: 20px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 1};
- border: 1px solid transparent;
- z-index: 999999;
- {block:ifroundpermalinks}border-radius:20px;{/block:ifroundpermalinks}
- }
- .pone:hover {
- background:{color:link 2};
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- -ms-transition: 0.8s ease-out;
- -o-transition:0.8s ease-out;
- transition:0.8s ease-out;
- }
- .ptwo {
- width: 20px;
- height: 20px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 2};
- border: 1px solid transparent;
- z-index: 999999;
- {block:ifroundpermalinks}border-radius:20px;{/block:ifroundpermalinks}
- }
- .ptwo:hover {
- background:{color:link 3};
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- -ms-transition: 0.8s ease-out;
- -o-transition:0.8s ease-out;
- transition:0.8s ease-out;
- }
- .pthree {
- width: 20px;
- height: 20px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 3};
- border: 1px solid transparent;
- z-index: 999999;
- {block:ifroundpermalinks}border-radius:20px;{/block:ifroundpermalinks}
- }
- .pthree:hover {
- background:{color:link 4};
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- -ms-transition: 0.8s ease-out;
- -o-transition:0.8s ease-out;
- transition:0.8s ease-out;
- }
- #pic {
- position:fixed;
- margin-top:50px;
- margin-left:125px;
- }
- #link1 {
- margin-left:105px;
- margin-top:30px;
- padding:0px;
- position:fixed;
- width:20px;
- height:20px;
- background:{color:side links};
- }
- #link2 {
- margin-left:225px;
- margin-top:30px;
- padding:0px;
- position:fixed;
- width:20px;
- height:20px;
- background:{color:side links};
- }
- #link3 {
- margin-left:105px;
- margin-top:150px;
- padding:0px;
- position:fixed;
- width:20px;
- height:20px;
- background:{color:side links};
- }
- #link4 {
- margin-left:225px;
- margin-top:150px;
- padding:0px;
- position:fixed;
- width:20px;
- height:20px;
- background:{color:side links};
- }
- #link1:hover, #link2:hover, #link3:hover, #link4:hover {
- background:{color:side links hover};
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- -ms-transition: 0.8s ease-out;
- -o-transition:0.8s ease-out;
- transition:0.8s ease-out;
- }
- #sidebar {
- position:fixed;
- margin-top:175px;
- margin-left:50px;
- width:250px;
- padding:5px;
- background-color:{color:posts};
- {block:ifroundcorners}
- border-top-right-radius:10px;
- border-top-left-radius:10px;
- {/block:ifroundcorners}
- }
- #description {
- margin-top:2px;
- width: 250px;
- text-align:justify;
- color:{color:text};
- }
- #box {
- height: 27px;
- left: 58px;
- position: fixed;
- z-index: 9999999;
- }
- .one {
- width: 50px;
- height: 15px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 1};
- border: 1px solid transparent;
- z-index: 999999;
- {block:ifroundcorners}border-bottom-left-radius:10px;{/block:ifroundcorners}
- }
- .two {
- width: 50px;
- height: 15px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 2};
- border: 1px solid transparent;
- z-index: 999999;
- }
- .three {
- width: 50px;
- height: 15px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 3};
- border: 1px solid transparent;
- z-index: 999999;
- }
- .four {
- width: 50px;
- height: 15px;
- position: relative;
- display: inline-block;
- margin-top: 5px;
- background-color: {color:link 4};
- border: 1px solid transparent;
- z-index: 999999;
- }
- .five {
- width: 50px;
- height: 15px;
- position: relative;
- display: inline-block;
- background-color: {color:link 5};
- border: 1px solid transparent;
- z-index: 999999;
- {block:ifroundcorners}border-bottom-right-radius:10px;{/block:ifroundcorners}
- }
- .one:hover, .two:hover, .three:hover, .four:hover, .five:hover {
- background:{color:side links hover};
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- -ms-transition: 0.8s ease-out;
- -o-transition:0.8s ease-out;
- transition:0.8s ease-out;
- }
- blockquote {
- border-left: 1px solid {color:blockquote};
- margin-left: 6px;
- padding-left: 10px;
- }
- img.avatar {display:none; }
- ol.notes {
- margin-top: 20px;
- }
- #s-m-t-tooltip {max-width:250px;
- padding:3px 4px 5px 4px;
- margin-top:5px;
- margin-left:30px;
- background: {color:tooltip};
- font-family:'haeccity';
- font-size:10px;
- text-transform:uppercase;
- color:{color:tooltip text};
- text-align: center;
- {block:ifroundcorners}border-radius:5px;{/block:ifroundcorners}
- }
- #s-m-t-tooltip:after {position: absolute;
- display: block; content: "";
- border-color: transparent {color:tooltip} transparent transparent ;
- border-style: solid;
- border-width: 5px;
- height:0;
- width:0;
- position:absolute;
- top:3px;
- left:-10px;
- }
- </style>
- </head>
- <body>
- <a href="/" title="home"><div id="link1"></div></a>
- <a href="/ask" title="ask"><div id="link2"></div></a>
- <a href="/submit" title="submit"><div id="link3"></div></a>
- <a href="{text:about link}" title="about"><div id="link4"></div></a>
- <div id="pic"><img src="{image:sidebar}" style="width:100px; height:100px;"></div>
- <div id="sidebar">
- <center>
- <div id="description">{block:Description}{Description}{/block:Description}</div>
- <center>
- {block:PreviousPage}<a href="{PreviousPage}"><font-size="24">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="24">»</font></a>{/block:NextPage}
- </center>
- <div id="box">
- <a href="{text:link 1}" class="color one" tooltip="{text:link 1 title}">
- <a href="{text:link 2}" class="color two" tooltip="{text:link 2 title}">
- <a href="{text:link 3}" class="color three" tooltip="{text:link 3 title}">
- <a href="{text:link 4}" class="color four" tooltip="{text:link 4 title}">
- <a href="{text:link 5}" class="color five" tooltip="{text:link 5 title}">
- </a>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <div class="entry">
- <!--permalink-->
- {block:IndexPage}
- <div id="perma">
- <a href="{Permalink}" class="color pone" title="{TimeAgo}"></a><br>
- <a href="{Permalink}" class="color ptwo" title="{NoteCountWithLabel}"></a><br>
- <a href="{ReblogURL}" class="color pthree" title="reblog"></a>
- </div>{/block:IndexPage}
- {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
- {block:Text}{block:Title}<div align="center"><h1>{Title}</h1></div>{/block:Title}{Body} {/block:Text}
- {block:Link}<div align="center"><h1><a href="{URL}">{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<h1>"{Quote}"</h1>
- {block:Source}<br><div align="right">- {Source}</div>{/block:Source}{/block:Quote}
- {block:Chat}{block:Title}<div align="center"><h1>{Title}</h1></div>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
- {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
- {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question} </div>{Answer}{/block:Answer}
- <!--permalink page-->
- {block:PermalinkPage}
- <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div> <!---entry div--->
- {/block:Posts}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div><!---content div--->
- {block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img style="opacity:1;" src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
- <div style=" position:fixed; left:8px; bottom:4px; z-index:1;"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement