Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- theme by Mimì @ thearmyinside.tumblr.com
- MADE ON GOOGLE CHROME
- POP UP BOXES TUTORIAL: http://simpressionstutorials.tumblr.com/post/29967487420/pop-up-ask-faq-links
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
- <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"><img src="http://media.tumblr.com/tumblr_m9h22vCHh91qepsk2.png" width="50px" height="35px" border="0"/></a>
- <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"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="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>
- <meta name="color:Background" content="#dadada" />
- <meta name="color:Entries" content="#f7f7f7" />
- <meta name="color:Description" content="" />
- <meta name="color:Text" content="#111111" />
- <meta name="color:Title" content="#868686" />
- <meta name="color:Link" content="#2c1d1d" />
- <meta name="color:Hover" content="#c5c080" />
- <meta name="color:BLink" content="#ececec" />
- <meta name="color:BHover" content="#d8d6d6" />
- <meta name="color:Bold" content="" />
- <meta name="color:Cursive" content="" />
- <meta name="color:Selection" content="" />
- <meta name="color:BSelection" content="" />
- <meta name="color:Sidebar" content="#fcfcfc" />
- <meta name="color:Tags" content="" />
- <meta name="color:Scrollbar" content="#fcfcfc" />
- <meta name="image:Sidebar" content="" />
- <meta name="image:Background" content="" />
- <meta name="font:Body" content="Arial" />
- <meta name="font:Title" content="Georgia" />
- <meta name="font:Link" content="Century Gothic" />
- <meta name="if:Infinite Scrolling" content="0" />
- <meta name="if:Right Click Disabled" content="0" />
- <meta name="if:Blogroll" content="0" />
- <meta name="text:URL" content=""/>
- <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:Link 6" content="/" />
- <meta name="text:Link 6 Title" content="Link 6" />
- <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}
- <style type="text/css">
- #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: #fff;
- padding: 20px;
- border: 20px solid #ddd;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- 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: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 20px;}
- body {
- background-color:{color:Background};
- background-image: url({image:Background});
- background-attachment:fixed;
- background-repeat:no-repeat;
- }
- a:link, a:active, a:visited {
- color:{color:Link};
- text-decoration:none;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a:hover {
- color:{color:Hover};
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #entries {
- width:515px;
- margin-top:10px;
- margin-left:300px;
- }
- #posts {
- background-color:{color:Entries};
- color: {color:Text};
- padding:8px;
- font-size:14px;
- }
- #sidebar {
- height:120%;
- width:100px;
- position:fixed;
- background-color:{color:Sidebar};
- background-image: url({image:Sidebar});
- background-repeat:no-repeat;
- background-position:center bottom;
- background-size: 100% 120%;
- padding:5px;
- margin-left:160px;
- margin-top:-50px;
- }
- #title {
- color:{color:Title};
- font-size:16px;
- font-family: {font:Title};
- font-style:bold;
- letter-spacing:3px;
- text-transform:uppercase;
- padding:5px;
- }
- #links {
- margin-top:80px;
- margin-left:-4px;
- }
- .links a{
- width:100px;
- padding-top:5px;
- padding-bottom:5px;
- margin:5px;
- display:block;
- background-color: {color:BLink};
- color: {color:Link};
- text-transform:uppercase;
- text-decoration:none;
- letter-spacing:1px;
- text-align:center;
- font-size: 7px;
- font-family: 'Happy Monkey', cursive;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .links a:hover {
- color: {color:Hover};
- background-color: {color:BHover};
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- h1 {
- color:{color:Title};
- text-align:center;
- font-family:{font:Title};
- font-size:17px;
- letter-spacing:1px;
- font-weight:normal;
- margin:5px;
- padding:0px;
- text-transform:none;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- h1:hover {
- color:{color:Hover};
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- h2 {
- color:{color:Description};
- font-family:{font:Body};
- font-size:13px;
- line-height:14px;
- font-weight:normal;
- font-style:italic;
- text-align:left;
- text-transform:none;
- }
- #scatola {
- position:relative;
- background-color:{color:Background};
- width:488px;
- padding:6px;
- text-align:center;
- }
- #tags {
- font-size:8px;
- font-family:Arial;
- color: {color:Tags};
- text-transform:uppercase;
- margin:2px;
- }
- #answer {
- margin:15px;
- margin-top:10px;
- }
- #question {
- font:13px arial;
- letter-spacing:0px;
- margin-left:5px;
- }
- #asker a {
- color: {color:Link};
- }
- #asker img {
- float:left;
- margin:10px;
- }
- blockquote {
- border-left:2px {color:Background} solid;
- padding-left:5px;
- margin:0px 2px 0px 10px;
- }
- blockquote img, blockquote a img {max-width: 370px}
- b, strong {
- color:{color:Bold};
- }
- i, em {
- color:{color:Cursive};
- }
- p {
- margin-top:3px;
- margin-bottom:3px;
- }
- img a {border:none}
- #audiocontainer{
- width:500px;
- background-color:transparent;
- height:100px;
- }
- #audioplayercontainer{
- opacity:0.5;
- width:40px;
- height:40px;
- background-color:#ffffff;
- top:30px;
- left:30px;
- position:absolute;
- z-index:500;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #audioplayercontainer:hover{
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- padding:5px;
- margin-top:-5px;
- margin-left:-5px;
- }
- #audioplayer{
- width:20px;
- height:25px;
- overflow:hidden;
- margin: 7px 0px 0px 7px;
- background-color:#ffffff;
- }
- .audio{
- width:40px;
- height:40px;
- position:absolute;
- }
- .audioimage{
- width:90px;
- height:90px;
- position:absolute;
- padding:5px;
- background-color:{color:Scrollbar};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .audioimage img{
- width:90px;
- float:left;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #audiocontainer table{
- float:right;
- margin-top:-2px;
- width:430px;
- }
- .audioinfo{
- font-size:12px;
- padding:0px 7px 1px 35px;
- background-color:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .chat .line{
- padding:3px 5px 3px 5px;
- margin-bottom:1px;
- }
- .chat .line.odd{
- padding:3px 5px 3px 5px;
- margin-bottom:1px;
- }
- .notes img {
- width:10px;
- position:relative;
- top:1px;
- }
- ol.notes, .notes li {
- list-style:none;
- font-size:10px;
- margin:0px;
- padding:0px;
- }
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {
- background-color:transparent!important;
- }
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px!important;}
- ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
- ::-moz-selection {background-color:transparent; color:{color:Selection};}
- ::selection {background-color:{color:BSelection}; color:{color:Selection};}
- #pagination {
- width:100px;
- height:20px;
- padding-top:5px;
- padding-bottom:5px;
- margin-top:4px;
- background-color:{color:BLink};
- font-size:11px;
- text-align:center;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
- </head>
- <body>
- <div id="sidebar">
- <center>
- <div id="links"><div class="links">
- <a href="/">Refresh</a>
- <a href="/archive">Archive</a>
- <a href="#?w=500" rel="02" class="poplight">{AskLabel}</a>
- <a href="#?w=500" rel="03" class="poplight">About Me</a>
- {block:ifBlogroll}<a href="#?w=500" rel="04" class="poplight">Blogroll</a>{/block:ifBlogroll}
- {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
- </div></div>
- {block:ifNotInfiniteScrolling}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><b>-</b> </a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> <b>+</b></a></a>{/block:NextPage}
- </div>{/block:ifNotInfiniteScrolling}
- </center>
- </div>
- <div id="entries">
- {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
- {block:Posts}
- <div id="posts">
- {block:Quote}<h2>"{Quote}" - {Source}</h2>{/block:Quote}
- {block:Title}<h1>{Title} </h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- <p style="margin-top:5px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="question"> <img src="{AskerPortraitURL-40}" border="5" style=" float: left; margin:2px; border-color:{color:Border};" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
- <div id="answer">{Answer}</div>{/block:Answer}
- {block:Audio}<div id="audiocontainer">
- <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
- {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
- <table cellpadding="0" cellspacing="1px">
- <br>
- <tr>
- <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
- </tr>
- {block:Album}
- <tr>
- <td class="audioinfo"><b>Album:</b> {Album}</td>
- </tr>
- {/block:Album}
- <tr>
- <td class="audioinfo">{PlayCountWithLabel}</td>
- </tr>
- </table>
- </div>
- <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Date}<div id="scatola"><div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>  -  <a style="" href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom}  -  <a style="" href="{ReblogParentURL}" title="{ReblogParentName}" >via</a>  -  <a style="" href="{ReblogRootURL}" title="{ReblogRootName}" >original</a> {/block:RebloggedFrom} <br>{block:HasTags}{block:Tags}  # <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>{/block:Date}</div><br>
- {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {block:ifRightClickDisabled}<script language=JavaScript>
- <!--
- //Disable right mouse click Script
- //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
- //For full source code, visit http://www.dynamicdrive.com
- var message="Function Disabled!";
- ///////////////////////////////////
- function clickIE4(){
- if (event.button==2){
- alert(message);
- return false;
- }
- }
- function clickNS4(e){
- if (document.layers||document.getElementById&&!document.all){
- if (e.which==2||e.which==3){
- alert(message);
- return false;
- }
- }
- }
- if (document.layers){
- document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown=clickNS4;
- }
- else if (document.all&&!document.getElementById){
- document.onmousedown=clickIE4;
- }
- document.oncontextmenu=new Function("alert(message);return false")
- // -->
- </script>{/block:ifRightClickDisabled}
- <div id="03" class="popup_block">
- <center>
- <div id="title">{Title}</div>
- {block:Description}<div style="font-size:11px;font-family:Century Gothic;">{Description}</div>{/block:Description}
- </center>
- </div>
- {block:ifBlogroll}<div id="04" class"popup_block">
- <center>
- <div style="font-size:14px;font-family:Georgia;text-transform:uppercase;color:#1C1C1C;"><strong>FOLLOWING</strong></div>
- <div style="margin:5px; position:fixed; border:none; width:460px; height:170px; overflow:auto; background-color:none; margin-left:20px; margin-top:10px;">
- <div id="following">{block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-40}"/></a>{/block:Followed}{/block:Following}</div>
- </div>
- </center>
- </div>{/block:ifBlogroll}
- </body>
- <div id="02" class="popup_block">
- <center><font size="5" color="#1C1C1C">{AskLabel}<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement