Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Grimes Theme
- The sidebar bg needs to be at least 400px X 800px
- and the small sidebar needs to be a square
- Please don't steal this c:
- -->
- <!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">
- <head>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}" />
- <meta name="color:text" content="#9a9a9a"/>
- <meta name="color:links" content="#979797"/>
- <meta name="color:linkshover" content="#363636"/>
- <meta name="color:Permalink Color 1" content="#fff">
- <meta name="color:Permalink Color 2" content="#888">
- <meta name="color:textselect" content="#9a9a9a"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:tooltipborder" content="#eee"/>
- <meta name="color:tooltipbg" content="#fff"/>
- <meta name="color:tooltiptext" content="#888"/>
- <meta name="image:sidebar" content="http://media.tumblr.com/1cd0a181e9b00d128691a08f06006ccd/tumblr_inline_mk52csg3eJ1qz4rgp.jpg">
- <meta name="image:sidebar bg" content="">
- <meta name="text:link1title" content="links" />
- <meta name="text:link1url" content="/" />
- <meta name="text:link2title" content="music" />
- <meta name="text:link2url" content="/" />
- <meta name="text:link3title" content="other blog" />
- <meta name="text:link3url" content="/" />
- <meta name="text:link4title" content="blogroll" />
- <meta name="text:link4url" content="/" />
- <meta name="color:scrollbar" content="#ede7dc"/>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><link href='http://fonts.googleapis.com/css?family=IM+Fell+English' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://static.tumblr.com/gyoju49/2A6mk8i6o/component.js"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
- <meta name="description" content="" />
- <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:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #tumblr_controls{
- position:fixed !important;
- opacity:.45;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- z-index:99999999999999999999999;
- }
- #tumblr_controls{
- position:fixed !important;
- -webkit-filter: invert(100%)
- }
- a {
- color:#979797;
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- a:hover {
- color:#363636;
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:scrollbar};
- height:auto;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:4px;
- background-color: #fff;
- }
- body {
- background-color:{color:bgcolor};
- font-family:calibri;
- font-weight:normal;
- }
- #entries{
- margin-left: 490px;
- margin-top:20px;
- width:500px;
- }
- .posts{
- background-color: transparent;
- padding: 20px 0 0 0;
- font-style:normal;
- font-size:11px;
- }
- #credit {
- position:fixed;
- right:3px;
- bottom:3px;
- line-height:5px;
- letter-spacing:0px;
- font:10px trebuchet ms;
- color: {color:text};
- text-transform:uppercase;
- }
- h1{
- font-family: 'georgia';
- font-style:ITALIC;
- font-size: 15px;
- font-weight:none;
- }
- .qquote{
- font-family: 'georgia';
- font-style:ITALIC;
- font-size: 15px;
- font-weight:none;
- margin-left: 0px;
- }
- .qsource{
- margin: 5px 0px 0 20px;
- text-align: left;
- text-transform: none;
- }
- .chat{
- line-height: 12px;
- list-style: none;
- font-color:#000000;
- }
- .chat ul {
- line-height: 15px;
- list-style: none;
- padding: 0px;
- line-height: 20px;
- }
- .person1 {
- color:{color:Text};
- background-color:{color:Chat 1};
- }
- .person1 .label {
- font-weight: bold;
- padding: 0px;
- margin-left:
- 5px; color:
- }
- .person2 {
- color:{color:Text};
- background-color:{color:Chat 2};
- }
- .person2 .label {
- font-weight: bold;
- padding: 0px;
- margin-left: 5px;
- color: }
- .iaudio {
- margin-bottom: 2px;
- width: 100%;
- background-color: #transparent}
- .iaudio img
- {width: 208px;
- padding: 20px 0 0px 0
- }
- .icap{
- margin-top: 1px
- }
- #ask {
- border-bottom:1px dashed;
- padding-bottom:5px;
- }
- #asker {
- font-family:"georgia";
- font-size:18px;
- }
- #askerimg {
- float:left;
- margin-right:5px;
- border:3px solid;
- border-color:{color:info};
- margin-top:-5px;
- }
- #question {
- margin-left:5px;
- margin-top:-3px;
- }
- #answer {
- margin-top:10px;
- margin-bottom:-5px;
- }
- .cap {
- padding-top: 5px;
- width: 500px;
- }
- #information {
- text-align:right;
- text-transform:uppercase;
- font-family:calibri;
- font-size:9px;
- background-color:{color:info};
- padding: 3px;
- letter-spacing:1px;
- }
- #notes{ text-align:center; font-family:calibri; font-size:8px; letter-spacing:1px; margin-bottom: 1px; border-top: 1px solid {color:Permalink Color 2}; text-transform:uppercase;padding:5px;color:{color:Permalink Color 2}}
- #notes a{color:{color:Permalink Color 2};padding:3px; margin:1px;}
- #notes a:hover{ color: {color:Permalink Color 1}; box-shadow:inset 0px 20px 0px {color:Permalink Color 2};}
- #audio {
- margin-bottom:5px;
- width:500px;
- height:105px;
- }
- .albumart {
- width:100px;
- height:100px;
- position:absolute;
- }
- .albumart img {
- width:100px;
- height:100px;
- float:left;
- }
- .playercontainer {
- opacity: .2;
- display:block;
- width:100px;
- height:100px;
- background:#fff;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .playercontainer:hover {
- opacity:.7;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .player {
- margin-left:36px;
- margin-top:36px;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background:#fff;
- }
- .audioinfo {
- margin-left:110px;
- float:left;
- color:{color:Permalink Color 2};
- font-family:calibri;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- width:386px;
- padding:2px;
- margin-top:3px;
- }
- .audioinfo b {
- font-family:calibri;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- color:{color:Permalink Color 1};
- background:{color:Permalink Color 2};
- padding:3px 4px 3px 4px;
- font-weight:normal;
- margin-right:5px;
- }
- #tags {
- display:block;
- padding: 6px;
- text-transform:uppercase;
- font-family:calibri;
- font-size:8px;
- text-align:center;
- text-transform:italic;
- color:{color:Permalink Color 1};
- background:{color:Permalink Color 2};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 04s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #tags a{
- color:{color:Permalink Color 1};
- padding:2px;
- }
- #tags a:hover{
- color: {color:Permalink Color 2}; box-shadow:inset 0px -20px 0px {color:Permalink Color 1};
- }
- #sidebar{
- position:fixed;
- margin-top:150px;
- margin-left:80px;
- font-size:10px;
- text-align:left;
- width:260px;
- padding:20px;
- background:{color:background};
- opacity:0;
- height:auto;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .desccc{
- position:fixed;
- width:120px;
- overflow:auto;
- height:120px;
- margin-top:-131px;
- padding:3px;
- border:1px solid #eee;
- margin-left:130px;
- text-align:center;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .desccc a{
- width:40px;
- border:1px solid transparent;
- display:inline-block;
- padding:3px;
- margin:2px;
- color:{color:links};
- text-align:center;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s; }
- .desccc a:hover{
- border:1px solid {color:links};
- display:inline-block;
- padding:3px;
- background:#fff;
- color:{color:links};
- text-align:center;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s; }
- .bgg:hover #sidebar{
- opacity:.99;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #header{
- position:fixed;
- width:550px;
- font-family:Web;
- color:{color:scrollbar};
- font-style:italic;
- line-height:50%;
- font-size:59px;
- padding:10px;
- margin-top:-20px;
- margin-left:455px;
- background:{color:background};
- text-align:center;
- }
- pag{
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-family:calibri;
- font-style:normal;
- }
- .bgg{
- position:fixed;
- margin-top:-20px;
- margin-left:-10px;
- height:100%;
- background:#eee url({image:Sidebar bg});
- width:440px; -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;}
- .bgg img{
- opacity:1;
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;
- }
- .bgg:hover{
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s; }
- #tags a {
- color:{color:tags};
- font-family:georgia;
- border:0px;
- text-shadow:0px 0px 0px;
- text-transform:lowercase;
- padding-top:1px;
- padding-bottom:2px;
- padding-left:4px;
- padding-right:3px;
- margin:0px 2px 0px;
- font-size:8px;
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;
- }
- #tags a:hover {
- border:0px;
- background-color:#fff;
- color:{color:tagshover};
- font-size:8px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- ::-moz-selection {
- background-color: {color:textselect};
- color: #fff;
- }
- ::selection {
- background-color: {color:textselect};
- color: #fff;
- }
- .questions {
- text-align: center;
- margin: 3px;
- padding:7px;
- border-bottom:1px solid #ddd;
- background: #Eee;}
- .questionsq {margin: 5px;}
- #s-m-t-tooltip{
- font-size: 8px;
- border-radius:3px;
- max-width:300px;
- padding:2px 3px 2px 4px;
- -moz-box-shadow: 2px 2px 2px #888;
- -webkit-box-shadow: 2px 2px 2px #888;
- box-shadow: 2px 2px 2px #888;
- margin:25px 0px 0px 20px;
- z-index:10;
- background-color:{color:tooltipbg};
- border:1px solid {color:tooltipborder};
- font-family:calibri;
- letter-spacing:3px;
- text-transform:uppercase;
- color:{color:tooltiptext};
- z-index:999999999999999999999999999999999999;
- }
- i, em {
- text-transform:none;
- font-family:georgia;
- font-style:italic;
- }
- @font-face {font-family: "Web";
- src: url('http://static.tumblr.com/xrmodho/vvmmmoc3j/callie_hand-trial_version.otf');}
- #pagi a{
- font-size:12px;
- font-family:georgia;
- font-style:italic;
- color:{color:pagination};
- }
- #pagi a:hover{
- color:{color:paginationhover};
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </head>
- <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- </head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <body>
- <div id="header"><pag>{block:PreviousPage}<a title="previous page!" href="{PreviousPage}">previous</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="jumppag">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jumppaglink" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a title="next page!" href="{NextPage}">next</a>{/block:NextPage}</pag></div><div class="bgg">
- <div id="sidebar"><img src="{image:sidebar}" Width="120px" height="120px" style="padding:3px;border:1px solid #eee;text-align:left;">
- <div class="desccc">{description}<br><a href="/" title="refresh page">I</a><a href="/ask" title="{asklabel}">II</a><a href="{text:link1url}" title="{text:link1title}">III</a><a href="{text:link2url}" title="{text:link2title}">IV</a><a href="{text:link3url}" title="{text:link3title}">V</a><a href="{text:link4url}" title="{text:link4title}">VI</a></div>
- </div></div>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div id="postbody">
- <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="postbox">
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
- </div>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}{Photoset-500}{/block:Photoset}
- {block:Quote}
- <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
- {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Audio}
- <div id="audio">
- <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg" width="100px" height="100px"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" width="100px" height="100px"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerwhite}</div></div>
- {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
- {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
- {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
- {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
- </div>{block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-500}{/block:Video}
- {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
- <div class="cap">
- {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- </div>
- <div id="notes">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} via: <a href="{ReblogParentURL}"
- title="reblogged from">{ReblogParentName}</a> source: <a href="{ReblogRootURL}"title="posted by">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{ReblogUrl}" title="share this post">reblog</a></div>
- {block:HasTags} <div id ="tags">{block:Tags} <a title="{TAG}" href="{TagURL}"> # {Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- </div>
- {/block:Posts}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement