View difference between Paste ID: 0Xje9VUj and EUtrwTn3
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
2
3
4-
<!-----------------------------------------------------------------------
4+
5
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
6-
                          - Theme 21 -
6+
7
8-
Theme feito por Ícaro (semi-idiota.tumblr.com) não remova os créditos, não copie, não use como base.
8+
9-
Pode se inspirar em algum theme, inspiração não é cópia.
9+
10
11
<link href='http://fonts.googleapis.com/css?family=Zeyada|Calligraffitti|Rochester' rel='stylesheet' type='text/css'>
12-
------------------------------------------------------------------------>
12+
13
14
15
16
17
<title>Mude no HTML</title>
18
19
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6pkbDlNp1qfoi4t.gif">
20
21
22
23
24
<meta name="image:sidebar 1" content=""/>
25
26
27
<meta name="text:frase1" content="Uma pequena frase aqui."/>
28
29
30
<meta name="text:texto" content="Coloque um  texto aqui, quando for editar o texto vai ficar uma fonte grande daí quando atualizar ela diminui. :)"/>
31
32
33
<meta name="text:Link1" content="link" />
34
<meta name="text:Link1 Title" content="link 1" />
35
<meta name="text:Link2" content="link" />
36
<meta name="text:Link2 Title" content="link 2" />
37
<meta name="text:Link3" content="link" />
38
<meta name="text:Link3 Title" content="link 3" />
39
<meta name="text:Link4" content="link" />
40
41
42
43
<link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
44
45
46
body {background-color: #fff; color:#000000; font-family: 'Just Me Again Down Here', cursive; font-size: 11px; text-align: center; line-height:100%; margin:0; padding:0; 
47
48
background-image:url('http://assets.tumblr.com/images/x.gif'); background-attachment: fixed; background-repeat: no-repeat;}
49-
<meta name="text:Link4 Title" content="link 4" />
49+
50-
<meta name="text:Link5" content="link" />
50+
51-
<meta name="text:Link5 Title" content="link 5" />
51+
52-
<meta name="text:Link6" content="link" />
52+
53-
<meta name="text:Link6 Title" content="link 6" />
53+
54-
<meta name="text:Link7" content="link" />
54+
55-
<meta name="text:Link7 Title" content="link 7" />
55+
56
a, a:link, a:active, a:visited {color:#696969;text-transform: none; text-decoration: none; opacity: 0.8}
57
58
a:hover {font-weight: bold}; padding: 1px 0 1px 0; text-decoration: none}
59
60
img a{border:0px;}
61
62
img a:hover{border:0px;}
63
64
b{font-weight: bold; color:#000000}
65
66-
<link rel="alternate" type="application/rss+xml" href="http://semi-idiota.tumblr.com/rss">
66+
67
68
blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left: 2px solid #181818}
69
70-
<meta name="description" content="esse theme é do semi-idiota" />
70+
71
#pagination a:hover{color:#000000; background-color: transparent; z-index: 8}
72
73
74
#sbar7 {width:12px; margin-left: 800px; margin-top: 326px; position:fixed; overflow:hidden;   background-image:url(''); background-color: transparent; color: #fff;  font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center;  border-left:0px solid;}
75
76
77
78-
<link rel="alternate" type="application/rss+xml" href="http://semi-idiota.tumblr.com/rss" />
78+
79
80-
<style type="text/css">
80+
81
82
83
.titled:hover{text-align: center;
84
85
font-family: Georgia;
86
87
text-transform: none;
88
89
font-size: 35px;
90
91
color: #bdbdbd;
92
93
z-index:3; margin-bottom:10px; letter-spacing:-3px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; }
94
95
#sidetitulo
96
97
{position:fixed;
98
99
width:225px;
100
101
top:130px;
102
103
right:10px;
104
105
left: 800px;
106
107
height: 10px;}
108
109
110
.titulo {font-size: 17px; font-family: 'Rochester', cursiva; letter-spacing: 3px; color: #000; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; margin-left: -10px; margin-top: 0px; width: 250px;}
111
112
.titulo:hover {opacity:0.5;}
113
114
115
116
#side
117
118
{position:fixed;
119
120
border-left: 2px solid #000;
121
122
width:225px;
123
124
top:150px;
125
126
right:250px;
127
128
left: 800px;}
129
130
131
132
#menu
133
134
{float:right;}
135
136
137
138
.boutton
139
140
{text-align:right;
141
142
font-family: 'Just Me Again Down Here', cursive;
143
144
font-size: 9px;
145
146
overflow:hidden;
147
148
border-bottom:1px dotted #000;
149
150
letter-spacing:1px;
151
152
padding:0px 5px 0px 5px;
153
154
background-color:#fff;
155
156
color:#393939;}
157
158
159
160
.boutton:hover
161
162
{color:#fff;
163
164
background-color:#000;}
165
166
167
.boutton2
168
169
{text-align:right;
170
171
font-family: 'Just Me Again Down Here', cursive;
172
173
font-size: 9px;
174
175
overflow:hidden;
176
177
border-bottom:1px dotted #000;
178
179
letter-spacing:1px;
180
181
padding:0px 5px 0px 5px;
182
183
background-color:#fff;
184
185
color:#000;}
186
187
188
189
.boutton2:hover
190
191
{color:#fff;
192
193
background-color:#000;}
194
195
196
197
#un
198
199
{width:55px;}
200
201
#deux
202
203
{width:35px;}
204
205
#trois
206
207
{width:50px;}
208
209
#quatre
210
211
{width:65px;}
212
213
#cinq
214
215
{width:40px;}
216
217
#six
218
219
{width:55px;}
220
221
#sept
222
223
{width:35px;}
224
225
226
227
228
229
#gauche
230
231
{float:right;
232
233
margin-right:-1px;
234
235
width:150px;
236
237
height:150px;
238
239
overflow:hidden;}
240
241
242
243
#description
244
245
{text-align:center;
246
247
width:130px;
248
249
height:205px;
250
251
padding:10px;
252
253
overflow:auto;
254
255
color:#000;
256
257
background-image:url('http://static.tumblr.com/...');}
258
259
260
261
#picture
262
263
{margin-left:-150px;
264
265
width:150px;
266
267
height:225px;
268
269
overflow:hidden;
270
271
-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
272
273
274
275
#gauche:hover #picture
276
277
{margin-left:-300px;}
278
279
280
281
#sidebarpage {width: 150px; height:10px; inline; top: 370px; left: 794px; padding: 5px; background-color: transparent; text-align: center; position: fixed}
282
283
284
/*** Paginação by madlyluv.com ***/
285
286
287
#paginacaoml {font-size: 8px; font-weight: bold; line-height: 21px;}
288
#paginacaoml a {background: transparent; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
289
#paginacaoml a:hover {background: #transparent; color: #000000; opacity: 0.8; border: none; width: 100%;}
290
#paginacaoml span.pagina_atual {background: #F7F7F7; margin: 0 1px 0 0; padding: 2px 4px; color: #393939; opacity: 0.85; text-decoration: none; }
291
#paginacaoml span.info {background: transparent; margin: 0 1px 0 0; padding: 2px 4px; color: #FFFFFF; text-decoration: none; }
292
293
294
295
#px {top: 65%; margin-left: 905px; width: 120px; position: fixed; padding: 1px;}
296
297
298
299
300
.plink {font-size: 50px; font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 5px;}
301
302
.plink a{color: #F7F7F7; background-color: transparent;}
303
304
.plink a:hover {color: ; background-color: transparent;}
305
306
307
308
::-webkit-scrollbar{width:6px;height:6px;}
309
310
::-webkit-scrollbar-button:start:decrement
311
312
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
313
314
::-webkit-scrollbar-track-piece{background-color:#F7F7F7;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
315
316
::-webkit-scrollbar-thumb:vertical{height:30px; background-color:#fff;-webkit-border-radius:px;}
317
318
::-webkit-scrollbar-thumb:horizontal{width:30px; background-color:#000000;-webkit-border-radius:px;}
319
320
.simg1 {width: auto}
321
322
.simg1 img {width: 160px; height: auto; margin-bottom: 2px;}
323
324
325
326
.spic img{max-width: 150px; text-align:center; margin-top: 2px}
327
328
#oibody {width: 930px; text-align: center; margin: 0 auto 0 auto; background-color:
329
330
331
332
transparent; color:#000000;}
333
334
335
#container {background-color:transparent; width: 465px; position: absolute; top: 0px; left: 350px; padding-bottom: 0px}
336
337
338
#entries {margin: 50px 0px 9px -230px;}
339
340
341
342
#entry {width: 500px; background-color:#fff; text-align: justify; padding: 20px; margin: 5px 0 3px 100px; border-bottom:1px dotted #000; opacity: 0.7;}
343
344
.entry:hover {opacity 1.0}
345
346
347
348
.image{text-align: center; margin: 0 0 5px 0}
349
350
.image img{border: 0px; margin: 0; padding: 0}
351
352
353
354
#ask_form{width: 500px}
355
356
357
358
.search_result{font-size: 12px; text-align: center}
359
360
361
362
.source{display:none}
363
364
365
366
h1 {font-family: georgia; text-align: center; font-size: 12px; color: #747474; font-weight: normal; line-height: 12px;}
367
368
h1 a {text-align: center; font-size: 20px; color: #747474; font-weight: normal; line-height: 12px;}
369
370
h1 a:hover {text-align: center; font-size: 20px; color: #747474; font-weight: normal; line-height: 12px;}
371
372
373
374
375
.posts {width: 500px; margin-left: 200px; background-color: #181818; padding: 10px; margin-bottom: 5px; text-align: justify; font-family: ; font-size: 11px;}
376
377
378
379
.image {text-align: center; border: 0px}
380
381
.image img {max-width: 500px; margin-bottom: 2px }
382
383
.markqt {font-size: 120px; font-family: Verdana, Geneva, Tahoma, sans-serif; color:#33464E; line-height: 120px; margin-left: 20px;}
384
385
.qt {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 22px; font-style: italic; line-height: 23px;  margin-top: -120px; margin-left: 80px; padding: 10px;}
386
387
.qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none;}
388
389
.qsr a, a:hover{text-transform: none;}
390
391
392
393
.chat {line-height: 12px; list-style: none }
394
395
.chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
396
397
.person1 {background-color:#fff; color: #000; }
398
399
.person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:#000}
400
401
.person2 {color: #000}
402
403
.person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:#000}
404
405
406
407
.music{text-align: center; margin-bottom: 2px; width: 100%; background-color: #000000; text-align: center;}
408
409
.music img{text-align: left; max-width: 250px; height: auto; padding: 20px 0 20px 0}
410
411
.capt{text-align: justify; margin-top: 2px; margin-bottom: 7px;}
412
413
.source{display:none}
414
415
416
417
418
419
.asker {width: 480px; background-color: #F7F7F7; color:#000000; padding: 10px}
420
421
.asker a{font-size: 11px; color:#000000; text-transform: none; line-height: 27px; padding: 0; margin: 0; font-family: georgia;}
422
423
.asker a:hover{font-size: 11px; color:#000000; text-transform: none; line-height:27px; padding: 0; margin: 0; font-family: georgia;}
424
425
.answer {padding: 3px 0 0 0}
426
427
428
429
430
431
#cap {width: 500px; margin-top: -2px;}
432
433
434
435
.dda {margin-top: 9px; border-left: 6px solid #33464E; padding: 5px;  background-color: #000000; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase;}
436
437
.dda a {font-size: 9px;}
438
439
440
441
.ddb {padding: 2px; border-bottom: 1px dotted #000000; text-align: right;}
442
443
.tags {color: #000000;  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: none;}
444
445
.tags a {font-size: 9px; color: #33464E; display: inline; list-style: none; text-transform: none;}
446
447
448
449
450
451
#nts {width: 500px; margin-left: 100px; padding: 10px; margin-top: 0px; font-size: 10px; text-align: left}
452
453
#nts img{display: none; border:0px}
454
455
#tumblr_controls{position: fixed!important}
456
457
458
459
<script>var _wau = _wau || []; _wau.push(["tab", "0fzx8zpzyktz", "9xd", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>@media screen {
460
461
@font-face {
462
463
  font-family: 'La Belle Aurore';
464
465
  font-style: normal;
466
467
  font-weight: normal;
468
469
  src: local('La Belle Aurore'), local('LaBelleAurore'), url('http://themes.googleusercontent.com/static/fonts/labelleaurore/v1/Irdbc4ASuUoWDjd_Wc3mdyPuxW3DwjEqq93dVR72jP4.woff') format('woff');
470
471
}
472
473
}</style> <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
474
475
</head>
476
477
478
479
<body>
480
481
482
</div>
483
484
485
486
<div id="xp">
487
488
489
490
<div id="px">
491
492
<div class="plink"> </div></div>
493
494
495
496
497
498
<div id="container">
499
500
501
502
<div id="entries">
503
{block:Posts}
504
 
505
<div id="entry">
506
{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
507
 
508
{block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
509
<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
510
 
511
{block:Photoset}{Photoset-500}
512
<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
513
{/block:Photoset}
514
 
515
{block:Quote}
516
<b class="qqmarks">“</b><div class="qquote"><i>{Quote}</i></div>
517
{block:Source}<div class="qsource">{Source}</div>{/block:Source}
518
{/block:Quote}
519
 
520
{block:Link}
521
<h1><a href="{URL}" {Target}>{Name}</a></h1>
522
{block:Description}{Description}{/block:Description}
523
{/block:Link}
524
 
525
{block:Chat}
526
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
527
<div class="chat"><ul>{block:Lines}
528
<li class="person{UserNumber}">{block:Label}
529
<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
530
{/block:Chat}
531
 
532
{block:Audio}
533
<div class="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
534
{AudioPlayerWhite}
535
<div class="playcount">{PlayCountWithLabel}</div>
536
<div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
537
{/block:Audio}
538
 
539
{block:Video}{Video-500}
540
<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
541
 
542
{block:Answer}
543
<div class="asker"><img src="{AskerPortraitURL-48}"> {Asker}<br> {Question}</div>
544
<div class="answer">{Answer}</div>
545
<br>
546
{/block:Answer}
547
 
548
<div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
549
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
550
{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
551
{/block:ContentSource}</div>
552
 
553
 
554
 
555
<div id="clear"></div>
556
 
557
<div class="info"><br><br>
558
{block:Date} Posted {DayOfMonth} {Month} {Year}, <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this post</a>{/Block:IndexPage}<br>{block:RebloggedFrom}(originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
559
</span> / {/block:RebloggedFrom}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>)<br>{/block:RebloggedFrom}
560
</div></div>
561
{/block:Posts}
562
{block:PostNotes}
563
<div id="nts"><div id="ntstext">{PostNotes}</div></div>
564
{/block:PostNotes}
565
 
566
 
567
 
568
</div>
569
</div>
570
571
</div><br><br><div align="leftt"><big><big><font face="georgia">
572
573
</big></big></big></font>
574
575
576
577
<div align="right"><font face="verdana">
578
579
</div></font>
580
581
<p>
582
583
584
585
586
<div id="oibody">
587
588
589
590
<div id="sidebarpage">
591
<div id="paginacaoml">
592
{block:JumpPagination length="3"}
593
{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
594
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
595
{/block:JumpPagination}
596
</div></div>
597
598
599
600
601
</small>
602
<br><script type="text/javascript">
603
604
//desabilita menu de opcoes ao clicar no botao direito
605
606
function desabilitaMenu(e)
607
608
{
609
610
if (window.Event)
611
612
{
613
614
if (e.which == 2 || e.which == 3)
615
616
return false;
617
618
}
619
620
else
621
622
{
623
624
event.cancelBubble = true
625
626
event.returnValue = false;
627
628
return false;
629
630
}
631
632
}
633
634
635
636
//desabilita botao direito
637
638
function desabilitaBotaoDireito(e)
639
640
{
641
642
if (window.Event)
643
644
{
645
646
if (e.which == 2 || e.which == 3)
647
648
return false;
649
650
}
651
652
else
653
654
if (event.button == 2 || event.button == 3)
655
656
{
657
658
event.cancelBubble = true
659
660
event.returnValue = false;
661
662
return false;
663
664
}
665
666
}
667
668
669
670
//desabilita botao direito do mouse
671
672
if ( window.Event )
673
674
document.captureEvents(Event.MOUSEUP);
675
676
if ( document.layers )
677
678
document.captureEvents(Event.MOUSEDOWN);
679
680
681
682
document.oncontextmenu = desabilitaMenu;
683
684
document.onmousedown = desabilitaBotaoDireito;
685
686
document.onmouseup = desabilitaBotaoDireito;
687
688
</script></div></div>
689
690
691
692
<br>
693
694
695
696
<div id="px">
697
698
</div>
699
700
701
702
703
<div id="side">
704
705
706
707
<div id="menu">
708
709
<a href="{text:Link1}"><div class="boutton" id="un">{text:Link1 Title}</div></a>
710
711
<a href="{text:Link2}"><div class="boutton2" id="deux">{text:Link2 Title}</div></a>
712
713
<a href="{text:Link3}"><div class="boutton" id="trois">{text:Link3 Title}</div></a>
714
715
<a href="{text:Link4}"><div class="boutton2" id="quatre">{text:Link4 Title}</div></a>
716
717
<a href="{text:Link5}"><div class="boutton" id="cinq">{text:Link5 Title}</div></a>
718
719
<a href="{text:Link6}"><div class="boutton2" id="six">{text:Link6 Title}</div></a>
720
721
<a href="{text:Link7}"><div class="boutton" id="sept">{text:Link7 Title}</div></a>
722
723
724
725
726
</div>
727
728
729
730
<table id="gauche" border="0" cellpadding="0" cellspacing="0" ><tr>
731
732
<td><div id="description">{text:texto}</div></td>
733
734
<td><div id="picture"><img src="{image:sidebar 1}" width="150" height="225"></div></td>
735
736
</tr></table>
737
738
739
740
</div>
741
742
743
<div id="sidetitulo">
744
<div class="titulo">{text:frase1}</div></div>
745
746
747
<div id="sbar7"><a href="http://semi-idiota.tumblr.com"><b2>©</b2></a></div>
748
749
750
751
</body>