View difference between Paste ID: LAdd1ASS and VsmMjpiT
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
3
<script type="text/javascript">
4
function tb8_makeArray(n){
5
this.length = n;
6
return this.length;
7
}
8
tb8_messages = new tb8_makeArray(3);
9
tb8_messages[0] = "I don't care";
10
tb8_messages[1] = "Jake Coury";
11
tb8_messages[2] = "I don't care";
12
tb8_rptType = 'infinite';
13
tb8_rptNbr = 5;
14
tb8_speed = 100;
15
tb8_delay = 2000;
16
var tb8_counter=1;
17
var tb8_currMsg=0;
18
var tb8_tekst ="";
19
var tb8_i=0;
20
var tb8_TID = null;
21
function tb8_pisi(){
22
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
23
document.title = tb8_tekst;
24
tb8_sp=tb8_speed;
25
tb8_i++;
26
if (tb8_i==tb8_messages[tb8_currMsg].length){
27
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
28
}
29
if (tb8_currMsg == tb8_messages.length){
30
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
31
clearTimeout(tb8_TID);
32
return;
33
}
34
tb8_counter++;
35
tb8_currMsg = 0;
36
}
37
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
38
}
39
tb8_pisi()
40
</script>
41
42
43
<html lang="en">
44
<head>
45
46
47
<a href="http://horny-sloths-network.tumblr.com/"style="float:left"><img src="http://static.tumblr.com/phwwlm4/yQvmy9idp/dark.png" height="30"></a>
48
49
50
51
52
53
54
55
56
57
<meta charset="utf-8" />
58
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
59
   <link rel="shortcut icon" href="favicon.ico" >
60
<link rel="alternate" type="application/rss+xml" href="{RSS}">
61
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
62
63
<meta name="color:Background" content="#FFFFFF"/>
64
<meta name="color:Text" content="#555555"/>
65
<meta name="color:Titles" content="#111111"/>
66
<meta name="color:Links" content="#111111"/>
67
<meta name="color:Links Hover" content="#000000"/>
68
69
<meta name="image:logo" content="" />
70
<meta name="image:Background" content="" />
71
72
<meta name="if:2 columns" content="1" />
73
<meta name="if:2 columns broader posts" content="1" />
74
<meta name="if:Infinite Scrolling" content="1" />
75
<meta name="if:Background Image Fixed" content="1" />
76
<meta name="if:Sidebar left Or Right" content="1" />
77
<meta name="if:Show Copyright" content="1" />
78
<meta name="if:Show Captions" content="0" />
79
80
<meta name="text:Link Separator 1" content="//"/>
81
<meta name="text:Link Separator 2" content="-"/>
82
<meta name="text:Sidebar Title" content=""/>
83
<meta name="text:Sidebar Description" content=""/>
84
<meta name="text:Twitter Username" content=""/>
85
<meta name="text:Link 1" content="" />
86
<meta name="text:Link 1 Title" content="" />
87
<meta name="text:Link 2" content="" />
88
<meta name="text:Link 2 Title" content="" />
89
<meta name="text:Link 3" content="" />
90
<meta name="text:Link 3 Title" content="" />
91
<meta name="text:Link 4" content="" />
92
<meta name="text:Link 4 Title" content="" />
93
<meta name="text:Link 5" content="" />
94
<meta name="text:Link 5 Title" content="" />
95
<meta name="text:Link 6" content="" />
96
<meta name="text:Link 6 Title" content="" />
97
98
<script>
99
$(window).load(function(){
100
    var $wall = $('#content');
101
    
102
    $wall.masonry({
103
      itemSelector: '.post',
104
      columnWidth:{block:ifNot2columnsbroaderposts}210{block:ifNot2columnsbroaderposts}{block:if2columnsbroaderposts}260{/block:if2columnsbroaderposts}
105
    });
106
    
107
    $wall.infinitescroll({
108
    navSelector  : ".nav",
109
    nextSelector : ".nav a",
110
    itemSelector : ".post",
111
    loading      : "",
112
    donetext     : ""
113
    },
114
115
    function( newElements ) { 
116
        var $newElems = $( newElements ).css({ 
117
            opacity: 0 
118
        });
119
        $newElems.imagesLoaded(function(){
120
            $newElems.animate({ opacity: 1 });
121
            $wall.masonry( "appended", $newElems, true );
122
        });
123
    });
124
});
125
</script>
126
{/block:if2columns}
127
128-
<style type="text/css"> body { padding:0; margin:0; font-size:11px; font-family: Courier New, sans-serif; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); background-position:center top; {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed}} a { text-decoration:none; color:{color:Links}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:Links Hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #tumblr_controls{position:fixed !important;} .install_button{position:fixed !important;} #container{ margin:auto; width:980px; {block:if2columns} {block:if2columnsbroaderposts} width:980px; {/block:if2columnsbroaderposts} {/block:if2columns}} #sidebar{ width:400px; position:fixed; height: 100%; padding:0 20px; background-color:{color:background}; {block:ifNotSidebarleftOrRight} margin-left:420px; padding-right:20px; {block:if2columns} {block:if2columnsbroaderposts} margin-left:520px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:ifNotSidebarleftOrRight}} #sidebar .logo{ height: 50%; position: relative; top: 0; width: 400px;} #sidebar .logo .image{ bottom:0; position:absolute; width:400px; padding:0 0 20px;} #sidebar .logo .image img{ max-width:400px; max-height:250px;} #sidebar .navigation{ width:400px; height:50%; bottom:0; position:relative; text-align:center; font-size:18px;} #sidebar .navigation h1{ display:inline; font-weight:normal; margin:0 10px; font-size:18px; cursor:pointer; color:{color:titles};} #sidebar .navigation h1.active{ text-decoration:underline;} #sidebar .navigation .description{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links a{ margin:0 5px;} #sidebar .navigation .description .copyright{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .description .pagination{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .message{ display:none; font-size:12px; margin-top:20px; padding:0 20px} #sidebar .navigation .about{ display:none; font-size:12px; margin-top:20px;} #sidebar .navigation .permalink_side{ font-size:12px; margin-top:20px;} #sidebar .navigation .twitter{ width:400px; overflow:hidden; display:none;} #sidebar .navigation .twitter h1{ margin:20px 0; font-size:12px; display:block; text-transform:uppercase;} #sidebar .navigation .twitter #twitter_update_list{ margin:0; padding:0; list-style:none; width:400px;} #sidebar .navigation .twitter #twitter_update_list li{ padding: 4px 5px; margin:0 0 4px; font-size:10px; font-style:italic;} #sidebar .navigation .twitter #twitter_update_list li span{ font-style:normal;} #sidebar .navigation .twitter #twitter_update_list li a{ color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:nth-child(even){ background:rgba(0,0,0,0.05); color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:last-child{ margin:0} #content{ width:400px; padding:20px 20px 0; background-color:{color:background}; {block:ifSidebarleftOrRight} margin-left:440px; padding-right:20px; {/block:ifSidebarleftOrRight} {block:if2columns} width:420px; {block:if2columnsbroaderposts} width:520px; {/block:if2columnsbroaderposts} {/block:if2columns}} #content .post{ margin:0 0 20px; position:relative; overflow:hidden; width:400px; {block:IndexPage} {block:if2columns} float:left; width:190px; margin:0 10px 10px 0; {block:if2columnsbroaderposts} width:240px; margin:0 20px 20px 0; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} {block:if2columns} #content .width{ width:400px; height:auto; {block:if2columnsbroaderposts} width:500px; {/block:if2columnsbroaderposts}} {/block:if2columns} #content .post img{ display:block; {block:IndexPage} {block:if2columns} width:191px; {block:if2columnsbroaderposts} width:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post {height:100%} #content .post blockquote{margin: 5px 0;} #content .post h1{ margin:0 0 10px; color:{color:text}} #content .post .chat{ margin:0; padding:0; list-style:none;} #content .post .chat li{ padding: 10px;} #content .post .chat li:nth-child(even){ background:rgba(0,0,0,0.05);} #content .post .audio{ padding:6px 30px 3px; width:340px; background:black; margin:0; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album{ float:left; width:300px; padding:6px 30px 3px; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art{ width:34px; height:34px; overflow:hidden; padding:3px; float:left; background:black; {block:IndexPage} {block:if2columns} width:190px; clear:both; height:190px; padding:0; {block:if2columnsbroaderposts} width:240px; height:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art img{ height: 34px; width: 34px; {block:IndexPage} {block:if2columns} height: auto; width: 190px !important; {block:if2columnsbroaderposts} height: auto; width: 240px !important; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .question{ padding: 10px; background: rgba(0,0,0,0.05);} #content .post .answer{ padding: 10px 10px 0;} #content .post .permalink{ margin:10px 0; font-size:9px; text-align:center;} #content .post .photo{ display:none;} #content .post .caption{ background:rgba(0,0,0,0.05); padding:10px; {block:PermalinkPage} text-align:center; {/block:PermalinkPage} } #content .post .box {max-height: 285px} #content .post .permalink_photo{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); bottom: 0; font-size: 10px; height: 13px; left: 0; opacity: 0; padding: 10px 0 7px; position: absolute; text-align: center; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {block:ifSidebarleftOrRight} left:0px; {/block:ifSidebarleftOrRight} {block:ifNotSidebarleftOrRight} right:0px; {/block:ifNotSidebarleftOrRight}} #content .post .permalink_photo a{ margin:0 5px;} #content .post:hover .permalink_photo { opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .view_notes{ cursor:pointer; text-align:center; margin:20px 0 0;} ol.notes { font-size: 10px; list-style-type: none; margin: 10px 0; padding: 0; display:none;} ol.notes a{ background-color: transparent;} ol.notes li.note { margin: 0 0 5px; padding: 5px;} ol.notes li.note img.avatar { border: medium none !important; display: inline !important; height: 16px !important; margin-right: 10px; vertical-align: -4px; width: 16px !important; min-width: 16px !important;} ol.notes li.note span.action a{} ol.notes li.note span.action a:hover{} ol.notes li.note .answer_content {} ol.notes li.note blockquote { border-left: medium none !important; margin: 5px 4px 5px 30px !important; padding: 5px 10px 4px !important;} </style>
128+
<style type="text/css"> body { padding:0; margin:0; font-size:11px; font-family: Courier New, sans-serif; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); background-position:center top; {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed}} a { text-decoration:none; color:{color:Links}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:Links Hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #tumblr_controls{position:fixed !important;} .install_button{position:fixed !important;} #container{ margin:auto; width:980px; {block:if2columns} {block:if2columnsbroaderposts} width:980px; {/block:if2columnsbroaderposts} {/block:if2columns}} #sidebar{ width:400px; position:fixed; height: 100%; padding:0 20px; background-color:{color:background}; {block:ifNotSidebarleftOrRight} margin-left:420px; padding-right:20px; {block:if2columns} {block:if2columnsbroaderposts} margin-left:520px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:ifNotSidebarleftOrRight}} #sidebar .logo{ height: 50%; position: relative; top: 0; width: 400px;} #sidebar .logo .image{ bottom:0; position:absolute; width:400px; padding:0 0 20px;} #sidebar .logo .image img{ max-width:400px; max-height:250px;} #sidebar .navigation{ width:400px; height:50%; bottom:0; position:relative; text-align:center; font-size:18px;} #sidebar .navigation h1{ display:inline; font-weight:normal; margin:0 10px; font-size:18px; cursor:pointer; color:{color:titles};} #sidebar .navigation h1.active{ text-decoration:underline;} #sidebar .navigation .description{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links a{ margin:0 5px;} #sidebar .navigation .description .copyright{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .description .pagination{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .message{ display:none; font-size:12px; margin-top:20px; padding:0 20px} #sidebar .navigation .about{ display:none; font-size:12px; margin-top:20px;} #sidebar .navigation .permalink_side{ font-size:12px; margin-top:20px;} #sidebar .navigation .twitter{ width:400px; overflow:hidden; display:none;} #sidebar .navigation .twitter h1{ margin:20px 0; font-size:12px; display:block; text-transform:uppercase;} #sidebar .navigation .twitter #twitter_update_list{ margin:0; padding:0; list-style:none; width:400px;} #sidebar .navigation .twitter #twitter_update_list li{ padding: 4px 5px; margin:0 0 4px; font-size:10px; font-style:italic;} #sidebar .navigation .twitter #twitter_update_list li span{ font-style:normal;} #sidebar .navigation .twitter #twitter_update_list li a{ color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:nth-child(even){ background:rgba(0,0,0,0.05); color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:last-child{ margin:0} #content{ width:400px; padding:20px 20px 0; background-color:{color:background}; {block:ifSidebarleftOrRight} margin-left:440px; padding-right:20px; {/block:ifSidebarleftOrRight} {block:if2columns} width:420px; {block:if2columnsbroaderposts} width:520px; {/block:if2columnsbroaderposts} {/block:if2columns}} #content .post{ margin:0 0 20px; position:relative; overflow:hidden; width:400px; {block:IndexPage} {block:if2columns} float:left; width:190px; margin:0 10px 10px 0; {block:if2columnsbroaderposts} width:240px; margin:0 20px 20px 0; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} {block:if2columns} #content .width{ width:400px; height:auto; {block:if2columnsbroaderposts} width:500px; {/block:if2columnsbroaderposts}} {/block:if2columns} #content .post img{ display:block; {block:IndexPage} {block:if2columns} width:100%; {block:if2columnsbroaderposts} width:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post {height:285px} #content .post blockquote{margin: 5px 0;} #content .post h1{ margin:0 0 10px; color:{color:text}} #content .post .chat{ margin:0; padding:0; list-style:none;} #content .post .chat li{ padding: 10px;} #content .post .chat li:nth-child(even){ background:rgba(0,0,0,0.05);} #content .post .audio{ padding:6px 30px 3px; width:340px; background:black; margin:0; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album{ float:left; width:300px; padding:6px 30px 3px; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art{ width:34px; height:34px; overflow:hidden; padding:3px; float:left; background:black; {block:IndexPage} {block:if2columns} width:190px; clear:both; height:190px; padding:0; {block:if2columnsbroaderposts} width:240px; height:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art img{ height: 34px; width: 34px; {block:IndexPage} {block:if2columns} height: auto; width: 190px !important; {block:if2columnsbroaderposts} height: auto; width: 240px !important; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .question{ padding: 10px; background: rgba(0,0,0,0.05);} #content .post .answer{ padding: 10px 10px 0;} #content .post .permalink{ margin:10px 0; font-size:9px; text-align:center;} #content .post .photo{ display:none;} #content .post .caption{ background:rgba(0,0,0,0.05); padding:10px; {block:PermalinkPage} text-align:center; {/block:PermalinkPage} } #content .post .box {max-height: 285px} #content .post .permalink_photo{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); bottom: 0; font-size: 10px; height: 13px; left: 0; opacity: 0; padding: 10px 0 7px; position: absolute; text-align: center; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {block:ifSidebarleftOrRight} left:0px; {/block:ifSidebarleftOrRight} {block:ifNotSidebarleftOrRight} right:0px; {/block:ifNotSidebarleftOrRight}} #content .post .permalink_photo a{ margin:0 5px;} #content .post:hover .permalink_photo { opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .view_notes{ cursor:pointer; text-align:center; margin:20px 0 0;} ol.notes { font-size: 10px; list-style-type: none; margin: 10px 0; padding: 0; display:none;} ol.notes a{ background-color: transparent;} ol.notes li.note { margin: 0 0 5px; padding: 5px;} ol.notes li.note img.avatar { border: medium none !important; display: inline !important; height: 16px !important; margin-right: 10px; vertical-align: -4px; width: 16px !important; min-width: 16px !important;} ol.notes li.note span.action a{} ol.notes li.note span.action a:hover{} ol.notes li.note .answer_content {} ol.notes li.note blockquote { border-left: medium none !important; margin: 5px 4px 5px 30px !important; padding: 5px 10px 4px !important;} </style>
129
130
131
<body>
132
133
134
135
136
137
138
{block:if2columns}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:if2columns}
139
140
<div id="container">
141
    <div id="sidebar">
142
        <div class="logo">
143
            <div class="image">
144
            <a href="/"><center><img src="{image:logo}"></center></a>
145
            </div>
146
        </div>
147
        <div class="navigation"> 
148
            
149
                {block:AskEnabled}
150
                <h1 class="m">MESSAGE</h1>
151
                {text:Link Separator 1}
152
                {/block:AskEnabled}
153
                <h1 class="a">ABOUT</h1>
154
                {block:ifTwitterUsername}
155
                {text:Link Separator 1}
156
                <h1 class="t">TWITTER</h1>
157
                {block:ifTwitterUsername}
158
                
159
                {block:IndexPage}
160
                <div class="description">
161
                    <a href="/">
162
                    {block:ifSidebarTitle}
163
                    {text:Sidebar Title}
164
                    {/block:ifSidebarTitle}
165
                    </a>
166
                    {block:ifSidebarDescription}
167
                    <br/><br/>{text:Sidebar Description}
168
                    {/block:ifSidebarDescription}
169
170
                <div class="links">
171
                    <a href="/" title="Home">Index</a>
172
                    {block:SubmissionsEnabled}
173
                    {text:Link Separator 2} 
174
                    <a href="/submit">{SubmitLabel}</a>
175
                    {/block:SubmissionsEnabled} 
176
                    {block:ifLink1Title} 
177
                    {text:Link Separator 2} <a href="{text:Link 1}">
178
                    {text:Link 1 Title}</a> 
179
                    {/block:ifLink1Title}
180
                    
181
                    {block:ifLink2Title} 
182
                    <br /><a href="{text:Link 2}">
183
                    {text:Link 2 Title}</a> 
184
                    {/block:ifLink2Title}
185
                    {block:ifLink3Title} 
186
                    {text:Link Separator 2} <a href="{text:Link 3}">
187
                    {text:Link 3 Title}</a> 
188
                    {/block:ifLink3Title}
189
                    {block:ifLink4Title} 
190
                    {text:Link Separator 2} <a href="{text:Link 4}">
191
                    {text:Link 4 Title}</a> 
192
                    {/block:ifLink4Title}
193
                    
194
                    {block:ifLink5Title} 
195
                    <br />
196
                    <a href="{text:Link 5}">
197
                    {text:Link 5 Title}</a> 
198
                    {/block:ifLink5Title}
199
                    {block:ifLink6Title} 
200
                    {text:Link Separator 2} <a href="{text:Link 6}">
201
                    {text:Link 6 Title}</a> 
202
                    {/block:ifLink6Title}
203
                    
204
                    {block:HasPages}<br />{block:Pages}
205
                    <a href="{URL}">{Label}
206
                    </a> {/block:Pages}{/block:HasPages}
207
                </div>
208
                
209
                {block:ifNotInfinitescrolling}
210
                <div class="pagination">
211
                    {block:Pagination}
212
                    {block:PreviousPage}
213
                        <a href="{PreviousPage}">Previous</a> -
214
                    {/block:PreviousPage}
215
216
                    {block:NextPage}
217
                        <a href="{NextPage}">Next</a>
218
                    {/block:NextPage}
219
                    {/block:Pagination}
220
                </div>
221
                {/block:ifNotInfinitescrolling}
222
                
223
                {block:ifShowCopyright}
224
                <div class="copyright">
225
                    © {CopyrightYears}
226
                </div>{/block:ifShowCopyright}
227
                </div>
228
                {/block:IndexPage} 
229
                
230
                {block:Posts}
231
                {block:PermalinkPage} 
232
                {block:Date} 
233
                <div class="permalink_side">
234
                    {block:NoteCount}
235
                    {NoteCountWithLabel}<br/>
236
                    {/block:NoteCount}
237
                    Posted {TimeAgo}, 
238
                    on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br/>
239
                    {block:HighRes} 
240
                    <br/>
241
                    <a href="{PhotoURL-HighRes}" target="_blank">
242
                    View High-Res</a><br/>
243
                    {/block:HighRes} 
244
                    
245
                    <div class="pagination">
246
                    {block:PreviousPost}<br/> 
247
                    <a href="{PreviousPost}">Previous post</a> -
248
                    {/block:PreviousPost} 
249
                    {block:NextPost} 
250
                    <a href="{NextPost}">Next Post</a>
251
                    {/block:NextPost} 
252
                    </div>
253
                </div>
254
                {/block:Date}
255
                {/block:PermalinkPage} 
256
                {/block:Posts}
257
                
258
                
259
260
261
262
            
263
                            <embed quality="high" style="width:56px; visibility:visible; height:13px;" type="application/x-shockwave-flash" height="56" width="13"  pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=4463344:6863641:1&autoplay=true" FlashVars="color_bg=0xf8f7f5&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xf8f7f5&color_song_clicked=0x000000&color_Title=0x000000&color_btns=0x000000&color_title=0x000000" />
264
                            <br />
265
   
266
                        
267
                    
268
269
</object>
270
271
272
273
274
275
276
277
</object>
278
279
280
            <div class="message">
281
                <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
282
            </div>
283
            
284
            <div class="about">
285
                    {Description}
286
            </div>
287
            
288
            {block:ifTwitterUsername}
289
            <div class="twitter">
290
                <a href="http://twitter.com/{text:Twitter Username}" target="_blank">
291
                <h1>My twitter feed</h1></a>
292
                <div id="twitter_div">
293
                    <ul id="twitter_update_list"></ul>
294
                </div>
295
                <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=5"></script>
296
                </div>
297
            {/block:ifTwitterUsername}
298
    
299
            {block:IndexPage}
300
            <script>
301
                $(".m").click(function () {
302
                  $(".description").hide();
303
                  $(".about").hide();
304
                  $(".twitter").hide();
305
                  $(".message").show();
306
                  $(".m").addClass("active");
307
                  $(".a").removeClass("active");
308
                  $(".t").removeClass("active");
309
                });    
310
            </script>
311
            <script>
312
                $(".a").click(function () {
313
                  $(".description").hide();
314
                  $(".about").show();
315
                  $(".twitter").hide();
316
                  $(".message").hide();
317
                  $(".a").addClass("active");
318
                  $(".m").removeClass("active");
319
                  $(".t").removeClass("active");
320
                });    
321
            </script>
322
            <script>
323
                $(".t").click(function () {
324
                  $(".description").hide();
325
                  $(".twitter").show();
326
                  $(".about").hide();
327
                  $(".message").hide();
328
                  $(".t").addClass("active");
329
                  $(".a").removeClass("active");
330
                  $(".m").removeClass("active");
331
                });    
332
            </script>
333
            {/block:IndexPage}
334
            {block:PermalinkPage}
335
            <script>
336
                $(".m").click(function () {
337
                  $(".permalink_side").hide();
338
                  $(".about").hide();
339
                  $(".twitter").hide();
340
                  $(".message").show();
341
                  $(".m").addClass("active");
342
                  $(".a").removeClass("active");
343
                  $(".t").removeClass("active");
344
                });    
345
            </script>
346
            <script>
347
                $(".a").click(function () {
348
                  $(".permalink_side").hide();
349
                  $(".about").show();
350
                  $(".twitter").hide();
351
                  $(".message").hide();
352
                  $(".a").addClass("active");
353
                  $(".m").removeClass("active");
354
                  $(".t").removeClass("active");
355
                });    
356
            </script>
357
            <script>
358
                $(".t").click(function () {
359
                  $(".permalink_side").hide();
360
                  $(".twitter").show();
361
                  $(".about").hide();
362
                  $(".message").hide();
363
                  $(".t").addClass("active");
364
                  $(".a").removeClass("active");
365
                  $(".m").removeClass("active");
366
                });    
367
            </script>
368
            {/block:PermalinkPage}
369
        </div>
370
    </div>
371
    <div id="content">
372
        {block:Posts}
373
        <div class="post {block:if2columns}{block:Photoset}width{/block:Photoset}{block:Video}width{/block:Video}{/block:if2columns}">
374
        
375
        {block:Text}
376
            {block:Title}
377
                 <a href="{Permalink}"><h1>{Title}</h1></a>
378
            {/block:Title}
379
            {Body}
380
        {/block:Text}
381
382
        {block:Photo}
383
            <div class="box">
384
            {block:IndexPage} 
385
            {block:NoteCount}
386
            {block:Date} 
387
            <div class="permalink_photo">
388
                <a href="{Permalink}">{NoteCountWithLabel}</a> 
389
                {text:Link Separator 1}
390
                <a href="{ReblogURL}">Reblog</a>
391
            </div>
392
            {/block:Date}
393
            {/block:NoteCount}
394
            {/block:IndexPage} 
395
            <a href="{Permalink}"><img src="{PhotoURL-250}" /></a>
396
            </div>
397
            {block:ifShowCaptions}
398
            {block:Caption}
399
            <div class="caption">{Caption}</div>
400
            {/block:Caption}
401
            {/block:ifShowCaptions}
402
        {/block:Photo}
403
404
        {block:Photoset}
405
            {block:ifNot2columnsbroaderposts}
406
            {Photoset-400}
407
            {/block:ifNot2columnsbroaderposts}
408
            {block:if2columnsbroaderposts}
409
            {Photoset-500}
410
            {/block:if2columnsbroaderposts}
411
            {block:ifShowCaptions}
412
            {block:Caption}
413
            <div class="caption">{Caption}</div>
414
            {/block:Caption}
415
            {/block:ifShowCaptions}
416
        {/block:Photoset}
417
418
        {block:Quote}
419
            <center>
420
            <h1>"{Quote}"</h1>
421
            {block:Source}
422
                <div class="source">{Source}</div>
423
            {/block:Source}
424
            </center>
425
        {/block:Quote}
426
427
        {block:Link}
428
            <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
429
430
            {block:Description}
431
                 <div class="description">{Description}</div>
432
            {/block:Description}
433
        {/block:Link}
434
435
        {block:Chat}
436
            {block:Title}
437
            <h1><a href="{Permalink}">{Title}</a></h1>
438
            {/block:Title}
439
            <ul class="chat">
440
                  {block:Lines}
441
                  <li class="{Alt} user_{UserNumber}">
442
                       {block:Label}
443
                       <span class="label">{Label}</span>
444
                       {/block:Label}{Line}
445
                  </li>
446
                  {/block:Lines}
447
            </ul>
448
        {/block:Chat}
449
450
        {block:Video}
451
            {block:ifNot2columnsbroaderposts}
452
            {Video-400}
453
            {/block:ifNot2columnsbroaderposts}
454
            {block:if2columnsbroaderposts}
455
            {Video-500}
456
            {/block:if2columnsbroaderposts}
457
            {block:ifShowCaptions}
458
            {block:Caption}
459
            <div class="caption">{Caption}</div>
460
            {/block:Caption}
461
            {/block:ifShowCaptions}
462
        {/block:Video}
463
464
        {block:Audio}
465
            {block:AlbumArt}<div class="album_art">
466
            <img src="{AlbumArtURL}" />
467
            </div>{/block:AlbumArt}
468
            
469
            <div class="audio {block:AlbumArt}album{/block:AlbumArt}">
470
            {AudioPlayerBlack}
471
            </div>
472
            <div class="clear"></div>
473
            {block:ifShowCaptions}
474
            <div class="caption">{PlayCountWithLabel}</div>
475
            {block:Caption}
476
            <div class="caption">{Caption}</div>
477
            {/block:Caption}
478
            {/block:ifShowCaptions}
479
        {/block:Audio}
480
        
481
        {block:Answer}
482
            <div class="question">
483
                {Asker}:
484
                {Question}
485
            </div>
486
            <div class="answer">{Answer}</div>
487
        {/block:Answer}
488
        
489
        {block:IndexPage} 
490
        {block:Date} 
491
        <div class="permalink {block:Photo}photo{/block:Photo}">
492
            <a href="{Permalink}">{TimeAgo}</a>
493
        </div>
494
        {/block:Date}
495
        {/block:IndexPage} 
496
        
497
        {block:PermalinkPage} 
498
                {block:Date} 
499
                {block:Caption}
500
                <div class="caption">
501
                    {Caption}
502
                </div>
503
                {/block:Caption}
504
                {/block:Date}
505
                {block:NoteCount}
506
                <div class="view_notes">View Notes</div>
507
                {/block:NoteCount}
508
                {PostNotes}
509
                <script>
510
                $(".view_notes").click(function () {
511
                  $(".notes").show();
512
                  $(".view_notes").hide();
513
                });    
514
               </script>
515
               {/block:Date}
516
        {/block:PermalinkPage}
517
        
518
        </div>
519
        {/block:Posts}
520
    </div>
521
</div>
522
523
</body>
524
</html>
525
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth666.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Tiny Middle Finger"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Middle Finger" style="position:absolute; top: 0px; right: 0px;" /></a>