View difference between Paste ID: 8AKi8cdK and nPyKdm1Y
SHOW: | | - or go back to the newest paste.
1
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
2
3
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
4
5
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic' rel='stylesheet' type='text/css'>
6
7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
8
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
9
    
10
    <head><title>{Title}</title>
11
12
13
    <link rel="shortcut icon" href="{Favicon}">
14
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
15
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
16
    
17
    
18
    <!--META NAMES-->
19
    
20
    <meta name="color:body" content="#666666"/>
21
    <meta name="color:links" content="#6f6e6e"/>
22
    <meta name="color:sblinks" content="#a8a8a8">
23
    <meta name="color:hover" content="#fafafa"/>
24
    <meta name="color:info" content="#a8a8a8">
25
    <meta name="color:desc" content="#aaaaaa">
26
     <meta name="color:name" content="#aaaaaa">
27
    
28
    <meta name="color:bg" content="#ffffff">
29
    <meta name="color:scrollbar" content="#AAAAAA">
30
    <meta name="color:scrollbarbg" content="#ffffff">
31
    
32
    <meta name="image:sb" content=""/>
33
    
34
    <meta name="text:link A" content=""/>
35
    <meta name="text:link A url" content="/">
36
    <meta name="text:link B" content=""/>
37
    <meta name="text:link B url" content="/">
38
    <meta name="text:link C" content=""/>
39
    <meta name="text:link C url" content="/">
40
    <meta name="text:link D" content=""/>
41
    <meta name="text:link D url" content="/">
42
    <meta name="text:name" content="+"/>
43
     <meta name="text:urlaboutme" content="/">
44
    
45
    
46-
    <!--YOU MAY USE THIS AS YOUR BASE AS LONG AS YOU DONT:
46+
    <!--THEME BY MEALIK - PLS DO NOT STEAL AND OR CLAIM AS YOUR OWN. I WORK HARD ON MY THEMES SO I REALLY HOPE YOU COULD LIKE OR REBLOG THE POST WHEN YOU USE THIS (I JUST WANNA KNOW PEOPLE LIKE IT OK). IF YOU NEED ANY HELP YOU CAN ALWAYS MESSAGE ME-->
47-
    A) TWEAK IT A BIT AND CLAIM AS YOUR OWN THEME OR BASE
47+
48-
    B) CLAIM AS YOUR OWN BASE OMG 
48+
49-
    YOU MAY DELETE THIS AS LONG AS YOU FOLLOW THE ABOVE
49+
50-
    ALSO, IT'D BE LOVELY IF YOU CREDITED ME-->
50+
51
<style type="text/css">
52
53
54
::-webkit-scrollbar-thumb {
55
height:auto;
56
background-color:{color:Scrollbar};
57
}
58
 
59
::-webkit-scrollbar {
60
height:9px;
61
width:4px;
62
background-color:{color:ScrollbarBg};
63
} 
64
65
body {
66
background-color:{color:bg};
67
font-family:source sans pro;
68
font-size:9px;
69
text-align:justify;
70
color:{color:body};
71
margin:0;
72
}
73
74
a {
75
color:{color:links};
76
text-decoration:none;
77
-moz-outline-style:none;
78
}
79
80
a:hover{
81
color:{color:hover};
82
-moz-transition-duration:0.3s;
83
-webkit-transition-duration:0.3s;
84
-o-transition-duration:0.3s;
85
}
86
     
87
img {
88
    border:none;
89
}
90
     
91
blockquote {
92
padding-left:5px;
93
border-left:2px solid;
94
}
95
       
96
blockquote blockquote {
97
padding-left:5px;
98
border-left:2px solid;
99
}
100
101
102
/*SIDEBAR*/
103
104
#sidebar{
105
position:fixed;
106
margin-top:150px;
107
margin-left:100px;
108
width:200px;
109
}
110
111
/*sidebar img, here you can change the width. however you'll have to change the width of the links and desc too!*/
112
#sidebarimg img{
113
width:200px;
114
border: double 4px #eee;
115
116
}
117
118
 
119
120
#links{
121
width:200px;
122
font-size:15px;
123
margin-top:5px;
124
text-align:right;
125
text-transform:uppercase;
126
letter-spacing:3px;
127
}
128
129
#links a{
130
color:{color:sblinks};
131
}
132
133
#links a:hover{
134
color:{color:hover};
135
text-transform:lowercase;
136
font-style:italic;
137
-moz-transition-duration:0.3s;
138
-webkit-transition-duration:0.3s;
139
-o-transition-duration:0.3s;
140
141
}
142
143
#name{
144
    font-family:nunito;
145
    font-size:13px;
146
    color:{color:name};
147
    font-style:cursive;
148
    text-align:right;
149
    letter-spacing:4px;
150
}
151
152
#name a:hover{
153
    letter-spacing:8px;
154
   -moz-transition-duration:0.6s;
155
-webkit-transition-duration:0.6s;
156
-o-transition-duration:0.6s;
157
}
158
159
#desc{
160
width:170px;
161
margin-top:5px;
162
margin-left:30px;
163
font-size:12px;
164
color:{color:desc};
165
text-align:right;
166
font-family:source sans pro;
167
}
168
169
.pagi {
170
    font-size:12px;
171
    text-transform:uppercase;
172
    letter-spacing:3px;
173
    font-style:normal;
174
    text-align:right;
175
    margin-left:0px;
176
    padding:2px;
177
    margin-top:5px;
178
    
179
    
180
  
181
    }
182
   
183
    .pagi a {
184
    color:{color:sblinks};
185
    }
186
    
187
    .pagi a:hover{
188
        letter-spacing:4px;
189
        -moz-transition-duration:0.3s;
190
-webkit-transition-duration:0.3s;
191
-o-transition-duration:0.3s;
192
    }
193
   
194
195
196
/*ENTRIES*/
197
198
#container {
199
width:500px;
200
padding:10px;
201
margin-left:450px;
202
margin-top:55px;
203
}
204
205
#posts{
206
width:500px;
207
padding:25px;
208
margin-top:30px;
209
}
210
211
212
/*POST INFO*/
213
214
#info {
215
width:500px;
216
text-align:right;
217
font-family:source sans pro;
218
font-size:10px;
219
text-transform:uppercase;
220
padding:1px;
221
color:{color:info};
222
line-height:10px;
223
margin-top:5px;
224
margin-bottom:55px;
225
letter-spacing:1px;
226
}
227
228
#info a{
229
color:{color:info};
230
}
231
232
#info a:hover{
233
color:{color:hover};
234
}
235
236
#tags{
237
width:500px;
238
padding:5px;
239
margin-top:-3px;
240
margin-left:-5px;
241
float:left;
242
text-align:right;
243
font-size:8px;
244
opacity:1;
245
color:{color:links};
246
transition-duration: 0.5s;
247
-moz-transition-duration: 0.5s;
248
-webkit-transition-duration: 0.5s;
249
-o-transition-duration: 0.5s
250
}
251
252
#tags a {
253
display:inline-block;
254
color:{color:info};
255
font-size:8px;
256
text-align:center;
257
text-decoration:none;
258
}
259
260
#notes{
261
font-size:7px;
262
text-transform:uppercase;
263
}
264
265
#asking {
266
    font-family:nunito;
267
    font-size:12px;
268
    background:#eee;
269
    padding:4px;
270
    text-align:center;
271
}
272
273
#answer{
274
    font-size:12px;
275
    text-align:center;
276
    padding:1px;
277
    
278
}
279
280
/*CREDIT*/
281
282
#maker{
283
float:right;
284
position:fixed;
285
letter-spacing:2px;
286
bottom:5px;
287
right:15px;
288
padding:5px;
289
font-size:10px;
290
text-transform:uppercase;
291
}
292
293
#maker a{
294
color:{color:links};
295
}
296
297
#maker a:hover{
298
    letter-spacing:4px;
299
}
300
301
302
303
{CustomCSS}
304
    
305
</style></head>
306
307
308
<body>
309
310
<div id="sidebar">
311
312
<div id="sidebarimg">
313
<a href="/"><img src="{image:sb}"></a></div>
314
<div id="links">
315
<a href="{text:link A url}">{text:link A}</a> 
316
<a href="{text:link B url}">{text:link B}</a> 
317
<a href="{text:link C url}">{text:link C}</a> 
318
<a href="{text:link D url}">{text:link D}</a> 
319
</div>
320
<div id="desc"><div id="name"><a style="color:{color:name};" href="{text:urlaboutme}">{text:name}</a></div>{description}</div>
321
<div class="pagi">
322
{block:Pagination}
323
{block:PreviousPage}
324
<a href="{PreviousPage}">prev</a>
325
{/block:PreviousPage}
326
{block:NextPage}
327
<a href="{NextPage}">next</a>
328
{/block:NextPage}
329
</div>
330
{/block:Pagination}
331
</div>
332
</div>
333
334
335
<div id="container">
336
{block:Posts}
337
<div id="post">
338
339
<!--TEXT POSTS-->
340
341
{block:Text}
342
{block:Title}<h2>{Title}</h2>{/block:Title}
343
{Body}
344
{/block:Text}
345
 
346
<!--ASKS-->
347
348
{block:Answer}
349
<div class="question">
350
<div id="asking"><big><big><i>{Asker}</big></big></i>: {Question}</div>
351
</div><div id="answer"> 
352
{Answer}</div>
353
{/block:Answer}
354
 
355
<!--QUOTE POSTS-->
356
{block:Quote}
357
358
<div class="quote">
359
<div class="quotetext_{Length}">"{Quote}"</div>
360
{block:Source}<div class="source">{Source}</div>{/block:Source}
361
</div>
362
{/block:Quote}
363
 
364
<!--LINK POSTS-->
365
366
{block:Link}
367
<h2><a href="{URL}">{Name}</a></h2>
368
{block:Description}{Description}{/block:Description}    
369
{/block:Link}
370
 
371
<!--CHAT POSTS-->
372
373
{block:Chat}
374
{block:Title}<h2>{Title}</h2>{/block:Title}
375
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
376
{Line}</li>{/block:Lines}</ul>
377
{/block:Chat}
378
 
379
<!--PHOTO POSTS-->
380
381
{block:Photo}
382
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
383
 
384
{block:Caption}{Caption}{/block:Caption}
385
{/block:Photo}
386
 
387
<!--PHOTOSET POSTS-->
388
389
{block:Photoset}
390
{Photoset-500}
391
{block:Caption}{Caption}{/block:Caption}
392
{/block:Photoset}
393
 
394
<!--VIDEO POSTS-->
395
396
{block:Video}
397
{Video-500}
398
{block:Caption}{Caption}{/block:Caption}
399
{/block:Video}
400
401
402
<!--AUDIO-->
403
404
{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
405
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
406
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
407
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
408
{/block:Audio}
409
 
410
411
<!--POST INFO-->
412
413
 <div id="info">
414
 <br/>
415
<a href="{reblogurl}">
416
reblog</a> 
417
418
419
{block:RebloggedFrom}| <a href="{ReblogParentURL}">from</a> | {/block:RebloggedFrom}
420
{block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
421
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>|{/block:RebloggedFrom}
422
{block:notecount}<a href="{Permalink}">  {NoteCount}</a> <a style="color:#f377a0;"> </a></a> {/block:notecount}
423
{block:HasTags}<div id="tags">
424
 
425
{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
426
</div>{block:HasTags}
427
</div>
428
</div>
429
430
{/block:Posts}
431
<br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
432
{/block:Posts}</div></div></div>
433
<br><br><br><br>
434
    
435
436
</div></div>
437
438
{/block:Posts}
439
 
440
 <!--THEME MAKER'S CREDIT-->
441
 <div id="maker">
442
 <a href="http://www.ofsexy.tumblr.com">credit</a>
443
 </div>
444
       
445
    </body></html>