View difference between Paste ID: gkgQbzY0 and UyRwc9Fi
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
     
3
    <!--
4
     
5
    
6
   THEME MADE BY HRRIESTYLES PLEASE DON'T REMOVSE CREDIT OR USE AS A         BASE CODE!
7
   
8
   THE BASE CODE I USED IS BY WOLVERWHORE (LINK IN MY FAQ AT HRRIESTYLE     S)
9
     
10
    -->
11
     
12
     
13
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
14
    <head><title>{Title}</title>
15
    <link rel="shortcut icon" href="{Favicon}">
16
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
17
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
18
     
19
     
20
    <meta name="color:Background" content="#ffffff"/>
21
    <meta name="color:Sidebar" content="#ffffff"/>
22
    <meta name="color:Text" content="#a8a8a8"/>
23
    <meta name="color:Link" content="#b8b8b8"/>
24
    <meta name="color:Tags" content="f0f0f0"/>
25
    <meta name="color:Hover" content="#f2f2f2"/>
26
    <meta name="color:Line" content="#f2f2f2"/>
27
    <meta name="color:Border" content="#e4e4e4"/>
28
    <meta name="color:Post" content="#ffffff"/>
29
    <meta name="color:Answer" content="#f8f8f8"/>
30
    <meta name="image:sidebar" content=""/>
31
    <meta name="image:bg" content=""/>
32
    <meta name="text:Link 1" content="" />
33
    <meta name="text:Link 1 Text" content="" />
34
    <meta name="text:Link 2" content="" />
35
    <meta name="text:Link 2 Text" content="" />
36
    <meta name="text:Link 3" content="" />
37
    <meta name="text:Link 3 Text" content="" />
38
    <meta name="text:Link 4" content="" />
39
    <meta name="text:Link 4 Text" content="" />
40
    <meta name="if:Show Link 1" content="1" />
41
    <meta name="if:Show Link 2" content="1" />
42
    <meta name="if:Show Link 3" content="1" />
43
    <meta name="if:Show Link 4" content="1" />
44
    <meta name="color:scrollbarbg" content="ffffff"/>
45
     
46
     
47
    <style type="text/css">
48
     
49
    /* --- SCROLLBAR ---*/
50
     
51
     ::-webkit-scrollbar {
52
    width: 5px;height: 5px;}
53
    ::-webkit-scrollbar-button:start:decrement,
54
    ::-webkit-scrollbar-button:end:increment {
55
    height: 6px;display: block;background-color: {color:white};}
56
    ::-webkit-scrollbar-track-piece {
57
    background-color: {color:scrollbarbg};}
58
    ::-webkit-scrollbar-thumb:vertical {
59
    height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
60
     
61
     
62
    /* --- BODY ---*/
63
     
64
    body {
65
        background:{color:background};
66
        margin:0px;
67
        color:{color:text};
68
        font-family:Calibri;
69
        font-size:9px;
70
        line-height:100%;
71
    }
72
     
73
    a {
74
        text-decoration:none;
75
        outline:none;
76
        -moz-outline-style:none;
77
        color:{color:link};
78
    }
79
     
80
    img {
81
        border:none;
82
    }
83
     
84
    blockquote {
85
        padding-left:5px;
86
        border-left:2px solid;
87
    }
88
       
89
    blockquote blockquote {
90
        padding-left:5px;
91
        border-left:2px solid;
92
    }
93
     
94
    h1 {
95
        font-size:9px;
96
        text-transform:uppercase;
97
    }
98
     
99
    a:hover {
100
        opacity:10;
101
        color:{color:hover};
102
         -webkit-transition: all 0.7s ease;
103
        -moz-transition: all 0.7s ease;
104
        -o-transition: all 0.7s ease
105
    }
106
     
107
    /* --- POST ENTRIES ---*/
108
     
109
     
110
    #entries {
111
        padding:10px;
112
        width:500px;
113
        margin-left:450px;
114
        margin-top:40px;
115
        font-size:10px;
116
    }
117
     
118
    /* --- BODY: POSTS ---*/
119
     
120
     
121
    #post {
122
        width:500px;
123
        padding-bottom:20px;
124
        padding:10px;
125
        margin-top:15px;
126
        background-color:{color:Post};
127
    }
128
     
129
    /* --- SIDEBAR IMAGE ---*/
130
     
131
     
132
    #sidebar {
133
        width:100px;
134
        position:fixed;
135
        margin-left:260px;
136
        margin-top:100px;
137
        opacity:.80;
138
        background-color:{color:Sidebar};
139
    }
140
     
141
    #sidebarimage {
142
        width 100px;
143
    }
144
     
145
                         #sidebar 
146
                         
147
                         #description
148
                        {
149
    opacity:0;
150
    margin-top:-20px;
151
    -moz-transition-duration:0.5s;
152
    -webkit-transition-duration:0.5s;
153
    -o-transition-duration:0.5s;
154
    }
155
 
156
    #sidebar:hover #description {
157
    opacity:1;
158
    margin-top:-5px;
159
    -moz-transition-duration:0.7s;
160
    -webkit-transition-duration:0.7s;
161
    -o-transition-duration:0.7s;
162
    }
163
    
164
     
165
    #sidebar .links {
166
    opacity:0;
167
    -moz-transition-duration:0.5s;
168
    -webkit-transition-duration:0.5s;
169
    -o-transition-duration:0.5s;
170
    }
171
 
172
    #sidebar:hover .links {
173
    opacity:0.8;
174
    -moz-transition-duration:0.5s;
175
    -webkit-transition-duration:0.5s;
176
    -o-transition-duration:0.5s;
177
    }
178
    
179
     
180
    #sidebarimage img {
181
        width:125px;
182
        height:300px;
183
        border:solid 1px;
184
        padding:0px;
185
        border-color: {color:border};
186
        background-color:{color:Sidebar};
187
    }
188
     
189
     
190
    /* --- SIDEBAR LINKS ---*/
191
     
192
          .linkbg {
193
    margin-bottom:3px;
194
    border:1px solid #f2f2f2;
195
    margin-top:-2px;
196
    margin-left:-100px;
197
    width:60px;
198
    height:133px;
199
    background-color:#f2f2f2;
200
    }
201
     
202
    .links {
203
        width:105px;
204
        height:5px;
205
        padding: 9px;
206
        font-size:8px;
207
        font-family:'calibri';
208
        text-align:center;     
209
        margin-top:-100px;
210
        margin-left:8px;
211
        text-align:center;
212
        text-transform:uppercase;
213
        display:block;
214
        padding: 3px;color:#E6E6E6;
215
        word-spacing:2px;
216
        position:fixed;
217
        padding-bottom:7px;
218
    }
219
    
220
    .links a{
221
   
222
    font-family:'calibri';
223
    font-style:normal;
224
    font-size:9px;
225
    text-transform:lowercase;
226
    color:#adadad;
227
    display:block;
228
    padding-top:2px;
229
    padding-bottom:2px;
230
    padding-left:2px;
231
    margin-bottom: 1px;
232
    letter-spacing:1px;
233
    margin-bottom:2px;    
234
    background-color:#fff;
235
    padding:0 2px 1px 2px;
236
    border:0px
237
    text-decoration:none;
238
    -moz-transition-duration:1s;
239
    -webkit-transition-duration:1s;
240
    -o-transition-duration:1s;
241
    }
242
   
243
   
244
   
245
   .links a {
246
    display:block;
247
    background-color:{color:Link Background};
248
    border:1px solid #eee;
249
    margin-top:3px;
250
    padding:4px;
251
   
252
 
253
   
254
}
255
     
256
    .links a {
257
        font-size: 8px;
258
    }
259
     
260
    .links a:hover {
261
       color:{color:Hover}
262
         -webkit-transition: all 0.6s ease;
263
        -moz-transition: all 0.6s ease;
264
        -o-transition: all 0.6s ease;
265
       letter-spacing:5px;
266
    }  
267
     
268
     
269
    /* --- DESCRIPTION ---*/
270
     
271
    #description {
272
        position:fixed;
273
        font-family:calibri;
274
        line-height:90%;
275
        font-size:9px;
276
        font-style:normal;
277
        width:100px;
278
        margin-top:20px;
279
        padding:8px;
280
        margin-left:5px;
281
        text-align:justify;
282
        color:{color:text};
283
        }
284
       
285
    #description a {color:{color:text}; -moz-transition-duration:0.4s;
286
    -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
287
     
288
    /* --- PAGINATION---*/
289
     
290
     
291
    #pagination {
292
        width:100px;
293
        font-size:8px;
294
        text-align:center;
295
        margin-left:10px;
296
        margin-top:60px;
297
        position:fixed;
298
        font-family:consolas;
299
        letter-spacing:0px;
300
    }
301
     
302
    /* --- POST INFO ---*/
303
     
304
     
305
    #info {
306
        text-align:left;
307
        margin-top:10px;
308
        text-transform:uppercase;
309
        font-size:8px;
310
        font-style:none;
311
        border-top:1px solid {color:Line}
312
    }
313
     
314
    /* --- POST TAGS---*/
315
     
316
     
317
    #tags {
318
        font-family:cambria;
319
        letter-spacing:0px;
320
        text-transform:lowercase;
321
        font-size:10px;
322
        font-style:italic;
323
        margin-top:4px;
324
        text-align:left;
325
    }
326
       
327
    #tags
328
    a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
329
        -webkit-transition: all 0.6s ease-in-out;
330
        -moz-transition: all 0.6s ease-in-out;
331
        -o-transition: all 0.6s ease-in-out;
332
        -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}  
333
     
334
     
335
    /* --- QUESTIONS ---*/
336
     
337
    #asker {
338
        padding:5px;
339
        font-family:cambria;
340
        letter-spacing:1px;
341
        text-align:left;
342
        font-style:italic;
343
        margin-left:10px;
344
        border-left:3px #eee solid;
345
        background-color:{color:background}
346
    }
347
     
348
    {CustomCSS}</style></head><body>
349
     
350
    <div id="sidebar">
351
    <div id="sidebarimage"><img src="{image:sidebar}"></div>
352
     
353
     
354
    <div id="description">
355
    {Description}
356
    </div>
357
     
358
     
359
    <div class="links">
360
    {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
361
    {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
362
    {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
363
    {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
364
    </div>
365
     
366
     
367
    {block:Pagination}<div id="pagination">
368
    {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
369
    {block:JumpPagination length="5"}
370
    {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
371
    {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
372
    {/block:JumpPagination}
373
    {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
374
    </div>{/block:Pagination}
375
     
376
    </div>
377
     
378
    <div id="entries">{block:Posts}<div id="post">
379
     
380
    {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
381
     
382
    {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
383
     
384
    {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
385
     
386
    {block:Quote}{Quote}{/block:Quote}
387
     
388
    {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
389
     
390
    {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
391
     
392
    {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
393
    <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
394
    <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
395
    {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
396
    {/block:Audio}
397
     
398
    {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
399
     
400
    {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
401
     
402
    <div id="info">
403
    <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
404
    {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
405
    {/block:Posts}
406
    {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
407
    {/block:Posts}</div></div></div>
408
     
409
     
410
     
411
    <!--
412
    THEME MAKER CREDIT
413
    -->
414
     
415
 <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family: Century Gothic > <a href="http://hrriestyles.tumblr.com/">❤</a></center></div>
416
       
417
    </body></html>