API tools faq
paste
View difference between Paste ID: qKGdJQ8F and VDE9zcTZ
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<!--
4
Theme >> Dollars, Durarara!!
5
By >> Ruba [http://ru2.tumblr.com/]
6-
		>> Free to use, to share and alter
6+
    	>> Free to use, to share and alter
7
		>> Please give credit.
8
-->
9
<head>
10
<META name="color:Background" content="#101010"/>
11
<META name="color:body" content="#fffffd"/>
12
<META name="color:Link" content="#32dede"/>
13
<META name="color:Nav Link" content="#109c87">
14-
<META name="color:Post Background" content="#70707070"
14+
<META name="color:Nav Link Hover" content="#e0d649">
15
<META name="color:title" content="#ffffb3"/>
16
<META name="color:Post Background" content="#70707070"/>
17
<META name="color:Scrollbar btt" content="#c8cf4b" />
18
<META name="color:Scrollbar bg" content="#ffffff" />
19
<meta name="color:Desc Color" content="#aaa"/>
20
<meta name="color:Desc BG" content="#333332"/>
21
<meta name="color:Pag BG" content="#fefefe"/>
22
<meta name="color:Pag Color" content="#ccc"/>
23
<meta name="color:Pag Current Text" content="#aaa"/>
24
<META name="image:Background" content="">
25
<META name="image:Sidebar Image" content=""/>
26
<head>
27
28
<meta http-equiv="content-type" content="text/html; charset=utf-8">

29
<title>{Title}</title>

30
<link rel="shortcut icon" href="{Favicon}">

31
<style type="text/css">

32
@font-face {

33
font-family: "nationfd";

34
src: url('http://static.tumblr.com/q6qqnsd/Taqlzudjh/nationfd.ttf');

35
}

36
37
body {

38
background-image: url('{image:Background}');

39
background-color: {color:Background};

40
background-attachment: fixed;

41-
#header {

41+
42
}

43-
position: center, top;

43+
::-webkit-scrollbar-thumb:vertical {

44
background-color: {color:scrollbar btt};

45
height: 30px;}

46
::-webkit-scrollbar {

47
height: 30px;

48
width: 7px;

49
background-color: {color:scrollbar bg};}

50
iframe#tumblr_controls {

51
position: fixed !important;

52
right:2px !important;

53
-moz-transition: all 0.8s ease-out;

54
-webkit-transition: opacity 0.7s linear;

55-
#topnav {

55+
-webkit-transition: all 0.8s ease-out;

56-
width: 100%;

56+
transition: all 0.8s ease-out;

57-
z-index: 999;

57+
opacity: 0.5;}

58-
height: 29px;

58+
iframe#tumblr_controls:hover {

59
-webkit-transition: opacity 0.7s linear;

60-
#topnav2 {

60+
-moz-transition: all 0.4s ease-out;

61
-webkit-transition: all 0.4s ease-out;

62-
height: 35px;

62+
transition: all 0.4s ease-out;

63-
line-height: 30px;

63+
opacity: 1;}

64-
margin: auto;

64+
#box{margin-left:450px; margin-top:1px;}

65
#dela-show{

66
margin-top:7px;

67-
#topnav2 a {

67+
68
width: 250px;

69
height: 250px;

70
border: 1px solid #fffffd;

71
-moz-border-radius: 145px;

72-
letter-spacing: 2px;

72+
73-
-webkit-transition: all 0.6s ease;

73+
#header { margin-left:18px;

74-
-moz-transition: all 0.6s ease;

74+
75-
-o-transition: all 0.6s ease;

75+
76
font-size:65px;

77-
#topnav2 a.arrow {

77+
78
letter-spacing: 4px;

79-
font-size: 19px;

79+
80
width: 200px;

81
height: 200px;

82-
-webkit-transition: all 0.6s ease;

82+
83-
-moz-transition: all 0.6s ease;

83+
84-
-o-transition: all 0.6s ease;

84+
85
}

86
87-
top:470px;

87+
88
top:190px;

89
}

90
.icon_quote, .icon_photo, .icon_video, .icon_text, .icon_chat, .icon_link,  .icon_audio{

91
	position:absolute;

92
    margin-left:-52px;

93
	width:50px;

94
	height:50px;

95
	}

96
.icon_quote{

97
	background:url(http://media.tumblr.com/tumblr_lzukvkEpS21qan8h1.png) no-repeat;

98
	}

99
.icon_photo{

100
	background:url(http://media.tumblr.com/tumblr_lzukq4OS6E1qan8h1.png) no-repeat;

101
	}	

102
.icon_video{

103
	background:url(http://media.tumblr.com/tumblr_lzujsom1ww1qan8h1.png) no-repeat;

104
	}

105
.icon_text{

106
	background:url(http://media.tumblr.com/tumblr_lzukj3kPJd1qan8h1.png) no-repeat;

107
	}

108
.icon_chat{

109
	background:url(http://media.tumblr.com/tumblr_lzukm6u8hO1qan8h1.png) no-repeat;

110
	}

111
.icon_link{

112
	background:url(http://media.tumblr.com/tumblr_lzukry7bo71qan8h1.png) no-repeat;

113
	}

114
.icon_audio{

115
	background:url(http://media.tumblr.com/tumblr_lzujsom1ww1qan8h1.png) no-repeat;

116
	}

117
.icon_q, .icon_a{

118
	position:absolute;

119
	width:50px;

120
	height:58px;

121
	}

122-
.entry { margin-left:30px;

122+
123
.entry { margin-left:350px;

124
border: 2px solid #fff;

125
width: 500px;

126
padding-top:5px;

127
margin-top: 5px;

128
margin-bottom: 10px;

129
font-family: Verdana, Arial, sans-serif;

130
font-size: 12px;

131
color: {color:body};

132
text-align: justify;

133
z-index: 6;

134
overflow: hidden;

135
background: {color:Post Background}

136-
.entry .a {

136+
137
.entry a {

138
color: {color:Link};

139
text-decoration: none;

140
}

141
.entry .h1 {

142
font-family:  Verdana, Arial, sans-serif;

143
font-size: 12px;

144
color: {color:Hover};

145
font-weight: normal;

146
text-align: left;

147-
.entry .h1 .a {

147+
148
.entry .h1 a {

149
color: {color:Link};

150
text-decoration: none;

151
}

152
.entry .h2 {

153
font-family: Verdana, Arial, sans-serif;

154
font-size: 14px;

155
color: {color:Hover};

156
font-weight: normal;

157
font-style: italic;

158
letter-spacing: 3px;

159
text-transform: lowercase;

160
text-align: left;

161
}

162-
border-left: 5px solid {color:link};

162+
163
border-left: 5px solid {color:Hover};

164
}

165
.photo {

166
text-align: right;

167
opacity: .8;

168
}

169
.text .img {

170
opacity: .8;

171
}

172
.quote {

173
font-family: Verdana, Arial, sans-serif;

174
font-size: 50px;

175
color: {color:body};

176
float: left;

177
}

178
.notes2 {

179
font-family: lucida sans unicode;

180
font-size: 10px;

181
color: {color:Title};

182
text-align: left;

183
letter-spacing: 1px;

184
line-height: 10px;

185
margin-top: 5px;

186
padding: 5px;

187
}

188
.notes2 .a {

189
color: {color:Link};

190
text-decoration: none;

191
-webkit-transition: all 0.5s ease;

192
-moz-transition: all 0.5s ease;

193
-o-transition: all 0.5s ease;

194
}

195
.notes2 .a.tag {

196
color: {color:Title};

197
}

198
.show .a {

199
font-size: 18px;

200
font-family:  Verdana, Arial, sans-serif;

201
position: absolute;

202
color: {color:Title};

203
line-height: 20px;

204
padding: 0px;

205
text-decoration: none;

206
}

207
.show .a:hover {

208
color: {color:Link}

209
}.show {

210
margin-left: 510px;

211
opacity: 0;

212
filter: alpha(opacity=0);

213
-moz-opacity: 0;

214
-khtml-opacity: 0;

215
-webkit-transition: all 1s ease;

216
-moz-transition: all 1s ease;

217
-o-transition: all 1s ease;

218
}.entry:hover .show {

219
opacity: 1;

220
-moz-opacity: 1;

221
-khtml-opacity: 1;

222
}.permalink {

223
font-family:  Verdana, Arial, sans-serif;

224
font-size: 9px;

225
color: {color:Title};

226
text-transform: lowercase;

227
text-align: center;

228
width: 525px;

229
float: right;

230
}.permalink b {

231
color: {color:Link};

232
font-weight: normal;

233
}#date {

234
color: {color:Link};

235
}.permalink a {

236
color: {color:Title};

237
text-decoration: none;

238
} ol.notes {

239
padding: 0px;

240
margin: 15px 0px;

241
list-style-type: none;

242
background: transparent;

243
border: 0px;

244
letter-spacing: 0px;}

245
ol.notes li.note { 

246
padding: 5px;

247
text-align: left;

248
border-top: 1px dotted {color:Title};

249-
#description

249+
250-
{

250+
#nav {

251-
max-height:130px;

251+
    position:fixed;

252-
width:330px;

252+
margin-left:39px;

253-
letter-spacing:1px;

253+
margin-top:22px;

254
}

255
#nav a{

256-
color:{color:body};}

256+
    display:inline-block;

257
    font-size:8px;

258
    letter-spacing:0px;

259
    width:30px;

260-
<div id="topnav">

260+
    text-decoration:none;

261-
<div id="topnav2">

261+
    text-align:center;

262-
<a class="arrow" href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage} <a href="/">HOME</a>&nbsp; 

262+
    height:11px;

263
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;

264
    text-transform:uppercase;

265-
<a href="http://ru2themes.tumblr.com">THEMES</a>&nbsp;{block:NextPage}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="arrow" href="{NextPage}">&rarr;</a>{/block:NextPage}<center> <p/><br/>

265+
    margin-top:2px;

266
    background-color:{color:Scrollbar bg};

267
    color:{color:Nav Link};

268-
<center><br/><p/>{Title}</center>

268+
    padding:1px;

269-
</div></div></center>

269+
    -webkit-transition: all 0.7s ease-in-out;

270-
<center><p/><form action="/search" method="get">

270+
-moz-transition: all 0.7s ease-in-out;

271
-o-transition: all 0.7s ease-in-out;

272-
<input type="button" value="ENTER" style="font-size: 10px; background-color:#ffffff; color: #000000; border: 1px solid #000000;"/></form></center><P/>

272+
-ms-transition: all 0.7s ease-in-out;

273-
<center><div id="description">{Description}</div></center><br/><p/><br/>

273+
transition: all 0.7s ease-in-out;}

274
#nav a:hover{

275
    background-color:{color:Scrollbar bg};

276
    color:{color:Nav Link Hover};}

277
.desc {position:fixed;

278
margin-top:-96px;

279
    margin-left:29px;

280
    padding:5px;

281
    width:170px;

282
    height:80px;

283
    max-height:80px;

284
    border: 2px solid #fff;

285
    color:{color:Desc Color};

286
    background-color:{color:Desc BG};

287
    line-height:13px;

288
    }#desctip {position:fixed;

289
    color:#fff;

290
     margin-top:-10px;

291
    font-size:25px;

292
    margin-left:30px;

293
    }

294
    #pic {position:fixed;

295
    width:148px;

296
        background-image:url('{image:Sidebar Image}');

297
    margin-left:39px;

298
    margin-top:22px;

299
    border: 2px solid #fff;

300
    opacity:0.4;

301
    filter:alpha(opacity=40);

302
    }

303
    #pic:hover{

304
        opacity:1.0;

305
 filter:alpha(opacity=100);}

306
    #normal {

307
    padding:3px;

308
           height:4px;

309
    background-color:{color:Pag BG};

310
    color:{color:Pag Color};

311
}

312
#current {

313
    background-color:transparent;

314
    color:{color:Pag Current Text};

315
    padding:3px;

316
       height:4px;

317
    font-size:9px;

318
    text-transform:uppercase;

319
    }  

320
</style>

321
</head>

322
<body>

323
<div id="box">

324
<div id="dela-show">

325
<div id="header">

326
<center><br/>{Title}</center>

327
</div></div><p/><form action="/search" method="get">

328
<input type="text" name="q" value="  P A S S W O R D" style="width:130px; height:13px; background-color:#ffffff; color: #000000; font-size: 11px; border: 1px solid #000000;"/>

329
<input type="button" value="ENTER" style="font-size: 10px; background-color:#ffffff; color: #000000; border: 1px solid #000000;"/></form>

330
</div></div></div>

331
332
<div class="desc">{Description} </br><br/>

333
{block:Pagination}

334
<center>

335
{block:PreviousPage}<a href="{PreviousPage}" id="normal">←</a> {/block:PreviousPage}

336
{block:JumpPagination length="4"}

337
{block:CurrentPage}<span class="current_page" id="current">{PageNumber}</span> {/block:CurrentPage}

338
{block:JumpPage}<a class="jump_page" href="{URL}" id="normal">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}

339
{block:NextPage} <a href="{NextPage}" id="normal">→</a> {/block:NextPage}

340
</div></center>{/block:Pagination}

341
</div></center>

342
<div id="desctip">◥</div><img src="{image:Sidebar Image}"id="pic"></div><div id="nav">

343
 <a href="/">HOME</a>&nbsp; 

344
<a href="/ask">ASK</a>&nbsp;

345
<a href="archive">ARCHIVE</a>&nbsp; 

346
<a href="http://ru2themes.tumblr.com">THEMES</a>&nbsp;<center> <p/><br/></div></div></div></div></div>

347
348
349
{block:Posts}

350
<div id="content">

351
<div class="entry">

352
{block:Text}

353
                        <div class="corner_lt"></div>

354
                        <div class="corner_rt"></div> 

355
                        <div class="icon_text"></div>

356
<a href="{Permalink}" class="icon"></a>

357
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

358
{block:Title}

359
<h1><a href="{Permalink}">{Title}</a></h1>

360
{/block:Title}

361
<div class="text"><p>{Body}</p></div>

362
<div class="notes2">

363
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

364
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>

365
{/block:Text}

366
{block:Photo}

367
                            <div class="corner_lt"></div>

368
                            <div class="corner_rt"></div>

369
                            <div class="icon_photo"></div>

370
<a href="{Permalink}" class="icon"></a>

371
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

372
<div class="photo"><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></div>

373
{block:Caption}

374
<div class="text"><p>{Caption}</p></div>

375
{/block:Caption}

376
{block:PermalinkPage}{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}{/block:PermalinkPage}

377
<div class="notes2">

378
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

379
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

380
</div>

381
{/block:Photo}

382
{block:Photoset}

383
                            <div class="corner_lt"></div>

384
                            <div class="corner_rt"></div>

385
                            <div class="icon_photo"></div>

386
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

387
<div class="photo">{Photoset-500}</div>

388
{block:Caption}

389
<div class="text"><p>{Caption}</p></div>

390
{/block:Caption}

391
{block:PermalinkPage}{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}{/block:PermalinkPage}

392
<div class="notes2">

393-
{SearchQuery}

393+
394-
{URLSafeSearchQuery}

394+
395-
{block:SearchPage}

395+
396-
    {SearchResultCount}

396+
397-
{/block:SearchPage}

397+
398-
{block:NoSearchResults}

398+
399-
{/block:NoSearchResults}

399+
400
                            <div class="icon_quote"></div>

401
<div class="><a href="{Permalink}">{text:Permalink Symbol}</a></div>

402
<div class="quote">&#10077;</div> 

403
<h2>{Quote}</h2>

404
{block:Source}<p><center>{Source}</center></p>{/block:Source}

405
<div class="notes2">

406
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

407
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

408
</div>

409
{/block:Quote}

410
{block:Link}

411
                            <div class="corner_lt"></div>

412
                            <div class="corner_rt"></div>

413
                            <div class="icon_link"></div>

414
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

415
<h1><a href="{URL}" target="{Target}">{Name}</a></h1>

416
{block:Description}<div class="text"><p>{Description}</p></div>{/block:Description}

417
<div class="notes2">

418
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

419
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

420
</div>

421
{/block:Link}

422
{block:Chat}

423
                        <div class="corner_lt"></div>

424
                        <div class="corner_rt"></div>

425
                        <div class="icon_chat"></div>

426
{block:Title}<h1>{Title}</h1>{/block:Title}

427
{block:Lines}

428
{block:Label}

429
<p><b>{Label}</b>

430
{/block:Label}

431
{Line}</p>

432
{/block:Lines}

433
<div class="notes2">

434
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount}● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

435
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

436
</div>

437
{/block:Chat}

438
{block:Audio}

439
                        <div class="corner_lt"></div>

440
                        <div class="corner_rt"></div>

441
                        <div class="icon_audio"></div>

442
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

443
{block:AlbumArt}

444
<div class="photo"><img src="" alt=""></div>

445
{/block:AlbumArt}

446
<center><p>{AudioPlayerGrey}<br>

447
<i>{FormattedPlayCount}</i> plays</p><¢er>

448
{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}

449
<div class="notes2">

450
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

451
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

452
</div>

453
{/block:Audio}

454
{block:Video}

455
                            <div class="corner_lt"></div>

456
                            <div class="corner_rt"></div>

457
                            <div class="icon_video"></div>

458
<div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>

459
<p>{Video-500}</p>

460
<center><i>{FormattedPlayCount}</i> plays</center></p>

461
{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}

462
<div class="notes2">

463
{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ● <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

464
{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}

465
</div>

466
{/block:Video}

467
{block:PermalinkPage}

468
<div class="permalink">

469
<center><div id="date">{block:Date}{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<Br>

470
{block:HasTags}<b>tags </b> {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>

471
{block:PostNotes}

472
{PostNotes}

473
{/block:PostNotes}

474
</div>

475
{/block:PermalinkPage}

476
</div>

477
478
</body>

479
</html>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!