View difference between Paste ID: um9Qm6CA and UgRP7q8u
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
<head><title>{Title}</title>
4
<link rel="shortcut icon" href="{Favicon}">
5
<link rel="alternate" type="application/rss+xml" href="{RSS}">
6
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
7
 
8
<!--
9
©HAZZSTOP THEME 21
10
~BLURRED LINES~
11
Don't steal please.
12
--> 
13
 
14
<meta name="color:Background" content="#ffffff"/>
15
<meta name="color:Text" content="#838282"/>
16
<meta name="color:Link" content="#b8b8b8"/>
17
<meta name="color:Link Hover" content="#eeeeee"/>
18
<meta name="color:Border" content="#dadada"/>
19
<meta name="color:Pagi bg" content="#f0f0f0"/>
20
21
<meta name="image:sidebar" content=""/>
22
 
23
<meta name="text:link 1" content="Link 1"/>
24
<meta name="text:link 1 url" content="/"/>
25
<meta name="text:link 2" content="Link 2"/>
26
<meta name="text:link 2 url" content="/"/>
27
<meta name="text:link 3" content="Link 3"/>
28
<meta name="text:link 3 url" content="/"/>
29
 
30
<style type="text/css">
31
 
32
body {
33
    background:{color:background};
34
    margin:0px;
35
    color:{color:text};
36
    font-family:Calibri;
37
    font-size:10px;
38
    line-height:100%;
39
}
40
 
41
a {
42
    text-decoration:none;
43
    outline:none;
44
    -moz-outline-style:none;
45
    color:{color:link};
46
    -moz-transition-duration:0.8s;
47
    -webkit-transition-duration:0.8s;
48
    -o-transition-duration:0.8s;
49
}
50
 
51
a:hover {
52
    text-decoration:none;
53
    outline:none;
54
    -moz-outline-style:none;
55
    color:{color:link hover};
56
}
57
 
58
img {
59
    border:none;
60
}
61
 
62
blockquote {
63
    padding-left:5px;
64
    border-left:2px solid;
65
}
66
   
67
blockquote blockquote {
68
    padding-left:5px;
69
    border-left:2px solid;
70
}
71
 
72
#post {
73
    width:500px;
74
    padding-bottom:30px;
75
    border-bottom: 1px solid {color:border};
76
    padding: 20px;
77
}
78
 
79
#entries {
80
    padding:10px;
81
    width:500px;
82
    margin-left:500px;
83
    margin-top:40px;
84
}
85
 
86
#sidebar {
87
    width:150px;
88
    position:fixed;
89
    margin-left:300px;
90
    margin-top:200px;
91
}
92
 
93
#sidebarimage {
94
    width: 98px;
95
    margin-left: -20px;
96
    margin-top: -15px;
97
    border: 1px solid {color:border};
98
    -webkit-transform: rotate(45deg); 
99
    -moz-transition-duration:0.8s;
100
    -webkit-transition-duration:0.8s;
101
    -o-transition-duration:0.8s;
102
}
103
 
104
#sidebarimage img {
105
    width:90px;
106
    opacity: .8;
107
    border: 4px solid #fff;
108
    -moz-transition-duration:0.8s;
109
    -webkit-transition-duration:0.8s;
110
    -o-transition-duration:0.8s;
111
}
112
 
113
 #sidebarimage:hover {
114
    opacity: .9;
115
    width: 95px;
116
    margin-top: -15px;
117
    border: 1px solid #fff;
118
    -moz-transition-duration:0.8s;
119
    -webkit-transition-duration:0.8s;
120
    -o-transition-duration:0.8s;
121
    -moz-transition-duration:0.8s;
122
    -webkit-transition-duration:0.8s;
123
    -o-transition-duration:0.8s;
124
}
125
126
127
#links {
128
    BACKGROUND: #f0f0f0;
129
    padding:5px;
130
    text-align:center;
131
    word-spacing: 2px;
132
    -webkit-transform: rotate(-45deg);
133
    -moz-transform: rotate(-45deg);
134
    -o-transform: rotate(-45deg);
135
    margin-left: -67px;
136
    margin-top: -27px;
137
    width: 112px;
138
}
139
 
140
#links a {
141
    letter-spacing: 1px;
142
}
143
 
144
 #links a:hover {
145
    letter-spacing: 1px;
146
    text-decoration: underline;
147
}
148
149
#description {
150
    padding:5px;
151
    text-align:center;
152
    width:95px;
153
    background: #f0f0f0;
154
    margin-left: 22px;
155
    margin-top: -105px;
156
    -webkit-transform: rotate(45deg);
157
}
158
 
159
#pagination {
160
color: {color:text};
161
opacity:1;
162
position:fixed;
163
width:150px;
164
text-align:center;
165
margin-top:120px;
166
margin-left:-45px;
167
font-family:courier;
168
font-size:8px;
169
letter-spacing:4px;
170
font-style:normal;
171
z-index:100;
172
background: {color:pagibg};
173
padding:2px;
174
border-top:1px dashed #F0F0F0;} 
175
 
176
#info {
177
    text-align:center;
178
    margin-top:10px;
179
}
180
 
181
#asker {
182
    float:left;
183
    margin-right:5px;
184
}
185
186
 #cred {
187
position:fixed;
188
font-family:calibri;
189
font-size:9px;
190
line-height:60%;
191
right:10px;
192
bottom:10px;
193
text-transform:uppercase;
194
background-color:#fff;
195
text-align:center;}   
196
#cred a {
197
display:block;
198
width:2px;
199
height:1px;
200
padding:4px;
201
color:#9A9A9A;
202
background-color:#fff;
203
-moz-transition-duration:0.5s;
204
-webkit-transition-duration:0.5s;
205
-o-transition-duration:0.5s;}   
206
#cred a:hover {
207
opacity: 0.1;
208
color:#FCFCFC;
209
-moz-transition-duration:0.5s;
210
-webkit-transition-duration:0.5s;
211
-o-transition-duration:0.5s;}
212
{CustomCSS}</style></head><body>
213
 
214
<div id="sidebar">
215
 
216
<div id="sidebarimage"><img src="{image:sidebar}"></div>
217
 
218
<div id="description">{description}</div>
219
 
220
<div id="links">
221
    <a href="/">I.</a>
222
    <a href="/ask">II.</a>
223
    <a href="{text:link 1 url}">III.</a>
224
    <a href="{text:link 2 url}">IV.</a>
225
    <a href="{text:link 3 url}">V.</a>
226
    </a>
227
   
228
    </div>
229
 
230
 
231
<div id="pagination">
232
{block:Pagination}
233
{block:PreviousPage}
234
<a href="{PreviousPage}">←</a>
235
{/block:PreviousPage}
236
{block:JumpPagination length="4"}
237
{block:CurrentPage}
238
<span class="current_page">{PageNumber}</span>
239
{/block:CurrentPage}
240
{block:JumpPage}
241
<a class="jump_page" href="{URL}">{PageNumber}</a>
242
{/block:JumpPage}
243
{/block:JumpPagination}
244
{block:NextPage}
245
<a href="{NextPage}">→</a>
246
{/block:NextPage}
247
</div>
248
{/block:Pagination}</div></div>
249
</div>
250
 
251
</div>
252
 
253
<div id="entries">{block:Posts}<div id="post">
254
 
255
{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
256
 
257
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
258
 
259
{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
260
 
261
{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
262
 
263
{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
264
 
265
{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
266
 
267
{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
268
 
269
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
270
 
271
{block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:{Question}<br>{Answer}{/block:Answer}
272
 
273
<div id="info">
274
{block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
275
{NoteCountWithLabel}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
276
title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
277
 
278
</div>
279
{block:PostNotes}{PostNotes}{/block:PostNotes}
280
{/block:Posts}</div>
281
 
282
  <div id="cred"><a href="http://hazzstop.tumblr.com"><img src="http://static.tumblr.com/y6lfoox/z4smlloab/h.png">
283
  
284
</body></html>