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 by rnirae (rnirae.tumblr.com)
- pop-up nav tutorial by aryatark
- do not remove the credit
- <!------>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <!--------box----->
- <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>
- <!----->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- <!--TOOLTIP-->
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <!------>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Text" content="#aaa"/>
- <meta name="image:Background" content="" />
- <meta name="image:Icon" content="http://static.tumblr.com/24dfc8d8394702161d63ad354126e30e/lmw3ivr/rnNno5okx/tumblr_static_22nnaqekjzwgs48gsoogsg4ok.jpg"/>
- <meta name="color:Scrollbar" content="#000"/>
- <meta name="color:Scroll track" content="#bbb"/>
- <meta name="color:Tooltip Color" content="#bbb"/>
- <meta name="color:Tooltip Background" content="#fff"/>
- <meta name="color:Link" content="#ddd"/>
- <meta name="color:Link Hover" content="#f0f0f0"/>
- <meta name="color:Headers" content="#999"/>
- <meta name="color:Light Accent" content="#f6f6f6"/>
- <meta name="color:Shadows" content="#eee"/>
- <meta name="color:Quotes and Audio" content="#fafafa"/>
- <meta name="color:Sidebar Text" content="#dcdcdc"/>
- <meta name="color:Navigation" content="#9b9b9b"/>
- <meta name="color:Nav box bg" content="#f6f6f6"/>
- <meta name="color:Blockquote" content="#f0f0f0"/>
- <meta name="color:Top Button" content="#999"/>
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 title" content="index"/>
- <meta name="text:Link 2" content="/ask"/>
- <meta name="text:Link 2 title" content="message"/>
- <meta name="text:Link 3" content="/archive"/>
- <meta name="text:Link 3 title" content="archive"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 title" content="link 1"/>
- <meta name="text:Link 5" content="/"/>
- <meta name="text:Link 5 title" content="link 2"/>
- <meta name="text:Link 6" content="/"/>
- <meta name="text:Link 6 title" content="link 3"/>
- <meta name="if:Tiny Cursor" content="1" />
- <meta name="if:250px" content="1" />
- <meta name="if:400px" content="0" />
- <meta name="if:500px" content="0" />
- <meta name="color:Lightbox" content="#fff"/>
- <style type="text/css">
- /* IMPORTANT */
- 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%);
- }
- #tumblr_lightbox { background-color: transparent !important; }
- #tumblr_lightbox div:nth-child(2) { background-color: {color:Lightbox}; opacity: .6; }
- #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
- #tumblr_lightbox a img { border: 5px solid #fff !important; }
- #tumblr_lightbox_caption { visibility: hidden; }
- #vignette { visibility: hidden; }
- #tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important; }
- /* ------------ */
- body {
- padding: 2px;
- margin: 0px;
- font-family: trebuchet ms;
- font-size: 10px;
- text-transform: normal;
- line-height: 18px;
- color: {color:Text};
- background-color: {color:Background};
- background-image: url({image:Background});
- background-attachment: fixed;
- {block:ifTinyCursor}
- cursor: url(http://i.imgur.com/iGPZ4oL.png), auto;
- {/block:ifTinyCursor}
- }
- a:link, a:active, a:visited {
- text-decoration: none;
- color: {color:Link};
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- transition: all .3s ease-in-out;
- }
- a:hover {
- color: {color:Link hover};
- cursor: help;
- {block:ifTinyCursor}
- cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
- {/block:ifTinyCursor}
- }
- p:first-child:first-letter {
- padding-left: 20px;
- }
- /* CONTENT/ENTRY */
- #content {
- position: relative;
- margin: 0 auto;
- {block:if250px}
- width: 290px;
- {/block:if250px}
- {block:if400px}
- width: 440px;
- {/block:if400px}
- {block:if500px}
- width: 540px;
- {/block:if500px}
- margin-top: 100px;
- }
- .entry {
- margin-bottom: 130px;
- padding: 20px;
- background: #fff;
- {block:IndexPage}
- border-bottom: 1px solid {color:Light Accent};
- {/block:IndexPage}
- }
- .entry:first-child {
- padding-top: 20px;
- border-top: 1px solid {color:Light Accent};
- }
- {/block:IndexPage}
- /* perma */
- #perma {
- position: absolute;
- margin-top: 40px;
- {block:if250px}
- margin-left: 150px;
- {/block:if250px}
- {block:if400px}
- margin-left: 150px;
- {/block:if400px}
- {block:if500px}
- margin-left: 250px;
- {/block:if500px}
- }
- .perma a {
- background: #fff;
- color: {color:Sidebar Text};
- border: 1px solid {color:Light Accent};
- padding: 6px 10px;
- }
- /* title and chat posts */
- .hm {
- padding: 0px 3px;
- }
- h1, h2 {
- font: 10px 'Open Sans';
- text-transform: uppercase;
- letter-spacing: 2px;
- color: {color:Headers};
- }
- ul, ol , li {
- margin-left: -6px;
- margin-right: 1px;
- margin-top: 2px;
- list-style-image: url('http://static.tumblr.com/3yblkz0/phLn0ncjk/crss.png');
- }
- #chat {
- padding: 6px;
- }
- .chat {
- list-style-type: none;
- line-height: 16px;
- }
- /* other css tools */
- #s-m-t-tooltip{
- max-width: 210px;
- margin:16px;
- padding: 5px;
- background: {color:Tooltip background};
- font: 7px trebuchet ms;
- letter-spacing: 1px;
- color: {color:Tooltip color};
- letter-spacing: 1.5px;
- text-transform: uppercase;
- box-shadow: 2px 2px 2px {color:Shadows};
- }
- ::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- background: {color:Background};
- border-left: 1px solid {color:Scroll track};
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- border-left: 1px solid {color:Scrollbar};
- }
- /* ANSWER/ASK POSTS */
- .ask {
- background: {color:Quotes and Audio};
- padding: 8px;
- font-style: italic;
- text-shadow: 1px 1px #fff;
- }
- .asker {
- text-align: right;
- margin-right: 0px;
- margin-top: 5px;
- margin-bottom: 5px;
- }
- .ans {
- letter-spacing: 1px;
- }
- .cred a {
- z-index: 99999999999999999;
- position: fixed;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- bottom: 5px;
- right: 6px;
- border: 3px double #ddd;
- color: #bbb;
- padding: 2px 3px;
- }
- .cred a:hover {
- bordeR: 3px double #fff;
- color: #fff;
- }
- /* POSTNOTES AND PERMALINK PAGE */
- .root {
- font: 7px trebuchet ms;
- margin-left: 10px;
- margin-top: 6px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .tags {
- font: 7px trebuchet ms;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- ol.notes {
- height: 200px;
- overflow: auto;
- {block:if250px}
- width: 290px;
- {/block:if250px}
- {block:if400px}
- width: 440px;
- {/block:if400px}
- {block:if500px}
- width: 540px;
- {/block:if500px}
- list-style-type: none;
- margin-left: -40px;
- margin-top: -120px;
- }
- ol.notes li.note a {
- color: {color:Text};
- }
- ol.notes li.note {
- font: 8px calibri;
- text-transform: uppercase;
- letter-spacing: 1px;
- list-style-type: none;
- display: block;
- padding: 6px;
- }
- img.avatar {
- display: none;
- }
- #wo {
- background: {color:Quotes and Audio};
- border: 4px double {color:Background};
- font: 7px trebuchet ms;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin-top: 10px;
- padding: 6px;
- }
- .chil {
- height:5px;
- width:5px;
- margin-top:2px;
- margin-right:5px;
- border:1px solid {color:Light Accent};
- background: transparent;
- float: left;
- }
- blockquote {
- border-left: 1px solid {color:Blockquote};
- padding-left: 8px;
- margin-left: 6px;
- }
- /* quotes */
- .quote {
- background: {color:Quotes and Audio};
- box-shadow: 1px 1px {color:Shadows};
- padding: 8px;
- margin: 3px;
- }
- .sli {
- font-family: tahoma;
- opacity: .3;
- float: left;
- margin-left: 10px;
- margin-top: 1px;
- margin-right: 5px;
- }
- .source {
- opacity: .8;
- padding: 6px;
- padding-top: 3px;
- }
- /* AUDIO */
- #play {
- width: 28px;
- height: 30px;
- overflow: hidden;
- opacity: .2;
- position: absolute;
- border-bottom: 1px solid {color:Shadows};
- }
- #gu {
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- padding-top: 8px;
- text-align: center;
- font: 8px calibri;
- text-transform: uppercase;
- letter-spacing: 1px;
- height: 19px;
- background: {color:Quotes and Audio};
- box-shadow: 1px 1px {color:Shadows};
- }
- b, strong {
- color: {color:Headers};
- }
- #daseot {
- margin-top: 3px;
- margin-bottom: 3px;
- background: {color:Quotes and Audio};
- font: 8px calibri;
- text-transform: uppercase;
- letter-spacing: 1px;
- height: auto;
- padding: 5px;
- padding-left: 8px;
- line-height: 15px;
- box-shadow: 1px 1px {color:Shadows};
- }
- .artist {
- font: 8px calibri;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: right;
- margin-top: 3px;
- box-shadow: 1px 1px {color:Shadows};
- }
- /* navigation */
- .nav-box{
- position: relative;
- width: 30px;
- overflow: hidden;
- background: {color:Nav box bg};
- border: 5px double #fff;
- margin: 0 auto;
- margin-top: 76px;
- }
- .nav-box:before{
- content: "";
- display: block;
- padding-top: 100%;
- }
- .nav {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- margin-top: -2px;
- }
- .nav div {
- display: table;
- width: 100%;
- height: 100%;
- }
- .nav span {
- display: table-cell;
- text-align: center;
- vertical-align: middle;
- color: white;
- }
- .nav a{
- font: 22px tahoma;
- color: {color:Navigation};
- }
- .line2 {
- background: {color:Light Accent};
- height: 18px;
- width: 1px;
- position: relative;
- margin: 0 auto;
- margin-top: -56px;
- z-index: 5;
- }
- /* this is the popup */
- h6:last-child {
- border-bottom: none;
- }
- h6 {
- background: #fff;
- border-bottom: 1px solid {color:Light Accent};
- padding-bottom: 5px;
- font: 7px trebuchet ms;
- text-transform: uppercase;
- letter-spacing: 2px;
- text-align: center;
- margin-bottom: -2px;
- }
- .popup_block{
- display:none;
- background:#fff;
- padding:10px;
- padding-top: 0px;
- float:left;
- position:fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background: {color:Background};
- opacity:.9;
- }
- /* sidebar */
- .icon {
- margin: 0 auto;
- position: relative;
- width: 38px;
- top: 48px;
- }
- .icon img {
- width: 30px;
- height: 30px;
- padding: 2px;
- background: #fff;
- border: 1px solid {color:Light Accent};
- }
- #desc {
- width: 150px;
- padding: 7px 10px;
- position: relative;
- border: 1px solid {color:Light Accent};
- color: {color:Sidebar Text};
- margin: 0 auto;
- top: 60px;
- background: #fff;
- text-align: justify;
- }
- .line {
- background: {color:Light Accent};
- height: 27px;
- width: 1px;
- position: absolute;
- top: 80px;
- left: 50%;
- margin-left: -.5px;
- z-index: -1;
- }
- #desc, .perma a, .chat, .quote, .source {
- font: 7px trebuchet ms;
- text-transform: uppercase;
- letter-spacing: 1px;
- line-height: 15px;
- }
- #ttop a {
- padding: 1px 8px;
- color: {color:Top Button};
- position: fixed;
- bottom: 50px;
- left:150px;
- }
- </style>
- {block:IndexPage}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:IndexPage}
- </head>
- <body>
- <!---tttop--->
- <div id="top"></div>
- <div id="ttop"><a href="#top" title="to top?">↑</a></div>
- <!----sidebar---->
- <div class="icon"><a href="/"><img src="{image:Icon}"/></a></div>
- <div id="desc">{Description}</div>
- <div class="line"></div>
- <!---nav--->
- <div class="nav-box">
- <div class="nav"><div><span><a href="#?w=150" rel="box1" class="poplight">≣</a></span></div></div>
- </div>
- <div class="line2"></div>
- <!--------->
- <div id="content">
- {block:Posts}
- <div class="entry">
- <!------->
- {block:Photo}
- {block:IndexPage}
- <div class="photo"><a href="{permalink}" title="{NoteCountWithLabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:if250px}{Photoset-250}{/block:if250px}
- {block:if400px}
- {Photoset-400}
- {/block:if400px}
- {block:if500px}
- {Photoset-500}
- {/block:if500px}
- {/block:Photoset}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="hm">{Body}</div>
- {/block:Text}
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}<div class="hm">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="quote">
- {Quote}
- </div>
- {block:Source}<div class="sli">——</div><div class="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label}
- <span><i>{Line}</i><br></span>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="play">
- {AudioPlayerGrey}
- </div>
- <div id="gu">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- </div>
- <div id="daseot">
- <b>artist</b>: {block:Artist}{Artist}{/block:Artist} <br>
- <b>album name</b>: {block:Album}{Album}{/block:Album} <br>
- <b>PLAY COUNT</b>: {block:PlayCount}{PlayCountwithLabel}{/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="ask">
- {Question}
- </div>
- <div class="asker">
- said {Asker}
- </div>
- <div class="ans">
- {Answer}
- </div>
- {/block:Answer}
- {block:Video}
- {block:if250px}
- <div class="vid">{Video-250}</div>
- {/block:if250px}
- {block:if400px}
- <div class="vid">{Video-400}</div>
- {/block:if400px}
- {block:if500px}
- <div class="vid">{Video-500}</div>
- {/block:if500px}
- {/block:Video}
- <!------------------------PERMALINK PAGE------------------------------>
- {block:PermalinkPage}
- {block:Caption}
- <div id="wo">
- {Caption}
- </div>
- {/block:Caption}
- {block:RebloggedFrom}
- <div class="root">
- <a href="{ReblogParentURL}" title="{ReblogParentName}">[ VIA ]</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">[ SRC ]</a> WITH {NoteCountWithLabel}</div>
- {/block:RebloggedFrom}
- {block:HasTags}
- <p>
- {block:Tags}
- <div class="tags"><a href="{TagURL}">#{Tag}</a></div>
- {/block:Tags}
- {/block:HasTags}
- {/block:PermalinkPage}
- <!----------------------------------------------------------->
- <!--------PERMALINKS---------->
- {block:IndexPage}
- <div id="perma">
- <div class="perma">
- <a href="{Permalink}">{MonthNumber}.{DayofMonth}.{ShortYear}</a> <a href="{ReblogURL}">✕</a>
- </div>
- </div>
- {/block:IndexPage}
- <!------------------>
- </div>
- {block:PermalinkPage}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <!------------------------CREDITS DO NOT REMOVE----------------------->
- <div class="cred"><a href="http://www.rnirae.tumblr.com/" title="theme by rnirae">thm</a></div>
- <!------------------------------------------->
- </body>
- <div id="box1" class="popup_block">
- <h1>{Title}</h1>
- <h6><a href="{text:link 1}">{text:link 1 title}</a></h6>
- <h6><a href="{text:link 2}">{text:link 2 title}</a></h6>
- <h6><a href="{text:link 3}">{text:link 3 title}</a></h6>
- <h6><a href="{text:link 4}">{text:link 4 title}</a></h6>
- <h6><a href="{text:link 5}">{text:link 5 title}</a></h6>
- <h6><a href="{text:link 6}">{text:link 6 title}</a></h6>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment