Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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}
- <meta name="color:background" content="#000">
- <meta name="image:Background" content=""/>
- <meta name="color:text" content="#000"/>
- <meta name="color:links" content="#525252"/>
- <meta name="color:links hover" content="#fff"/>
- <meta name="color:links hover shadow" content="#FFF300"/>
- <meta name="color:scrollbar track" content="#0101DF"/>
- <meta name="color:scrollbar thumb" content="#000"/>
- <meta name="image:info" content=""/>
- <meta name="color:tags" content="#000"/>
- <meta name="color:italic" content="#aa2828"/>
- <meta name="color:bold" content="#aa2828"/>
- <meta name="image:popup" content=""/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:lis" content="#444444"/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 5 URL" content=""/>
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!--tooltips by tutorial-baby-->
- <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:10,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- width:35px;
- border-radius: 2px; /*change your border radius*/
- padding:3px 4px 5px 4px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#444444; /*background color*/
- font-family: 'Roboto', sans-serif;
- text-align: center;
- font-size:9px;
- color:#ededed;
- font-weight:bold;
- text-transform: uppercase;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- z-index:999999999999999999999999999999999999;
- }
- </style>
- <style>
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #000;
- color:{color:text};
- padding: 20px;
- border:1px solid {color:border};
- height: 350px;
- float: left;
- font-size: 9px;
- text-align: left;
- position: fixed;
- top: 50%; left: 50%;
- background-image: url({image:popup});
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- max-height:400px;
- overflow:auto;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #nav {
- text-transform: uppercase;
- text-align: center;
- line-height: 30px;
- }
- #titlea {
- text-transform: uppercase;
- font-family: 'Montserrat', sans-serif;
- font-size: 20px;
- }
- #texta {
- text-align: left;
- }
- /*basic*/
- ::-webkit-scrollbar-thumb:vertical {
- border: 1px solid#fff;
- background-color: ;
- }
- ::-webkit-scrollbar {
- width: 1px;
- }
- ::selection {
- background: #730000;
- color: #fff;
- }
- ::-moz-selection {
- background: #HEX selection color;
- color: #HEX font color;
- }
- ::-webkit-selection {
- background: #HEX selection color;
- color: #HEX font color;
- }
- .showme{
- display: none;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease-out;
- }
- .showhim {
- margin-left: 310px;
- margin-top: 85px;
- text-transform: uppercase;
- font-family: 'Montserrat', sans-serif;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease-out;
- }
- .showhim:hover .showme{
- display : block;
- width: 100px;
- padding: 25px;
- background: #000;
- opacity: 0.7;
- margin: 25px;
- position: fixed;
- margin-left: -50px;
- margin-top: 150px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease-out;
- }
- body {
- background-color: {color:background};
- background-image: url({image:Background});
- background-attachment: fixed;
- background-repeat:no-repeat;
- margin-bottom: 0;
- word-wrap: break-word;
- position:fixed;
- font-family: 'Roboto Condensed', sans-serif;
- font-size:11px;
- color:{color:text};
- overflow-y:hidden;
- font-family:arial;
- }
- a {
- text-decoration:none;
- text-transform: uppercase;
- font-family: 'Roboto Slab', serif;
- color:{color:links};
- border-bottom:0px solid {color:links hover shadow};
- }
- a:hover { color: #fff;
- color: {color:link hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- text-shadow: #2f2f2f 0 0 5px;
- text-decoration:none;
- }
- b, strong {
- color: {color:bold};
- font-family: 'Oswald', sans-serif;
- font-size: 10px;
- font-weight: bold;
- text-shadow: 0 0 0.3em #000;
- text-transform: uppercase;
- }
- i, em {
- color: {color:italic};
- font-family: 'Oswald', sans-serif;
- font-weight: italic;
- text-shadow: 0 0 0.3em #000;
- text-transform: none;
- }
- h1 {
- font-size: 22px;
- color: {color:Title};
- font-family: 'Montserrat', sans-serif;
- letter-spacing:-0.5px;
- text-transform: uppercase;
- font-weight:bold;
- padding:5px;
- padding-bottom:2px;
- }
- h2 {
- font-size:12px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:text};
- font-weight:bold;
- text-transform:uppercase;
- padding:5px;
- padding-bottom:2px;
- }
- h3 {
- font-size:12px;
- text-align:left;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:title};
- font-weight:bold;
- text-transform:uppercase;
- padding:5px;
- padding-bottom:2px;
- }
- .po img a:hover {
- background-color:transparent;
- }
- .po img:hover{
- background-color:transparent;
- }
- table {
- font-size:10px;
- }
- #credit{
- bottom:5px;
- right:5px;
- position:fixed;
- background-color:rgba(255,255,255,0.6);
- }
- #si {
- position:fixed;
- margin:130px;
- text-align:right;
- width:100px;
- }
- #ti {
- display:none;
- font-family: 'Fjalla One', sans-serif;
- text-transform: uppercase;
- position:fixed;
- font-size:30px;
- opacity: 0.8;
- font-weight:bold;
- width:350px;
- text-align:center;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- #ti:hover{
- color:#000;
- }
- #tti {
- position:fixed;
- top:70px;
- left:180px;
- }
- #des {
- width:400px;
- text-align:left;
- font-size: 10px;
- top: 20px;
- padding: 10px;
- }
- /*posts*/
- #ens {
- position:fixed;
- left:690px;
- top:220px;
- height:40%;
- width:500px;
- overflow-y:scroll;
- background-color:transparent;
- padding:20px;
- }
- .po {
- margin-bottom:80px;
- padding:10px;
- position:;
- background-color:transparent;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- #lis {
- margin-left:380px;
- margin-top:310px;
- font-size: 20px;
- width: 400px;
- letter-spacing: 20px;
- color: {color:lis};
- }
- #info {
- margin-top:5px;
- margin-bottom:5px;
- text-align:center;
- width:500px;
- margin-left:-10px;
- height:15px;
- background-image: url({image:info});
- border: 1px; color: #fff;
- font-size: 9px;
- }
- #info a{
- margin-right:5px;
- }
- .tags {
- width: 500px;
- color:{color:tags};
- font-family: 'Roboto', sans-serif;
- text-align:left;
- text-transform: lowercase;
- margin-top:5px;
- padding-top:5px;
- padding-bottom:5px;
- font-size:7px;
- }
- .tags a {
- text-transform: none;
- }
- .tags a:hover {
- color:{color:links hover};
- text-decoration: none;
- }
- /*extra*/
- /*#acc {
- color:#000;
- font-size:9px;
- padding:3px;
- opacity:0;
- }
- #lis a:hover #acc {
- opacity:1;
- }*/
- /*asks*/
- .question {
- border:1px solid {color:text};
- padding:10px;
- }
- .asker {
- font-weight:bold;
- }
- /*text post*/
- #title {
- font-size: 18px;
- color: {color:Title};
- font-family: 'Montserrat', sans-serif;
- letter-spacing:-0.5px;
- text-transform: uppercase;
- font-weight:bold;
- padding:5px;
- padding-bottom:2px;
- }
- /*chat*/
- .chat ol {
- list-style-type:none;
- margin-left:-35px;
- }
- .chat ol li {
- border-bottom:1px solid #eee;
- padding-bottom:5px;
- padding-top:5px;
- }
- /*quotes*/
- .quote {
- font-style:italic;
- font-size:12px;
- }
- .source {
- text-align:right;
- color:#888;
- }
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -11px;
- left: -12px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 500px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 28px;
- height: 28px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- overflow: hidden;
- width: 88px;
- height: 88px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 100px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- blockquote {
- border-left: 3px solid #fff;
- margin-left: 6px;
- padding-left: 10px;
- }
- /*post width*/
- iframe, img, embed, object, video {
- max-width: 100%;
- border: none;
- }
- .pagenotes {
- padding: 15px;
- }
- </style>
- </head>
- <body>
- <div id="credit"><a title="theme by gasoln" href="http://gasoln.tumblr.com">.thm</a></div>
- <div id="tti"><div id="ti">{title}</div><br><br><br>
- </div>
- <div class="showhim">
- HOVER
- <div class="showme">Indie Trish Walker.<p> Selective, semi-private. <p>
- Written by b. </div>
- </div>
- <div id="si">
- <div id="lis">
- <div id="des"></div>
- <a href="{text:Link 1 URL}" title="{text:Link 1}">●</a><a href="#?w=350" rel="ask" class="poplight" title="{text:Link 2}">●</a><a href="#?w=350" rel="02" class="poplight" title="{text:Link 3}">●</a><a href="#?w=350" rel="03" class="poplight" title="{text:Link 4}">●</a><a href="#?w=350" rel="04" class="poplight" title="{text:Link 5}">●</a>
- </links>
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a><br>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
- </div>
- </div>
- <div id="ens">
- {block:Posts}
- <div class="po">
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}<div class="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {Body}
- {/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}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {/block:Video}
- {block:audio}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}{block:AudioEmbed}{AudioEmbed-500} {/block:AudioEmbed}
- {/block:audio}
- {block:Answer}
- <div class="question">
- <div class="asker">{Asker} said: </div>
- {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}<div id="info"><a href="{Permalink}" title="{TimeAgo}">☆</a>{/block:Date}
- {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">☆</a>{/block:NoteCount}</a>{block:RebloggedFrom}<a href="{Permalink}"><a title="{ReblogParentName}" href="{ReblogParentURL}">☆</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}"href="{SourceURL}">☆</a>{/block:ContentSource} {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags} <a href="{TagURL}">X{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- <div class="postnote">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
- {/block:Posts}
- </div>
- </body>
- <div id="ask" class="popup_block">
- <div id="titlea">Ask</div>
- <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/purplesnotmycolor.tumblr.com" width="100%"></iframe></p></center>
- </div>
- <div id="02" class="popup_block" height="350">
- <div id="wrap">
- <center>
- <div id="titlea">about</div>
- <div id="texta">
- about here
- </div>
- </div>
- </div>
- <div id="03" class="popup_block">
- <div id="wrap">
- <center>
- <div id="titlea">rules</div>
- <div id="texta">
- rules here
- </div>
- </div>
- </div>
- </div>
- <div id="04" class="popup_block">
- <div id="nav">
- <div id="titlea">navigation</div>
- <a href="/about">about</a> ‥
- links here
- </div>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement