API tools faq
paste
View difference between Paste ID: MkYAPCGT and hrhk4hPs
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
<!--- Theme by iamthemelocked
4
DO NOT REMOVE THE CREDIT
5
DO NOT COPY
6
DO NOT CLAIM AS YOUR OWN
7
IF YOU DO THEN I´LL MAKE YOU INTO SHOES
8
BIT NOT GOOD, ISN´T IT?--->
9
10
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
11
12
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

13
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

14
 

15
<title>{block:TagPage}#{Tag} /// {/block:TagPage} {block:SearchPage}{lang:Search Results For SearchQuery} - {/block:SearchPage} {Title}</title>

16
 

17
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>

18
 

19
<meta charset="utf-8">

20
<meta name="viewport" content="initial-scale=1.0, width=device-width" />

21
 

22
<link rel="shortcut icon" href="{favicon}">

23
<link rel="alternate" type="application/rss+xml" href="{RSS}">

24
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

25
26
<meta name="image:Header Image" content=""/>

27
<meta name="image:Sidebar Image" content=""/>

28
29
<meta name="image:Background Image" content="http://www.wallpaperidol.com/wp-content/uploads/2017/01/white-photo-background.jpg"/>

30
31
<meta name="if:250px Posts" content="0"/>

32
<meta name="if:One Column" content="1"/>

33
<meta name="if:Show Captions" content="1"/>

34
<meta name="if:Infinite Scroll" content="0"/>

35
<meta name="if:Background Image" content="0"/>

36
<meta name="if:Transparent Posts" content="0"/>

37
<meta name="if:5 Accent Colours" content="1"/>

38
<meta name="if:Uppercase Text" content="1"/>

39
<meta name="if:Black And White Posts" content="0"/>

40
<meta name="if:Zooming Post Images" content="1"/>

41
<meta name="if:Tiny Cursor" content="1">

42
<meta name="if:Updates Tab" content="1"/>

43
44
<meta name="font:General Font" content="calibri" />

45
<meta name="text:General Font Size" content="10px"/>

46
47
<meta name="color:Background" content="#fafafa"/>

48
<meta name="color:Post Background" content="#ffffff"/>

49
<meta name="color:Post Border" content="#f1f1f1"/>

50
<meta name="color:Text" content="#8f8f8f"/>

51
<meta name="color:Links" content="#232323"/>

52
<meta name="color:Sidebar" content="#000000"/>

53
54
<meta name="color:Contra Accent" content="#f6f6f6"/>

55
56
<meta name="color:Accent 1" content="#df6c7a" />

57
<meta name="color:Accent 2" content="#df9a6c" />

58
<meta name="color:Accent 3" content="#e5de71" />

59
<meta name="color:Accent 4" content="#8bea71" />

60
<meta name="color:Accent 5" content="#97c5e0" />

61
<meta name="color:Alternative Accent" content="#dddddd" />

62
 

63
<meta name="color:Scrollbar" content="#000000"/>

64
65
<meta name="text:Home Link" content="Index"/>

66
<meta name="text:Message Link" content="Message"/>

67
<meta name="text:Link1 Name" content="Link 1"/>

68
<meta name="text:Link1 Url" content="http://"/>

69
<meta name="text:Link2 Name" content="Link 2"/>

70
<meta name="text:Link2 Url" content="http://"/>

71
<meta name="text:Link3 Name" content="Link 3"/>

72
<meta name="text:Link3 Url" content="http://"/>

73
<meta name="text:Link4 Name" content="Link 4"/>

74
<meta name="text:Link4 Url" content="http://"/>

75
<meta name="text:Link5 Name" content="Link 5"/>

76
<meta name="text:Link5 Url" content="http://"/>

77
<meta name="text:Link6 Name" content="Link 6"/>

78
<meta name="text:Link6 Url" content="http://"/>

79
<meta name="text:Link7 Name" content="Link 7"/>

80
<meta name="text:Link7 Url" content="http://"/>

81
<meta name="text:Link8 Name" content="Link 8"/>

82
<meta name="text:Link8 Url" content="http://"/>

83
84
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

85
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

86
 

87
<!--- SPECIAL FONTS --->

88
 

89
<link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>

90
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>

91
<link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>

92
<link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>

93
<link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'>

94
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

95
<link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />

96
 

97
<!--- SPECIAL FONTS --->

98
 

99
<style type="text/css">

100
 

101
/* basic styles */

102
 

103
/* --- SCROLLBAR ---*/

104
 

105
::-webkit-scrollbar {background-color:{color:Background}; height:5px; width:4px}::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:40px;}::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:5px!important}

106
 

107
iframe#tumblr_controls {top:auto;right:0;bottom:2px;z-index:99999;opacity:.5!important;position:fixed!important;-webkit-transition:opacity .4s linear;transition:opacity .4s linear;}

108
 

109
iframe#tumblr_controls:hover {opacity:.67!important;}

110
 

111
/* --- SCROLLBAR ---*/

112
 

113
/* --- IMAGE EFFECT ---*/

114
 

115
.imgp {

116
{block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}

117
overflow:hidden;

118
}

119
 

120
.imgp img {

121
-webkit-transform: scale(1.00);

122
-webkit-transition: all 1s ease;

123
-moz-transition: all 1s ease;

124
-o-transition: all 1s ease;

125
-ms-transition: all 1s ease;

126
transition: all 1s ease;

127
}

128
 

129
{block:IfZoomingPostImages}

130
.po:hover .imgp img {

131
-webkit-transform: scale(1.3);

132
}{/block:IfZoomingPostImages}

133
 

134
.pset {

135
-webkit-transform: scale(1.0);

136
-webkit-transition: all 1s ease;

137
-moz-transition: all 1s ease;

138
-o-transition: all 1s ease;

139
-ms-transition: all 1s ease;

140
transition: all 1s ease;

141
}

142
 

143
{block:IfZoomingPostImages}

144
.po:hover .pset {

145
-webkit-transform: scale(1.15);

146
}{/block:IfZoomingPostImages} 

147
 

148
/* --- IMAGE EFFECT ---*/

149
150
/* --- BODY ---*/

151
 

152
#s-m-t-tooltip{

153
position:absolute;

154
margin-top: 15px;

155
margin-left:15px;

156
z-index:9999999999999;

157
background:{color:Links};

158
color:{color:Post Background};

159
{block:IfUppercaseText}

160
text-transform:uppercase;

161
{/block:IfUppercaseText}

162
{block:IfNotUppercaseText}

163
text-transform:normal;

164
{/block:IfNotUppercaseText}

165
letter-spacing:0.5px;

166
line-height:13px;

167
font-family:{font:General Font};

168
font-size:{text:General Font Size};

169
max-width:300px;

170
padding:2px 6px;

171
-webkit-transition:all 0.4s;

172
-moz-transition:all 0.4s;

173
-ms-transition:all 0.4s;

174
-o-transition:all 0.4s;

175
transition:all 0.4s;

176
}

177
 

178
body {

179
color: {color:Text};

180
background-color:{color:Background};

181
{block:ifBackgroundImage}background-image:url({image:Background Image});

182
background-position:center top;background-repeat:repeat;background-attachment:fixed;background-size:cover;{/block:ifBackgroundImage}

183
font: 9px 'Trebuchet MS', sans-serif;

184
font-family:'open sans', 'helvetica neue', arial, sans-serif;

185
}

186
 

187
{block:IfTinyCursor}*, body, a, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;} {/block:IfTinyCursor}

188
 

189
b, strong {color:{color:Text};word-wrap:normal;}

190
i, em {color: color:{color:Text};word-wrap:normal;}

191
p {margin-top:5px;margin-bottom:5px}

192
ol {list-style:normal;}

193
ul {list-style:square;}

194
small {font-family:{font:General Font};font-size:{text:General Font Size};}

195
big {font-family:{font:General Font};font-size:{text:General Font Size};}

196
 

197
blockquote {

198
padding-left:10px;

199
margin-left:15px;

200
margin-top:5px;

201
border-left:1px solid {color:Post Border};

202
}

203
 

204
a {

205
font-weight:normal;

206
word-wrap:initial;

207
text-decoration:none;

208
{block:IfUppercaseText}

209
text-transform:uppercase;

210
{/block:IfUppercaseText}

211
{block:IfNotUppercaseText}

212
text-transform:normal;

213
{/block:IfNotUppercaseText}

214
font-family:{font:General Font};

215
font-size:{text:General Font Size};

216
color:{color:Text};

217
word-wrap: break-word;

218
-moz-outline-style:none;

219
-webkit-transition:all 0.5s;

220
-moz-transition:all 0.5s;

221
-ms-transition:all 0.5s;

222
-o-transition:all 0.5s;

223
transition:all 0.5s;

224
}

225
 

226
a:hover {

227
color:{color:Links};

228
-moz-outline-style:none;

229
-webkit-transition:all 0.5s;

230
-moz-transition:all 0.5s;

231
-ms-transition:all 0.5s;

232
-o-transition:all 0.5s;

233
transition:all 0.5s;

234
}

235
 

236
.caption a, .text a, #tab11 a {

237
padding:0px;

238
color:{color:Text};

239
position:relative;

240
border-bottom:1px solid {color:Post Border};

241
}

242
 

243
.caption a:before, .text a:before, #tab11 a:before{

244
content:'';

245
top:99%;

246
width:0;

247
height:1px;

248
right:50%;    

249
background:{color:Links};

250
position:absolute;

251
transition:all .2s linear;

252
-webkit-transition:all .2s linear;  

253
-moz-transition:all .2s linear;    

254
-o-transition:all .2s linear;        

255
}

256
 

257
.caption a:hover::before, .text a:hover::before, #tab11 a:hover::before{

258
width:100%;

259
right:0;

260
}

261
  

262
h2 {

263
font-family: 'Montserrat', sans-serif;

264
font-size:14px;

265
margin-top:-5px;

266
line-height:12px;

267
padding-bottom:3px;

268
margin-bottom:-3px;

269
border-bottom:1px solid {color:Post Border};

270
color:{color:Links};

271
-webkit-transition:all 0.5s;

272
-moz-transition:all 0.5s;

273
-ms-transition:all 0.5s;

274
-o-transition:all 0.5s;

275
transition:all 0.5s;

276
}

277
278
h2:first-letter {color:{color:Accent 1};}

279
 

280
pre {

281
white-space: pre-wrap;

282
white-space: -moz-pre-wrap;

283
white-space: -pre-wrap;

284
white-space: -o-pre-wrap;

285
word-wrap: break-word;

286
font-family:inconsolata, consolas, monospace;

287
}

288
 

289
pre a{font-size:{font:General Font Size};}

290
.caption {text-align:left;display:block;}

291
.caption img {width:50%;}

292
 

293
/* --- BODY ---*/

294
 

295
/* --- POST ENTRIES ---*/

296
 

297
#big {

298
position:absolute;z-index:99;

299
min-height:calc(100% - 200px);

300
{block:ifNotBackgroundImage}background-color:{color:background};{/block:ifNotBackgroundImage}{block:ifBackgroundImage}background-color:transparent;{/block:ifBackgroundImage}

301
right:0;margin-left:auto;margin-right:auto;top:190px;margin-bottom:50px;

302
{block:IndexPage}{block:ifNotOneColumn}

303
{block:if250pxPosts}width:1050px;left:-100px;{/block:if250pxPosts}

304
{block:ifNot250pxPosts}width:1050px;left:-50px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:530px;left:-220px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:530px;left:-220px;{/block:PermalinkPage}

305
}

306
 

307
.entries {

308
position:relative;

309
text-align:left;

310
display:inline-block;

311
margin:0px 55px 50px 0px;

312
padding:0px 0px 0px 0px;

313
{block:IndexPage}{block:ifNotOneColumn}

314
{block:if250pxPosts}width:275px;{/block:if250pxPosts}

315
{block:ifNot250pxPosts}width:425px;{/block:ifNot250pxPosts}

316
{/block:ifNotOneColumn}{block:ifOneColumn}width:531px;margin-bottom:40px;{/block:ifOneColumn}{/block:IndexPage}

317
{block:PermalinkPage}width:531px;{/block:PermalinkPage}

318
}

319
 

320
.post {

321
position:relative;

322
padding:15px 15px 13px 15px;

323
{block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}

324
border:1px solid {color:Post Border};

325
color:{color:Post Text};

326
line-height:11px;

327
{block:IfUppercaseText}

328
text-transform:uppercase;

329
{/block:IfUppercaseText}

330
{block:IfNotUppercaseText}

331
text-transform:normal;

332
{/block:IfNotUppercaseText}

333
font-family:{font:General Font};

334
font-size:{text:General Font Size};

335
{block:IfBlackandWhitePosts}

336
-webkit-filter: grayscale(100%);

337
-moz-filter: grayscale(100%);

338
filter: grayscale(100%);

339
-webkit-transition:all 0.5s;

340
-moz-transition:all 0.5s;

341
-ms-transition:all 0.5s;

342
-o-transition:all 0.5s;

343
transition:all 0.5s;

344
}

345
346
.post:hover {

347
-webkit-transition:all 0.5s;

348
-moz-transition:all 0.5s;

349
-ms-transition:all 0.5s;

350
-o-transition:all 0.5s;

351
transition:all 0.5s;

352
-webkit-filter: grayscale(0%);

353
-moz-filter: grayscale(0%);

354
filter: grayscale(0%);

355
{block:IfBlackandWhitePosts}

356
}

357
358
.post img{width:100%;}

359
 

360
/* --- POST ENTRIES ---*/

361
362
/* --- SIDEBAR ---*/

363
 

364
#header {

365
z-index:9999999;

366
height:150px;

367
display:block;

368
overflow:hidden;

369
background:{color:Sidebar};

370
position:fixed;

371
border-bottom:4px solid {color:Post Background};

372
right:0;margin-left:auto;margin-right:auto;

373
{block:IndexPage}{block:ifOneColumn}width:531px;left:-220px;margin-top:0px;{/block:ifOneColumn}{block:ifNotOneColumn}{block:if250pxPosts}width:982px;left:-239px;margin-top:0px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:943px;left:-228px;margin-top:0px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}

374
{block:PermalinkPage}width:531px;left:-220px;margin-top:0px;{/block:PermalinkPage}

375
}

376
377
#sidebar {

378
z-index:9999999;

379
height:100%;

380
display:block;

381
overflow:hidden;

382
background:{color:Sidebar};

383
position:fixed;

384
border-bottom:4px solid {color:Post Background};

385
right:0;margin-left:auto;margin-right:auto;

386
{block:IndexPage}{block:ifOneColumn}width:250px;left:650px;margin-top:0px;{/block:ifOneColumn}

387
{block:ifNotOneColumn}{block:if250pxPosts}width:250px;left:1080px;margin-top:0px;{/block:if250pxPosts}

388
{block:ifNot250pxPosts}width:250px;left:1050px;margin-top:0px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}

389
{block:PermalinkPage}width:250px;left:650px;margin-top:0px;{/block:PermalinkPage}

390
}

391
392
#image{

393
position:relative;

394
display:block;

395
opacity:0.7;

396
z-index:2;

397
}

398
 

399
#image img{

400
position:relative;

401
{block:IndexPage}{block:ifOneColumn}width:532px;{/block:ifOneColumn}

402
{block:ifNotOneColumn}{block:if250pxPosts}width:982px;{/block:if250pxPosts}

403
{block:ifNot250pxPosts}width:950px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}

404
{block:PermalinkPage}width:532px;{/block:PermalinkPage}

405
display:block;

406
z-index:2;

407
}

408
409
#images{

410
position:relative;

411
width:250px;

412
height:auto;

413
margin-top:191px;

414
display:block;

415
z-index:2;

416
-webkit-transition:all 0.5s;

417
-moz-transition:all 0.5s;

418
-ms-transition:all 0.5s;

419
-o-transition:all 0.5s;

420
transition:all 0.5s;

421
}

422
423
#one{

424
width:65px;

425
z-index:99;

426
padding-bottom:0px;

427
overflow:hidden;

428
margin-top:0px;

429
margin-left:15px;

430
position:relative;

431
display:inline-block;

432
border:3px solid {color:Post Border};

433
}

434
 

435
#two{

436
width:65px;

437
z-index:99;

438
overflow:hidden;

439
margin-top:0px;

440
padding-bottom:0px;

441
margin-left:0px;

442
position:relative;

443
display:inline-block;

444
border:3px solid {color:Post Border};

445
}

446
 

447
#three{

448
width:65px;

449
height:auto;

450
z-index:99;

451
overflow:hidden;

452
margin-top:0px;

453
margin-left:-1px;

454
position:relative;

455
display:inline-block;

456
border:3px solid {color:Post Border};

457
}

458
459
#links {

460
margin-left:0px;

461
margin-top:163px;

462
width:250px;

463
z-index:9999999999999999;

464
height:15px;

465
text-align:center;

466
position:fixed;

467
{block:IfUppercaseText}

468
text-transform:uppercase;

469
{/block:IfUppercaseText}

470
{block:IfNotUppercaseText}

471
text-transform:normal;

472
{/block:IfNotUppercaseText}

473
-webkit-transition:all 0.5s;

474
-moz-transition:all 0.5s;

475
-ms-transition:all 0.5s;

476
-o-transition:all 0.5s;

477
transition:all 0.5s;

478
}

479
 

480
#links a{

481
display:inline-block;

482
font-family: 'Anton', sans-serif;

483
line-height:11px;

484
text-align:center;

485
margin:2.5px;

486
width:9px;height:9px;

487
background:{color:Contra Accent};

488
color:{color:Text};

489
border:1px solid {color:Post Border};

490
font-size:8px;

491
-moz-transition:all 0.5s;

492
-ms-transition:all 0.5s;

493
-o-transition:all 0.5s;

494
transition:all 0.5s;

495
}

496
 

497
{block:IfNot5AccentColours}

498
#links a {background:{color:Alternative Accent};}

499
#links a:hover {background:{color:Sidebar};color:{color:Links};}

500
{/block:IfNot5AccentColours}

501
 

502
{block:If5AccentColours}

503
#links a:hover:nth-child(5n+1){background:{color:Accent 1};}

504
#links a:hover:nth-child(5n+2){background:{color:Accent 2};}

505
#links a:hover:nth-child(5n+3){background:{color:Accent 3};}

506
#links a:hover:nth-child(5n+4){background:{color:Accent 4};}

507
#links a:hover:nth-child(5n+5){background:{color:Accent 5};}

508
509
#links a:hover{

510
color:{color:Contra Accent};

511
-moz-transition:all 0.5s;

512
-ms-transition:all 0.5s;

513
-o-transition:all 0.5s;

514
transition:all 0.5s;}

515
{/block:If5AccentColours}

516
517
#title {

518
padding:3px 2px;

519
background:{color:Contra Accent};

520
z-index:9999999;

521
margin-bottom:8px;

522
border:1px solid {color:Post Border};

523
line-height:11px;

524
display:block;

525
width:211px;

526
margin-top:12px;

527
margin-left:15px;

528
position:relative;

529
letter-spacing:0.5px;

530
text-align:center;

531
font-family: 'Montserrat', sans-serif;

532
font-size:11px;

533
color:{color:Links};

534
font-weight:bold;

535
{block:IfUppercaseText}

536
text-transform:uppercase;

537
{/block:IfUppercaseText}

538
{block:IfNotUppercaseText}

539
text-transform:normal;

540
{/block:IfNotUppercaseText}

541
-webkit-transition:all 0.7s;

542
-moz-transition:all 0.7s;

543
-ms-transition:all 0.7s;

544
-o-transition:all 0.7s;

545
transition:all 0.7s;

546
}

547
548
{block:If5AccentColours}#title:first-letter {color:{color:Accent 1};}{/block:If5AccentColours}{block:IfNot5AccentColours}#title:first-letter {color:{color:Alternative Accent};}{/block:IfNot5AccentColours}

549
550
#description {

551
color:{color:Text};

552
{block:IfUppercaseText}

553
text-transform:uppercase;

554
{/block:IfUppercaseText}

555
{block:IfNotUppercaseText}

556
text-transform:normal;

557
{/block:IfNotUppercaseText}

558
font-family:{font:General Font};

559
font-size:{text:General Font Size};

560
line-height:10.5px;

561
position:fixed;

562
width:216px;

563
margin-left:15px;

564
z-index:99999999999999999999999999999;

565
text-align:justify;

566
-moz-transition:all 0.5s;

567
-ms-transition:all 0.5s;

568
-o-transition:all 0.5s;

569
transition:all 0.5s;

570
}

571
572
/* --- PAGINATION ---*/

573
 

574
.pagination {

575
position:fixed;

576
display:block;

577
bottom:25px;

578
width:250px;

579
overflow:hidden;

580
text-align:center;

581
z-index:9999999999999;

582
color:{color:Links};

583
{block:IndexPage}display:block;{/block:IndexPage}

584
{block:PermalinkPage}display:none;{/block:PermalinkPage}

585
{block:IfInfiniteScroll}display:none;{block:IfInfiniteScroll}

586
{block:IfNotInfiniteScroll}display:block;{block:IfNotInfiniteScroll}

587
text-transform:uppercase;

588
-webkit-transition:all 0.9s;

589
-moz-transition:all 0.9s;

590
-ms-transition:all 0.9s;

591
-o-transition:all 0.9s;

592
transition:all 0.9s;

593
}

594
595
.pagination a{

596
display:inline-block;

597
color:{color:Links};

598
background-color:{color:Contra Accent};

599
border:1px solid {color:Post Border};

600
margin:2px 1px;

601
padding:1px 5px;

602
text-align:center;

603
font-family:'open sans', 'helvetica neue', arial, sans-serif;

604
font-size:{text:General Font Size};}

605
 

606
.current {line-height:18px;border:1px solid {color:Post Border};font-size:{text:General Font Size};padding:0px 5px;margin:8px 1px;background-color:{color:Contra Accent};color:{color:Links};}

607
 

608
.pagination a:hover{padding:1px 70px;background-color:{color:Contra Accent};color:{color:Links};}

609
  

610
/* --- PAGINATION ---*/

611
612
/* --- SIDEBAR ---*/

613
614
/* --- INFO SECTION ---*/

615
616
#info {margin-top:0px;padding:4px;height:77px;

617
margin-bottom:-87px;

618
margin-left:-35px;width:17px;

619
{block:ifNotOneColumn}text-align:center;{/block:ifNotOneColumn}

620
{block:ifOneColumn}text-align:right;{/block:ifOneColumn}

621
position:relative;display:block;z-index:0;border:1px solid {color:Post Border};{block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}}

622
623
624
#info a {font-family: 'Anton', sans-serif;text-align:center;

625
font-size:8px;line-height:14px;display:block;width:13px;height:13px;margin:2px;background:{color:Contra Accent};color:{color:Text};

626
-webkit-transition:all 0.4s;

627
-moz-transition:all 0.4s;

628
-ms-transition:all 0.4s;

629
-o-transition:all 0.4s;

630
transition:all 0.4s;      

631
}

632
633
{block:IfBlackandWhitePosts}

634
#info a {background:{color:Alternative Accent};}

635
{/block:IfBlackandWhitePosts}

636
637
{block:IfNotBlackandWhitePosts}

638
{block:If5AccentColours}

639
#info a:hover:nth-child(5n+1){background:{color:Accent 1}}

640
#info a:hover:nth-child(5n+2){background:{color:Accent 2};}

641
#info a:hover:nth-child(5n+3){background:{color:Accent 3};}

642
#info a:hover:nth-child(5n+4){background:{color:Accent 4};}

643
#info a:hover:nth-child(5n+5){background:{color:Accent 5};}

644
{/block:If5AccentColours}

645
646
{block:IfNot5AccentColours}

647
#info a{background:{color:Alternative Accent};}

648
{/block:IfNot5AccentColours}

649
{/block:IfNotBlackandWhitePosts}

650
651
#info a:hover{color:{color:Contra Accent};padding:0px 6px;margin-left:-4px;

652
-webkit-transition:all 0.4s;

653
-moz-transition:all 0.4s;

654
-ms-transition:all 0.4s;

655
-o-transition:all 0.4s;

656
transition:all 0.4s;    

657
}

658
659
.post-meta {

660
margin-left:0px;

661
margin-bottom:8px;

662
display:block;

663
width:auto;

664
border:1px solid {color:Post Border};

665
height:20px;

666
background:{color:Links};

667
z-index:99999999999999999999999999;

668
}

669
 

670
.post-meta .type {

671
float:left;

672
padding:1px 8px;

673
text-align:left;

674
line-height:10px;

675
}

676
 

677
.post-meta .type a {

678
color:white;

679
display:inline-block;

680
text-align:left;

681
font-family:{text:General Font};

682
font-size:{text:General Font Size};

683
margin:2px 1px 2px 1px;

684
{block:IfUppercaseText}

685
text-transform:uppercase;

686
{/block:IfUppercaseText}

687
{block:IfNotUppercaseText}

688
text-transform:normal;

689
{/block:IfNotUppercaseText}

690
text-decoration: none;

691
}

692
 

693
#button {

694
display:inline-block;

695
position:absolute;

696
text-align:left;

697
margin-top:1px;

698
z-index:999999999999999999999;

699
width:auto;

700
-webkit-transition:all 0.5s;

701
-moz-transition:all 0.5s;

702
-ms-transition:all 0.5s;

703
-o-transition:all 0.5s;

704
transition:all 0.5s;

705
}

706
 

707
#button a {

708
display:inline-block;

709
text-align:left;

710
color:{color:Links};

711
background:{color:Contra Accent};

712
width:auto;

713
padding:1px 5px;

714
}

715
716
#button a:hover {

717
-webkit-transition:all 0.5s;

718
-moz-transition:all 0.5s;

719
-ms-transition:all 0.5s;

720
-o-transition:all 0.5s;

721
transition:all 0.5s;

722
background:transparent;

723
color:{color:Contra Accent};    

724
}

725
726
.tags {

727
display:block;margin-top:7px;margin-bottom:0px;

728
border:1px solid {color:Post Border};

729
height:auto;

730
padding:0px 7px;

731
background:{color:Post Background};

732
{block:IndexPage}{block:ifNotOneColumn}text-align:center;{/block:ifNotOneColumn}{block:ifOneColumn}text-align:right;{/block:ifOneColumn}{/block:IndexPage}

733
{block:PermalinkPage}text-align:right;{/block:PermalinkPage}

734
position:relative;

735
z-index:99;

736
-webkit-transition:all 0.5s;

737
-moz-transition:all 0.5s;

738
-ms-transition:all 0.5s;

739
-o-transition:all 0.5s;

740
transition:all 0.5s;

741
}

742
  

743
.tags a {

744
font-family:{text:General Font};

745
font-size:{text:General Font Size};

746
font-style:normal;

747
display:inline-block;

748
line-height:12px;

749
text-align:left;

750
color:{color:Links};

751
background:{color:Post Background};

752
width:auto;

753
margin:3px 2px;

754
padding:0.5px 5px;

755
text-align:right;

756
text-transform:uppercase;}  

757
758
{block:IfNot5AccentColours}

759
.tags a:hover {background:{color:Alternative Accent};color:white;}

760
{/block:IfNot5AccentColours}

761
762
{block:If5AccentColours}

763
.tags a:hover:nth-child(5n+1)

764
{color:{color:Contra Accent};background:{color:Accent 1};}

765
.tags a:hover:nth-child(5n+2)

766
{color:{color:Contra Accent};background:{color:Accent 2};}

767
.tags a:hover:nth-child(5n+3)

768
{color:{color:Contra Accent};background:{color:Accent 3};}

769
.tags a:hover:nth-child(5n+4)

770
{color:{color:Contra Accent};background:{color:Accent 4};}

771
.tags a:hover:nth-child(5n+5)

772
{color:{color:Contra Accent};background:{color:Accent 5};}

773
{/block:If5AccentColours}

774
775
/* --- INFO SECTION ---*/

776
777
/* --- QUOTES ---*/

778
779
.quote {

780
padding:0px;

781
font-family: 'Montserrat', sans-serif;

782
font-size:14px;

783
text-align:right;

784
color:{color:Links};

785
}

786
787
.quote:first-letter{

788
padding:0px;

789
font-family: 'Montserrat', sans-serif;

790
font-size:14px;

791
text-transform:uppercase;

792
color:{color:Links};

793
}

794
 

795
.quote-source {

796
text-align:right;

797
margin-top:-3px;

798
font-weight:bold;

799
color:{color:Text};

800
padding-top:5px;

801
text-transform:uppercase;

802
font-size:{font:General Font Size};

803
font-family:{font:General Font};

804
}

805
806
.quote-source a{

807
text-align:right;

808
font-weight:bold;

809
text-transform:uppercase;

810
font-size:{font:General Font Size};

811
font-family:{font:General Font};

812
}

813
814
/* --- QUOTES ---*/

815
816
/* --- CHATS ---*/

817
   

818
ul.chat {

819
margin:0px;

820
padding:0px;

821
}

822
 

823
.chat li {

824
list-style-type:none;

825
margin-left:0px;

826
padding:4px;

827
}

828
 

829
.odd .label {

830
color:{color:Accent 1};

831
}

832
 

833
.even .label {

834
color:{color:Accent 2};

835
}

836
 

837
.label {

838
font-weight:bold;

839
text-transform:uppercase;

840
letter-spacing:1px;

841
font-size:{font:General Font Size};

842
}

843
 

844
.chat li.odd {

845
background-color:{color:Background};

846
margin-bottom:1px;

847
}

848
 

849
.chat li.even {

850
background-color:{color:Post Background};

851
opacity:1;

852
margin-bottom:1px;

853
}

854
 

855
/* --- CHATS ---*/

856
 

857
/* --- AUDIO PLAYER ---*/

858
 

859
#audio {

860
position:relative;

861
min-height:60px;}

862
 

863
#audioimage {

864
width:60px;

865
height:60px;

866
position:absolute;

867
z-index:2;}

868
 

869
#audioimage img {

870
margin-left:0px;

871
}

872
 

873
#audiobackground {

874
margin-top:5px;  

875
margin-left:5px;

876
width:50px;

877
height:50px;

878
z-index:3;

879
position:absolute;

880
opacity:0.3;

881
background-color:white;

882
-webkit-transition:all 0.6s ease-out;

883
-moz-transition:all 0.6s ease-out;

884
transition:all 0.6s ease-out;}

885
 

886
#audiobackground:hover {

887
opacity:0.8;

888
transform:rotate(360deg);

889
-ms-transform:rotate(360deg);

890
-webkit-transform:rotate(360deg);

891
background-color:white;

892
-webkit-transition:all 0.6s ease-out;

893
-moz-transition:all 0.6s ease-out;

894
transition:all 0.6s ease-out;}

895
 

896
#audioplayer {

897
width:20px;

898
height:20px;

899
margin-top:11px;

900
margin-left:11px;

901
overflow:hidden;}

902
 

903
#audiobig {

904
{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}width:250px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:400px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:500px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}

905
height:52px;

906
padding-top:8px;

907
overflow:hidden;}

908
 

909
#audioinfo {

910
font-size:{font:General Font Size};

911
font-family:{font:General Font};

912
color:{color:Text};

913
text-transform:uppercase;

914
{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}width:170px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:320px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:420px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:420px;{/block:PermalinkPage}

915
display:inline-block;

916
margin:0.5px;

917
margin-left:73px;

918
text-align:left;

919
}

920
 

921
#audioinfo b{

922
color:{color:Text};

923
padding:0.5px 1px 0.5px 2px;

924
-webkit-transition: all 0.6s;

925
-moz-transition: all 0.6s;

926
-ms-transition:all 0.6s;

927
-o-transition: all 0.6s;

928
transition: all 0.6s;

929
}

930
 

931
#audioinfo:hover b{

932
margin-left:20px;

933
color:{color:Post Border};

934
margin-right:4px;

935
background:{color:Links};

936
-webkit-transition: all 0.6s;

937
-moz-transition: all 0.6s;

938
-ms-transition:all 0.6s;

939
-o-transition: all 0.6s;

940
transition: all 0.6s;}

941
 

942
/* --- AUDIO PLAYER ---*/

943
 

944
/* --- QUESTIONS ---*/

945
 

946
#question  {

947
padding:10px 20px;

948
border:2px solid {color:Links};

949
}

950
951
#question:first-letter {color:{color:Accent 1};font-weight:bold;}

952
 

953
#asker  {

954
text-align:right;

955
background:{color:Links};

956
text-transform:uppercase;

957
font-size:{font:General Font Size};

958
font-family:{font:General Font};

959
color:{color:Contra Accent};

960
height:10px;

961
margin-bottom:5px;

962
padding-right:5px;

963
line-height:9px;

964
}

965
 

966
#asker a{

967
text-align:right;

968
color:white;

969
font-weight: bold;

970
font-size:{font:General Font Size};

971
font-family:{font:General Font};

972
text-transform:uppercase;

973
}

974
 

975
#answer{padding-left:10px;}

976
 

977
/* --- QUESTIONS ---*/

978
979
/* --- PAGE PAGINATION ---*/

980
 

981
.pagepagination{

982
position:absolute;

983
width:530px;

984
margin-top:65px;

985
margin-left:0px;

986
margin-right:auto;

987
}

988
 

989
.pagepagination a{

990
display:inline-block;

991
color:#ffffff;

992
{block:IfUppercaseText}

993
text-transform:uppercase;

994
{/block:IfUppercaseText}

995
{block:IfNotUppercaseText}

996
text-transform:normal;

997
{/block:IfNotUppercaseText}

998
font-family:calibri;

999
font-size:10px;

1000
text-decoration:none;

1001
padding:0 2% 0 2%;

1002
background:{color:Links};

1003
}

1004
 

1005
.pagepagination a:hover {

1006
color:{color:Links};

1007
background:{color:Post Background};

1008
-webkit-transition: all 0.6s;

1009
-moz-transition: all 0.6s;

1010
-ms-transition:all 0.6s;

1011
-o-transition: all 0.6s;

1012
transition: all 0.6s;

1013
}

1014
 

1015
/* --- PAGE PAGINATION ---*/

1016
1017
/* --- NOTES ---*/

1018
 

1019
.pagenotes a {text-decoration:none;font-family:{font:General Font};background:none;color:{color:Links};}

1020
 

1021
ol.notes {

1022
text-align:left;

1023
font-size:10px;

1024
font-family:{font:General Font};

1025
height:auto;

1026
font-weight:bold;

1027
{block:IfUppercaseText}

1028
text-transform:uppercase;

1029
{/block:IfUppercaseText}

1030
{block:IfNotUppercaseText}

1031
text-transform:normal;

1032
{/block:IfNotUppercaseText}

1033
margin-top:40px;

1034
list-style-type:upper-roman;

1035
}

1036
 

1037
ol.notes li.note {

1038
padding:5px;

1039
color:{color:Links};

1040
background:{color:Post Background};

1041
border:1px solid {color:Post Border};

1042
margin:2px 0px;

1043
font-size:{font:General Font Size};

1044
font-family:{font:General Font};

1045
{block:IfUppercaseText}

1046
text-transform:uppercase;

1047
{/block:IfUppercaseText}

1048
{block:IfNotUppercaseText}

1049
text-transform:normal;

1050
{/block:IfNotUppercaseText}

1051
width:478px;

1052
list-style-type:upper-roman;

1053
-webkit-transition: all 0.6s;

1054
-moz-transition: all 0.6s;

1055
-ms-transition:all 0.6s;

1056
-o-transition: all 0.6s;

1057
transition: all 0.6s;

1058
}

1059
1060
{block:IfNot5AccentColours}

1061
1062
ol.notes li.note:hover {

1063
color:{color:Links};

1064
box-shadow:inset 500px 0px 0px {color:Alternative Accent};

1065
-webkit-transition: all 0.6s;

1066
-moz-transition: all 0.6s;

1067
-ms-transition:all 0.6s;

1068
-o-transition: all 0.6s;

1069
transition: all 0.6s;

1070
}

1071
1072
{/block:IfNot5AccentColours}

1073
1074
{block:If5AccentColours}

1075
1076
ol.notes li.note:hover:nth-child(5n+1){color:white;box-shadow:inset 500px 0px 0px {color:Accent 1};}

1077
ol.notes li.note:hover:nth-child(5n+2){color:white;box-shadow:inset 500px 0px 0px {color:Accent 2};}

1078
ol.notes li.note:hover:nth-child(5n+3){color:white;box-shadow:inset 500px 0px 0px {color:Accent 3};}

1079
ol.notes li.note:hover:nth-child(5n+4){color:white;box-shadow:inset 500px 0px 0px {color:Accent 4};}

1080
ol.notes li.note:hover:nth-child(5n+5){color:white;box-shadow:inset 500px 0px 0px {color:Accent 5};}

1081
1082
{/block:If5AccentColours}

1083
 

1084
ol.notes li.note a{

1085
font-size:{font:General Font Size};

1086
font-family:{font:General Font};

1087
{block:IfUppercaseText}

1088
text-transform:uppercase;

1089
{/block:IfUppercaseText}

1090
{block:IfNotUppercaseText}

1091
text-transform:normal;

1092
{/block:IfNotUppercaseText}

1093
}

1094
1095
li.note:hover a {

1096
color:{color:Post Background};

1097
-webkit-transition: all 0.6s;

1098
-moz-transition: all 0.6s;

1099
-ms-transition:all 0.6s;

1100
-o-transition: all 0.6s;

1101
transition: all 0.6s;

1102
}

1103
 

1104
ol.notes li.note img.avatar {

1105
width:0px;

1106
height:0px;

1107
}

1108
 

1109
/* --- NOTES ---*/

1110
1111
/* --- SELECTION ---*/

1112
 

1113
::selection {

1114
background-color:{color:Links};

1115
color:{color:Contra Accent};

1116
border-radius:2px;

1117
padding:2px;

1118
}

1119
 

1120
::-moz-selection {

1121
background-color:{color:Links};

1122
color:{color:Contra Accent};

1123
border-radius:2px;

1124
padding:2px;

1125
}  

1126
 

1127
/* --- SELECTION ---*/

1128
    

1129
/* --- DON´T DELETE THE CREDIT PLEASE ---*/

1130
 

1131
.credit, .credit a {

1132
width:12px;

1133
height:12px;

1134
bottom:7px;

1135
right:10px;

1136
padding:2px;

1137
font-size:8px;

1138
letter-spacing:1px;

1139
color:white;

1140
z-index:1;

1141
line-height:12px;

1142
position:fixed;

1143
display:block;

1144
text-align:center;

1145
font-family:calibri;

1146
text-decoration:none;

1147
text-transform:uppercase;

1148
background-color:{color:Accent 1};

1149
border:1px solid #cccccc;

1150
z-index:999999999999999999999999999999999999999;

1151
-webkit-transition: all 0.5s ease-in-out;

1152
-moz-transition: all 0.5s ease-in-out;

1153
-o-transition: all 0.5s ease-in-out;

1154
transition: all 0.5s ease-in-out;

1155
}

1156
 

1157
.credit a:hover {

1158
-webkit-transition: all 0.5s ease-in-out;

1159
-moz-transition: all 0.5s ease-in-out;

1160
-o-transition: all 0.5s ease-in-out;

1161
transition: all 0.5s ease-in-out;

1162
background-color:black;

1163
color:white;

1164
transform:rotate(360deg);

1165
-ms-transform:rotate(360deg);

1166
-webkit-transform:rotate(360deg);}

1167
 

1168
/* --- DON´T DELETE THE CREDIT PLEASE ---*/

1169
1170
/* --- UPDATES TAB ---*/

1171
/* UPDATES TAB */

1172
1173
#tab15 {

1174
position:fixed;

1175
left:10px;

1176
top:8px;

1177
width:130px; 

1178
padding:10px;

1179
z-index:99999999999999999999999999999;

1180
font-size:{font:General Font Size};

1181
font-family:{font:General Font};

1182
{block:IfUppercaseText}

1183
text-transform:uppercase;

1184
{/block:IfUppercaseText}

1185
{block:IfNotUppercaseText}

1186
text-transform:normal;

1187
{/block:IfNotUppercaseText}

1188
}

1189
1190
#tab15 a{

1191
text-decoration:none;

1192
color:{color:Links};

1193
-webkit-transition: all 0.5s ease-in-out;

1194
-moz-transition: all 0.5s ease-in-out;

1195
-o-transition: all 0.5s ease-in-out;

1196
transition: all 0.5s ease-in-out;

1197
}

1198
 

1199
#tab15 a:hover{

1200
background:none;

1201
color:{color:Alternative Accent};

1202
-webkit-transition: all 0.5s ease-in-out;

1203
-moz-transition: all 0.5s ease-in-out;

1204
-o-transition: all 0.5s ease-in-out;

1205
transition: all 0.5s ease-in-out;

1206
}

1207
1208
.tab15textbox {

1209
width:99px;

1210
height:0px;

1211
padding:0px 10px;

1212
line-height:110%;

1213
margin-left:5px;

1214
margin-bottom:5px;

1215
overflow:hidden;

1216
border:1px solid {color:Post Border};

1217
opacity:1;

1218
background:{color:Post Background};

1219
text-align:left;

1220
-webkit-transition:0.5s;

1221
-moz-transition:0.5s;

1222
-ms-transition:0.5s;

1223
-o-transition:0.5s;

1224
transition:0.5s;

1225
}

1226
1227
.click1 .tab15textbox {

1228
opacity:1;

1229
overflow:hidden;

1230
padding:10px 10px;

1231
height:120px;

1232
}

1233
1234
.click1 #tab15line1 {

1235
{block:IfNot5AccentColours}

1236
background:{color:Alternative Accent};color:{color:Contra Accent};

1237
{/block:IfNot5AccentColours}

1238
{block:If5AccentColours}

1239
background:{color:Accent 1};color:{color:Contra Accent};

1240
{/block:If5AccentColours}

1241
}

1242
1243
.click1 #tab15line2 {

1244
{block:IfNot5AccentColours}

1245
background:{color:Alternative Accent};color:{color:Contra Accent};

1246
{/block:IfNot5AccentColours}

1247
{block:If5AccentColours}

1248
background:{color:Accent 2};color:{color:Contra Accent};

1249
{/block:If5AccentColours}

1250
}

1251
1252
.click1 #tab15line3 {

1253
{block:IfNot5AccentColours}

1254
background:{color:Alternative Accent};color:{color:Contra Accent};

1255
{/block:IfNot5AccentColours}

1256
{block:If5AccentColours}

1257
background:{color:Accent 3};color:{color:Contra Accent};

1258
{/block:If5AccentColours}

1259
}

1260
1261
.click1 #tab15line4 {

1262
{block:IfNot5AccentColours}

1263
background:{color:Alternative Accent};color:{color:Contra Accent};

1264
{/block:IfNot5AccentColours}

1265
{block:If5AccentColours}

1266
background:{color:Accent 4};color:{color:Contra Accent};

1267
{/block:If5AccentColours}

1268
}

1269
1270
.click1 #tab15line5 {

1271
{block:IfNot5AccentColours}

1272
background:{color:Alternative Accent};color:{color:Contra Accent};

1273
{/block:IfNot5AccentColours}

1274
{block:If5AccentColours}

1275
background:{color:Accent 5};color:{color:Contra Accent};

1276
{/block:If5AccentColours}

1277
}

1278
1279
/* UPDATES TAB */

1280
1281
/* --- UPDATES TAB BOX 1 ---*/

1282
1283
#tab15line1 {

1284
height:14px;

1285
width:111px;

1286
margin-top:0px;

1287
display: inline-block;

1288
float:left;

1289
margin-bottom:3px;

1290
line-height:14.5px;

1291
margin-left:5px;

1292
color:{color:Links};

1293
text-align:left;

1294
letter-spacing:1px;

1295
background:{color:Post Background};

1296
font-size:{font:General Font Size};

1297
padding-left:6px;

1298
border-left:4px solid {color:Links};

1299
-webkit-transition:0.5s;

1300
-moz-transition:0.5s;

1301
-ms-transition:0.5s;

1302
-o-transition:0.5s;

1303
transition:0.5s;

1304
}

1305
1306
#tab15line1:hover {

1307
{block:IfNot5AccentColours}

1308
box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};

1309
{/block:IfNot5AccentColours}

1310
{block:If5AccentColours}

1311
box-shadow:inset 118px 0px 0 {color:Accent 1};color:{color:Contra Accent};

1312
{/block:If5AccentColours}

1313
-webkit-transition:0.5s;

1314
-moz-transition:0.5s;

1315
-ms-transition:0.5s;

1316
-o-transition:0.5s;

1317
transition:0.5s;

1318
}

1319
1320
/* --- UPDATES TAB BOX 1 ---*/

1321
1322
/* --- UPDATES TAB BOX 2 ---*/

1323
1324
#tab15line2 {

1325
height:14px;

1326
width:111px;

1327
margin-top:-2px;

1328
display: inline-block;

1329
float:left;

1330
margin-bottom:3px;

1331
line-height:14.5px;

1332
margin-left:5px;

1333
color:{color:Links};

1334
text-align:left;

1335
letter-spacing:1px;

1336
background:{color:Post Background};

1337
font-size:{font:General Font Size};

1338
padding-left:6px;

1339
border-left:4px solid {color:Links};

1340
-webkit-transition:0.5s;

1341
-moz-transition:0.5s;

1342
-ms-transition:0.5s;

1343
-o-transition:0.5s;

1344
transition:0.5s;

1345
}

1346
1347
#tab15line2:hover {

1348
{block:IfNot5AccentColours}

1349
box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};

1350
{/block:IfNot5AccentColours}

1351
{block:If5AccentColours}

1352
box-shadow:inset 118px 0px 0 {color:Accent 2};color:{color:Contra Accent};

1353
{/block:If5AccentColours}

1354
-webkit-transition:0.5s;

1355
-moz-transition:0.5s;

1356
-ms-transition:0.5s;

1357
-o-transition:0.5s;

1358
transition:0.5s;

1359
}

1360
1361
/* --- UPDATES TAB BOX 2 ---*/

1362
1363
/* --- UPDATES TAB BOX 3 ---*/

1364
1365
#tab15line3 {

1366
height:14px;

1367
width:111px;

1368
margin-top:-2px;

1369
display: inline-block;

1370
float:left;

1371
margin-bottom:3px;

1372
line-height:14.5px;

1373
margin-left:5px;

1374
color:{color:Links};

1375
text-align:left;

1376
letter-spacing:1px;

1377
background:{color:Post Background};

1378
font-size:{font:General Font Size};

1379
padding-left:6px;

1380
border-left:4px solid {color:Links};

1381
-webkit-transition:0.5s;

1382
-moz-transition:0.5s;

1383
-ms-transition:0.5s;

1384
-o-transition:0.5s;

1385
transition:0.5s;

1386
}

1387
1388
#tab15line3:hover {

1389
{block:IfNot5AccentColours}

1390
box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};

1391
{/block:IfNot5AccentColours}

1392
{block:If5AccentColours}

1393
box-shadow:inset 118px 0px 0 {color:Accent 3};color:{color:Contra Accent};

1394
{/block:If5AccentColours}

1395
-webkit-transition:0.5s;

1396
-moz-transition:0.5s;

1397
-ms-transition:0.5s;

1398
-o-transition:0.5s;

1399
transition:0.5s;

1400
}

1401
1402
/* --- UPDATES TAB BOX 3 ---*/

1403
1404
/* --- UPDATES TAB BOX 4 ---*/

1405
1406
#tab15line4 {

1407
height:14px;

1408
width:111px;

1409
margin-top:-2px;

1410
display: inline-block;

1411
float:left;

1412
margin-bottom:3px;

1413
line-height:14.5px;

1414
margin-left:5px;

1415
color:{color:Links};

1416
text-align:left;

1417
letter-spacing:1px;

1418
background:{color:Post Background};

1419
font-size:{font:General Font Size};

1420
padding-left:6px;

1421
border-left:4px solid {color:Links};

1422
-webkit-transition:0.5s;

1423
-moz-transition:0.5s;

1424
-ms-transition:0.5s;

1425
-o-transition:0.5s;

1426
transition:0.5s;

1427
}

1428
1429
#tab15line4:hover {

1430
{block:IfNot5AccentColours}

1431
box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};

1432
{/block:IfNot5AccentColours}

1433
{block:If5AccentColours}

1434
box-shadow:inset 118px 0px 0 {color:Accent 4};color:{color:Contra Accent};

1435
{/block:If5AccentColours}

1436
-webkit-transition:0.5s;

1437
-moz-transition:0.5s;

1438
-ms-transition:0.5s;

1439
-o-transition:0.5s;

1440
transition:0.5s;

1441
}

1442
1443
/* --- UPDATES TAB BOX 4 ---*/

1444
1445
/* --- UPDATES TAB BOX 5 ---*/

1446
1447
#tab15line5 {

1448
height:14px;

1449
width:111px;

1450
margin-top:-2px;

1451
display: inline-block;

1452
float:left;

1453
margin-bottom:3px;

1454
line-height:14.5px;

1455
margin-left:5px;

1456
color:{color:Links};

1457
text-align:left;

1458
letter-spacing:1px;

1459
background:{color:Post Background};

1460
font-size:{font:General Font Size};

1461
padding-left:6px;

1462
border-left:4px solid {color:Links};

1463
-webkit-transition:0.5s;

1464
-moz-transition:0.5s;

1465
-ms-transition:0.5s;

1466
-o-transition:0.5s;

1467
transition:0.5s;

1468
}

1469
1470
#tab15line5:hover {

1471
{block:IfNot5AccentColours}

1472
box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};

1473
{/block:IfNot5AccentColours}

1474
{block:If5AccentColours}

1475
box-shadow:inset 118px 0px 0 {color:Accent 5};color:{color:Contra Accent};

1476
{/block:If5AccentColours}

1477
-webkit-transition:0.5s;

1478
-moz-transition:0.5s;

1479
-ms-transition:0.5s;

1480
-o-transition:0.5s;

1481
transition:0.5s;

1482
}

1483
1484
/* --- UPDATES TAB ---*/

1485
1486
{CustomCSS}</style>

1487
    

1488
</head><body>

1489
1490
{block:IfUpdatesTab}   

1491
1492
<script src="//code.jquery.com/jquery-1.10.2.js"></script>

1493
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

1494
   

1495
<script>

1496
$(document).ready(function(){

1497
  $(".updatesbox").click(function(){

1498
    $(this).toggleClass("click1");

1499
  });

1500
});

1501
</script>

1502
1503
<script>

1504
$(document).ready(function(){

1505
  $("#updates").mouseleave(function(){

1506
    $(".updatesbox").removeClass("click1");

1507
  });

1508
});

1509
</script> 

1510
1511
<div id="tab15">

1512
1513
<!-- UPDATES TAB BOX 1 START -->

1514
1515
<div class="updatesbox">

1516
<a title="click">

1517
<div id="tab15line1">Tab Box #1</div>

1518
</a>

1519
<div class="tab15textbox">

1520
{block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 1}";><FONT COLOR=#FFFFFF>TAB BOX 1</FONT></div>{/block:If5AccentColours}

1521
{block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 1</FONT></div>{/block:IfNot5AccentColours}</p>

1522
 

1523
This is where your text belongs.</p>

1524
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.

1525
New paragraph with < p > < / p > and a new line with < br > without the spaces</p>

1526
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>

1527
</div>

1528
</div>

1529
1530
<!-- UPDATES TAB BOX 1 END -->

1531
1532
<!-- UPDATES TAB BOX 2 START -->

1533
 

1534
<div class="updatesbox">

1535
<a title="click">

1536
<div id="tab15line2">Updates Tab #2</div>

1537
</a>

1538
<div class="tab15textbox">

1539
{block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 2}";><FONT COLOR=#FFFFFF>TAB BOX 2</FONT></div>{/block:If5AccentColours}

1540
{block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 2</FONT></div>{/block:IfNot5AccentColours}</p>

1541
 

1542
This is where your text belongs.</p>

1543
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.

1544
New paragraph with < p > < / p > and a new line with < br > without the spaces</p>

1545
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>

1546
</div>

1547
</div>

1548
1549
<!-- UPDATES TAB BOX 2 END -->

1550
1551
<!-- UPDATES TAB BOX 3 START -->

1552
 

1553
<div class="updatesbox">

1554
<a title="click">

1555
<div id="tab15line3">Tab Box #3</div>

1556
</a>

1557
<div class="tab15textbox">

1558
{block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 3}";><FONT COLOR=#FFFFFF>TAB BOX 3</FONT></div>{/block:If5AccentColours}

1559
{block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 3</FONT></div>{/block:IfNot5AccentColours}</p>

1560
 

1561
This is where your text belongs.</p>

1562
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.

1563
New paragraph with < p > < / p > and a new line with < br > without the spaces</p>

1564
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>

1565
</div>

1566
</div>

1567
1568
<!-- UPDATES TAB BOX 3 END -->

1569
1570
<!-- UPDATES TAB BOX 4 START -->

1571
 

1572
<div class="updatesbox">

1573
<a title="click">

1574
<div id="tab15line4">Updates Tab #4</div>

1575
</a>

1576
<div class="tab15textbox">

1577
{block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 4}";><FONT COLOR=#FFFFFF>TAB BOX 4</FONT></div>{/block:If5AccentColours}

1578
{block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 4</FONT></div>{/block:IfNot5AccentColours}</p>

1579
 

1580
This is where your text belongs.</p>

1581
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.

1582
New paragraph with < p > < / p > and a new line with < br > without the spaces</p>

1583
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>

1584
</div>

1585
</div>

1586
1587
<!-- UPDATES TAB BOX 4 END -->

1588
1589
<!-- UPDATES TAB BOX 5 START -->

1590
1591
<div class="updatesbox">

1592
<a title="click">

1593
<div id="tab15line5">Tab Box #5</div>

1594
</a>

1595
<div class="tab15textbox">

1596
{block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 5}";><FONT COLOR=#FFFFFF>TAB BOX 5</FONT></div>{/block:If5AccentColours}

1597
{block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 5</FONT></div>{/block:IfNot5AccentColours}</p>

1598
 

1599
This is where your text belongs.</p>

1600
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.

1601
New paragraph with < p > < / p > and a new line with < br > without the spaces</p>

1602
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>

1603
1604
<a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>

1605
</div>

1606
</div>

1607
   

1608
<!-- UPDATES TAB BOX 5 END -->   

1609
   

1610
</div>

1611
1612
{/block:IfUpdatesTab}

1613
1614
1615
<div id="header">

1616
<div id="image"><img src="{image:Header Image}"></div>

1617
</div>

1618
1619
<div id="sidebar">

1620
<div id="links">

1621
<a href="/" title="{text:Home Link}"> · </a>

1622
<a href="/ask" title="{text:Message Link}"> · </a>

1623
<a href="{text:Link1 Url}" title="{text:Link1 Name}"> · </a>

1624
<a href="{text:Link2 Url}" title="{text:Link2 Name}"> · </a>

1625
<a href="{text:Link3 Url}" title="{text:Link3 Name}"> · </a>

1626
<a href="{text:Link4 Url}" title="{text:Link4 Name}"> · </a>

1627
<a href="{text:Link5 Url}" title="{text:Link5 Name}"> · </a>

1628
<a href="{text:Link6 Url}" title="{text:Link6 Name}"> · </a>

1629
<a href="{text:Link7 Url}" title="{text:Link7 Name}"> · </a>

1630
<a href="{text:Link8 Url}" title="{text:Link8 Name}"> · </a>

1631
</div> 

1632
 

1633
<div id="images"> 

1634
<div id="one"><img width="300%" src="{image:Sidebar Image}"></div>

1635
<div id="two"><img width="300%" style="margin-left:-100%;" src="{image:Sidebar Image}"></div>

1636
<div id="three"><img width="300%" style="margin-left:-200%;" src="{image:Sidebar Image}"></div></div>

1637
1638
<div id="title">{Title}</div> 

1639
<div id="description">{Description}</div>

1640
1641
<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">Previous Page</a>{/block:PreviousPage}</br>{block:NextPage}<a href="{NextPage}">Next Page</a>{/block:NextPage}</div>{/block:Pagination} </div></div>

1642
1643
<div id="big">

1644
<div id="content">

1645
1646
{block:Posts}

1647
<article class="entries">

1648
1649
1650
<!----- INFO SECTION ----->

1651
1652
{block:Date}<div id="info"><a href="{Permalink}" title="Posted: {DayofMonth}. {Month} {Year} | {TimeAgo}">1</a><a href="{Permalink}" title="{NoteCountWithLabel}">{block:NoteCount}2</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="From: {ReblogParentName}" target="blank">3</a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source: {ReblogRootName}" target="blank">4</a>{/block:RebloggedFrom}{/block:Date}<a href="{ReblogURL}" title="Reblog" target="_blank">5</a></div>

1653
1654
<div class="post-meta"><div class="type"><div id="button">

1655
<a href="{Permalink}">{block:Text}Text{/block:Text}{block:Photo}Photo{/block:Photo}{block:Photoset}Photoset{/block:Photoset}{block:Quote}Quote{/block:Quote}{block:Link}Link{/block:Link}{block:Chat}Chat{/block:Chat}{block:Video}Video{/block:Video}{block:Audio}Audio{/block:Audio}{block:Answer}Question{/block:Answer}</a> <a href="{Permalink}">Permalink</a></div></div>

1656
    

1657
</div>

1658
1659
<!----- INFO SECTION ----->

1660
1661
<div class="post">

1662
<div class="po">

1663
1664
{block:ContentSource}

1665
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"

1666
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

1667
{/block:SourceLogo}

1668
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

1669
{/block:ContentSource}

1670
1671
<!----- TEXT / PHOTO / PHOTOSET ----->

1672
 

1673
{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="text">{Body}</div>{/block:Text}

1674
 

1675
{block:Photo}

1676
{LinkOpenTag}<div class="imgp"><img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/></div>{LinkCloseTag}{block:Caption}{block:ifShowCaptions}<span class="caption">{Caption}</span>{/block:ifShowCaptions}{/block:Caption}{/block:Photo}

1677
 

1678
{block:Photoset}

1679
<div class="imgp"><div class="pset">{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}{block:ifNot250pxPosts}{Photoset-400}{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}{Photoset-500}{/block:ifOneColumn}{/block:IndexPage}

1680
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div></div>{block:Caption}{block:ifShowCaptions}<span class="caption">{Caption}</span>{/block:ifShowCaptions}{/block:Caption}{/block:Photoset}

1681
1682
<!----- TEXT / PHOTO / PHOTOSET ----->

1683
1684
<!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->

1685
1686
{block:Quote}<div class="quote"><h2>{Quote}</h2></div>{block:Source}<div class="quote-source">{Source}</div>{/block:Source}{/block:Quote}

1687
 

1688
{block:Video}<div class="imgp"><div class="pset">{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}{Video-250}{/block:if250pxPosts}{block:ifNot250pxPosts}{Video-400}{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}{Video-500}{/block:ifOneColumn}{block:IndexPage}

1689
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div></div>

1690
{block:Caption}{block:ifShowCaptions}

1691
<span class="caption">{Caption}</span>

1692
{/block:ifShowCaptions}{/block:Caption}{/block:Video}

1693
 

1694
{block:Link}<a href="{URL}" target="_blank" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}{hw}

1695
 

1696
{block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}</p>{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;

1697
{Line}</li>{/block:Lines}</ul>{/block:Chat}

1698
 

1699
<!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->

1700
 

1701
<!----- AUDIO POSTS ----->

1702
 

1703
{block:Audio}

1704
<div id="audio">

1705
<div id="audiobackground"><div id="audioplayer">{AudioPlayer}</div></div>

1706
<img id="audioimage" style="max-width:60px;" img src="http://www.i2symbol.com/images/symbols/music/beamed_sixteenth_notes_u266C_icon_256x256.png"/>

1707
{block:AlbumArt}<img id="audioimage" style="max-width:60px;" src="{AlbumArtURL}" />{/block:AlbumArt}<div id="audiobig">

1708
{block:TrackName}<div id="audioinfo"><b>Track: </b>{TrackName}</div>{/block:TrackName}{block:Artist}<div id="audioinfo"><b>Artist: </b> {Artist}</div>{/block:Artist}{block:Album}<div id="audioinfo"><b>Album: </b>{Album}</div>{/block:Album}<div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>

1709
</div></div>{block:ifshowcaptions}

1710
<span class="caption">{Caption}</span>

1711
{/block:ifshowcaptions}

1712
{/block:Audio}

1713
 

1714
<!----- AUDIO POSTS ----->

1715
 

1716
<!----- ASKS POSTS ----->

1717
 

1718
{block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div></p><div id="answer">{Answer}</div>{/block:Answer}

1719
 

1720
<!----- ASKS POSTS ----->

1721
1722
</div></div> 

1723
1724
<!----- INFO SECTION ----->

1725
1726
<!----- INFO SECTION ----->

1727
1728
<!----- PAGE PAGINATION ----->

1729
 

1730
<div class="pagepagination">

1731
{block:PermalinkPagination}

1732
{block:PreviousPost}

1733
<a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>

1734
{/block:PreviousPost}

1735
{block:NextPost}

1736
<a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>

1737
{/block:NextPost}

1738
{/block:PermalinkPagination}

1739
</div>

1740
 

1741
<!----- PAGE PAGINATION ----->

1742
1743
{block:PermalinkPage}{block:HasTags}<div class="tags"><div style="width:510px;text-align:center;line-height:8px;margin-top:7px; padding:4px;background-color:{color:Links}";><FONT COLOR=#FFFFFF>TAGS:</FONT></div>{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}

1744
1745
<!----- NOTES ----->

1746
 

1747
{block:PostNotes}

1748
<div class="pagenotes">{PostNotes}</div>

1749
{/block:PostNotes}

1750
 

1751
<!----- NOTES ----->

1752
1753
{block:IndexPage}{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}

1754
    

1755
</article>{/block:Posts}</div>

1756
 

1757
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

1758
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>

1759
{block:IfInfiniteScroll}

1760
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

1761
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>

1762
{/block:IfInfiniteScroll}

1763
 

1764
<script>

1765
(function() {

1766
    var $tumblelog = $('#content');

1767
    {block:IfInfiniteScroll}

1768
    $tumblelog.infinitescroll({

1769
        navSelector  : ".pagination",            

1770
        nextSelector : ".pagination a:first",    

1771
        itemSelector : "article",

1772
        bufferPx     : 50,

1773
        done : "",

1774
        loading: {

1775
            finishedMsg: "<p> </p>",

1776
            img : " ",

1777
            msg: null,

1778
            msgText: "<p> </p>"

1779
        },

1780
    },

1781
      function( newElements ) {

1782
            var $newElems = $( newElements ).css({ opacity: 0 });

1783
            $newElems.imagesLoaded(function(){

1784
                $newElems.animate({ opacity: 1 });

1785
                $tumblelog.masonry( 'appended', $newElems);

1786
            });

1787
          }

1788
    );

1789
    {/block:IfInfiniteScroll}

1790
    $tumblelog.imagesLoaded( function(){

1791
      $tumblelog.masonry({

1792
        columnWidth: function( containerWidth ) {

1793
            return containerWidth / 100;

1794
          }

1795
      });

1796
    });

1797
})();

1798
</script><script>

1799
var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];

1800
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];

1801
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';

1802
s.parentNode.insertBefore(g,s)}(document,'script'));

1803
</script>

1804
1805
<span class="credit">

1806
<a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>

1807
 

1808
</body></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!